Как нарисовать график в фотошопе

В этом уроке мы рассмотрим процесс создания векторного рисунка в Фотошопе.

Сложность: Средняя

Дата: 24.08.2013

Обновлено: 18.06.2015

Как известно, векторные иллюстрации в настоящее время очень популярны в веб-графике. Профессиональные дизайнеры могут создавать такие иллюстрации за считанные часы. Если Вы новичок или любитель, уроки веб-графики, безусловно, будут крайне полезны для Вас. Цель данного урока — пролить свет на процесс создания выбранного изображения. Шаг за шагом я продемонстрирую весь процесс и с помощью моих комментариев поясню все этапы.

Чтобы создать действительно классное изображение, Вы должны выбрать нужную программу и следовать определенным правилам. Если Вы хотите нарисовать векторную иллюстрацию, то должны иметь в виду, что для этого используются такие редакторы как Adobe Illustrator или CorelDraw. Вместе с тем, Photoshop располагает достаточными средствами для разработки векторных иллюстраций. Я наглядно покажу это в своем уроке, как перевести рисунок в вектор. Я выбрал скетч кота как основу для иллюстрации. Я решил изобразить синего кота с розовыми цветами в лапах.

Скетч кота, который я использовал в уроке.

Шаг 1

Начнем с создания фона. Нарисуем форму с помощью инструмента выделения Pen Tool («Перо» / Клавиша «P») (в режиме Shape Layers (Слой Фигура)). Настройки — Fill (Непрозрачность заливки) = 0%. Теперь используем наложение градиента: (Layer Style — Gradient Overlay (Стиль слоя — Наложение градиента)) для заполнения созданной фигуры. Все настройки по умолчанию, вам только нужно менять угол (я буду указывать степень) и градиент. Добавляем Stroke (Обводку) (Layer Style — Stroke (Стиль слоя — Обводка)). Используем все настройки по умолчанию, кроме ширины в 1 рх и цвета.

Итак. используем Pen Tool («Перо» / Клавиша «P»), в режиме Shape Layers (Слой Фигура). Выделяем весь холст, настройки Fill (Непрозрачность заливки) = 0%, и добавляем градиент (Layer Style — Gradient Overlay (Стиль слоя — Наложение градиента)).

Шаг 2

Раскрашиваем основные части кошачьего тела в синий цвет: нос с ушами, тело, передняя лапа и хвост. Добавляем Stroke (Обводку), чтобы сделать изображение более интенсивным. Используем цвета с #4f85c8 до #7ab2ee, угол — 50 deg (Градус) для Наложения градиента, и #2d72c5 — цвет Stroke (Обводка).

Шаг 3

Теперь уделим внимание основным элементам тела. Высветлим часть тела, используя тот же градиент, что и для всего тела, с углом 3 deg (Градус).

Шаг 4

Перейдем к деталям хвоста. Выделим весь хвост и заполним его градиентом (68 deg (Градус)). После этого выделим кончик хвоста (как показано на рисунке) и заполним тем же градиентом (75 deg (Градус)).

Шаг 5

Выделим нос, как показано на рисунке, и заполним градиентом (90 deg (Градус)).

Читайте также:  Как посмотреть сколько стоит оперативки

Шаг 6

Осветлим кончик носа (-66 deg (Градус)). Используем более темные цвета, чтобы подчеркнуть границы носа.

Шаг 7

Пришло время поработать с общими контурами ушей. Используем угол градиента 66 deg (Градус) для нижнего и 4 deg (Градус) для верхнего уха.

Шаг 8

Придадим форму краю уха: используем угол градиента 16 deg (Градус) для нижнего уха и 34 deg (Градус) — для верхнего.

Шаг 9

