Урок 05. Создание рамки вокруг изображения

Сейчас мы попробуем сделать простейшую рамку вокруг нашего фонового рисунка. В этом случае наш слайд будет выглядеть более законченным.

Открыть изображение

по аналогии с предыдущим уроком.

Изменить размер изображения до 1024х768 точек

Войти в пункт Image (изображение) главного меню, выбрать пункт Image size (размер изображения)

как установить размер изображения в Adobe Photoshop1. установить галочку Constrain Proportions (сохранить пропорции)

2. установить Resolution (разрешение) 72 pixel/inch

3. установить Width (ширина), равную 1024 pixels

4. Height (высота) должна установиться автоматически 768 pixels

5. нажать кнопку Ok

В некоторых случаях, когда изображение изначально имело другую пропорцию, высота может установиться автоматически в другое значение. В этом случае нужно временно отключить галочку Resolution (разрешение), затем установить нужные значения ширины и высоты и нажать Ok.

После нажатия на кнопку Ok изображение становится таким, какое оно должно быть для использования его в качестве фона.

Выделить прямоугольную область в центре изображения

1. выбрать инструмент Прямоугольная область

2. установить значение 0 px

3. выбрать Fixed Size

4. установить ширину 964 px и высоту 708 px (это 1024 - 60 и 768 - 60 - таким образом ширина рамки с каждой стороны составит 30 px. Если требуется бОльшая или меньшая ширина, нужно ввести соответственно бОльшие или меньшие значения ширины и высоты).

Установить направляющие, проходящие через центр изображения

установка направляющих линий в Adobe PhotoshopВойти в пункт View (вид) главного меню, выбрать New guide (новая направляющая)

1. установите значение 50%

2. выберите Vertical

3. нажмите Ok

Повторите снова всю операцию, только вместо Vertical выберите Horizontal

В результате появились две линии, пересекающиеся в центре изображения

 

установленные направляющие линии показали центр изображения

Далее, имея выбранным инструмент Прямоугольная область, кликнуть и, удерживая в нажатом состоянии левую клавишу мыши, выделить центральный фрагмент изображения. Вы сами заметите, что центр выделяемой области стремится совместиться с точкой пересечения направляющих линий:

 

выделен центральный фрагмент изображения

Почему мы выполняли столь сложную цепочку действий? Почему нельзя было просто выделить область вручную?

Дело в том, что при этом мы имели бы рамку, края которой были бы неодинаковы. Это выглядит неряшливо, поэтому, для обеспечения максимального качества результата мы прибегли к прямоугольной области с заданным размером, которую установили точно в центр изображения.

Теперь выберите значение Normal вместо Fixed Size в окошке Style панели настройки инструмента Прямоугольная область. Это обычное состояние данного инструмента.

Инверсия выделенной области

Теперь у нас выделена центральная часть изображения. Но для создания рамки нам надо выделить не ее, а то у часть картинки, которая сейчас как раз не выделена, то есть края изображения.

Для того, чтобы инвертировать выделение (то есть сделать выделенным то, что не выделено и наоборот) мы должны нажать комбинацию клавиш Shift - Ctrl - I

В результате вы увидите, что выделена именно та часть изображения, которая должна стать его рамкой.:

инвертирование выделения в Adobe Photoshop

 

Копирование выделенной области на новый слой

Для того, чтобы как-то выделить рамку из общего изображения необходимо скопировать ее на новый слой. В этом случае у нас появляются большие возможность по обработке рамки отдельно от фонового изображения и наоборот.

Выбрать инструмент Прямоугольная область

Указать маркером мыши внутрь выделенной области и кликнуть правой клавишей мыши.

В появившемся контекстном меню выбрать Layer via copy (слой через копирование)

В результате выделение должно исчезнуть, а на изображении появился новый слой, который мы пока не видим, поскольку он полностью сливается с фоном.

Выбор активного слоя

Теперь, когда у нас имеется два слоя, нам надо выбрать фоновый слой в качестве активного.

инструмент Move tool (перемещение) в Adobe PhotoshopВыбрать инструмент Move tool (перемещение)  (самый верхний правый инструмент в панели инструментов)

Указать маркером мыши в любую точку изображения, кроме краев (там находится наша рамка), кликнуть правой клавишей мыши и в перечне слоев выбрать Background (подложка).

Таким образом можно выбрать любой слой, например, рамку. Достаточно навести маркер мыши на нужный слой и выполнить вышеописанное действие, слой становится активным и его можно перемещать, вращать, искажать, применять эффекты  и т.д.

Настройка яркости и контрастности фонового слоя

Выполняется по аналогии с действием из предыдущего урока. Необходимо настроить изображение так, чтобы его средняя часть была очень светлая, непестрая. Это будет рабочая область нашего будущего слайда.

 

яркость контрастность для фонового слоя изменена

 

Выбор рамки в качестве активного слоя

Выбрать инструмент Move tool (перемещение), указать маркером мыши на рамку, кликнуть правой клавишей мыши, выбрать Layer 1 (слой 1).

Применить к слою эффекты

Для приданию нашей рамке более красивого вида применим к ней эффекты.

Выбрать: 1 Layer (слой) - 2 Layer style (стиль слоя) - 3 Drop shadow (отбрасываемая тень)

 

применение эффекта Тень в Adobe Photoshop

 

4. установить Distance (дистанция) = 0

5. установить Spread (размытие) = 8 - 10

6. уствновить Size (размер) = 13 - 15

7. выбрать эффект Stroke (обрамление).

    Внимание! Необходимо не просто поставить галочку против этого эффекта, а кликнуть левой клавишей мыши по его названию!

 

настройка эффекта Тень в Adobe Photoshop

8. установить Size (размер) = 2

9. кликнуть по красному прямоугольнику Color (цвет)

10. в большом левом квадрате выбрать белый цвет (он находится в левом верхнем углу квадрата)

11. нажать кнопку Ok

12. нажать кнопку Ok

 

настройка эффекта Обрамление в Adobe Photoshop

Даже в процессе установки параметров эффектов можно было видеть, как появляется тень, отбрасываемая нашей рамкой и как вокруг нее появляется белое обрамление.  Разумеется, значения параметров, которые будете использовать вы, могут отличаться от приведенных в этом алгоритме. Кроме того, приведенный здесь способ создания рамки вокруг изображения конечно не является единственно правильным. Применяя другие эффекты и подходы вы можете попробовать создать свои варианты рамок.

рамка вокруг изображения готова

Не забудьте сохранить полученный файл в формет JPEG. При сохранении выберите качество - 10.

 


видеокурс Секреты успашной презентации. Смотреть бьесплатные уроки