1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Как создать персонажа Hello Kitty в Adobe Illustrator

Scroll to top
Read Time: 9 min

() translation by (you can also view the original English article)

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

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

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

Не могу дождаться начала!

1. Рисуем голову и лицо

Шаг 1

Создав новый документ (Control-N), мы нарисуем голову кошечки. Инструментом "Эллипс" (L) нарисуйте эллипс с белым цветом заливки и чёрной обводкой. Теперь перейдите в Эффект > Деформация > Дуга. В новом диалоговом окне введите параметры как на картинке ниже:

creating the head 1creating the head 1creating the head 1

Шаг 2

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

creating the head 2creating the head 2creating the head 2

Шаг 3

Голова готова, добавим глаза. Инструментом "Эллипс" (L) нарисуйте два эллипса с чёрной заливкой и без обводки.

Теперь снова выберите чёрный цвет обводки и жёлтый цвет заливки (R=245 G=237 B=96) и нарисуйте нос.

creating the facecreating the facecreating the face

Шаг 4

Теперь нарисуем ухо. Убедитесь, что цвет заливки до сих пор белый, а обводки - чёрный и Инструментом "Эллипс" (L) нарисуйте эллипс.

Инструментом "Прямое выделение" (А) выделите правую и левую опорные точки. Сместите их слегка вниз, и у вас получится форма яйца. Помните об этом простом действии для ваших будущих проектов - к примеру, когда будете создавать что-то на тему Пасхи. 

creating the earcreating the earcreating the ear

Шаг 5

Но вернёмся к Хелло Китти. Поверните только что созданное ухо влево и расположите его, как показано ниже. Не забудьте разместить это ухо за головой (Control-X, Control-B).

Выделите ухо и выберите Инструмент "Зеркальное отражение" (О). Удерживая клавишу Alt, кликните на середине лица. Вы только что создали отражение уха.  В новом диалоговом окне отметьте Вертикально, Угол 90 градусов и нажмите Копировать.

placing the earsplacing the earsplacing the ears

Шаг 6

Удалите цвет заливки и посмотрите на панель Обводки. Отметьте галочкой Скруглённые концы. Затем Карандашом (N) нарисуйте три вибрисса на левой стороне лица.  Выделите вибриссы и нажмите на Инструмент "Зеркальное отражение" (О). Создайте вертикальное отражение, как вы делали ранее с ушами.

Если вы не знакомы с Карандашом (N), можете использовать Инструмент "Отрезок линии" (\) для рисования вибриссов, а затем передвиньте указатели Инструментом "Прямое выделение" (А) для получения желаемого результата. 

creating the whiskerscreating the whiskerscreating the whiskers

2. Создаём бантик

Шаг 1

Сохраняя цвет обводки чёрным, выберите цвет заливки R=218 G=30 B=74. Создайте круг. Инструментом "Прямое выделение" (А) выделите верхнюю и нижнюю опорные точки и сдвиньте их вправо. Это - левая часть бантика.

creating the left part of the bowcreating the left part of the bowcreating the left part of the bow

Шаг 2

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

creating the right part of the bow and the middle partcreating the right part of the bow and the middle partcreating the right part of the bow and the middle part

Шаг 3

Поместив два эллипса между средним кругом, левой и правой частями бантика, вы создадите завершённый вид. Сгруппируйте бантик (щелчок правой кнопкой > Сгруппировать).

completing creating the bowcompleting creating the bowcompleting creating the bow

Шаг 4

Поместите бантик на правое ухо кошечки.

placing the bow on the headplacing the bow on the headplacing the bow on the head

3. Создаём платье

Шаг 1

Начнём с шеи. Нарисуйте круг под головой с белой заливкой и чёрной обводкой. 

creating the neckcreating the neckcreating the neck

Шаг 2

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

creating the dress 1creating the dress 1creating the dress 1

Шаг 3

Снова измените его:

creating the dress 2creating the dress 2creating the dress 2