Добавим деталей на лапах. Создадим овальную форму верхнего пальца (градиент с углом (35 deg (Градус)), затем для среднего пальца (68 deg (Градус)), и наконец для нижнего (58 deg (Градус)). Каждая последующая форма накладывается на предыдущую.

Шаг 10

Основной корпус готов. Теперь перейдем ко второй нижней лапе. Создадим новую форму (97 deg (Градус)), далее нажмем «Shift+Ctrl+[» (Send to Back (На задний план)), и добавим Stroke (Обводка) c цветом #1d62b5.

Шаг 11

Добавим три круга сверху донизу (25 deg (Градус), 68 deg (Градус), 83 deg (Градус)) для каждого пальца, как и в шаге 9.

Шаг 12

Проделаем все то же, что и с первой нижней лапой. Готово. Теперь обратимся к верхним лапам. Создадим форму для одной из верхних лап (58 deg (Градус)) и добавим Stroke (Обводку) с цветом #4172a5 (как и для всех внешних форм).

Шаг 13

На верхней лапе 4 пальца. Скроем один из них. Создадим форму (50 deg (Градус)).

Шаг 14

Создаем овальную форму для каждого пальца, как в шаге 9 (63 deg (Градус), 67 deg (Градус), 77 deg (Градус)). Добавляем Stroke (Обводка) с цветом #3367a6 для каждого из 3-х пальцев.

Шаг 15

Создадим новую форму для второй лапы (-61 deg (Градус)). Жмем (Ctrl+Shift+]) и добавляем Stroke (Обводка) #2d72c5.

Шаг 16

Для верхнего пальца создаем форму (135 deg (Градус)), затем то же самое проделываем и для остальных пальцев (сверху вниз) — как и в шаге 9 (99 deg (Градус), 83 deg (Градус), 67 deg (Градус)).

Шаг 17

Закончили с основной частью кошачьего тела. Теперь перейдем к мордочке. Начнем с глаз. Создадим новую форму для нижнего века (-168 deg (Градус)), а затем светло-голубую форму — белок глаза (-22 deg (Градус)).

Шаг 18

Теперь нарисуем овальную форму в середине головы (90 deg (Градус)) для радужки глаза, добавим Stroke (Обводка) #599c01. Нарисуем зрачок над радужкой (90 deg (Градус)). Затем создадим маленькую овальную форму для блика. Для градиента используем цвет #ebfcf9.

Шаг 19

Сделаем овальную форму век (94 deg (Градус)), затем форму для ресниц (-173 deg (Градус)). Расположим их по границе века. Нажимаем «Ctrl+[» (Send Backward (Переложить назад)).

Шаг 20

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

Шаг 21

Поработаем с зубами. Создадим новую форму (71 deg (Градус)) и добавим Stroke (Обводка) с цветом #336aaa.

Шаг 22

Создадим форму для нижнего зуба (-122 deg (Градус)). Далее создаем дубликаты слоя с зубом (Ctrl+J) и изменяем их размер, используя инструмент Path Selection Tool (Инструмент «Выделение контура» / Клавиша «A»).

Шаг 23

Создаем форму верхнего зуба (-135 deg (Градус)), и производим те же действия, что и в шаге 22.

Шаг 24

Кот практически готов. Добавим некоторые детали. Подготовим формы для роскошных кошачьих усов: (сверху вниз:-50 deg (Градус), 63 deg (Градус),-50 deg (Градус)).

Читайте также:  Как посмотреть анонимный опрос в контакте

Шаг 25

И еще 2 нижних уса:

Шаг 26

Теперь сделаем коту когти. Просто создаем небольшие формы в виде штрихов. в зависимости от направления когтя, указываем и угол наклона градиента, которым его заливаем. Градиент желательно выбрать: от темного к светло-голубому. Не бойтесь варьировать градиенты.

Шаг 27

Последний элемент — цветы в кошачьих лапах. Нарисуем форму стебелька цветка (173 deg (Градус)), как показано на скриншоте, жмем «Shift+Ctrl+[» (Send to Back (На задний план)). Далее создадим форму с лепестками (79 deg (Градус)).

Шаг 28

Создадим еще одну форму для лепестков (94 deg (Градус)), сделаем её чуть больше и разместим чуть выше исходной. Нарисуем сердцевину цветка (76 deg (Градус)), и еще такую же форму (99 deg (Градус)), сдвинув её вверх и вправо на 1 рх.

Вот и все. Наш Кот готов. Как видите, в Фотошопе можно создавать подобным образом векторные изображения чего угодно.

Финальный результат

В этой статье я покажу вам, как в Photoshop создать эффект цифровой живописи . Мы будем использовать изображение города, чтобы с помощью фильтра « Аппликация » превратить его в цифровую картинку. Затем применим корректирующий слой, чтобы выполнить настройки цвета. В конце мы добавим светлые тона, чтобы сделать эффект реалистичным:

Ресурсы

Процесс создания цифровой графики начинается с эскиза, это реальная картинка, нарисованная с нуля. Художник использует кисти, образец изображения и множество методов, чтобы завершить иллюстрацию. Это требует навыков, определенной подготовки и много другого. Ниже приведено изображение с моей первой цифровой графикой. Вы можете легко заметить на нем много ошибок. Оно кажется не законченным, но мне нравится результат, Но Photoshop может воспроизвести цифровую живопись маслом за считанные минуты:


Шаг 2

В этом руководстве я использую изображение города . Откройте в Photoshop изображение города: Файл> Открыть . Вот как оно выглядит в Photoshop :

Создание эффекта цифровой графики

Перед тем, как применить фильтр « Аппликация », нужно продублировать слой изображения города, так как позже нам будут нужны части оригинального изображения. Для этого нажмите CTRL + J и продублируйте слой:


Теперь перейдите в Фильтр> Галерея фильтров > Аппликация и установите для параметров фильтра следующие значения. Не забудьте, что вы должны применить фильтр к дублированному слою, а не к оригинальному. На рисунке ниже приведены настройки Photoshop для цифровой живописи :


После применения фильтра уменьшите непрозрачность дублированного слоя до 80%. Это позволит проявить некоторые части оригинального слоя, который находится под дублированным. На приведенном ниже изображении видно, что мы получили эффект цифровой графики. Если увеличить или уменьшить масштаб изображения, вы заметите, что все элементы, такие как автомобили, люди и дома, выглядят, будто кто-то нанес поверх них мазки кистью. Мне очень нравится этот эффект, но можно улучшить его:


Шаг 4

Нажмите на третью иконку в нижней части палитры слоев, чтобы создать корректирующий слой « Кривые ». Я использовал красный и синий цвета, чтобы добавить к изображению желтые тона. На рисунке ниже приведены настройки обоих каналов для цифровой живописи маслом :


Результат :


Шаг 5

Продолжаем обрабатывать изображение. Используем корректирующий слой « Цветовой баланс ». Вы также можете изменить цвета в соответствии со своими предпочтениями. Я хочу использовать синий и пурпурный:


Результат :


Шаг 6

Из-за коррекции цветов в цифровой живописи стало меньше насыщенных светлых огней, и я хочу это исправить. Создайте новый слой и назовите его « light «. Используя указанный на изображении цвет и мягкую круглую кисть, нарисуйте светлые участки, как это сделал я. В основном нужно нанести светлые области на автомобили и уличные фонари:

Читайте также:  Как можно расшифровать аббревиатуру


Установите для этого слоя режим смешивания « Осветление основы ».


Шаг 7

Теперь мы нарисуем блики, отраженные огни зданий, автомобилей и уличных фонарей. Создайте еще один слой и назовите его « highlights «. Белой мягкой круглой кистью нарисуйте блики в местах, обозначенных стрелками: я нарисовал их на женщине, автомобиле, людях на улице:


Измените режим смешивания слоя на « Перекрытие ».

Завершающие корректировки

Пришло время для окончательной корректировки силуэтов в цифровой живописи. Создайте корректирующий слой « Поиск цвета » ( поверх всех слоев ) и выберите файл Crisp_Winter :


Результат :


Шаг 9

И в конце я увеличил контрастность, используя корректирующий слой « Кривые ». Просто создайте кривые S-образной формы, которые всегда делают изображение ярче:


Окончательный результат :

Заключение

Надеюсь, вы получили удовольствие от воссоздания эффекта цифровой живописи. Спасибо вам за уделенное время. Дайте мне знать, если у вас появятся какие-то вопросы.

Данная публикация представляет собой перевод статьи « Easily Create a Digital Painting Effect in Photoshop » , подготовленной дружной командой проекта Интернет-технологии.ру

Как рисовать графику в фотошопе — на этот вопрос ответят уроки в этом разделе. Уроки расскажут как рисовать векторную и растровую графику. При этом не забывая про освещение, тени, блики и другие важные моменты.

Как нарисовать дреды и косички в фотошопе

В этом уроке мы научимся реалистично рисовать две прически – косички и дреды.

Рисуем в фотошоп красивую синюю птицу из текстуры металла

В этом уроке я покажу вам, как создать с нуля птицу, сидящую на дереве, используя только один исходник – текстуру металла (http://www.

Создаем в фотошоп фантазийного дракона из дерева

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

Рисуем кота в фотошопе

В этом уроке я расскажу как нарисовать кота в фотошопе.

Как сделать печать в фотошопе

В этом уроке вы научитесь рисовать печать или штамп в фотошопе.

Сердечко из роз

Будем рисовать в фотошопе красивую открытку на день святого валентина.

Допиливаем круассану и салфетку к чашке кофе

Пришла очередь дорисовать вкусняшечку на иконке и довести ее до ума.

Рисуем чашку кофе

Сегодня мы нарисуем фотореалистичную чашку кофе, с круасаном и сахаром впридачу.

Как нарисовать фракталы в фотошопе

Сегодня в уроке рассмотрим как рисовать фракталы в фотошопе.

Почтовый ящик

Урок о том, как нарисовать довольно простой почтовый ящик.

Мухомор в траве

Иногда хочется сделать что-нибудь забавное, веселое… Предлагаю, как-нибудь на досуге, нарисовать вот такой смешной грибок! С чего начнём? С создания нового документа.

День святого валентина

В этом уроке фотошопа мы будем рисовать открытку день святого валентина.

Рисуем валентинку

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

Дизайн в стиле UEFA

Шаг 1 Создайте новый слой, залейте его черным цветом.

Рисуем созвездие

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

Новогодняя открытка 2011 в Photoshop

Сейчас мы будем рисовать новогоднюю открытку в фотошопе.

Adblock
detector