Урок по рисованию пропеллера в Adobe Illustrator

propellerPinwheel

В этой статье вы узнаете, как создать красочную иллюстрацию пропеллера в Adobe Illustrator.

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

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

1. Создание нового документа и настройка сетки.

Нажмите CTRL+N, чтоб создать новый документ. В поле «Единицы» выберите «Пиксели». Задайте размеры: ширина – 600, высота – 750, затем нажмите на «Расширенный». Выберите RGB, Screen (72ppi) и убедитесь, что «Выравнивание новых объектов по сетке» выключено, прежде, чем нажать ОК.

Включите сетку (Вид — Показывать сетку) и привязку к сетке (Вид – Привязка к сетке). Для начала вам понадобится сетка на каждые 5 пикселей, поэтому просто выберите Правка – Предпочтения – Ориентиры – Сетка, введите 5 в каждое поле Gridline и 1 в поле «Подразделения». Постарайтесь не растеряться при виде этой сетки, она облегчит вашу работу, а также помните о том, что вы легко можете убрать или вернуть ее, нажав CTRL+”.

Вам также стоит открыть панель с информацией (Окно – Информация) для просмотра в живом режиме размеры и положения ваших фигур. Не забудьте установить пиксели единицами измерения (Правка – Предпочтения – Единицы – Общее). Все эти настройки существенно облегчат вам работу.

 propellerPinwheel1B2. Создание двух главных фигур

Шаг 1

propellerPinwheel2

Выберите инструмент «Прямоугольник» (М) и обратите внимание на панель инструментов. Обесцветьте штрих и затем выберите «Заполнить» и назначьте цвет R=255 G=167 B=0. Переместитесь к своему листу и просто создайте прямоугольник размером 135 на 55 пикселей, «Привязка к сетке» облегчит вашу работу. Сосредоточьтесь на верхней грани этого оранжевого прямоугольника и выберите инструмент «Прямое выделение» (А). Выберите правую точку и  просто перетащите ее на 55 пикселей влево.

Убедитесь, что эта перемещенная точка остается выделенной, на панели инструментов введите значение 24 пикселя в поле «Угол». Эта функция доступна только СС пользователям. Лучший способ заменить этот эффект – функция «Округлить углы». Чтобы сделать это, выделите нужную точку, откройте Файл – Скрипты – Другие Скрипты. Откройте скрипт «Округлить углы», выберите радиус в 24 пикселя и нажмите ОК. Конечный результат может разниться.

Шаг 2

propellerPinwheel3

Продолжайте работать с верхней частью, убедитесь в том, что инструмент «Прямое выделение» (А) все еще активен. Выберите левую точку, вернитесь к панели управления и установите значение радиуса угла в 30 пикс. Используя инструмент «Выделение», выберите всю фигуру и нажмите Эффекты – Деформация — Arc Lower. Введите значения, как на картинке и нажмите ОК, затем Объект – Развертывание.

Шаг 3

propellerPinwheel4

Убедитесь в том, что оранжевая фигура все еще выделена и нажмите Эффекты – Деформация — Arc Lower. Введите значения, как на картинке и нажмите ОК, затем Объект – Развертывание. Сосредоточьтесь на верхней части получившейся фигуры и используйте инструмент «Прямое выделение» (А). Выберите правую точку, переместитесь к панели управления и выберите радиус в 3 пикселя. В конце концов, ваше изображение должно выглядеть, как на третьей картинке.

Шаг 4

propellerPinwheel5

Установите цвет R=255 G=194 B=53, выберите инструмент «Прямоугольник» (М) и создайте фигуру размерами 70 на 55 пикселей и поместите ее на первую фигуру. Убедитесь в том. Что желтый прямоугольник остается выделенным, выберите инструмент «Удалить точку» (-) и нажмите на правую нижнюю точку, чтоб ее удалить. Это должно превратить прямоугольник в треугольник, как показано на втором изображении.

Шаг 5

propellerPinwheel6

Убедитесь в том, что желтый треугольник выделен и нажмите Эффекты – Деформация – Дуга. Введите значения как на изображении, нажмите ОК и затем Объект – Развертывание.

Шаг 6

propellerPinwheel7

