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

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

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

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

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

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).

Райфайзен банк прямой перевод на карту

QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM

Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219

PayPal ссылка для перевода

WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694

Яндекс.Деньги, форма для пополнения:

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

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

Изменить цвет автомобиля в программе Photoshop - совсем не трудная задача. Почему именно автомобиля? Потому что современные машины, как правило,...
волшебный закат. Добавление лучей солнечного света
Сегодня я расскажу о создании очень красивого романтического эффекта - добавление лучей солнечного света к изображению, отличный способ сделать уже...
Из этого урока мы узнаем, как добавить на фотографию эффект солнечного блика на линзах объектива фотоаппарата. В Photoshop для подобных целей...
Для большинства людей людей понятие "монохромная фотография" означает чёрно-белую (хотя, правильнее говорить, "серо-белую") картинку. Однако, это не...