Как сделать демотиватор — онлайн урок

Из этого урока мы узнаем, как сделать демотиватор. Вот что получится в конце занятия:

Как сделать демотиватор

За основу мы возьмём эту фотографию:

1

Давайте приступим.

Я думаю, что лучше для сторон демотиватора подойдет пропорция 8 на 10.
Создадим новый документ (Ctrl+N) размером 600 на 480 пикселей белого цвета и зальём его чёрным цветом. Для заливки чёрным цветом нажимаем клавишу клавиатуры D, затем Alt+Delete. В результате у нас получится такой документ:

2

В панели слоёв добавляем новый слой и переименуем его в «Photo Area».

В результате наша панель слоёв выглядит так:

3

Сейчас нам надо создать выделение внутри документа. Это будет основа рамки для фотографии. Для начала выбираем инструмент «Прямоугольная область» (Rectangular Marquee Tool):

rectangular_marquee

Я хочу сделать рамку для фотографий со стандартным пропорциями 4 на 6 в альбомной ориентации.

Для этого необходимо изменить опцию «Стиль» с дефолтной на «Заданные пропорции» (Fixed Ratio) и ввести значение 6 для ширины и 4 для высоты:

5

Теперь я протащу курсор мыши по документу, как показано на рисунке, результате у меня получилось выделение с заданной пропорцией 4 на 6 и размером 555 на 370 пикселей:

6

Залейте выделение нейтральным серым цветом. Для этого пройдите по вкладке главного меню Редактирование —> Выполнить заливку (Edit —> Fill ), в открывшемся окошке выберите Использовать (Use): 50% серого (50% Gray) и нажмите ОК:

7

Снимите выделение. нажав клавиши Ctrl+D.
Теперь следует выровнять слой с серым прямоугольником по горизонтали относительно фонового слоя, подробно о выравнивании слоёв рассказывается здесь, и, думаю, переместить серый квадрат немного вверх с помощью инструмента «Перемещение» (Move Tool). При активированном «Перемещении» нажатие на клавишу клавиатуры «Стрелка вверх» перемещает слой на один пиксель вверх. В результате я получаю вот что:

8

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

Рамка будет двойная, для внутренней рамки мы применим стиль «Обводка» (Stroke) с такими параметрами:

9

Второй раз применить обводку не удастся, поэтому для создания внешней рамки надо немного потанцевать с бубном.
Для начала, создадим новый слой, расположенный под слоем «Photo Area» и переименуем его в «Border»:

11

Теперь зажмите клавишу Ctrl и кликните по миниатюре слоя «Photo Area», при этом серый квадрат в рабочем документе выделится:

12

Примечание. Обратите внимание, у нас по прежнему активен слой «Border»!

Теперь идём по вкладке Выделение —> Трансформировать выделенную область (Select —> Transform Selection) и задаём значение выделения 103% по ширине и 104% по высоте:

13

Нажимаем Enter для применения трансформации.

Теперь идём по вкладке главного меню Редактирование —> Выполнить обводку (Edit —> Stroke), при этом в инструментальной панели должен быть активен инструмент «Прямоугольная область»:

14

После нажатия по строке откроется окно, где мы выберем цвет обводки — белый, положение — внутри и ширину 3 пикс:

15

Жмём ОК, снимаем выделение (Ctrl+D), смотрим на результат:

16

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

Открываем фото в Photoshop и перемещаем её в рабочий документ. О том, как перемещать фотографии между документами, рассказывается здесь и здесь.
Слой с фото перемещаем в самый верх в панели слоёв, вот что получается в результате:

17

Как Вы видите, фото перекрыло нашу рамку. Чтобы это исправить, следует применить к слою обтравочную маску:

18

Ну вот, совсем другой вид:

19

Теперь надо выровнять по рамке и немного уменьшить фотографию, сделать это не трудно при помощи инструмента «Свободная трансформация».

Осталось ввести текст под фотографией. Цвет текста — традиционно белый, размер и шрифт — по вкусу. Вот что получилось в результате:

Как сделать демотиватор

Для лучшего понимания материала, желающие могут скачать файл PSD этого урока:

Скачать с Depositfiles.com

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Оцените автора
( 90 оценок, среднее 4 из 5 )
RuGraphics
Добавить комментарий