Уроки Работа на планшете Марат Садыгалиев 6 января 2014

Чудесная Рождественская открытка в Photoshop

Сложность урока: Сложный

В этом уроке вы узнаете, как нарисовать Рождественскую открытку. Вначале я покажу вам, как нарисовать главного персонажа нашей открытки, а также как оформить текст. Затем, я покажу вам, как заполнить нарисованные объекты цветовыми оттенками, включая освещение и заключительные детали. Итак, давайте приступим!

Итоговый результат

Исходные материалы:

Набор Текстур

Архив

1. Создайте Новый Документ

Шаг 1

Создайте новый документ (Ctrl+N). В меню Набор (Preset) установите Международный формат бумаги (International paper), а также установите размеры, которые указаны на скриншоте ниже.

2. Нарисуйте Девочку

Шаг 1

Давайте нарисуем девочку. Создайте новый слой (Shift+Ctrl+N). Для набросков я предпочитаю использовать кисть средней жёсткости небольшого диаметра с настройками Нажима пера (Pen Pressure) и режимом Перехода (Transfer). На данном этапе, я использую свободные штрихи, создавая базовые части тела куклы.

Примечание переводчика: в настройках кисти в параметре Динамика формы (Shape dynamics), установите в настройках Управления (Control) - Нажима пера (Pen Pressure), а также выберите параметр Переход (Transfer).

Шаг 2

Данная кукла - это подобие куклы “Chibi”, поэтому у куклы преувеличенные пропорции: туловище примерно того же размера, что и голова, половина головы составляет лоб.

Шаг 3

Пропорции, которые я использовал для лица, включая “глаза пришельца”, можно увидеть на скриншоте ниже. Глаза и нос выстроены в пределах рамки между ушами, Уголки глаз, где расположен слёзный сосуд, находятся на одной прямой линии, как и уголки рта, глаза заканчиваются у верхней части ушей.

Шаг 4

На этом же слое, начните прорисовать формы.
 

Шаг 5