Сосредоточьтесь на верхней части желтой фигуры и выберите инструмент «Прямое выделение» (А). Выберите левую точку и введите на панели инструментов значение 10 пикселей в поле «Радиус угла».

Шаг 7

propellerPinwheel8

Отключите «Привязку к сетке» (Вид – Привязка к сетке), включите Smart Guides (CTRL+U) и сосредоточьтесь на верхней правой точке желтой фигуры. Используя инструмент «Ручка», создайте простой путь, как показано на картинке. Выберите оранжевую фигуру и сделайте копию перед ней (CTRL+C — CTRL+F). Выберите эту копию вместе с фигурой, сделанной в начале шага, откройте панель Pathfinder (Окно – Pathfinder) и нажмите кнопку «Скрещивание». Затем отключите Smart Guides (CTRL+U).

Шаг 8

propellerPinwheel9

Выберите желтую фигуру и нажмите SHIFT+CTRL+], чтобы перенести ее вперед. Выберите снова эту форму вместе с тем небольшим путем, который мы сделали в прошлом шаге, и нажмите кнопку «Единицы» на панели Pathfinder.

Шаг 9

propellerPinwheel10

Убедитесь, что желтая фигура выделена, и сделайте копию (CTRL+C — CTRL+F). Выберите эту копию вместе с оранжевой фигурой и нажмите Minus Front на панели Pathfinder.

3. Добавляем цвета и легкие тени

Шаг 1

propellerPinwheel11

Выберите Правка – Предпочтения – Общее и убедитесь, что Keyboard Increment равен 1 пикселю. Выберите свою оранжевую форму и скопируйте ее 2 раза на передний план (CTRL+C — CTRL+F). Выберите верхнюю фигуру и сместите ее на 1 пиксель вниз и на 1 пиксель вправо, используя кнопки со стрелочками на клавиатуре. Выберите обе копии, сделанные в этом шаге, и нажмите Minus Front в панели Pathfinder. Выберите фигуру, которая получилась в итоге, и следуйте к панели «Внешний вид». Выберите черный цвет (R=0 G=0 B=0), затем просто нажмите часть «Непрозрачность», чтоб открыть панель «Прозрачность». Снизьте непрозрачность до 25 % и измените «Тип смешивания» на «Мягкий свет».

Шаг 2

propellerPinwheel12

Выберите оранжевую фигуру и сделайте 2 копии (CTRL+C — CTRL+F). Выберите верхнюю копию и сдвиньте ее на 3 пикселя вниз и на 5 пикселей вправо. Выберите обе копии и нажмите Minus Front на панели Pathfinder. Заполните фигуру, что получилась, черным цветом , снизьте непрозрачность до 10 % и измените «Тип смешивания» на «Мягкий свет».

Шаг 3

propellerPinwheel13

Выберите оранжевую фигуру и сделайте копию (CTRL+C — CTRL+F). Выберите эту копию, нажмите Объект – Трансформация – Поворот. Выберите угол в 5 градусов и нажмите на кнопку «Копия». Передвиньте новую копию на 5 пикселей вниз и на 5 пикселей вправо. Заполните фигуру, что получилась, черным цветом , снизьте непрозрачность до 5 % и измените «Тип смешивания» на «Мягкий свет».

Шаг 4

propellerPinwheel14

Выберите оранжевую фигуру и нажмите Объект – Путь — Смещенный контур. Назначьте «Смещение» в -1 пиксель и нажмите ОК. Сделайте копию новой фигуры (CTRL+C — CTRL+F). Выберите эту копию и сдвиньте на 1 пиксель вверх. Выберите обе копии и нажмите Minus Front на панели Pathfinder. Заполните обе фигуры линейным градиентом, показанным на картинке, и снизьте непрозрачность до 70%. Помните, что желтый ноль на картинке с градиентом относится к непрозрачности, что значит, что вам нужно просто выбрать этот слайдер с градиентом, выставьте значение непрозрачности в 0% на панели градиента.

Шаг 5

propellerPinwheel15

Выберите оранжевую фигуру, сосредоточьтесь на панели «Внешний вид» и добавьте новую заливку, выбрав кнопку «Добавить новую заливку». Выберите новую заливку и просто добавьте ее в линейный градиент, показанный на первой картинке. Не забывайте, что желтый ноль означает непрозрачность, а голубая цифра 50 – процент расположения.

Убедитесь, что оранжевая фигура выбрана и добавьте третью заливку той же кнопкой «Добавить новую заливку». Выберите новую заливку, понизив непрозрачность до 30%, и добавьте в линейный градиент, как показано на второй картинке.

Шаг 6

propellerPinwheel16

Переместитесь к желтой фигуре и сделайте 2 копии (CTRL+C — CTRL+F). Выберите верхнюю фигуру и сместите ее на 1 пиксель вверх и на 1 пиксель влево. Выберите обе копии и нажмите Minus Front на панели Pathfinder. Выберите фигуру, что получилась, и измените «Тип смешивания» на «Мягкий свет» и добавьте линейный градиент, как на картинке.

Шаг 7

propellerPinwheel17

Переместитесь к желтой фигуре, выберите ее и сделайте 2 копии (CTRL+C — CTRL+F). Переместите верхнюю копию на 2 пикселя вправо. Выберите обе копии и нажмите Minus Front на панели Pathfinder. Выберите фигуру, что получилась, снизьте непрозрачность до 50%, измените «Тип смешивания» на «Мягкий свет» и добавьте линейный градиент, как на картинке.

Шаг 8

propellerPinwheel18

Выберите желтую фигуру и замените существующий цвет на линейный градиент, как показано на картинке. Затем выберите все сделанные фигуры и нажмите CTRL+G, чтоб сгруппировать их.

4. Умножаем и перекрашиваем лопасти.

Шаг 1

propellerPinwheel19

Выберите вашу группу и нажмите Эффекты – Искажение и трансформация – Трансформация. Введите данные, как на картинке, нажмите ОК, затем Объект – Развертывание. Выберите свою группу и нажмите SHIFT+CTRL+G, чтоб их разгруппировать. Посмотрите на панель «Слои» и вы увидите четыре разных группы для каждой лопасти.

Шаг 2

propellerPinwheel20

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

Шаг 3

propellerPinwheel21

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

Шаг 4

propellerPinwheel22

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

Шаг 5

propellerPinwheel23

Выберите группу, которая составляет желтый оставшийся пропеллер, и скопируйте ее (CTRL+C — CTRL+F), затем вынесите ее на передний план (SHIFT+CTRL+[). Выберите группу, составляющую синий пропеллер, и скопируйте ее (CTRL+C — CTRL+F), нажмите на кнопку «Единицы» на панели Pathfinder. Заполните фигуру белым цветом (R=255 G=255 B=255) и затем вынесите ее на передний план (SHIFT+CTRL+]).

Шаг 6

propellerPinwheel24

Выберите белую фигуру вместе с копией желтой и откройте панель «Прозрачность» (Окно – Прозрачность) и просто нажмите на кнопку «Сделать маску».

Шаг 7

propellerPinwheel25

Выберите все фигуры и нажмите Объект – Трансформация – Поворот, введите значение угла в -45 градусов и нажмите ОК.

5. Создаем палочку

Шаг 1

propellerPinwheel26

Включите привязку к сетке (Вид – Привязка к сетке). Выберите коричневый цвет и инструмент «Прямоугольник». Создайте фигуру размерами 10 на 200 пикселей и расположите ее, как показано на картинке. Выберите фигуру и нажмите Эффекты – Стилизация – Скругленные углы. Значение радиуса задайте в 2 пикселя, нажмите ОК и Объект – Развертывание.

Шаг 2

propellerPinwheel27

