Рисуем сердитого кота в Фотошоп

Рисуем сердитого кота в Фотошоп

 Мебельные горки – конструкции мебельных элементов разной высоты. Если вам приглянулась горка для гостиной, купить мебель можно во многих интернет-магазинах Беларуси.

Сегодня мы создадим винтажный постер с изображением кота в программе Photoshop, а также прибегнем к небольшой помощи программы Illustrator. Начнём мы с создания заднего фона, используя текстуры, далее, мы создадим главного персонажа кота, используя инструменты Фигура, включая технику перекрытия для создания винтажного эффекта. Для выполнения данного урока я использовал программу Photoshop CS 6, но вы можете использовать любую версию, начиная с версии CS3.

Скачать исходные материалы

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

alt

Начнём с создания нового документа размерами A4 (210mm X 297mm). Я установил разрешение 150 точек на дюйм, т.к. не собираюсь печатать на принтере.

alt

Добавьте текстуру на наш рабочий документ с помощью команды Поместить (Place), таким образом, вы добавите текстуру к рабочему документу в качестве смарт-объекта. Идём Файл – Поместить (File > Place).

alt

Увеличьте масштаб текстуры, чтобы закрыть полностью область рабочего документа, как показано на скриншоте ниже. Нажмите клавишу (Enter), чтобы применить изменения.

alt

Далее, добавьте винтажные обои на рабочий документ с помощью команды Поместить (Place).

alt

Данная текстура обоев слишком большая по размерам. Давайте уменьшим масштаб до 47% от оригинальных размеров текстуры.

alt

Сместите текстуру. Выровняйте текстуру, чтобы верхний левый угол текстуры совпадал с верхним левым углом документа.

alt

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

alt

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

alt

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

alt

Не снимая активного выделения, перейдите на слой с винтажными обоями, а затем, нажмите кнопку Добавить слой-маску (Add a Mask) в нижней панели инструментов. Вы можете увидеть, как аккуратно обрезаны края.

alt

Добавьте ещё одну текстуру старой бумаги (‘Текстура Старой Бумаги 2’) на наш рабочий документ.

alt

Увеличьте масштаб текстуры, чтобы текстура полностью закрыла рабочую область.

alt

Растрируйте данный слой с текстурой – щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer).

alt

Далее, обесцветьте текстуру – нажмите клавиши (Ctrl+U), установите значение Насыщенности (saturation) на -100.

alt

Добавьте затемнение к текстуре – нажмите клавиши (Ctrl+M), чтобы активировать Кривые (Curves).

alt

Преобразуйте данный слой с текстурой старой бумаги в обтравочную маску к слою с винтажными обоями, расположенного ниже – используйте горячие клавиши (Ctrl+Alt+G) для создания обтравочной маски.

alt

Далее, поменяйте режим наложения для данного слоя с текстурой старой бумаги на Перекрытие (Overlay). Результат должен быть, как на скриншоте ниже.

alt

Далее, мы создадим эффект звезды с исходящими от неё лучами в программе Illustrator. На время переключитесь на программу Illustrator. Выберите инструментМногоугольник (Polygon Tool). Дважды щёлкните по нему, чтобы появилось окно настроек инструмента, установите количество сторон 3. Нарисуйте треугольник.

alt

Растяните нарисованный треугольник по вертикали, как показано на скриншоте ниже.

alt

Идём Эффекты – Искажение & Трансформация — Трансформация (Effect > Distrort & Transform > Transform).

alt

Примените значения, которые указаны на скриншоте ниже.

Примечание: такой же узор вы можете сделать в Photoshop используя инструменты Многоугольник (Polygon Tool) в режиме фигура и Трансформация. Для автоматизации процесса можно создать экшен, в этом вам поможет данный урок. Либо вы просто можете использовать кисть с лучами.

alt

Результат должен быть, как на скриншоте ниже. Скопируйте созданный узор.

alt

Возвращаемся в программу Photoshop, вклейте узор звезды с исходящими лучами, как слой-фигуру.

alt

Увеличьте масштаб фигуры. Вы можете использовать верхнюю панель настроек, чтобы использовать точные настройки.

alt

Немного сместите звезду верх, как показано на скриншоте ниже.

alt

Поменяйте режим наложения для слоя со звездой с исходящими лучами на Затемнение основы (Color Burn). Далее, преобразуйте данный слой в обтравочную маску к слою с винтажными обоями.

alt

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

alt

Выберите инструмент Градиент (Gradient Tool), установите чёрно-белый градиент. Находясь на слой-маске слоя, потяните градиент снизу верх, как показано на скриншоте ниже.

alt

