Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Плоский лого с лисицей в Adobe Illustrator

15 марта 2017 | Опубликовано в Уроки | 2 Комментариев »

В этом уроке мы займемся простой и интересной работой — нарисуем логотип в виде лисьей мордочки в Adobe Illustrator. Мы будем создавать, изменять и трансформировать объекты, используем различные инструменты так, чтобы вы не будете ничего рисовать от руки.

 

Результат

Шаг 1

Инструментом Ellipse/Эллипс (L) создайте круг размером 250×250 px и укажите ему оранжевый цвет.

Копируйте (Control-C) круг, и вставьте копию на задний план (Control-B). Выделите нижнюю копию, нажмите и удерживайте кнопку Alt и сделайте круг шире как показано ниже (копия выкрашена красным в примере).

Шаг 2

Выделите правую и левую точки инструментом Direct Selection/Прямое выделение (A) и в панели настроек кликните по иконке Convert to Corner/Конвертировать в углы.

Переместите точки ниже, чтобы получились щечки.

Шаг 3

Выделите обе фигуры и кликните по иконке Unite/Объединить в палитре Pathfinder/Обработка контура.

Теперь это одна фигура и нам нужно сделать точки над щеками глаже. Выделите их инструментом Direct Selection/Прямое выделение (A) и потяните манипуляторы живых углов, чтобы скруглить точки.

Шаг 4

Нарисуйте светло-желтый овал размером 170×105 px. Инструментом Rectangle/Прямоугольник (M) дорисуйте прямоугольник размером 40×115 px. Расположите как показано выше. Вы можете выровнять фигуры по центру в палитре Align/Выравнивание.

Шаг 5

Выделите прямоугольник и в меню выберите Effect > Warp > Bulge/Эффект>Деформация>Выпуклость. Настройте эффект как показано ниже.

В меню выберите Object > Expand Appearance/Объект>Разобрать оформление, чтобы применить эффект.

Выделите верхние точки инструментом Direct Selection/Прямое выделение (A) и потяните манипуляторы живых углов, чтобы скруглить верх фигуры.

Шаг 6

Теперь выделите оба светло-желтых объекта и нажмите иконку Unite/Объединить в палитре Pathfinder/Обработка контура. 

Инструментом Direct Selection/Прямое выделение (A) выделите указанные ниже точки и скруглите их при помощи живых углов.

Шаг 7

Теперь дорисуем глаза. Инструментом Ellipse/Эллипс (L), удерживая Shift нарисуйте круг размером 30×30 px и укажите ему темно-коричневый цвет заливки. Дорисуйте белый кружок меньшего размера. Group/Сгруппируйте (Control-G) оба элемента и перетащите группу, удерживая Alt-Shift, чтобы создать копию.

Шаг 8

Возьмемся за нос. Инструментом Polygon/Многоугольник кликните в рабочей области. В открывшимся диалоговом окне укажите  3 стороны. Поместите треугольник на мордочку и уменьшите его. Инструментом Direct Selection/прямое выделение (A) скруглите углы треугольника.

Шаг 9

Нарисуем улыбку. Нарисуйте круг размером 40×40 px с темно-коричневой обводкой и без заливки. Выделите верхнюю точку круга инструментом Direct Selection/прямое выделение (A) и нажмите delete. Откройте палитру Stroke/Обводка (Window > Stroke/Окно>Обводка) и укажите Weight/толщину обводки в 5 pt, и скругленные концы.

Выделите полукруг и, удерживая Alt-Shift, перетащите вправо, создав копию.

Шаг 10

Инструментом Polygon/Многоугольник нарисуйте фигуру размером 170×165 px, укажите ей оранжевый цвет и скруглите верхнюю точку.

Не снимайте выделение с фигуры и в меню выберите Object > Path > Offset Path/Объект>Контур>Создать параллельный контур. Укажите отступ в -20 px. Получившейся фигуре укажите светло-желтый цвет заливки, и выровняйте обе фигуры по нижнему краю.

Шаг 11

Сгруппируйте (Control-G) обе фигуры и в меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга. Настройте параметры деформации как показано ниже и нажмите OK.

Разберите эффект, выбрав в меню Object > Expand Appearance/Объект>Разобрать оформление. Теперь вы можете вращать и масштабировать ухо, чтобы получше разместить его на голове.

Выделите ухо и кликните дважды по инструменту Reflect/Отразить (O). В появившемся окне выберите Vertical Axis/Вертикальную ось и нажмите Copy/Копия.

Шаг 12

Осталось немного. Сгруппируйте все элементы и в меню выберите Object > Path > Offset Path/Объект>Контур>Параллельный контур и укажите отступ в 5 px. Нажмите OK и, не снимая выделения с группы, нажмите Unite/Объединить в палитре Pathfinder/Обработка контура. Укажите фигуре темно-коричневый цвет заливки.

Результат

Автор урока vectips

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

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




Комментарии

  1. Кость
    Thumb up Thumb down 0

    Спасибо за урок.

    mybookdesign?z=photo-50338532_456239017%2Falbum-50338532_0%2Frev

    Возможно такое есть уже у Вас на сайте, но я не видел. Было бы здорово сделать раздел *Для новичков* бы там каждый день сидел.