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

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

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

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

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 этого урока:

Теги:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

исправление светлого фото
В данном материале речь зайдёт об исправлении засвеченной, казалось бы совсем убитой фотографии. Здесь мы применим незаменимый и полезнейший...
траектории размытия движения
В этом уроке я расскажу, каким образом с помощью фильтра "Размытие контура" (Path Blur) создать эффект движущегося на большой скорости автомобиля. В...
Продолжение. Начало смотрите здесь. По материалам статей создан видеоурок. Также, для лучшего понимания материала Вы можете скачать оригинальную...
Рисунок из фотографии за 60 секунд
Ранее мы детально рассмотрели технологию преобразования фотографии в рисунок. А сейчас, как я и обещал, я расскажу, как создать точно такой же эффект...