Итак, задний фон готов. Теперь, мы приступим к созданию нашего персонажа кота. Давайте начнём с создания головы. Выберите инструмент Эллипс (Ellipse Tool). Нарисуйте круг, как показано на скриншоте ниже.

alt

Далее, мы создадим глаза, используя форму эллипса. С помощью инструмента Эллипс alt (Ellipse Tool), нарисуйте форму глаза, как на скриншоте ниже.

alt

Выберите инструмент Стрелка (Direct Selection Tool). Выделите среднюю опорную точку слева.

alt

Далее, выберите инструмент Угол (Convert Point Tool), а затем щёлкните по выделенной опорной точке, чтобы преобразовать округлую кромку в заострённую.

alt

Проделайте то же самое, только на этот раз со средней опорной точкой справа.

alt

Нажмите клавиши (Ctrl+T), чтобы повернуть глаз под соответствующим углом.

alt

Продублируйте слой с формой глаза. Отразите по горизонтали (Flip it horizontally).

alt

С помощью инструмента Эллипс alt (Ellipse Tool), нарисуйте глазные яблоки.

alt

Далее, к слою с головой кота, мы применим стили слоя Наложение градиента (Gradient Overlay). Дважды щёлкните по слою с головой, чтобы появилось окно Стили слоя (Layer Style). Примените градиент, который указан на скриншоте ниже.

alt

Установите цвет для глаз #4e2419.

alt

С помощью инструмента Многоугольник (Polygon Tool), нарисуйте форму носа.

alt

Продолжайте конструировать форму носа. С помощью инструмента Прямоугольник (Rectangle Tool), нарисуйте маленькую деталь в нижней части носа.

alt

Далее, нарисуйте горизонтальную деталь.

alt

Поверните нарисованную деталь.

alt

Продублируйте слой.

alt

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

alt

На данный момент результат должен быть, как на скриншоте ниже.

alt

Далее, мы нарисуем усы в программе Illustrator. Нарисуйте кривую линию с помощью инструмента Перо (Pen tool). Как только вы нарисовали первую линию, продублируйте линию несколько раз.

Примечание: такие усы можете нарисовать в Photoshop, используя инструмент Перо (Pen tool), Свободное перо (Freeform Pen Tool).

alt

Выделите все три линии, а затем, удерживая клавишу (Alt) + перетащите выделенные линии, чтобы создать дубликат.

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

alt

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

alt

К слою с усами добавьте стиль слоя Наложение цвета (color overlay) для соответствия цветовых оттенков.

alt

С помощью инструмента Перо alt(Pen tool), нарисуйте форму уха.

alt

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

alt

Далее, с помощью инструмента Перо (Pen tool), нарисуйте туловище.

alt

К слою с туловищем, добавьте стиль слоя Наложение градиента (Gradient Overlay). Примените настройки градиента, которые указаны на скриншоте ниже.

alt

Далее, нарисуйте переднюю лапу.

alt

Продублируйте слой с передней лапой, расположите дубликат слоя поверх слоя с туловищем кота.

alt

К слою с передней лапой, добавьте стиль слоя Наложение градиента (Gradient Overlay).

alt

Таким же образом, примените наложение градиента ко второй передней лапе.

alt

Нарисуйте лапки коту, как показано на скриншоте ниже.

alt

Мы завершили создание передних лап. Далее, мы создадим задние лапы. Нарисуйте фигуру, как показано на скриншоте ниже.

alt

Примените тот же самый градиент, который мы применяли к туловищу кота.

alt

Нарисуйте лапку коту.

alt

Наш персонаж почти готов, за исключением хвоста. С помощью инструмента Перо alt (Pen Tool), нарисуйте фигуру хвоста. Примените тот же самый градиент, который вы применяли к передним лапам.

alt

С помощью инструмента Перо alt (Pen Tool), обведите контур вокруг изображения кота. Далее, выполните обводку контура. На этом шаге, мы завершили создание персонажа.

Примечание переводчика: после создания обводки, не забудьте удалить контур. Цвет обводки подберите с помощью пипетки, отобрав светлые оттенки.

alt

Давайте перейдём к созданию текста. Скачайте / установите шрифт “Deftone Stylus”, а также шрифт “Poplar Std”. Напечатайте текст “the”, используя шрифт “Deftone Stylus”.

Примечание переводчика: шрифт Deftone Stylus, вместо шрифта “Poplar Std”, попробуйте применить шрифт Ackbar или самостоятельно подберите соответствующий шрифт.

alt

Напечатайте текст ниже первого слова. Примените настройки к шрифту, которые указаны на скриншоте ниже.

alt

Напечатайте слово “CAT”, используя шрифт “Poplar Std”.

alt

Результат должен быть, как на скриншоте ниже.

