7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Fan Art

Как создать сцену чаепития Алисы в стране чудес в Adobe Illustrator

Scroll to top
Read Time: 10 mins
This post is part of a series called Alice in Wonderland Week.
How to Create a Furry Cheshire Cat Inspired Text Effect in Adobe Illustrator
How to Create a Queen of Hearts Playing Card With Affinity Designer

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке вы узнаете, как создать тематическую сцену чаепития на тему «Алиса в стране чудес». Многие из вас, возможно, слышали о маленькой девочке, падающей в кроличью нору в мир, полный приключений. Было чаепитие - странное, причудливое, смешное и необычное чаепитие. Для меня это был самый незабываемый эпизод. Вот почему я хочу показать вам, как создать такую ​​иллюстрацию.

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

Если вы хотите увидеть себя в нужном настроении, почему бы вам не взглянуть на GraphicRiver и посмотреть, как другие художники представляют этот причудливый мир Алисы в «Стране Чудес».

Если вы готовы, то идем дальше!

1. Как создать шляпу

Шаг 1

После того как открыли Adobe Illustrator, создайте новый документ с шириной и высотой 850 x 850 пикселей.

Начнем с иллюстрации шляпы. Используя Ellipse Tool (L), создайте темный серый овал. На изображении ниже вы можете увидеть, какой цвет заливки вам нужен. Создайте копию этого овала за оригиналом (Control-C, Control-B), немного растяните его и измените цвет на более светло-серый.

После этого, используя Rectangle Tool (M), добавьте прямоугольник под двумя овалами. Убедитесь, что этот прямоугольник остается в задней части (Control-X, Control-B). Чтобы изменить форму этого прямоугольника, перейдите в Effect> Warp> Bulge. В новом диалоговом окне введите параметры, которые вы видите на изображении ниже. Разверните эту фигуру (Object> Expand Appearance).

how to create the top hathow to create the top hathow to create the top hat

Шаг 2

Теперь сделайте копию двух эллипсов с верхней части шляпы (Control-C, Control-V), сделайте их более крупными и прикрепите их к нижней части.

Чтобы добавить ленту, создайте зеленый прямоугольник и деформируйте его: перейдите в Effect> Warp> Arc и введите следующие параметры. Всегда помните о расширении после деформирования фигуры (Object> Expand Appearance).

continue creating the top hatcontinue creating the top hatcontinue creating the top hat

Шаг 3

Давайте добавим украшение пера для шляпы. Создайте эллипс, используя инструмент Ellipse Tool (L). Возьмите инструмент Convert Anchor Point Tool (Shift-C) и нажмите на верхние и нижние опорные точки, чтобы сделать их острыми.

Для основы пера мы будем использовать очень тонкий вертикальный эллипс. Используя Direct Selection Tool (A), выберите правую и левую опорные точки этого эллипса и переместите их вниз, нажав клавишу со стрелкой вниз на клавиатуре.

Затем сохраните деформированный эллипс и перейдите в Object> Path> Add Anchor Points. Добавьте несколько опорных точек в несколько мест, как показано на рисунке ниже (отмечены синими кружками). Теперь, используя Direct Selection Tool (A), выберите среднюю опорную точку каждого триплета и переместите ее к середине пера. Для того, чтобы получить острый угол в точках крепления, возьмите Convert Anchor Point Tool (Shift-C) и нажмите на каждой точке крепления.

how to create the featherhow to create the featherhow to create the feather

Шаг 4

Чтобы деформировать перо, перейдите в Effect> Warp> Arc и введите параметры, показанные ниже. Разверните форму.

Сделайте меньшую копию пера и измените его цвет на синий.

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

how to create the another feather and place it on the hathow to create the another feather and place it on the hathow to create the another feather and place it on the hat

Шаг 5

Для бирки создайте голубой прямоугольник и деформируйте его с помощью параметра warp, как показано ниже.

Перейдите в Type > Font и выберите свой любимый шрифт. Нажмите Type Tool (T) и введите нужные цифры. Поместите текст в бирку и слегка поверните текст вправо. Сгруппируйте его вместе (щелкните правой кнопкой мыши>  Group).

how to create the taghow to create the taghow to create the tag

Поместите бирку на шляпу, но за лентой.

how to place the taghow to place the taghow to place the tag

Шаг 6

Давайте украсим шляпу розой. Создайте красный эллипс и деформируйте его, используя эффект warp: перейдите в Effect> Warp> Fish и введите параметры, которые вы видите ниже. Всегда помните о расширении.

Используя инструмент Convert Anchor Point Tool (Shift-C), сделайте верхнюю точку привязки острой. После этого сделайте копию (Control-C, Control-B), слегка сдвиньте ее вверх и измените цвет на красный. Выберите эти две фигуры и сгруппируйте их (щелкните правой кнопкой мыши> Group). Это будет лепесток для нашей розы.

how to create the petal of the rosehow to create the petal of the rosehow to create the petal of the rose

Шаг 7

Теперь, удерживая выбранный лепесток, нажмите Rotate Tool (R). После этого удерживайте кнопку Alt нажатой, нажмите ниже лепестка, где будут установлены оси вращения, и нажмите Enter. Введите 45 градусов в новое диалоговое окно и нажмите Copy. Таким образом, у вас будет еще один лепесток цветка. Чтобы закончить первый слой лепестков, нажмите Control-D еще четыре раза. Группируйте их вместе.

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

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

Для вашего удобства группируйте все вместе.

how to create the rosehow to create the rosehow to create the rose

Шаг 8

Теперь мы создадим лист. Начните с инструмента Ellipse Tool (L) и установите для него зеленый цвет заливки. Удерживая выбранный эллипс, возьмите инструмент Convert Anchor Point Tool (Shift-C) и нажмите на верхние и нижние опорные точки, чтобы сделать их острыми.

Чтобы отшлифовать края листа, выберите форму и перейдите в Effect> Distort & Transform> Zig Zag. В окне опций Zig Zag отрегулируйте размер и хребты на сегмент, чтобы добиться аналогичной шероховатости изображения ниже. Ваши цифры могут отличаться от моих, потому что это действительно зависит от размера вашего листа.

how to create the leafhow to create the leafhow to create the leaf

Шаг 9

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

how to create more leaveshow to create more leaveshow to create more leaves

Шаг 10

Поместите листья за розу, как показано на рисунке ниже. Сделайте копию всей маленькой ветки и поместите ее на другую сторону розы. Роза готова украсить шляпу.

how to place the leaveshow to place the leaveshow to place the leaves

Поместите его перед лентой и перьями.

final illustration of the hatfinal illustration of the hatfinal illustration of the hat

2. Как создать чашки

Шаг 1

Чтобы создать чашку, мы начнем с зеленого прямоугольника. Измените этот прямоугольник эффектом warp: перейдите в Effect> Warp> Fish и введите параметры, которые вы видите ниже. Добавьте небольшой светло-зеленый овал перед формой для подсветки.

how to create the cuphow to create the cuphow to create the cup

Шаг 2

Добавьте немного прямоугольника внизу и деформируйте его с помощью эффекта (Effect> Warp> Arc Lower).

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

Теперь мы добавим чай в нашу чашку. Создайте большой коричневый овал спереди, который будет перекрывать зеленый овал в области, отмеченной красными линиями на изображении ниже. Затем сделайте копию зеленого овала спереди (Control-C, Control-F), и, сохраняя выбранную копию, выберите коричневый эллипс (вам нужно нажать кнопку Shift, чтобы выбрать более одной формы). Затем нажмите кнопку Intersect  на панели Pathfinder. У вас будет коричневая форма, которая является чаем.

how to create the teahow to create the teahow to create the tea

Шаг 3

Для рукоятки создайте зеленый овал без цвета заливки, просто зеленый цвет хода (нажмите Shift-X, чтобы изменить цвет заливки на цвет штриха). На панели Stroke сделайте так, чтобы Weight был очень толстым. Удерживая выбранный овал, перейдите в Effect> Warp> Arc и введите параметры, которые вы видите на изображении ниже. Разверните эту фигуру.

Прикрепите ручку к чашке.

Наконец, добавьте два зеленых круга в местах, где ручка прикреплена к чашке (используйте инструмент Ellipse Tool (L), удерживая клавишу Shift).

how to create the handle of the tea cuphow to create the handle of the tea cuphow to create the handle of the tea cup

Шаг 4

Создайте еще две копии чашки и измените их цвета, за исключением цвета чая.

how to create another colors cupshow to create another colors cupshow to create another colors cups

Шаг 5

Положим красную чашку на синюю. Сначала поставьте красную чашку перед синим, как показано ниже.

Затем выберите верхний синий эллипс из голубой чашки и сделайте над ним другую копию (Control-C, Control-F). Я обозначил эту новую копию черным штрихом для лучшей видимости. Вы также можете сделать эту новую копию черным штрихом, чтобы вы могли видеть лучше, что есть внутри.

С помощью Direct Selection Tool (A) переместите опорные точки внутри верхней части красной чашки. Кроме того, убедитесь, что нижняя часть деформированного овала остается в том же положении, что и раньше. Выберите красную чашку и деформированный эллипс черным штрихом. Затем перейдите в Object> Clipping Mask> Make (Control-7). Теперь красная чаша находится внутри синего цвета.

how to place one cup inside anotherhow to place one cup inside anotherhow to place one cup inside another

3. Как создать цветок для украшения стола

Сделайте копию розы и листьев, которые мы создали раньше для украшения шляпы. Обратите внимание, что есть только одна пара листьев. Теперь мы добавим стебель: удалим цвет заливки, зададим зеленый цвет штриха и проверим Round Cap на панели Stroke. Используя Arc Tool, нарисуйте дугу.