Уменьшите непрозрачность слоя, далее, создайте новый слой, чтобы на нём нарисовать девочку, отталкиваясь от предыдущего наброска, при этом добавляя детали. Я нарисовал только один глаз, далее, я продублировал его (выберите инструмент Лассо (Lasso Tool (L), затем скопируйте / вклейте выделенную область на новый слой. Щёлкните правой кнопкой мыши, чтобы Отразить по горизонтали (Flip Horizontal), слейте оба слоя (Ctrl-E).

3. Рисуем Буквы

Шаг 1

С помощью инструмента Горизонтальный текст (Horizontal Type Tool (T), напишите каждую букву отдельно. Я использовал шрифт Arial Black. В данном случае пара букв “RR” будут строчными, таким образом, их будет легче прорисовывать. С помощью трансформации (Ctrl-T), подберите размер других букв.

Шаг 2

С помощью трансформации (Ctrl-T), поверните каждую букву, выстраивая весь текст в виде арки. Выделите все слои с буквами для выравнивания и масштабирования.

Шаг 3

1. Объедините все слои с буквами, вначале выделив их, а затем нажав клавиши (Ctrl-E).
2. Создайте новый слой, снова нарисуйте буквы, учитывая, что каждая нарисованная деталь будет деревянной планкой.
3. Удалите буквы со шрифтом Arial; откорректируйте новые буквы при необходимости.
4. Уменьшите непрозрачность текста, создайте новый слой, нарисуйте контур для деревянных планок (дощечек).
5. Нарисуйте текстуру древесины.
6. В заключение, придайте объём к каждой букве.

Шаг 4

Добавьте холмики снега на буквы.

Шаг 5

С помощью инструмента Горизонтальный текст (Horizontal Type Tool (T), напишите слово “XMAS”. Вы можете использовать любой шрифт для создания закруглённых букв на своё усмотрение, я использовал шрифт “Chalkboard”. С помощью трансформации (Ctrl-T), примените масштабирование.

Шаг 6

Инструмент Горизонтальный текст (Horizontal Type Tool (T) должен быть активным, щёлкните правой кнопкой мыши по любой букве слова и в появившемся окне, выберите опцию Деформировать текст (Create Warped Text), примените настройки, которые указаны на скриншоте ниже.

Шаг 7

Уменьшите непрозрачность слоя до 0, далее, дважды щёлкните по слою с текстом, чтобы появилось окно настроек Стилей слоя (Layer Style). Выберите опцию Обводка (Stroke), примените настройки, которые указаны на скриншоте ниже.

Шаг 8

Удерживая клавишу (Ctrl) + щёлкните по слою с текстом, чтобы загрузить активное выделение. С помощью круглой жёсткой кисти, отключив в настройках опцию Нажим пера (pen pressure), нарисуйте полоски на новом слое. Уменьшите непрозрачность слоя. Создайте ещё один новый слой, чтобы нарисовать листики омелы.

Примечание переводчика: ветки омелы вывешиваются на дверях домов в качестве рождественского украшения.

Шаг 9

Чтобы создать снежинку:
1. Нарисуйте линию с двумя кружками на концах.
2. Продублируйте слой с линией, разверните линию.
3. Продублируйте оба слоя, слейте вместе, разверните так, как показано на скриншоте ниже.
4. С помощью инструмента Ластик (Eraser Tool (E), скройте кружки.
5. Нарисуйте маленькие значки в виде формы “V”, объедините слои.
6. Расположите снежинки по всех картине, варьируя размер снежинок.

4. Добавляем цветовые оттенки

Шаг 1

Теперь мы добавим цветовые оттенки. Во-первых, каждый цветовой оттенок наносите на отдельный слой ниже слоя Line. На этом этапе, вам нужно сохранить все слои по папкам, чтобы сохранить порядок в палитре слоёв. (Примечание переводчика: 1. слой с текстом в папку ‘текст’, слои с девочкой в папку ‘Девочка’ и т.д. 2. Слой Line – это слой с контуром изображения девочки). Т.к. мы рисуем Рождественскую открытку, то будет лучше использовать оттенки красного и зелёного цвета в качестве преобладающего цвета.

Шаг 2

Т.к. мы добавляем цвета, то соответственно мы можем при необходимости изменить  цвета. Для этого, перейдите на слой с цветной заливкой, а затем нажмите клавиши (Ctrl-U) для активации панели настроек Цветовой тон / Насыщенность (Hue/Saturation). Поиграйте с настройками уровней Цветового тона (Hue), Насыщенности (Saturation) и Яркости (lightness), чтобы подобрать нужный вам цвет.

Шаг 3

Иногда так случается, что мелкие зазоры остаются не закрашенными. Просто выберите инструмент Пипетка (Eyedropper Tool (I), отберите образец цвета и заполните пустоты.
 

Шаг 4

Чтобы добавить цвет к контурным линиям, создайте новый слой в качестве обтравочной маски к слою Line, чтобы преобразовать слой в обтравочную маску, удерживайте клавишу (Alt) + щёлкните меду двумя слоями. Начните рисовать поверх контурных линий. Используйте оттенки тёмных тонов. Это подходящий момент провести небольшую коррекцию контура. Перейдите на слой Line, скройте те участки контура, которые вам не нравятся, перерисуйте их. В данном случае, я исправил нос и рот.
 

Шаг 5

Создайте новый слой, поменяйте режим наложения для данного слоя на Умножение (Multiply), расположите данный слой между слоем Line и слоем с цветной заливкой. Выберите цветовой оттенок по тону немного темнее, чем заливка лица, а затем нарисуйте тени. Используйте мягкую круглую кисть с низкой непрозрачностью для смягчения.

Продолжайте создавать тени, всегда учитывайте направление света, т.е. если свет поступает сверху, то тени будут расположены ниже.
 

Шаг 6

Создайте новый слой поверх слоя Line, нарисуйте детали на лице, например, радужный зрачок на глазах, нижнее веко или рот. Нарисуйте световые блики, чтобы добавить объёма, а также используйте кисть маленького диаметра, чтобы прорисовать волосы тонкими оранжево-коричневыми линиями.


 
Шаг 7

Добавьте детали: к ботиночкам, световые блики к красным ягодкам омелы, прожилки на листьях, детали к курточке и помпонам, везде, где вы считаете нужным, чем больше, тем лучше. Нарисуйте тонкую белую линию сверху на каждом участке изображения.

Шаг 8

Создайте новый слой поверх всех слоёв, поменяйте режим наложения для данного слоя на Умножение (Multiply). Далее, с помощью светло-серой кисти, нарисуйте тени, как показано на скриншоте ниже, а затем там же слегка пройдитесь Ластиком (Eraser Tool) для небольшого смягчения.

Шаг 9

Для румянца на щеках и на носу, используйте мягкую кисть без нажима пера, оттенок кисти оранжево-красный. Для этого создайте новый слой, поменяйте режим наложения для данного слоя на Умножение (Multiply), немного смягчите румянец с помощью ластика. Добавьте небольшие световые блики на каждую щёчку и на нос.
 

5. Разукрашиваем текст

Шаг 1

Техника та же самая, что и при раскраске девочки:
1.На новом слое ниже слоя Line, прокрасьте коричневым оттенком лицевую часть букв, создавая текстуру древесины, а также более тёмным оттенком коричневого цвета, прокрасьте боковые участки. Не забудьте нарисовать листики омелы.
2. Прокрасьте контуры линий на новом слое в качестве обтравочной маски. Верхние части букв будут светлее.
3. Используя светло-коричневый оттенок, нарисуйте световые блики на рельефе текстуры древесины.
4. Добавьте яркости на верхние части букв.
5. Добавьте детали на текстуру древесины.

Шаг 2

Увеличьте видимость слоя со словом “XMAS” до 100%, далее, нажмите клавиши (Ctrl-U) для активации цветовой коррекции Цветовой тон / Насыщенность (Hue/Saturation), в окне настроек, измените цвет на светло-голубой.

Шаг 3

Щёлкните правой кнопкой по значку Fx, находясь на слое “XMAS”, и в появившемся меню, выберите опцию Образовать слой (Create Layer). Данное действие разделит текст от стилей слоя на отдельные слои. Преобразуйте слой с обводкой в обтравочную маску, а затем прокрасьте, как показано на скриншоте ниже.

Примечание переводчика: таким образом, автор меняет цвет обводки.

Шаг 4

Создайте Внутреннюю тень (Inner Shadow) к заливке слова, как показано на скриншоте ниже. Далее, создайте новый слой в качестве обтравочной маски и с помощью жёсткой кисти, нарисуйте красные полоски на слове.

Примечание переводчика: к цветной заливке слова “XMAS” примените стили слоя Внутреннюю тень (Inner Shadow). Далее, создайте новый слой поверх слоя со словом “XMAS” в качестве обтравочной маски.

Шаг 5

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

6.  Задний фон

Шаг 1

Объедините все слои со снежинками (отдельно сохраните один слой с самой крупной снежинкой), дважды щёлкните по объединенному слою и в появившемся окне настроек стилей слоя, выберите опцию Наложение Градиента (Gradient Overlay), установите цвет градиента от синего до светло-голубого оттенка, как показано на скриншоте ниже.

Шаг 2

Возвращаемся на слой с контуром девочки, удалите тень на земле, если она у вас нарисована.

Шаг 3

Создайте новый слой в самом низу палитры слоёв, Примените инструмент Линейный Градиент (Linear Gradient), цвет градиента от синего до прозрачного. С помощью Трансформации (Transform (Ctrl-T), откорректируйте градиент по вертикали.

Шаг 4

Нарисуйте снег белым цветом, а также нарисуйте круглые снежинки в виде белых точек, используя круглую жёсткую кисть. Варьируйте размер и непрозрачность кисти.

Шаг 5

Создайте новый слой, на новом слое примените небольшой Радиальный Градиент (Radial Gradient), цвет градиента от белого цвета к прозрачному. Нарисуйте градиент за текстом. С помощью Трансформации (Transform (Ctrl-T), растяните градиент в стороны. Поменяйте цвет градиента на светло-бирюзовый с помощью стилей слоя Стили слоя – Наложение цвета (Layer Style > Color Overlay).

Шаг 6

Отключите видимость слоёв с девочкой и текстом. Создайте новый слой. Выберите кисть средней жёсткости, в настройках кисти установите контроль на нажим пера, включая режим Переход (transfer), нарисуйте ёлочки свободными штрихами. Продублируйте слой, а затем Отразите по Горизонтали (Flip Horizontal). Объедините оба слоя, добавьте к ёлочке детали. Нарисуйте ствол у ёлочки, а также ветви, используя тёмно-зелёный цвет.

Примечание переводчика: настроить кисть можно через закладку Кисти (Brushes), выберите опции Динамика формы (Shape Dynamics), в настройках Управление (Control), выберите опцию нажим пера (pen pressure), а также активируйте опцию Переход (Transfer).

Шаг 7

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

Шаг 8

С помощью белой кисти, нарисуйте снег под ёлочками и девочкой. Также, используя синий оттенок, нарисуйте тени на земле под изображением девочки. Смягчите прокрашенные области с помощью Ластика (Eraser Tool (E).
 

Шаг 9

Уменьшите непрозрачность слоя с ёлочками до 64%, а затем поменяйте режим наложения для этих слоёв на Жёсткий свет (Hard Light).

Примечание переводчика: на скриншоте ниже видно, что автор уменьшает заливку до 64 %, просто поэкспериментируйте.

7. Рамка и текстура

Шаг 1

Переместите все слои в одну папку. Продублируйте слой с группой, растрируйте группу, отключите видимость оригинального слоя с группой. С помощью инструмента Прямоугольник (Rectangle Tool (U), создайте прямоугольник по размеру меньше, чем рабочий документ, преобразуйте слой с открыткой в обравочную маску к слою с прямоугольником, чтобы открытка подходила под размеры прямоугольника. Если вам необходимо сосредоточить по центру изображение и прямоугольник, то выделите оба слоя, а также слоя с задним слоем, щёлкнув по ним, и в появившемся окне, выберите опцию Выравнивание центров по горизонтали (Align Horizontal) и Выравнивание центров по вертикали (Vertical Center).

Примечание переводчика: 1. поверх скрытого слоя с группой, нарисуйте прямоугольник, поверх слоя с прямоугольником, расположите дубликат слоя группы, который вы растрировали, преобразовав в обтравочную маску. 2. чтобы выровнять по горизонтали и по вертикали, выделите слои, при этом должен быть активен инструмент Перемещение (Move), в верхней панели активируйте соответствующие опции.

Шаг 2

С помощью инструмента Заливка (Paint Bucket Tool (G), залейте коричневым цветом задний фон. Добавьте стили слоя Внутреннюю тень (Inner shadow) к прямоугольнику, как показано на скриншоте ниже.
 

Шаг 3

Выберите инструмент Прямоугольник (Rectangle Tool (U), нарисуйте полоску. Щёлкните по слой-маске, выберите инструмент Перо (Pen Tool (P), установите опцию Вычесть из области фигуры (Subtract from the shape area (-) и создайте небольшие неровности и вмятины на внутренней поверхности.

Примечание переводчика: 1. нарисуйте небольшой вертикальный прямоугольник 2. убедитесь, что цвет установлен на коричневом оттенке 3. щёлкните по слой-маске слоя с прямоугольником, чтобы убедиться, что слой-маска активна 4. пером нарисуйте грань будущей рамки, установив соответствующую опцию в настройках.

Шаг 4

1. Выберите более тёмный оттенок коричневого цвета. Прокрасьте внутреннюю поверхность деревянной рамки.
2. Нарисуйте текстуру древесины.
3. Продублируйте слой с древесиной, поменяйте цвет на светло-коричневый оттенок и сместите на 2рх вниз, поменяйте режим наложения для данного дубликата слоя на Перекрытие (Overlay).
4. Создайте новый слой. Примените Линейный Градиент (linear gradient) тип градиента коричневый сверху и внизу с плавным переходом в прозрачный центр, режим наложения для слоя с градиентом Умножение (Multiply).

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

Шаг 5

Объедините все слои, продублируйте и Отразите по горизонтали (Flip Horizontal). Расположите дубликат деревянной планки на противоположной стороне, прорисуйте текстуру древесины, немного видоизменив детали, чтобы планки не выглядели одинаково. Проделайте то же самое, добавив верхнюю и нижнюю планку.
 

Шаг 6

Давайте вернём к снежинке, которую мы ранее сохранили отдельно. Поменяйте цвет снежинки на белый цвет (если цвет чёрный, просто нажмите клавиши (Ctrl-I), а затем добавьте стили слоя Внешнее свечение (Outer Glow) и Тень (Drop Shadow). Расположите несколько снежинок по всей рамке, варьируя их размер.

Шаг 7

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

Шаг 8

1. На новом слое, нарисуйте патрон для лампочки.
2. На другом слое, нарисуйте саму лампочку. Уменьшите непрозрачность слоя с лампочкой до 0%.
3. К слою с лампочкой добавьте стили слоя Внутреннюю тень (Inner Shadow), Внутреннее свечение (Inner Glow) и Внешнее свечение (Outer Glow), примените  настройки, которые указаны на скриншоте ниже.
4. Нарисуйте световой блик (нить накала).

Шаг 9

Объедините все слои с лампочкой, продублируйте,  поменяйте цвет лампочки с помощью цветовой коррекции Цветовой тон / Насыщенность (Hue/Saturation (Ctrl-U), измените  направление лампочки. Расположите дубликаты слоёв с лампочками по всей длине провода.

Шаг 10

Перейдите на слой с нарисованным проводом, примените стили слоя Тиснение (Bevel and Emboss), примените настройки, которые указаны на скриншоте ниже.
 

Шаг 11

Продублируйте слой с проводом и слои с лампочками. Объедините дубликаты слоёв, уменьшите яркость объединённого слоя практически до чёрного цвета с помощью цветовой коррекции Цветовой тон / Насыщенность – Яркость (Hue/Saturation > Lightness), а затем сместите данный объединённый слой на несколько пикселей вниз. Далее, уменьшите непрозрачность слоя, а также слегка обработайте ластиком участки провода, которые расположены внутри рамки в пределах картинки.

Примечание переводчика: автор создаёт тень от провода, дополнительно смягчает тень от провода в пределах картинки. 

Шаг 12

Создайте новый корректирующий слой Уровни (Levels) поверх всех слоёв. Усильте уровни белого и чёрного оттенка, как показано на скриншоте ниже.

Шаг 13

Расположите текстуру между слоем с девочкой и рамкой. Активируйте цветовую коррекцию Цветовой тон / Насыщенность (Hue/Saturation), установите значение Насыщенности (Saturation) на 0. Поменяйте режим наложения для данного слоя с текстурой на Умножение (Multiply), а затем уменьшите непрозрачность слоя до примерно 44%. Активируйте Уровни (Levels (Ctrl-L), вначале нажмите кнопку АВТО (AUTO), а затем установите уровни, как показано на скриншоте ниже.

Шаг 14

Т.к. девочка выглядит не совсем счастливой для Рождества, я решил изменить рот, сделать его слегка открытым, а также усилив улыбку, также добавил брови и добавил световые блики на зрачки.

Заключение

И мы завершили урок! Теперь вы можете распечатать свою собственную Рождественскую открытку или хотя бы использовать в своих рабочих проектах. Надеюсь, вам понравился урок. Поздравляю вас с Новогодними праздниками!

Итоговый результат

Автор: Liran Szeiman

Источник: psd.tutsplus.com

Комментарии 37

Спасибо большое! Замечательный урок! Жаль, немного поздновато работу сделала.

Очень понравилось, правда остановилась на девочке

Спасибо ! Красивый урок. Честно говоря девочку сам не рисовал, после часовых мучений мышкой бросил это дело, а в остальном все сам

Спасибо за урок ^^

Очень нравится! Красота!!

Очень долго выполняется, но результат того стоит! Огромное спасибо автору и переводчику!

Спасибо за урок! Долго рисовала девочку. И вот что наконец-то у меня получилось!

Спасибо за такой чудесный урок!

Обалденный урок, большое спасибо! Девочку, правда, самой нарисовать не получилась, взяла готовую ((

Елена, посмотрела на Вашу великолепную работу и поняла свою ошибку - лампочки должны быть крупнее... Переделала )))

Спасибо, Мариночка за отзыв! Но ваша работа потрясающе красиво выполнена, об этом говорит и кол-во голосов, и отзывы! А лампочки Ваши по-своему хороши- аккуратненькие такие, элегантные.. Я же со своими провозилась долго, а когда увидела общий результат, уже не захотела менять размер, работа сама по себе долгая и сложная для меня, устала под конец))
Ваши работы удивительно хороши, всегда с удовольствием рассматриваю, у меня так не получается, рисование хромает)))

Чудесный урок, большое спасибо!
С Рождеством!

Спасибо, интересный урок.(возможно слишком ярко не могу комп.настроить)

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

Всех поздравляю с праздником Рождества Христова!

Симпатичная открытка, только девочка какаято сердитая получлась))

Забавный рисунок, с Рождеством!

Поздравляю Всех с рождеством! Спасибо за праздничный урок.

я ужасный художник, но все же
делал пол дня

Интересный урок. Можно попробовать!

Какая прелесть!) Спасибо за урок!))

Урок просто супер. Надо набраться смелости и сделать его. :)))

Да... не согласиться с Натэллой, не возможно!

Марат, спасибо огроменное!!! Чудесный урок!!!

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее