?

Log in

No account? Create an account
Анна Ивахненко, BAGEERA, bagee

bagee


BAGEERA

Анна Ивахненко в Живом Журнале: о хобби, творчестве, работе, путешествиях и писательском мастерстве


[reposted post]День КРОКОДИЛА 2017, Неделя 8 - Показываем Апрель, рисуем Май
elina_ellis
(перепостил bagee)
Приветствую вас, дорогие мои марафонцы! Прошу прощения, что немного выпала из социальной жизни и практически не комментировала ваши работы на этой неделе. Дело в том, что после очень напряженных пары месяцев, кульминацией которых стал Воркшоп и Лекция в Киеве, силы меня покинули. Точнее я их аккуратненько сложила в красивую коробочку, и оставила дома в надежном месте, а сама поехала отдыхать на моря. И вот теперь я только ем, сплю, купаюсь, хожу на долгие прогулки и снова сплю. Голова пуста совершенно, тело лениво, душа спокойна и апатична ко всему происходящему. Я так не отдыхала уже много лет. Обычно я все время куда-то бегу, и все-равно как-то работаю даже в поездках. А тут я обмякла и отупела до состояния слегка поплывшего желе, и мне это очень нравится. Чтоб написать этот пост, собрала последние действующие извилины и остатки силы воли в кулах, и села за комп.

Итак, праздники Апреля, которые мне приглянулись -

1 Апреля - April Fools Day - День апрельских дураков
22 Апреля - Earth Day - День Земли
29 Апреля - Astronomy Day - Денб Астронавтики

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

Photo 01-10-2017, 15 42 58

Это девочка типа кнопку ему на стул кладет. С другой стороны тоже хотела нарисовать что-то космическое, но нарисовался мой сосед по пляжной койке. Это, пожалуй, единственное, что я сейчас рисую с удовольствием, так что ловите вместо календарного еще немного набросочков с пляжа и других туристических окрестностей:

Photo 01-10-2017, 15 43 31

Photo 01-10-2017, 15 43 55

Photo 01-10-2017, 15 44 07

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

Так что показываем - что у кого!



Мои твиты
Анна Ивахненко, BAGEERA, bagee
bagee

Памяти коллеги
Анна Ивахненко, BAGEERA, bagee
bagee
Памяти коллеги

Скоропостижно скончался Александр Николаевич Петин - декан факультета горного дела и природопользования
Метки:

Как сделать векторный рисунок в фотошопе
Анна Ивахненко, BAGEERA, bagee
bagee
Взято из: https://photoshoplessons.ru/grafika/sozdaem-vektornyiy-risunok

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

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


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




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



Шаг 1

Начнем с создания фона. Нарисуем форму с помощью инструмента выделения () (в режиме Shape Layers (Слой Фигура)). Настройки - (Непрозрачность заливки) = 0%. Теперь используем наложение градиента: ( (Стиль слоя - Наложение градиента)) для заполнения созданной фигуры. Все настройки по умолчанию, вам только нужно менять угол (я буду указывать степень) и градиент. Добавляем Stroke (Обводку) ( (Стиль слоя - Обводка)). Используем все настройки по умолчанию, кроме ширины в 1 рх и цвета.


Итак. используем (), в режиме Shape Layers (Слой Фигура). Выделяем весь холст, настройки (Непрозрачность заливки) = 0%, и добавляем градиент ( (Стиль слоя - Наложение градиента)).




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



Шаг 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+[» ( (На задний план)), и добавим 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 (Градус)). Жмем () и добавляем 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+[» ( (Переложить назад)).




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



Шаг 20

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




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



Шаг 21

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




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



Шаг 22

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




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



Шаг 23

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




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



Шаг 24

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




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



Шаг 25

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




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



Шаг 26

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




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



Шаг 27

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




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



Шаг 28

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




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



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




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



Перевод: ;


Лого+макет+Bitrix
Анна Ивахненко, BAGEERA, bagee
bagee
Лого+макет+Bitrix

Showcase and discover the latest work from top online portfolios by creative professionals across industries.

Posted by Анна Ивахненко on 2 окт 2017, 15:33

из Facebook