Шаг 4

Поместите платье под шею кошечки.

placing the dressplacing the dressplacing the dress

4. Создаём ноги

Шаг 1

Чтобы создать ногу, начнём с эллипса. Вы уже должны знать, какой инструмент мы будем для этого использовать! Выберите Инструмент "Прямое выделение" (А) и кликните прямо на обводке, после чего вы увидите указатели. Двигайте их до получения результата, который вы видите на картинке ниже. После этого сделайте вертикальное отражения для создания ещё одной ноги.

creating the legscreating the legscreating the legs

Шаг 2

Расположите ноги на своих местах.

placing the legsplacing the legsplacing the legs

5. Создаём руки

Шаг 1

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

creating the armcreating the armcreating the arm

Шаг 2

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

placing the armsplacing the armsplacing the arms

6. Создаём конфетную тележку

Шаг 1

Измените цвет заливки на  R=245 G=237 B=96, кликните на Инструменте "Прямоугольник" (М) и нарисуйте прямоугольник. Добавьте узкий розовый прямоугольник в нижней части (цвет заливки R=247 G=170 B=188). Верните предыдущую жёлтую заливку и Инструментом "Скруглённый прямоугольник" добавьте маленький скруглённый прямоугольник. Поместите его за двумя предыдущими прямоугольниками (Control-X, Control-B).

creating the base of the candy cartcreating the base of the candy cartcreating the base of the candy cart

Шаг 2

Теперь нарисуем колесо. Создайте два круга - маленький поверх большого - и установите цвет заливки на R=163 G=165 B=16. Перейдите на панель Обработки контуров (Окно > Обработка контуров) и нажмите кнопку Исключение.

creating the wheel of the candy cart 1creating the wheel of the candy cart 1creating the wheel of the candy cart 1

Шаг 3

Добавьте маленький круг в середине. Чтобы разместить его точно в середине, выделите все круги и на панели Выравнивание (Окно > Выравнивание) нажмите на кнопки Центр горизонтального выравнивания и Центр вертикального выравнивания.

Затем удалите цвет заливки и нарисуйте линию Инструментом "Отрезок линии" (\). Расположите эту линию на заднем плане (Control-X, Control-B).

Выделите её и нажмите на Инструмент "Поворот" (R), одновременно нажмите клавишу Enter на клавиатуре. В новом диалоговом окне введите Угол 45 градусов и нажмите Копировать. Нажимая Control-D, повторите последнее действие. Остановитесь, когда заполните колесо.

Сгруппируйте всё колесо (right-click > Group).

creating the wheel of the candy cart 2creating the wheel of the candy cart 2creating the wheel of the candy cart 2

Шаг 4

Расположите колесо на тележке.

placing the wheelplacing the wheelplacing the wheel

Шаг 5

Теперь нарисуем декорации тележки. Пипеткой (I) выберите цвет заливки колеса и нарисуйте маленький круг. Удерживая клавиши Shift и Alt, начните двигать круг. У вас должно получиться два круга. Нажимайте Control-D, пока у вас не появится линия из кругов.

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

Выделите результат, т.к. теперь нам нужно привести его в порядок. Перейдите в Объект > Контур > Вычистить. Убедитесь, что все поля отмечены галочками, и нажмите ОК. Наконец, Инструментом "Пипетка" (I) выберите цвет колеса.

creating the decorations for the candy cartcreating the decorations for the candy cartcreating the decorations for the candy cart

Шаг 6

Расположите эту декорацию, как показано на картинке ниже. Добавьте два розовых вертикальных прямоугольника (R=247 G=170 B=188).

placing the decorationsplacing the decorationsplacing the decorations

Шаг 7

Нарисуем ручку. Она будет состоять из крошечного жёлтого прямоугольника (R=245 G=237 B=96) и скруглённого розового (R=247 G=170 B=188) прямоугольника.

continuing creating the candy cartcontinuing creating the candy cartcontinuing creating the candy cart

Шаг 8

Давайте установим крышу над тележкой. Нарисуйте прямоугольник с белой заливкой и чёрной обводкой. После этого удалите цвет обводки и измените цвет заливки на R=218 G=30 B=74.

Нарисуйте прямоугольник как тот, что на картинке внизу. Скопируйте его, удерживая Shift-Alt и двигая вправо, как мы делали ранее. Несколько раз нажмите Control-D. Убедитесь, что красные прямоугольники расположены в центре белого. Выделите весь объект и сгруппируйте его (щелчок правой кнопкой > Сгруппировать). Перейдите в Эффект > Деформация > Арка и введите следующие параметры:

creating the roof of the candy cartcreating the roof of the candy cartcreating the roof of the candy cart

Шаг 9

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

creating the decorations for the roofcreating the decorations for the roofcreating the decorations for the roof

Шаг 10

Поместите крышу на верхушку тележки. Вуаля! Она готова!

placing the decorated roofplacing the decorated roofplacing the decorated roof

7. Создаём мороженое

Шаг 1

Один большой оранжевый круг и три маленьких круга внизу помогут нам создать мороженое. Цвет заливки R=250 G=166 B=52. Выделите всё и на панели Обработки контуров нажмите Объединить.

creating the top of the ice creamcreating the top of the ice creamcreating the top of the ice cream

Шаг 2

Переходим к рожку. Оставив цвет обводки чёрным, создайте треугольник. Сначала установите цвет заливки на R=187 G=129 B=59, затем выберите Инструмент "Многоугольник" и кликните на монтажной области. В новом диалоговом окне установите 3 стороны и нажмите ОК. Радиус не имеет значения.

Сделав Горизонтальное отражение, переверните треугольник и слегка растяните его. Теперь нужно сделать скруглённые углы. Перейдите в Эффект > Стилизация > Скруглённые углы. В новом окне введите Радиус 10 пикселей и нажмите ОК.

Сконцентрируемся на панели Оформление. Кликните на крошечный треугольник в верхнем правом углу в выпадающем меню, выберите Добавить новую заливку. Теперь посмотрите на панель Образцы. Перейдите в Образцы > Узоры > Базовая графика > Базовая графика_текстуры и выберите узор Алмаз для новой заливки. Установите Непрозрачность на Рассеянный свет.

creating the cone of the ice creamcreating the cone of the ice creamcreating the cone of the ice cream

Шаг 3

Сделайте несколько разных вкусов мороженого, сочетая разные цвета верхушек с рожками. Я выбрала голубой (R=164 G=215 B=244) и зелёный (R=163 G=165 B=16) цвета.

creating different colors of ice creamscreating different colors of ice creamscreating different colors of ice creams

8. Создаём сладкую вату

Шаг 1

После создания круга (R=183 G=0 B=80) перейдите в Объект > Контур > Добавить опорные точки. У вас появится ещё четыре опорные точки, как на картинке ниже (второй круг). Затем перейдите в Эффект > Исказить и трансформировать > Втягивание и раздувание и установите ползунок на 13%.

creating the cotton candy creating the cotton candy creating the cotton candy

Шаг 2

Добавьте крошечный узкий скруглённый прямоугольник Инструментом "Скруглённый прямоугольник" (цвет заливки R=187 G=129 B=59) и ещё одну часть сладкой ваты светло-розового цвета (R=247 G=170 B=188). Но они не должны парить в воздухе, верно? Добавим палочку путём создания жёлтого прямоугольника (R=245 G=237 B=96).

creating another cotton candy creating another cotton candy creating another cotton candy

9. Размещаем мороженое и сладкую вату на тележке

Расположите все элементы на своих местах или так, как вам нравится!

placing all the items on the candy cartplacing all the items on the candy cartplacing all the items on the candy cart

10. Создаём банку с чупа-чупсами

Шаг 1

Установите цвет заливки на R=164 G=215 B=244 и нарисуйте скруглённый прямоугольник. Добавьте ещё один на верхушке. Затем нарисуйте эллипс позади них и маленький круг наверху. Банка готова!

creating the jarcreating the jarcreating the jar

Шаг 2

Для нашего чупа-чупса нарисуйте розовый (R=247 G=170 B=188) круг и узкий скруглённый прямоугольник, как вы делали для сладкой ваты. Добавьте новую заливку, как для рожка для мороженого (Образцы > Узоры > Базовая графика > Базовая графика_линии  и выберите 10 точек на дюйм 50%). Установите Непрозрачность на Перекрытие.

creating the lollipopcreating the lollipopcreating the lollipop

Шаг 3

Изменяя цвет заливки, сделайте разные вкусы чупа-чупсов. Но здесь будьте осторожны: на панели Оформление вам понадобится выделить нижний слой и просто изменить его, а не заполнить линиями. Я выбрала ярко-розовый (R=198 G=0 B=111) и оранжевый (R=250 G=166 B=52).

creating different colors of the lollipopcreating different colors of the lollipopcreating different colors of the lollipop

Шаг 4

Положите чупа-чупсы в банку.

placing the lollipops in the jarplacing the lollipops in the jarplacing the lollipops in the jar

Шаг 5

Поставьте банку на тележку.

placing the jur on the candy cartplacing the jur on the candy cartplacing the jur on the candy cart

11. Создаём шарики

Шаг 1

Нарисуйте голубой эллипс Инструментом "Эллипс" (L) и установите цвет заливки на R=164 G=215 B=244. Инструментом "Прямое выделение" (А) выделите левую и правую опорные точки и сдвиньте их вниз. Создайте круг наверху размером гораздо больше. Мы только что создали шарик!

creating the blue ballooncreating the blue ballooncreating the blue balloon

Шаг 2

Таким же образом создайте ещё два шарика разных цветов. Я выбрала R=245 G=237 B=96 для жёлтого и R=247 G=170 B=188 для розового.

creating another colors balloonscreating another colors balloonscreating another colors balloons

Шаг 3

Разместите все шарики рядом с тележкой. Ниточки шариков мы создадим Инструментом "Отрезок линии" (\). Выберите его на панели Инструментов и нарисуйте линию. Выберите Инструмент "Прямое выделение" (А) и, передвигая опорные точки и указатели, растяните эту линию: одним концом - к шарику, другим - к тележке.

Затем нарисуйте ещё одну линию и протяните одну опорную точку к шарику, а другую - к тележке. Повторите это для последнего шарика. Не забудьте разместить все нитки позади шариков (Control-X, Control-B).

placing the balloons on the candy cartplacing the balloons on the candy cartplacing the balloons on the candy cart

12. Располагаем всё вместе и создаём фон

Шаг 1

Сгруппируйте Хелло Китти для удобства (щелчок правой кнопкой > Сгруппировать) и поместите её рядом с тележкой.

placing all the elements together placing all the elements together placing all the elements together

Шаг 2

Нарисуйте квадрат на фоне с цветом заливки R=253 G=234 B=237 размером 600 пикселей в ширину и высоту. Убедитесь, что фон находится позади всего остального (Control-X, Control-B).

creating the background 1creating the background 1creating the background 1

Шаг 3

Добавьте новую заливку фону, как вы делали это для чупа-чупсов и рожков (Образцы > Узоры > Базовая графика > Базовая графика_точки и выберите 6 точек на дюйм 20%). Установите Непрозрачность на Рассеянный свет. Вы это сделали! Иллюстрация готова!

creating the background 2 creating the background 2 creating the background 2

Вывод

Ура! Мы проделали большую работу, но вы справились. Если вы не любили Хелло Китти раньше, надеюсь, теперь полюбите.

Final Hello Kitty imageFinal Hello Kitty imageFinal Hello Kitty image
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.
One subscription. Unlimited Downloads.
Get unlimited downloads