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

В этом уроке мы научимся создавать значок в стиле ретро в Adobe Illustrator. Мы будем работать с контурами, использовать эффекты, и создавать тени. Урок достаточно прост, также в исходниках вы найдете используемые шрифты. Или же можете применить собственные.

 

 


Retro Badge

Исходники

Шаг 1

Создайте новый документ в Illustrator размером 600px на 450px.

Retro Badge

Шаг 2

Выберите цвет #EF4036 для заливки. Возьмите инструмент Ellipse Tool / Эллипс (L) и кликните в документе. В появившемся окне укажите 355px ширины и высоты, нажмите OK. В палитре Layers / Слои назовите фигуру Base1.

Retro Badge

Шаг 3

Выделите фигуру Base1 и в меню выберите Object > Path > Offset Path / Объект > Контур > Создать параллельный контур. Укажите отступ в -15px.

Смените цвет для нового круга на черный и назовите фигуру Base2.

Retro Badge

Шаг 4

Выделите круг Base2 и укажите ей параллельный контур с отступом в -4px. Смените цвет заливки нового круга на #F1EAD1 и назовите фигуру Base3.

4 Retro Badge

Шаг 5

Выделите круг Base3 и укажите ему параллельный контур с отступом в -15px. Смените цвет заливки для нового круга на #DDD2B1 и назовите фигуру Base4.

5 Retro Badge

Шаг 6

Выделите круг Base1 и укажите ему параллельный контур в -5px. Укажите новому обводку черного цвета (#231F20) толщиной в 1pt.

6 Retro Badge

Выделите новый контур и укажите ему параллельный контур с отступом в -5px.

Retro Badge

Шаг 7

Теперь мы создадим эффект стежка. Выделите круг Base3 и укажите ему параллельный контур в -7px. Укажите ему обводку черного цвета толщиной в 2pt.

Теперь обратите внимание на Stroke Panel / Палитру Обводка и выберите вариант dashed line / пунктирная линия, введите 4pt для линии  и 2pt для расстояния между ними.

Retro Badge  Retro Badge

Шаг 8

Теперь мы нарисуем ленту. Возьмите инструмент Pen Tool / Перо (P) и нарисуйте фигуру как на картинке ниже. Укажите ей заливку цвета #02877A и обводку цвета #404041 толщиной в 1pt.

Теперь выделите фигуру и в меню выберите Object > Transform > Reflect / Объект >Трансформировать>Отразить. Выберите отражение по горизонтальной оси и нажмите кнопку Copy/Копия.

8

Выделите обе фигуры и теперь отразите их по вертикальной оси, также нажав Copy/Копия.Разместите копию как показано ниже, после чего выделите все четыре фигуры и в палитре Pathfinder / Обработка контура нажмите кнопку Unite / Объединить (Shift + Ctrl + F9).

8b

Шаг 9

Выделите ленту и в меню выберите Effect > Warp > Arc / Эффект >Деформация>Дуга. Укажите в параметре Bend / Изгиб 15% и выберите горизонтальную ось.

9

Шаг 10

Не снимая выделения с ленты в меню выберите Object > Expand Appearance / Объект > Разобрать оформление.

Retro Badge

Выделите ленту и нажмите Ctrl+C, чтобы скопировать ее и  to Ctrl+B, чтобы вставить копию на задний план. Укажите нижней копии черный цвет заливки и переместите ее немного ниже, как на картинке ниже.

Retro Badge

Шаг 11

Теперь создадим тень от ленты. Выделите копию ленты (ту, которая черного цвета), скопируйте ее и вставьте на задний план (Ctrl+ C > Ctrl+ B). Переместите копию ниже 8-10 шагов. Уменьшите ее при помощи инструмента Selection Tool / Выделение (V). Смените blending mode/режим наложения на Multiply/Умножение и снизьте до 70% opacity / непрозрачность в палитре Transparency/Прозрачность (Shift+ Ctrl+ F10).

11

Выделите тень ленты и изогните на 10% по горизонтальной оси.

Retro Badge

Шаг 12

Теперь нарисуйте фигуру для ленты как показано на картинке ниже. Используйте инструмент Pen Tool / Перо (P). Разместите фигуру на самый задний план. Укажите ей цвет заливки #02877A и обводку цвета #404041 толщиной в 1pt.

Retro Badge

Выделите только что созданную фигуру и в меню выберите Object > Transform > Reflect / Объект >Трансформация > Отразить. Отразите фигуру по горизонтальной оси и нажмите Copy/ Копия. Расположите копию на противоположную сторону значка.

Retro Badge

Шаг 13

Выберите в качестве цвета для заливки #404041 и возьмите инструмент Rectangle Tool / Прямоугольник (M). Нарисуйте им узкий прямоугольник как на картинке ниже. Выделите его и поверните при помощи инструмента Selection Tool / Выделение (V), разместите на ленте. После этого отразите копию прямоугольника и разместите его на противоположной части ленты.

Retro Badge

Шаг 14

Добавим текст. Выберите в качестве цвета заливки #F1EAD1, возьмите инструмент Type Tool / Текст (T) и введите текст. В примере был использован шрифт Bebas Neue.

Retro Badge

Шаг 15

Выделите текст и в меню выберите Effect > Warp > Arc / Эффект > Деформация > Дуга. Изогните его на 11% по горизонтальной оси. Проследите чтобы изгиб и размер текста соответствовали ленточке.

Retro Badge

Выделите текст и в меню выберите Effect > Stylize > Drop Shadow / Эффект > Стилизация > Тень. Введите параметры как на картинке ниже.

Retro Badge

Шаг 16

Теперь добавим текст на значок. Выберите в качестве цвета заливки #231F20 и возьмите инструмент Type Tool / Текст (T), чтобы ввести текст. В примере был использован шрифт Bebas. Введите параметры указанные на картинке ниже.

Retro Badge

Выделите только что созданный текст и укажите ему тень.

Retro Badge

Шаг 17

Также можете добавить дополнительный текст шрифтом Marketing Script.

Retro Badge

Шаг 18

Теперь заполните пустующие места, нарисовав несколько прямоугольников и звезд.

18

Вот и всё!

Retro Badge

Автор урока Anum K

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

Смотрите также:

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

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

542
    +524 surfers

      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
          • adobe illustrator
          • домен 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

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