html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Создаем простой векторный аватар

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

Подробности урока:

  • Софт: Adobe Illustrator CS5
  • Сложность: Средняя
  • Предполагаемое время: 2 часа
Конечный результат:

Шаг 1

После обрезки изображения в Adobe Photoshop или в любой другой программе для редактирования фотографий открываем Adobe Illustrator и нажимаем File > Placed it onto a New document. Размещаем изображение на новом слое и создаем еще один слой с белым прямоугольником Rectangle (M), заполненным заливкой с 50% прозрачности Opacity. Создаем еще один слой, на котором будем создавать векторные формы.

Шаг 2

Используя Ellipse Tool (L), нарисуйте овал на лице. Дальше нажимаем Object> Path> Add Anchor Points и добавляем новые опорные точки между узлами. 

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

Шаг 3

Повторите процесс, добавляя эллипсы Ellipses (L), создавая этим форму ушей. Добавьте дополнительные опорные точки. 

Как вы видите, форма ушей намного меньше, поэтому нам не нужно так много опорных точек. Удалить их можно с помощью Pen Tool (P) и  Delete Anchor Poin— клавиша «-»С помощью Direct Selection Tool (A) измените форму.

Шаг 4

С Pen Tool (P), нарисуйте основную форму шляпы и полей. 

Рисуем дополнительные линии складок на шляпе.

Шаг 5

Выберите одну из линий и форм и нажмите Pathfinder> Divide, чтобы разделить форму шляпы на отдельные части.

Повторите этот процесс для остальных форм.

Шаг 6

Используйте Pen Tool (P), чтобы нарисовать брови и волосы. Очень заманчивым может показаться использование кистей. Но это сделает форму бровей слишком детализированной, что будет сильно отличаться от выбранного стиля конечного изображения.

Затем нарисуйте форму для глаз, век,  носа и рта. Рот будет иметь вид следующей формы.

Шаг 7

Для создания глаз используем  Ellipse Tool (L).  Как только вы создали один глаз, дублируйте его и переместите на другую сторону, обеспечивая этим их одинаковый размер. 

Сгруппируем глаза (Ctrl + G) и делаем дубликат оригинальной формы глазного яблока. Используем его для создания Clipping Mask (Ctrl + 7).

Уголки глаза были слишком острыми. Нужно изменить их форму с помощью инструмента Direct Selection Tool (A).

Шаг 8

Идем дальше и добавляем к рисунку цвет. Чтобы немного выделит уши, можно специально сделать их немного темнее кожи. Стоит также отметить, что была использована обводка Stroke  толщиной Weight в 4pt. Толстые линии придают изображению мультяшный стиль.

Шаг 9

Теперь приступим к добавлению теней.  Первая форма будет повторять форму лица. \

Добавить затемнения для глаз и носа можно с помощью инструмента Pen Tool (P). Поскольку мы используем изображение пожилого человека, нужно подчеркнуть морщины вокруг глаз и рта.  Если вы рисуете человека помоложе, это можно избежать.

Формы, которые создали, заливаем цветом кожи, а затем устанавливаем режим смешивания Blending Mode - Multiply и непрозрачность Opacity  в зависимости от желаемой тени.

Повторите тот же процесс для шляпы и остальных деталей. 

Шаг 10

Для складок век и носа используем Profile «Width Profile 1». Если вы используете более раннюю версию Illustrator, можете использовать  Art Brush. 

Шаг 11

Аналогично, используя Width Profile, добавляем линии на лице в областях век, носа, подбородка, ушей. Этим мы добавляем изображению возраста. Если вы создаете молодого человек, нужно создавать блики только возле носа и век.

К верхней части шляпы добавляем вмятины.

Шаг 12

Используйте Width Profile 4, чтобы добавить штрихи к волосам с помощью Paintbrush Tool (B). Следите за тем, чтобы линии были нарисованы в области теней. Они должны быть нарисованы под шляпой и в нижней части бровей и волос. Сгруппируйте их (Ctrl + G), применив при этом к группе режим Blending Mode —  Multiply. 

Создаем Compound Path (Ctrl + 8) , дублируя форму волос, а затем используем его для создания Clipping Mask (Ctrl + 7).

Шаг 13

Добавляем к шляпе декорирующие элементы. Делаем это, создавая вдоль красной полосы 4 линии. 

Используем инструмент  Blend (Ctrl + Alt + B). Переходим в Object> Blend> Blend Options, чтобы изменить интервал для заданного расстояния и вводим значение 12pt. 

Затем к созданным линиям применяем Clipping Mask (Ctrl + 7).  Устанавливаем режим наложения Blending Mode - Multiply.

Шаг 14

Выберите все большие контуры, с которых состоит лицо и дублируйте их. Используйте Pathfinder> Unite, чтобы создать одну большую форму. Разместите эту форму под изображение и задайте для нее Stroke Weight of 14pt.  Это даст главный контур изображения. 

Шаг 15

Используйте Ellipse Tool (L) для создания бликов на зрачках. Залейте из белым цветом и выберете  обводку в 1pt черного цвета. Дублируйте круги и разместите их на другом глазу. 

Шаг 16

Хотя у нас есть уже готовый рисунок, можно добавить некоторые детали. Можете попробовать добавить усы. Сделайте это, повторяя шаги создания волос. С помощью инструмента Pen Tool (P)рисуем форму для усов и бороды. Используйте такой же цвет, как и для бровей. Добавляем обводку и затемнения. Применяем для них Clipping Mask (Ctrl + 7), как уже делали раньше. 

Шаг 17

Может быть, вы хотите добавить щетину? Нарисуйте поверх нижней части лица контур и используйте Pathfinder> Minus Front, чтобы вычесть фигуру из области рта. Дублируйте форму лица и используйте Pathfinder> Intersect. 

Используйте серый цвет заливки, а затем затемните контур с помощью панели Appearance, как показано ниже. 

Шаг 18

Вашему рисунку можно добавить также очки! Рисуем эллипс Ellipse (L) и добавляем к контуру опорные точки, используя инструмент Add Anchor Point. Можно. конечно, создать очки в стиле "Lennon" , но это будет слишком просто для нас. Не та ли?  С помощью Direct Selection Tool (A) изменяем форму оправы. Дублируйте контур и отразите его с другой стороны. Так как лицо находится под небольшим углом, правую форму размещаем немного выше. Для форм задаем толщину обводки  Stroke Weight в 8pt. С помощью Pen Tool (P) рисуем остальные части очков. 

Шаг 19

Выполняем Object> Expand и выполняем заливку.

Для всех форм задаем обводку в 4pt и заливки цветом по своему вкусу. В данном случае был выбран красный цвет в соответствии с полосой на шляпе. Он стильный пожилой человек!

Шаг 20

Используйте Pen Tool (P), чтобы добавить стекла. Установите режим смешивания Blending Mode  - Multiply и непрозрачность до 20%. Если хотите создать эффект солнцезащитных очки, можно использовать значение непрозрачности немного больше и серую либо черную заливку.

Дальше добавляем очкам в режиме Clipping Mask (Ctrl + 7). 

Шаг 21

И наконец, дублируем мужчину и размещаем рисунки, как показано на изображении ниже.  Чтобы изменить размеры монтажной области, используем  инструмент Artboard Tool (Shift + O). 

Заключение

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

Автор - Sharon Milne 

Перевод — Дежурка

 

 

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с dejurka.ru

1

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • dejurka-magazine
          • домен dejurka.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции