Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Как создать серию иконок со знаками зодиака в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Photoshop.
How to Create a Romantic Rose Text Effect in Adobe Photoshop
How to Create an Emotional, Molten, Shattered Statue in Photoshop

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

Как вы заметите в процессе рисования, мы не будем создавать знаки в их обычном астрологическом порядке.  Однако, к конце руководства у нас будут все элементы, которые мы расставим в нужном порядке. 

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

1. Выбираем и изменяем кисти 

Шаг 1

Сначала создадим Новый документ размером А5, Цветовой режим RGB.

make a New Document

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

Сейчас мы узнаем, как объединить выбранные кисти в набор для большего удобства.  Откройте панель Наборов кистей (Окно > Наборы кистей) или выберите Инструмент «Кисть» (В) и нажмите правой кнопкой мыши, чтобы открыть список кистей.  Кликните на маленькой иконке с шестерёнкой в верхнем правом углу, чтобы открыть выпадающее меню.  Здесь можно Загрузить кисти или выбрать стандартные наборы из списка. 

Выберите набор кистей, к примеру, Сухие медиа кисти, и либо замените присутствующий набор кистей, либо нажмите «Добавить» для добавления в свой список.  Теперь откройте Управление наборами, где мы можем выбрать любые ненужные кисти и Удалить их. 

Повторяйте это действие всякий раз, когда вы добавляете набор кистей, оставляя только те кисти, с которыми вы будете работать. 

select the desired brushes

Шаг 2

Я загрузила следующие встроенные наборы: 

  • Сухие медиа кисти
  • M кисти
  • Толстые, тяжёлые кисти

Я использовала Управление наборами для удаления всех ненужных кистей за исключением следующих (вы можете найти их на скриншоте ниже): 

  • Пастельная кисть с грубой текстурой
  • Мягкая масляная пастельная кисть 
  • Сухая кисть 1 #2 
  • Круглая щетинная кисть

Я также изменила первую кисть в списке для придания ей уникального текстурного вида.  Давайте узнаем, как это сделать. 

Шаг 3

Выберите Пастельную кисть с грубой текстурой и откройте панель Кистей (Окно > Кисти).  Здесь нажмите на вкладку «Текстуры».  Вы увидите образец текстуры в верхней части меню. 

Нажмите на стрелку, чтобы открыть выпадающий список текстур. Давайте изменим вид нашей кисти, выбрав образец «Экстратолстый холст».  Сдвиньте слайдер Масштаба на 30%, сделав текстуру толще.  Вы можете либо оставить все настройки по умолчанию, либо изменить их, придав нашей кисти более зернистый вид. 

change texture of the brush

Шаг 4

Отметьте галочкой пункт «Шум», сделав кисть более текстурной.  Перейдите на вкладку «Форма кончика кисти» и сдвиньте слайдер Расстояния на 15%.  Теперь наша кисть выглядит текстурной и в то же время имеет острые, твёрдые края, что делает её идеальной для рисования мелких деталей, если мы хотим сделать их чёткими и ясными. 

add noise to the brush

Шаг 5

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

apply the settings to other brushes

2. Рисуем иконку со знаком Козерога

Шаг 1

Начнём с создания знака Козерога и затем трансформируем его в другие знаки, изменяя элементы и цвета. 

Возьмите Инструмент «Эллипс» (U) и создайте коричневую фигуру 730 х 900 пикселей для головы.  Перейдите к Инструменту «Прямое выделение» (А) и выделите обе боковые опорные точки.  Перетащите их вверх, сделав верх фигуры плоской и напоминающей голову козла.  

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

make the head from ellipse

Шаг 2

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

Вы можете настроить Непрозрачность и Нажим кисти, перейдя на панель управления сверху.  На этом этапе я хочу, чтобы мои мазки кистью были толстыми, поэтому я устанавливаю все значения на 100%.  Мы можем контролировать размер нашей кисти клавишами [ и ]. 

make the shape textured using a brush

Шаг 3

Если хотите изменить какие-то части фигуры, используйте Инструмент «Ластик» (Е) и затем снова рисуйте поверх стёртой области, придавая фигуре нужный вид.  Здесь, к примеру, я захотела сделать верх фигуры плоским, т.к. он стал слишком скруглённым в процессе рисования.  . Поэтому я просто удалила его и внесла изменения кистью. 

Теперь мы можем начать добавлять объём нашей голове, создавая более тёмные и светлые области.  Мы можем упростить этот процесс, выделив слой с головой и нажав на маленькую иконку «Блокировать прозрачные точки» в верхней части панели Слоёв.  Таким образом, мы будем рисовать только поверх (или внутри) нашей фигуры, не пересекая её края. 

edit the shape of the head

Шаг 4

Выберите светло-коричневый цвет на панели Цвета и начните рисовать в центре фигуры, выделяя его.  Оставьте края фигуры тёмными и сферическими.

Инструментом «Эллипс» (U) создайте белый круг 115 х 155 пикселей для глаза.  

add dimension and make eye from circle

Шаг 5

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

Возьмите тёмно-синий слой и нарисуйте круглую точку для зрачка.  Измените цвет на ярко-синий и сделайте яркий оттенок в нижней части зрачка, оживив глаз.

form the iris of the eye

Шаг 6

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

add shadow beneath the eye

Шаг 7

Создайте Новый слой, кликнув на соответствующей иконке в нижней части панели Слоёв

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

form the eyebrow

Шаг 8

Выделите слой с бровью и Скопируйте (Control-J) его.  Перейдите в Редактирование > Трансформирование > Отразить по горизонтали, чтобы зеркально отразить фигуру и поместить её на противоположную сторону лица.  Также скопируйте глаз, но не отзеркаливайте его, чтобы блики на обоих глазах оставались на одной стороне. 

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

add second eye and nose

Шаг 9

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

add hair strokes

Шаг 10

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

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

shape the ear

Шаг 11

Скопируйте (Control-J) слой с ухом и Отразите его по горизонтали, чтобы добавить второе ухо на противоположной стороне головы.  

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

draw a horn

Шаг 12

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

Давайте завершим создание нашей первой зодиакальной иконки, добавив круглую основу.  Инструментом «Эллипс» (U) создайте фиолетовый круг 1700 х 1700 пикселей.  Растрируйте слой с фиолетовым кругом и обработайте края фигуры одной из наших сухих, гранджевых кистей.  

Если хотите сохранить иконку редактируемой, используйте Обтравочную маску вместо того, чтобы непосредственно применить кисть.  Просто выделите слой и нажмите на кнопку «Добавить слой-маску» в нижней части панели Слоёв.  Используйте чёрный цвет, чтобы удалить элементы, и белый цвет – чтобы снова сделать удалённые детали видимыми.  Только и всего! 

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

Держите слои аккуратными и организованными, чтобы сделать рабочий процесс удобнее.  Присваивайте слоям соответствующие названия и объединяйте их в единую группу (Control-G).

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

make circle icon base

3. Создаём знак Овна из иконки со знаком Козерога 

Шаг 1

Давайте начнём создавать нашу следующую зодиакальную иконку – Овна.  Выделите группу слоёв Козерога и нажмите Control-J, чтобы скопировать её.  Удалите слой с рогами и сделайте слой с ушами невидимым на панели Слоёв, кликнув на пиктограмме с глазом. 

Выделите слой с головой и кликните на пиктограмме «Создать новый корректирующий слой или слой- заливку» в нижней части панели Слоёв.  Выберите «Цветовой тон/Насыщенность» в вспомогательном меню. Теперь, когда  создан новый корректирующий слой, нам нужно привязать его к слою с головой, чтобы изменить только цвет головы, не повлияв на другие слои. 

Выделите корректирующий слой и удерживайте Alt.  Вы заметите, что курсор мыши превратился в маленькую стрелку. Теперь вы можете выбрать слой, к которому нужно привязать предыдущий, поэтому кликните на слое с головой.  Отлично! 

Теперь мы можем дважды кликнуть на Цветовом тоне/Насыщенности корректирующего слоя и сдвинуть слайдеры для изменения цвета головы.  Давайте установим значение Цветового тона на -16, Насыщенность – на -15, а Яркость – на +13, чтобы сделать голову светло-серой. 

recolor the head

Шаг 2

Голова выглядит довольно плоской после настроек цвета, поэтому ей нужно добавить глубины.  Сначала выделите слой с головой и связанный корректирующий слой с Цветовым фоном/насыщенностью и нажмите Control-E, чтобы Объединить слои.  

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

Перейдите к слою со штрихами волосков шерсти, Блокируйте прозрачные точки и рисуйте поверх волосков, чтобы изменить их цвет с коричневого на серый.  Либо вы можете создать новый связанный корректирующий слой Цветового фона/Насыщенности для слоя с шерстью и изменить цвет волосков там.  Не забудьте изменить цвет бровей, чтобы они сочетались с общей цветовой палитрой. 

edit the colors of the head

Шаг 3

Теперь давайте изобразим толстую, мохнатую шерсть вокруг головы. Создайте Новый слой и нарисуйте схематичный контур твёрдой, круглой кистью.  Перейдите к Инструменту «Лассо» (L) для обведения краёв контура.  Инструментом «Заливка» (G) заполните выделенную область светло-бежевым цветом. 

Обработайте края сухой, гранджевой кистью, чтобы сделать шерсть текстурной. 

draw wooly fur

Шаг 4

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

add details to the fur

Шаг 5

Давайте нарисуем пару новых завёрнутых рогов для нашего Овна.  Создайте Новый слой и твёрдой, круглой кистью создайте оранжевый контур завитка.  Перейдите к Инструменту «Магнитное лассо» (L), чтобы сделать точное выделение вдоль края контура. Заполните выделенную область светло-жёлтым цветом и текстурной, сухой кистью оранжевого цвета проведите вдоль края завитка, добавив рогу объёма. 

draw a horn

Шаг 6

Сделайте так, чтобы оранжевые и жёлтые части рога хорошо сочетались, и добавьте мелкие детали, такие как дугообразные зазубрины и блики, сделав рог реалистичным и гладким.  Скопируйте рог, нажав Control-J, и Отразите его по Горизонтали, разместив копию на противоположной стороне головы. 

draw a horn 2

Шаг 7

Завершите создание иконки с Овном, добавив уши. Вы можете нарисовать новую пару ушей или использовать копию ушей Козерога (их мы сделали невидимыми), изменить их цвет и повернуть, разместив уши под рогами. 

Добавьте новый корректирующий слой Цветового тона/Насыщенности и привяжите его к слою с круглой основой иконки.  Сдвиньте слайдеры, установив Цветовой тон на -80, Насыщенность на +45 и Яркость на +15, изменив общий цвет на приятный оттенок синего. 

Готово! Теперь узнаем, как превратить иконку с Овном в знак Льва! 

Finish up with the Aries icon

4. Формируем знак Льва из иконки со знаком Овна 

Шаг 1

Скопируйте группу слоёв Овна и начните формировать новый зодиакальный знак.  Сначала выделите слой с Ухом и нажмите Control-T для Свободного трансформирования.  Измените размер уха и поместите его на верх головы.  Повторите те же действия для второго уха. 

Теперь мы можем добавить связанные корректирующие слои Цветового тона/Насыщенности к слоям с ушами и головой и поэкспериментировать с цветами, превратив нашего барашка в льва! 

Установите значение Цветового тона на -3, Насыщенности на +80 и Яркости на -4.  Можете изменить значения по своему усмотрению, если ваши цвета отличаются от моих.  Постарайтесь сделать голову желтовато-оранжевой, напоминающей львиную шкуру. 

recolor the head

Шаг 2

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

shape the nose of the lion

Шаг 3

Добавьте новый связанный корректирующий слой Цветового тона/Насыщенности к шерсти вокруг головы и измените её цвет, превратив овечью шерсть в львиную гриву!  Отметьте галочкой пункт «Цветность» и сдвиньте слайдер Цветового тона до конца влево, сделав гриву ярко-красной.  Установите значение Насыщенности на 65 и Яркости на -40.  Также измените цвет отдельных волосков над гривой, чтобы они вписывались в новую красную палитру.  

Завершите создание иконки, изменив цвет круглой основы иконки на ярко-бирюзовый. 

Отлично!  Наш третий зодиакальный знак готов!  Теперь у нас есть основные принципы изменения элементов, изменения их цвета и добавления мелких деталей для создания новых знаков. Мы также приспособились к описанным техникам рисования при помощи, преимущественно, двух типов кистей (круглой, твёрдой кисти и текстурной, сухой кисти), которыми мы рисовали чёткие контуры и затем создавали гранджевые текстурные края.  Помните о том, что нужно создавать Новые слои и Блокировать прозрачные точки, чтобы процесс рисования оставался простым и удобным! 

Давайте узнаем, как редактировать наши элементы дальше при создании оставшихся знаков зодиака! 

5. Изображаем иконки со знаками Тельца, Девы и Весов 

Шаг 1

Давайте раскроем следующий полезный совет, который поможет нам изменить фигуры! 

Скопируйте группу слоёв Овна и перейдите к созданию Тельца.  Выделите слой с головой и перейдите в Фильтр > Пластика.  В окне меню Пластики установите Размер кисти на 718, а остальные параметры оставьте по умолчанию.  Теперь можем приступить к созданию головы по своему усмотрению.  Постарайтесь превратить низ головы в морду быка.  По достижению нужного результата нажмите ОК для сохранения изменений. 

use Liquify filter

Шаг 2

Давайте сформируем нос!  Не забудьте заблокировать прозрачные точки слоя с головой, возьмите Инструмент «Кисть» (В) и установите Параметры наложения на Цвет, перейдя на верхнюю панель управления.  Выберите розовый цвет и нарисуйте большой нос в нижней части головы.  

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

add nose and nostrils

Шаг 3

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

Скопируйте (Control-J) слой с Рогом из группы Козерога и присоедините рог к голове Тельца.  Снова используйте фильтр Пластики, чтобы сделать рог более выгнутым. 

Скопируйте рог и Отразите его по горизонтали на противоположную сторону головы.  Завершите создание иконки с Тельцом, изменив цвет круглой основы иконки на травянисто-зелёный. 

add horns and finish up with the taurus icon

Шаг 4

Теперь давайте скопируем группу слоёв Козерога и применим технику Пластики ещё раз, чтобы превратить Козерога в зодиакальный знак Девы! 

Выделите слой с головой и примените Фильтр > Пластика.  Слегка уменьшите голову и сделайте низ лица шире.  Сформируйте заострённый подбородок девичьего лица. 

Привяжите корректирующий слой Цветового тона/Насыщенности к слою с головой и измените цвет, добавив оттенок розового.  В моём случае я установила значение Цветового тона на -5, Насыщенности – на -5 и Яркости – на +15.  Используйте эти же значения или выберите свои для придания лицу желаемого оттенка кожи. 

liquify the head of the capricorn

Шаг 5

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

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

Выберите ярко-красный цвет и сформируйте короткую причёску. 

Давайте изменим цвет основы иконки на ярко-жёлтый при помощи корректирующего слоя. 

add facial features hair and recolor the icon

Вы можете добавить больше деталей нашей милой Деве для придания миловидности. 

add flowers to virgo

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

Давайте продолжим и узнаем больше о том, как сделать следующую иконку! 

Шаг 6

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

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

Растрируйте созданный полукруг и нарисуйте на золотистой поверхности тени и блики. 

depict the pan of the balance scales

Шаг 7

Возьмите Инструмент «Перо» (Р) и удерживайте Shift, рисуя треугольную форму в верхней части чаши.   Кликните правой кнопкой мыши и выберите Обводку контура.   Выберите Кисть в выпадающем меню и нажмите ОК, чтобы применить текстурную обводку кисти к треугольнику, сформировав простую, чёткую линию ручки.

make a handle of the pan

Шаг 8

Теперь скопируйте группу слоёв Девы и начните изменять её внешность.  Отразите причёску по горизонтали и при помощи связанного коррекционного слоя Цветового тона/Насыщенности измените цвет волос.  На этом этапе я изменила его на блонд, но он мне не очень нравится, поэтому я продолжу экспериментировать с цветами.  Начните также изменять фигуру причёски.  Используйте твёрдую, круглую, текстурную кисть для добавления пары элегантных локонов по обеим сторонам лица. 

make a new hairdo

Шаг 9

Измените цвет волос на ярко-голубой и нарисуйте два озорных завитка по обеим сторонам головы.  Соедините весы с локонами. 

Готово!  Иконка с Весами готова!  Выберите приятный оттенок фиолетового для основы иконки и перейдите к следующему шагу. 

recolor the hair and finish up with the icon

6. Изображаем знаки Водолея, Рака, Скорпиона и Стрельца 

Шаг 1

Давайте создадим забавный стилизованный знак Водолея с изображением кита.  В этот раз мы не будем использовать головы с наших предыдущих знаков, поэтому возьмите Инструмент «Эллипс» (L) и создайте тёмно-синюю фигуру тела 713 х 471 пикселей. 

Возьмите Инструмент «Прямое выделение» (А), выделите обе боковые опорные точки и перетащите их вниз, сделав низ тела плоским. 

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

Нарисуйте светло-бежевый живот кита и скопируйте глаза с любой предыдущей иконки в целях сохранения стиля. 

make a body of the whail

Шаг 2

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

Используйте корректирующий слой, чтобы сделать основу иконки розовой. 

Выглядит отлично!  Давайте узнаем, как можно изменить нашего кита, чтобы получить ещё три зодиакальных знака! 

Finish up with the Aquarius icon

Шаг 3

Теперь скопируем группу слоёв Водолея и превратим нашего кита в забавного Рака! 

Измените кончик хвоста кита в толстый завиток и сравняйте цвет живота с цветом тела.   

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

recolor the body and change the tail

Шаг 4

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

Скопируйте слой с клешнёй и Отразите её по Горизонтали, чтобы добавить копию на противоположной стороне тела. 

Draw a pincer

Шаг 5

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

Finish up with the Cancer sign

Шаг 6

Давайте продолжим наши трансформации и превратим Рака в Скорпиона! 

Скопируйте группу слоёв Рака.  Выделите все части тела нашего персонажа (кроме глаз) и сгруппируйте (Control-G) их ещё раз, создав подгруппу.  Создайте корректирующий слой Цветового тона/Насыщенности и привяжите его к подгруппе.  Таким образом мы можем изменить цвет тела и превратить нашего жёлтого рака в тёмно-фиолетового скорпиона. 

Установите значение Цветового тона на -124, Насыщенности – на -65 и Яркости – на -17 или выберите другие параметры по своему усмотрению, но постарайтесь сохранить эти тёмно-фиолетовые и тёмно-синие оттенки, которые ассоциируются со скорпионами. 

turn our Cancer into Scorpio

Шаг 7

Давайте превратим кончик хвоста в жало.  Закрасьте хвост и сделайте жало трёхмерным при помощи сухой, текстурной кисти. 

change the tip of the tail

Наша иконка со Скорпионом готова!  Вы можете попробовать выбрать другой цвет основы иконки, но я решила оставить пока этот приятный голубой оттенок. 

Thats all for our Scorpio icon

Шаг 8

Есть ещё один знак, который мы можем создать при помощи иконки с Раком!  Давайте скопируем группу слоёв Рака и превратим его в Стрельца.  Если вы знакомы с русским фольклором, то, возможно, слышали о хорошо известной русской сказке «Принцесса-лягушка»,  либо видели рисунки, посвящённые этой сказке, изображающие лягушку со стрелой во рту.  Я решила использовать этот образ для нашего следующего зодиакального знака, т.к. мы изображаем каждый знак из серии в виде стилизованного животного или человека.  Давайте придерживаться общего стиля нашей серии, сохраняя связь между знаками.   

Удалите ненужные элементы тела Рака и удалите его хвост Инструментом «Ластик» (Е).  Используйте связанный корректирующий слой, чтобы изменить оранжевый цвет тела на зелёный.  Персонаж уже начинает выглядеть как лягушка! 

turn the cancer into a frog

Шаг 9

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

add legs

Шаг 10

Давайте добавим стрелу нашей лягушке.  Возьмите Инструмент «Произвольная фигура» (U) и найдите выпадающий список стандартных фигур на верхней панели управления.  Найдите фигуры стрел и выберите одну по своему усмотрению.  Я выбрала фигуру «Стрела 16». 

Поместите фигуру на лягушку, удерживая Shift, чтобы не исказить фигуру.  Инструментом «Прямое выделение» (А) выделите опорные точки стрелки и перетащите её вправо, растянув её без деформации.   

Растрируйте слой со стрелкой, Заблокируйте прозрачные точки и поработайте с цветами, добавляя текстуру и объём. 

add an arrow from custom shapes

Шаг 11

Давайте добавим корону, чтобы сделать иконку более детальной.  Я использую Корону 4 из списка стандартных фигур.  Инструментом «Удалить опорную точку» удалите нижний элемент короны, а Инструментом «Прямое выделение» (А) растяните и измените фигуру короны. 

Растрируйте слой с короной и поработайте над цветами, взяв их со стрелки. 

Теперь наша иконка со Стрельцом выглядит завершённой!  Двигаемся дальше! 

add a crown to our frog and finish up with the sagittarius icon

7. Рисуем иконки со знаками Рыб и Близнецов 

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

Шаг 1

Давайте начнём с иконки Рыб.  Создайте Новый слой и Инструментом «Эллипс» (U) сформируйте оранжевый круг 500 х 500 пикселей.  Инструментом «Прямое выделение» (А) перетащите правую опорную точку дальше вправо.  Удерживая Alt, переместите опорные указатели, как показано на скриншоте ниже, сформировав плавную кривую для рыбьего хвоста.  Растрируйте слой по завершению.  

make the body of the fish

Шаг 2

Давайте используем какой-нибудь глаз с нашей предыдущей иконки для формирования рыбьего глаза.  Проработайте края тела, сделав их текстурными.  Заблокируйте прозрачные точки и начните рисовать на теле, добавляя объём и изображая нужные детали, такие как голова и разноцветные чешуйки. 

Создайте Новый слой для хвоста и плавников и добавьте другие детали по своему усмотрению, которые могут помочь сделать персонажа более содержательным.  Наконец, Сгруппируйте (Control-G) все элементы рыбы. 

make the fish detailed

Шаг 3

Завершите нашу иконку с Рыбами, создав копию персонажа и Отразив его по Горизонтали.  Поверните обе рыбы, чтобы получилась сбалансированная композиция. 

Finish up with the Pisces icon

Шаг 4

Давайте нарисуем последнюю иконку нашей милой серии знаков зодиака – иконку с Близнецами.  Близнецы обычно изображаются как двойня.  Вы можете нарисовать человеческих или животных близнецов по своему желанию.  Давайте внесём больше креатива и нарисуем пару забавных вишенок на одном стебле! 

Инструментом «Эллипс» (U) создайте круг розовато-красного цвета размером 510 х 510 пикселей.  Выделите верхнюю опорную точку Инструментом «Прямое выделение» (А) и, удерживая Alt, измените положение опорных указателей для создания впадины, похожей на сердце, на верхушке фигуры.   

Растрируйте слой с вишней и обработайте края сухой, текстурной кистью.  Добавьте тени и блики, сделав фигуру трёхмерной и блестящей. 

Используйте глаза и рот с одной из предыдущих зодиакальных иконок, оживив нашего персонажа. 

draw a cherry from circle

Шаг 5

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

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

draw a stem with a leaf

Шаг 6

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

Finish up with the Gemini icon

Прекрасно!  Наша серия зодиакальных иконок готова! 

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

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

Веселья вам и вдохновения! 

End result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.