Advertisement
  1. Design & Illustration
  2. Character Design

Как создать ретро-плакат с ребёнком-астронавтом в Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Science Week.
How to Create a Human Cyborg Photo Manipulation in Adobe Photoshop
How to Create Hair and Fur Textures in Photoshop Using the Kyle T Webster Brush Sets

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

Final product image
What You'll Be Creating

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

Давайте начнём!

Материалы для руководства

Нам понадобятся следующие материалы:

1. Как создать голову ребёнка-астронома

Шаг 1

В новом документе Adobe Illustrator возьмите Инструмент "Эллипс" (L) и нарисуйте эллипс. Возможно, он будет с белой заливкой и чёрной обводкой. Теперь вам нужно его изменить: измените цвет обводки на R=234, G=226, B=206 на панели Цветов (Окно > Цвет). В этом руководстве мы не будем использовать цвета обводки. 

Затем добавьте маленький, тёмный эллипс (R=209, G=196, B=167) внутри первого эллипса.

Удерживая последний эллипс выделенным, перейдите в Объект > Контур > Параллельный контур... Появится новое диалоговое окно, где нужно будет ввести значение Параллельности -8 пикселей. Параметры по умолчанию: Соединения: срез под углом 45 градусов, Предел среза: 4. Нажмите ОК. Вы только что создали третий эллипс, который будет лицом ребёнка. Измените цвет его заливки на R=178, G=131, B=107.

how to create the head

Шаг 2

Для создания чёлки возьмём Инструмент "Прямоугольник" (М). Нарисуйте коричневый прямоугольник (R=99, G=64, B=55) и, удерживая его выделенным, перейдите в Эффект > Деформация > Дуга. Введите параметры, представленные ниже, и нажмите ОК.

Разберите эту фигуру: Объект > Разобрать оформление.

how to create the bang

Шаг 3

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

Затем мы применим Обтравочную маску. Выделите лицо, создайте копию на переднем плане (Control-C, Control-F), вырежьте новую копию (Control-X) и поместите её над чёлкой (Control-F).

Чтобы лучше видеть чёлку под новой копией лица, лучше удалить цвет заливки копии лица, оставив только любой цвет заливки (на моём рисунке он красный).

Выделите копию лица (в моём случае это эллипс с красной обводкой) вместе с чёлкой. Перейдите в Объект > Обтравочная маска > Создать (Control-7). Затем нужно спрятать верхнюю часть чёлки.

how to create the clipping mask for the bang

Шаг 4

Для создания глаз выберите такой же цвет заливки, как и чёлка, но без обводки. Возьмите Инструмент "Эллипс" (L) и, удерживая Shift, нарисуйте маленький кружок для глаза.

Создайте ещё один маленький круг для второго глаза. Сделайте его меньше, т.к. нам нужно сделать видимой три четверти лица.

Теперь щёки. Добавьте новый маленький эллипс под первым глазом (цвет заливки R=160, G=108, B=85).

Создайте такой же эллипс для второй щеки. Слегка поверните его вправо и немного уменьшите.

how to create the face

Шаг 5

Теперь рот. Установите цвет заливки R=234, G=226, B=206 и создайте два эллипса: один - вертикальный, и затем горизонтальный. Они должны перекрывать друг друга, как показано ниже.

Выделите два эллипса, перейдите на панель Обработки контуров (Окно > Обработка контуров) и нажмите на кнопку "Вычитание переднего". У вас получится форма полумесяца - это будет рот. 

how to create the mouth

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

how to place the mouth

Шаг 6

В шлемах скафандров обычно есть части, которые выглядят как наушники, давайте их создадим. Нарисуйте эллипс на левой стороне головы. Цвет заливки R=209, G=196, B=167. Также поверните его немного влево.

Добавьте маленький, красный (R=211, G=122, B=95) эллипс, который также поверните влево.

Затем добавьте ещё один серый эллипс на другой стороне головы, за ней. Добавьте ещё один красный эллипс за головой и серым эллипсом. Голова готова!

how to create the headphones

2. Как создать тело, руки и ноги

Шаг 1

Давайте создадим тело. Возьмите Инструмент "Скруглённый прямоугольник" и нарисуйте скруглённый прямоугольник (R=234, G=226, B=206). Удерживая его выделенным, перейдите в Эффект > Деформация > Дуга. В новом диалоговом окне введите параметры, которые вы видите ниже.

how to create the body

Поместите тело за головой.

how to place the body

Шаг 2

Теперь рука. Взяв тот же цвет заливки, как и для тела, нарисуйте эллипс Инструментом "Эллипс" (L). Перейдите в Эффект > Деформация > Дуга. Ниже вы увидите параметры.

После этого разберите его (Объект > Разобрать оформление).

how to create the arm

Шаг 3

Поместите руку на левой стороне тела.

Добавьте маленький эллипс в качестве большого пальца. На картинке ниже он отмечен чёрной обводкой, которая вам не нужна на вашем рисунке.

Скопируйте всю руку, измените цвет её заливки на R=209, G=196, B=167 и создайте вертикальное отражение этой новой копии: удерживая её выделенной, нажмите клавишу О и затем Enter.

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