Затем возьмите инструмент Direct Selection Tool (A) и переместите ручки дуги, чтобы добиться нужного результата. Вы можете добавить больше листьев к стебельку.

how to create the rosehow to create the rosehow to create the rose

4. Как создать стол

Шаг 1

Сначала создайте бежевый прямоугольник с помощью Rectangle Tool (M). В верхней части этого прямоугольника добавьте овал с тем же цветом заливки. Для удобства обе формы отмечены здесь черным цветом хода.

Теперь выберите прямоугольник и деформируйте его: перейдите в Effect> Warp> Bulge. Попытайтесь поиграть с параметрами, чтобы иметь плавный переход от овала к новой фигуре. В зависимости от размера вашего овала и прямоугольника эти параметры могут немного отличаться от приведенных ниже. Не забудьте расширить эту форму (Object> Expand Appearance).

how to create the tableclothhow to create the tableclothhow to create the tablecloth

Шаг 2

Используйте инструмент Line Segment Tool (\), чтобы нарисовать линию по деформированной форме. Чтобы сделать линию прямой, удерживайте клавишу Shift во время ее рисования.

Теперь мы изменим эту строку; перейдите в Effect> Distort & Transform> Zig Zag. В окне опций Zig Zag отрегулируйте размер и Ridges per segment, чтобы получить аналогичную кривую, как на изображении ниже. Не забудьте выбрать Smooth Points. Для вашего удобства выберите Preview (Предварительный просмотр) при настройке этих параметров.

Затем, удерживая эту волнистую линию, перейдите в Effect> Warp> Arc. В новом окне отрегулируйте параметры на изображении ниже. Наконец, не забудьте Expand Appearance (Object> Expand Appearance).

continue creating the tableclothcontinue creating the tableclothcontinue creating the tablecloth

Вот окно параметров Arc:

warp options windowwarp options windowwarp options window

Шаг 3

Удерживая выбранную кривую Zig Zag, также выберите деформированный прямоугольник и нажмите кнопку Divide на панели Pathfinder. Поскольку у вас теперь есть два объекта, сгруппированные, разгруппируйте: щелкните правой кнопкой мыши и нажмите Ungroup.

Теперь вы можете просто удалить нижнюю часть, чтобы создать форму скатерти.

После этого создайте еще одну копию верхнего овала (Control-C, Control-B), сделайте его более легким и слегка растяните.

finishing creating the tableclothfinishing creating the tableclothfinishing creating the tablecloth

Шаг 4

Для ножки стола создайте светло-коричневый прямоугольник и поместите его за скатерть (Control-X, Control-B). Чтобы изменить этот прямоугольник, мы будем использовать эффект «Рыба»: перейдите в Effect > Warp > Fishи введите указанные параметры.

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

how to create the leg of the tablehow to create the leg of the tablehow to create the leg of the table

Шаг 5

Добавьте еще один эллипс ниже и снова деформируйте его с эффектом Fish. Сделайте копию круга с предыдущего шага и прикрепите его под новым овалом. Обратите внимание, что новый круг немного меньше.

continue creating the leg of the tablecontinue creating the leg of the tablecontinue creating the leg of the table

Шаг 6

Теперь создайте горизонтально выровненный эллипс и примените эффект Flag: перейдите в Effect> Warp> Flag. Используйте параметры, показанные ниже, и не забудьте расширить окончательную форму.

continue creating the leg of the tablecontinue creating the leg of the tablecontinue creating the leg of the table

Шаг 7

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

Теперь, сохраняя выбранную левую часть, возьмите инструмент Reflect Tool (O) и, удерживая клавишу Alt, щелкните по средней части ножки. В новом диалоговом окне выберите Vertical, Angle 90 degrees (угол 90 градусов)и нажмите Copy. Теперь у вас должна быть правая часть ножки стола. Стол готов для чаепития!

finishing creating the leg of the tablefinishing creating the leg of the tablefinishing creating the leg of the table

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

Шаг 1

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

placing all the objects on the tableplacing all the objects on the tableplacing all the objects on the table

Шаг 2

Создайте синий квадрат 850 px ширина и высота, используя инструмент Rectangle Tool (M). Сначала возьмите инструмент, а затем нажмите на свою монтажную область и введите необходимые параметры. Совместите фон с монтажной областью. Для этого откройте панель Align  (Window > Align). Установите Align To: Align to Artboard (откройте выпадающее меню и перейдите в меню Show Options, если вы не видите Align To :), убедитесь, что выбран ваш фон, и щелкните по кнопкам Horizontal Align Center (горизонтальный центр выравнивания) и Vertical Align Center (Вертикальное выравнивание по центру)

how to create the background how to create the background how to create the background

Шаг 3

Поместите изображение перед фоном. Однако, будет проще разместить фон позади всех объектов (Control-X, Control-B).

placing all the objects on the backgroundplacing all the objects on the backgroundplacing all the objects on the background

Шаг 4

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

adding dimensionadding dimensionadding dimension

Отличная работа, вы это сделали!

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

finalfinalfinal
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.