Выделите коричневую фигуру и замените ее цвет линейным градиентом, как показано на рисунке, затем нажмите SHIFT+CTRL+[, чтоб переместить ее на задний план.

Шаг 3

propellerPinwheel28

Выберите фигуру палочки и на панели «Внешний вид» добавьте вторую заливку, используя кнопку «Добавить новую заливку». Выберите новую заливку и снизьте ее непрозрачность до 70%, измените «Тип смешивания» на «Мягкий свет» и добавьте линейный градиент, как на картинке. Затем нажмите Эффект – Путь — Смещенный контур. Введите -1 пиксель в поле «Смещение» и нажмите ОК.

Шаг 4

propellerPinwheel29

 6. Создаем кнопку

Шаг 1

propellerPinwheel30

Используя инструмент «Эллипс» (L), создайте круг, диаметром в 10 пикселей, расположите его, как показано на картинке и заполните радиальным градиентом.

Шаг 2

propellerPinwheel31

Выключите привязку к сетке (Вид – Привязка к сетке). Выберите круг и сделайте 2 копии (CTRL+C — CTRL+F). Выберите верхнюю копию и сдвиньте ее на 1 пиксель вверх. Выберите обе копии и нажмите Minus Front на панели Pathfinder. Выберите фигуру, что получилась, залейте ее черным цветом и снизьте непрозрачность до 70%.

Включите привязку к сетке (Вид – Привязка к сетке), затем нажмите Правка – Предпочтения – Ориентиры – Сетка, введите 1 в каждое поле Gridline. Используя инструмент «Эллипс» (L), создайте фигуру размерами в 4 на 2 пикселей. Залейте эту маленькую фигуру белым цветом, снизьте непрозрачность до 70% и измените «Тип смешивания» на «Мягкий свет».

Шаг 3

propellerPinwheel32

Выключите сетку (Вид – Спрятать сетку) и привязку к сетке (Вид – Привязка к сетке). Выберите свой круг в 10 пикселей вместе с теми двумя формами, которые были созданы для тени и сгруппируйте их.

Выберите новую группу на панели «Внешний вид» и просто добавьте штрих, используя кнопку «Добавить новый штрих». Выставьте значение ширины в 1 пиксель и цвет R=35 G=31 B=32, затем снизьте непрозрачность до 10% и смените тип смешивания на «Множественный». Выберите этот штрих и нажмите Эффект – Pathfinder – Добавить, а затем Эффект – Путь – Смещение пути. Введите значение смещение в 0,5 пикселей и нажмите ОК.

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

Шаг 4

Выберите все фигуры и сгруппируйте их (CTRL+G).

 propellerPinwheel33

7. Создаем фон и добавляем немного теней

Шаг 1

propellerPinwheel34

Выберите инструмент «Прямоугольник» (М) и просто нажмите на листе, чтоб открыть окно «Прямоугольник». Введите 610 в строку ширины и 760 в строку высоты, затем нажмите на ОК. Выберите фигуру, что получилась, нажмите SHIFT+CTRL+[, чтоб переместить ее на задний план и залейте ее цветом R=254 G=211 B=170.

Затем, вам нужно разместить ее по центру, для этого нажмите Окно – Совмещение. Выберите совмещение с листом (откройте выпадающее меню и нажмите «показать опции», если вы не видите секцию «совместить с», как на изображении). Выберите свою фигуру и нажмите Horizontal Align Center и Vertical Align Center. Ваш прямоугольник должен заполнить весь фон, как на изображении.

Шаг 2

propellerPinwheel35

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

Шаг 3

propellerPinwheel36

Выберите фоновую фигуру и на панели «Внешний вид» добавьте третью заливку. Вам понадобится встроенный образец для этого, поэтому на панели «Образцы» откройте выпадающее меню и нажмите Открыть библиотеку образцов – Образцы – Декорация — Decorative Legacy. Должно открыться окно со встроенными образцами. Убедитесь, что добавленная в этом шаге заливка выбрана и добавьте образец «Weave Color», снизив непрозрачность до 20%, измените «Тип смешивания» на «Мягкий свет» и нажмите Эффект — Artistic — Film Grain. Установите настройки, как показано на картинке и нажмите ОК.

Шаг 4

propellerPinwheel37

Выберите группу фигур, составляющую ваш пропеллер, и нажмите Эффект – Стилизация – Тени. Введите настройки, показанные в верхнем левом окне (на изображении), нажмите ОК, затем добавьте еще 5 эффектов тени, как показано на картинке.

Поздравляем! Вы сделали это!

Вот, как это должно выглядеть. Надеемся, вам понравилась эта статья, и вы сможете применить эти техники в своих работах в будущем.

Пробуйте разные цвета для вашего пропеллера.

Перевод статьи : Sayhi

comments powered by HyperComments
comments powered by HyperComments

Теги

Об авторе: Volodymyr Ozirnyi

Volodymyr Ozirnyi

Приветствую Вас, меня зовут Владимир. Я cо-основатель интернет издания Say-Hi и диджитал агентства Dizz Agency.

Мы Вконтакте

Яндекс.Метрика