Расположите вторую руку за телом (Control-X, Control-B).

how to create another arm

Шаг 4

Давайте создадим пояс для скафандра. Инструментом "Прямоугольник" (М) нарисуйте прямоугольник. Затем перейдите в Эффект > Деформация > Дуга.

Разберите фигуру.

how to create the belt

Поместите пояс на нужное место.

how to place the belt

Шаг 5

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

Измените эллипс (Эффект > Деформация > Дуга), и затем разберите его.

how to create the leg

Шаг 6

Поместите ногу под поясом.

Скопируйте пояс и измените цвет его заливки при помощи Инструмента "Пипетка" (I), возьмите цвет второй руки и примените его к ноге.

Добавьте маленький эллипс для колена, как показано ниже.

how to create the kneecap

Шаг 7

Теперь стопа. Создайте новый эллипс, который должен быть с таким же цветом заливки, как тело.

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

Выделите обе фигуры и на панели Обработки контуров (Окно > Обработка контуров) нажмите на кнопку "Вычитание переднего". У вас получится верхняя часть эллипса.

how to create the foot

Шаг 8

Прикрепите стопу к ноге.

Ещё раз скопируйте всю ногу и сделайте копию темнее: цвет заливки второй ноги - R=209, G=196, B=167, а цвет заливки нового колена - R=191, G=171, B=130.

Поместите вторую ногу за телом.

Сгруппируйте ребёнка (щелчок правой кнопкой > Сгруппировать) и отложите иллюстрацию в сторону.

how to create another leg

3. Как создать фон

Шаг 1

Возьмите Инструмент "Прямоугольник" (М) и кликните на монтажной области. В новом диалоговом окне введите Ширину 850 пикселей и Высоту 1000 пикселей. Установите цвет заливки R=231, G=220, B=186.

how to create the background

Шаг 2

Удерживая прямоугольник выделенным, перейдите в Объект > Контур > Параллельный контур... В новом диалоговом окне введите значение Параллельности: -30 пикселей, Соединения: срез под углом 45 градусов, Предел среза: 4, ОК. У вас получится прямоугольник, идеально выровненный по середине предыдущего. Измените его цвет заливки на R=67, G=74, B=81.

how to create the inside background

Шаг 3

Возьмите Инструмент "Эллипс" (L) и нарисуйте круг (он не должен быть идеальным), как показано на картинке ниже. Только верхняя часть круга должна пересекать фон. Измените цвет его заливки на R=209, G=196, B=167. Это будет луна.

how to create the clipping mask for the moon

Шаг 4

Теперь мы снова применим обтравочную маску: выделите тёмно-синий прямоугольник и создайте копию на переднем плане (Control-C, Control-F). Вырежьте его (Control-X) и поместите перед всем остальным (Control-F). Выделите тёмно-синий прямоугольник и планету, а также новую копию. Перейдите в Объект > Обтравочная маска > Создать (Control-7).

how the background should look after the clipping mask

Шаг 5

Поместите ребёнка-астронавта на свой плакат.

how to place the child on the background

Шаг 6

Давайте добавим несколько кратеров, чтобы луна была больше похожа на себя! Начните с горизонтального эллипса (R=234, G=226, B=206).

Добавьте второй эллипс на предыдущем (R=191, G=171, B=130).

Добавьте третий эллипс, который должен перекрывать предыдущий (R=209, G=196, B=167).

Создайте Обтравочную маску (Control-7), чтобы третий эллипс оказался внутри второго. Это будет кратер.

how to create the crater

Поместите несколько кратеров на планету. Можете повернуть и изменить их размер.

how to spread the craters

Шаг 7

Было бы неплохо создать несколько звёзд на небе, поэтому давайте это сделаем. Возьмите Инструмент "Звезда" и кликните на монтажной области. Введите Радиус 1: около 10 пикселей, Радиус 2: около 50 пикселей, Точки: 4. Установите цвет заливки R=234 G=226, B=206.

Создайте копию этой звезды на переднем плане (Control-C, Control-F) и, удерживая клавишу Shift, поверните её на 45 градусов. Shift позволяет сделать поворот точно на 45 градусов.

how to create the star

Распределите звёзды по небу.

how to spread the stars

Шаг 8

Если хотите, можете добавить несколько маленьких кружков красного, жёлтого и светло-серого цвета возле звёзд. Круги добавят эффект мерцания.

how to create the sparkling effect

Шаг 9

Чтобы придать нашему плакату состаренный вид, давайте добавим текстуру. Я использовала одну из этих текстур:

the texture for an old effect

Шаг 10

Поместите текстуру на постер, чтобы он оставался внутри текстуры и под ней. Создайте Обтравочную маску для текстуры.

На панели Прозрачности (Окно > Прозрачность) снизьте Непрозрачность до 15%. Готово!

how to create the for the texture

Заключение

Отличная работа! Сегодня вы научились создавать Обтравочные маски, которые помогут вам в будущих проектах. Надеюсь, вам понравилось это руководство, и вы изучили много нового, ну или просто отточили свои навыки. Теперь вы знаете, как использовать Adobe Illustrator и множество эффектов и инструментов.

final
Advertisement
Advertisement
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.