alt

Как вы, возможно, заметили, вторая линия текста перекрыла текст “CAT”, Мы откорректируем перекрытие слова “angry” со словом “CAT”. Удерживая клавишу (Ctrl) + щёлкните по миниатюре слоя с текстом “angry”, чтобы загрузить активное выделение.

alt

Далее, мы расширим активную область. Идём Выделение – Модификация – Расширить (Select > Modify > Expand).

alt

Перейдите на слой с текстом “CAT”, а затем, добавьте слой-маску.

Примечание переводчика: не снимая активного выделения, проведите инверсию, далее, перейдите на слой с текстом ‘CAT’, а затем, добавьте слой-маску.

alt

Давайте нарисуем фигуру Ленты, используя инструмент Прямоугольник alt (Rectangle tool). Убедитесь, чтобы в настройках была выбрана опция Фигура alt (Shape). Нарисуйте горизонтальную полоску, как показано на скриншоте ниже.

alt

Далее, нарисуйте загиб ленты и с помощью инструмента Стрелка alt (Direct Selection Tool), измените перспективу фрагмента ленты, как показано на скриншоте ниже.

alt

Продублируйте фрагмент ленты, сместив дубликат на противоположный конец основной ленты.

alt

Нарисуйте ещё один фрагмент ленты, расположив слой с данной фигурой ниже остальных 2х слоёв с лентой.

alt

Далее, мы должны добавить вырез к ленте. Добавьте опорную точку к левой кромке фигуры нашей ленты с помощью инструмента Перо alt (Добавить опорную точку) (Add Anchor Point Tool).

alt

Используя инструмент Стрелка alt (Direct Selection Tool), захватите мышкой опорную точку, которую мы только что добавили.

alt

Сместите опорную точку вправо от своего фактического положения. Вы можете использовать клавиши со стрелками для смещения точки.

alt

Давайте выправим стороны с помощью инструмента Угол (Convert Point Tool).

alt

Продублируйте вырез ленты, сместив дубликат на противоположный конец нашей ленты.

alt

К центральной части ленты, добавьте стиль слоя Наложение градиента (Gradient Overlay). Примените настройки градиента, которые указаны на скриншоте ниже.

alt

Добавьте текст на ленту, используя шрифт “KiloGram”.

Примечание переводчика: шрифт KiloGram и другие вы найдёте в архиве с материалами к уроку.

alt

Далее, мы добавим облачко с текстом, используя инструмент Эллипс alt (Ellipse Tool).

alt

Нарисуйте хвостик к облачку с текстом.

alt

Добавьте текст поверх слоя с облачком, установите цвет для текста белый.

alt

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

alt

Выберите фигуру звёздочки в палитре инструмента Произвольная фигура (custom shapes). Нарисуйте звёздочки между котом и лентой.

alt

Откройте текстуру фальцованной бумаги. Выделите всю текстур (Ctrl+A), а затем, скопируйте выделенную текстуру (Ctrl+C).

alt

Вклейте скопированную текстуру на наш рабочий документ (Ctrl+V).

alt

Откорректируйте яркость текстуры с помощью коррекции Кривых (Curves).

Примечание переводчика: для активации коррекции нажмите клавиши (Ctrl+M).

alt

Поменяйте режим наложения для слоя с фальцованной бумагой на Перекрытие (Overlay).

alt

Откройте Изумрудно-зелёную текстуру бумаги.

alt

Скопируйте / вклейте изумрудно-зелёную текстуру бумаги на наш рабочий документ.

alt

Примените масштабирование к текстуре бумаги в соответствии с размерами рабочего документа.

alt

Обесцветьте текстуру (CTRL + Shift + U).

alt

Затемните текстуру с помощью коррекция Кривых (Curves).

alt

Поменяйте режим наложения для данного слоя с текстурой на Осветление (Screen).

alt

К слою с текстурой царапин, добавьте корректирующий слой Кривые (Curves).

Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с зелёной текстурой.

alt

Далее, добавьте корректирующий слой Фото фильтр (Photo Filter).

alt

В заключение, мы добавим небольшой эффект шума на нашу картину. Создайте новый слой поверх всех остальных слоёв, залейте этот слой чёрным цветом.

alt

Добавьте шум к созданному слою, идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise).

alt

Поменяйте режим наложения для слоя с эффектом шума на Осветление (Screen).

alt

Поздравляю, мы завершили урок! Надеюсь, что вам понравился этот урок, и вы создадите свои винтажные работы, которые станут ещё привлекательнее.

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

alt

Скачать исходные материалы

Ссылка на PSD файл урока

Автор: Niranth M

Переводчик: Садыгалиев Марат

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *