Уроки фотошопа, графика, дизайн
arrow

Веселая новогодняя открытка

Через несколько дней наступит новый год, а значит самое время подумать о создании интересной новогодней открытки. Как вы уже догадались, этим сегодня и займёмся — сделаем веселую новогоднюю открытку.

Сразу же взглянем на итоговый вариант:

Веселая новогодняя открытка

А теперь можно приступать!

Веселая новогодняя открытка

1. Основа нашей открытки — это коллаж. Половина успеха при создании коллажа — подбор качественных исходников. Итак, первый этап — продумывание идеи и поиск исходников. Я задумал поставить веселого деда мороза на фоне ёлки. Причём, изначально была идея «заморозить» дедушку, но по ходу работы концепция поменялась :) Кратко покажу какие исходники попадались мне на пути:

Веселая новогодняя открытка

Все эти исходники вы можете скачать.

2. Материал собран, теперь можно приступать к работе над новогодней открытки. Первое, что нужно сделать — создать новый документ размером 1024x1280px. Затем зальем его голубовато-белым градиентом, дабы получился похожий фон:

Веселая новогодняя открытка

3. Теперь помещаем в документ изображение ёлки:

Веселая новогодняя открытка

И вырезаем её из фона. На вырезании объекта из фона я не стану подробно останавливаться, так как уроков на эту тему на сайте предостаточно. Вот, например, один из последних.

4. Итак, у вас должна получиться примерно такая картина:

Веселая новогодняя открытка

Отмечу, что при вырезании объекта из фона не стоит спешить. Лучше потратить лишние 5 минут, зато получить качественный результат. Ленивые могут скачать уже вырезанное изображение ёлки и просто вставить его в документ.

5. Далее стоит определиться с надписью. Я сделал поздравление предельно лаконичным, и набрал его шрифтом Helvetica:

Веселая новогодняя открытка

Если хотите, можете подобрать что-то своё. Можете даже добавить каких-нибудь текстовых эффектов.

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

Веселая новогодняя открытка

Обратите внимание, что дед мороз должен находится выше слоя с ёлкой.

7. Отлично! Основная часть открытки готова, и теперь можно спокойно работать над деталями. Первое, что сейчас нужно сделать — подкорректировать цвет и контраст ёлки. Для этого создадим корректирующий слой Color Balance (Цветовой баланс):

Веселая новогодняя открытка

И разместим его над слоем с ёлкой. Параметры для Color Balance такие:

Веселая новогодняя открытка

То есть мы сейчас просто уменьшили количество красного.

8. Создайте ещё один корректирующий слой, на этот раз Curves (Кривые) и настройте его таким образом, чтобы увеличить контраст между светлыми и тёмными участками изображения:

Веселая новогодняя открытка

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

Веселая новогодняя открытка

А затем нажимаем по каждому из слоёв правой кнопкой мыши и выбираем в появившемся меню пункт Create Clipping Mask:

Веселая новогодняя открытка

У корректирующих слоёв должна появиться характерная стрелочка, сообщающая, что всё сделано правильно:

Веселая новогодняя открытка

Хорошо! Давайте взглянем на нашу новогоднюю открытку:

Веселая новогодняя открытка

Теперь ёлка гармонирует с дедом морозом. Двигаемся дальше.

Детализируем ёлку

10. На данном этапе можно скрыть слой с дедом морозом, кликнув по иконке глаза в панели слоёв. Работать мы будем с ёлкой, а значит нас ничто не должно отвлекать.

Первое, что сделаем — прилепим звезду на вершину ёлки. Для этого уже знакомым вам способом вырежьте её из фона и установите на в нужное место:

Веселая новогодняя открытка

Нажмите Ctrl+U (инструмент изменения цветового тона и насыщенности) и немного понизьте насыщенность:

Веселая новогодняя открытка

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

11. С помощью инструментов Dodge Tool и Burn Tool (Осветлитель и Затемнитель) придайте звезде «пикантности», создав эффект блеска.

Веселая новогодняя открытка

12. Возьмите мягкую черную кисть, создайте новый слой и разместите его под слоём со звездой. После этого нарисуйте тень, непрозрачность (Opacity) слоя установите 40%.

13. Создайте корректирующий слой Curves (Кривые) над звездой и установите его как Clipping Mask. Параметры кривых следующие:

Веселая новогодняя открытка

Теперь звезда должна сиять:

Веселая новогодняя открытка

14. Сделаем для ёлки тень, а то сейчас она не чувствуется объёма. Для этого создайте новый слой подо всеми слоями, относящимися к ёлке и мягкой чёрной кистью нарисуйте примерно следующее:

Веселая новогодняя открытка

Непрозрачность тени 88%:

Веселая новогодняя открытка

15. Пришло время заняться отражением. Это один из самых сложных моментов в этом уроке, поэтому будьте внимательнее. Для начала возьмите инструмент Lasso Tool (Лассо) и убедитесь что выбран именно слой с ёлкой, это важно.

Теперь сделайте вот такое выделение:

Веселая новогодняя открытка

Нажмите Ctrl+J, это создаст новый слой с выделенным фрагментом. Поместите этот слой ниже слоя с ёлкой и пройдите в меню Edit (Редактирование) -> Transform (Трансформация) -> Flip Vertical (Отразить по вертикали). Ну а теперь поместите вырезанный кусок изображения таким образом:

Веселая новогодняя открытка

Далее нажмите сочетание клавиш Ctrl+T, щёлкните на изображение правой кнопкой мыши и выберите Distort (Искажение). А сейчас можно просто подтянуть правую верхнюю точку таким образом, чтоб отражение подарка полностью присоединилось к оригиналу:

Веселая новогодняя открытка

16. Непрозрачность слоя установите 60%. Мягкой резинкой (ластиком) сотрите нижнюю часть:

Веселая новогодняя открытка

Полагаю, что принцип понятен. Теперь точно таким же образом нужно сделать отражение каждому подарку! В итоге должно получиться не хуже:

Веселая новогодняя открытка

Не забудьте проверить Clipping Mask у корректирующих слоёв из шагов 7 и 8, они скорее всего сбились при работе над отражением.

Почти готово

17. Веселая новогодняя открытка приобрела почти законченный вид. Возвращаем деда мороза, вновь нажимая на иконку глаза. Осталось только добавить отражение для ног (по аналогии с отражением ёлки, думаю с этим вы справитесь сами) и летящий снег.

18. Для создания снега создайте новый слой поверх всех остальных. Затем скачайте эту кисть, и меняя размер от 4 до 8px нарисуйте снежный поток:

Веселая новогодняя открытка

19. Скопируйте слой (Ctrl+J), потом пройдите в Filter (Фильтр) -> Blur (Размытие) -> Motion Blur (Размытие в движении), установите такие параметры:

Веселая новогодняя открытка

Результат будет выглядеть весьма эффектно:

Веселая новогодняя открытка

20. Тоже самое сделайте для снега на заднем плане. Отличие здесь только в 3 вещах : слой должен находиться под слоем с ёлкой и дедом морозом, диаметр кисти должен быть чуть меньше (3-7 px), ну и угол размытия должен соответствовать направлению движения снежного потока.

Поздравляю, вы сделали веселую новогоднюю открытку!

Веселая новогодняя открытка

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

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (2)

  1. михаил:

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

  2. Иван:

    Очень круто, ооогромнейшее спасибо

Оставить комментарий

Имя: *

Сообщение: