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

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

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

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

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

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

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

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

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