Adobe Illustrator отлично подходит для создания логотипов. В финальном проекте Вы сможете проверить свои знания, создав логотип. В сегодняшнем уроке показан процесс рисования логотипа от эскиза до готового к использованию файла. Выполнив задание урока, Вы почувствуете большую уверенность во владении программой Adobe Illustrator.
Рисуем логотип для медовой фермы
Для начала отсканируем набросок логотипа и сохраним в формате jpeg.
Теперь нам нужно импортировать jpeg-файл в Illustrator. Идем в Файл > Поместить (File > Place) и выбираем нужный нам файл. Убеждаемся, что поставлена галочка напротив пункта «Шаблон» (Template). Если открыть палитру «Слои» (Layers Palette), можно увидеть, что файл закреплен и его цвета поблекли. В таком виде его легко отрисовать.
Начнем с тела пчелы. Рисуем овал. Редактируем точки, используя инструмент «Прямое выделение» (Direct Selection Tool), чтобы придать нужную форму телу пчелы.
Теперь рисуем круг для головы. Редактируем точки, чтобы сделать голову слегка заостренной.
Чтобы получить усик, можно нарисовать овал и пририсовать к нему толстую линию, используя инструмент «Перо» (Pen Tool).
Теперь рисуем два овала и поворачиваем их, чтобы получились крылья. Выделяем большее крыло и жмем Ctrl+С, чтобы скопировать. Жмем Ctrl+F, чтобы вклеить его на передний план. Теперь, удерживая Shift, выделяем маленькое крыло. Идем в Окно > Обработка контуров (Window > Pathfinder) и, удерживая Alt, жмем «Вычесть из фигуры» (Subtract from shape area).
Перекрытая часть крыла вычтется.
Наступил черед для полосок на теле пчелы. Нарисуем два прямоугольника высотой в толщину полосок.
Выделяем оба прямоугольника и идем в Эффект > Деформация > Дуга (Effect > Warp > Arc). Выставляем изгиб (Bend ) на 23%. Теперь идем Объект > Разобрать оформление (Object > Expand Appearance), чтобы разобрать эффект на объекты.
Развернем полоски и расположим их поверх пчелы. Копируем пчелиное тело, нажав Ctrl+C. Затем вклеиваем на передний план, нажав Ctrl+F. Выделяем сделанную копию и полоски, затем вызываем меню правой кнопкой мышки и выбираем «Создать обтравочную маску» (Make Clipping Mask). Это спрячет выступающие области полосок.
Выделяем инструмент «Многоугольник» (Polygon Tool) и, удерживая Shift для сохранения пропорций, рисуем соты. Делаем три копии.
Выделяем все три многоугольника и выставляем для них черную заливку, затем группируем командой Ctrl+G.
Теперь обрежем лишние части многоугольников. Выделяем тело пчелы, идем в Объект > Контур > Создать параллельный контур (Object > Path > Offset Path) и выставляем параметр «Смещение» (Offset value) на10. Перемещаем новый контур на передний план, нажав Ctrl+Shift+].
Выделяем смещенный контур и многоугольники и открываем палитру «Трансформирование» (Pathfinder). Удерживая Alt, жмем «Вычесть из фигуры» (Subtract from shape area).
Финальные штрихи
Теперь нам необходимо добавить текст, чтобы закончить логотип. Обратите внимание, что Tony увеличил обводку у тела пчелы, чтобы контур не исчез при печати.
Вычищаем логотип
Сохраняем копию логотипа, чтобы иметь оригинал на случай, если захотим что-то исправить в будущем. Теперь выделяем текст и преобразуем его в кривые, нажав Ctrl+Shift+Os. Это предотвратит потерю шрифта при открытии файла на других компьютерах.
Теперь выделяем пчелиные полоски, идем в палитру «Трансформирование (Pathfinder) и выбираем «Обрезка» (Trim), чтобы обрезать лишние части.
Выделяем все контуры пчелы. Идем в Объект > Разобрать (Object > Expand) и жмем OK. Нам нужно было разобрать обводку, чтобы ее пропорции сохранялись при изменении размеров логотипа.
После того как мы разобрали пчелу на объекты, удерживаем Shift и выделяем полоски. Идем в палитру «Трансформирование» (Pathfinder) и, удерживая Alt, жмем «Добавить к фигуре» (Add to shape area). Это соединит все формы пчелы вместе.
В конце добавляем цвета и вот – конечный логотип готов!
Перевод: Анна Волкова
Источник: Vectordiary
Это был последний урок из курса «Изучи Adobe Illustrator за 30 дней». Надеюсь, Вам понравилось:)
Если Вы, пройдя курс, почувствовали в себе силы заняться микростоковой иллюстрацией, начните с прочтения статьи "Что такое микростоки и как на них заработать".Читать дальше...
спасибо за экспресс курс Вы лучшие
ОтветитьУдалитьПожалуйста:) Не уходите далеко, завтра будет
ОтветитьУдалитькое-что интересное:)
Что-то слишком сложно всё в этом уроке...
ОтветитьУдалитьНабросок очень простой, можно всё одним
"пером" сделать и не заморачиваться на другие
инструменты.
Я думаю, что Tony специально использовал
ОтветитьУдалитьтакое большое количество инструментов,
чтобы охватить материал курса в финальном проекте:)
Присоединяюсь ко всем благодарностям=) Очень хороший курс и каждый урок в отдельности, все просто и понятно.
ОтветитьУдалитьRespect=)
Спасибо:)
ОтветитьУдалитьПотрясающе. Я тоже так хочу уметь :) Совсем скоро пойду учиться, а сейчас просто постоянный ваш читатель
ОтветитьУдалитьСпасибо, Ирина:) А куда пойдете-то? Все и тут есть:)
ОтветитьУдалитьСпасибо! Уроки действительно хорошие) Кто хотел - тот научился) Скажите, а можно отсканированный рисунок карандашный сразу перевести в вектор и редактировать уже его?
ОтветитьУдалитьВ принципе - можно. Это называется: автотрассировка (Объект>Быстрая трассировка>Создать)
ОтветитьУдалитьНо качество будет фиговое (много лишних точек, всякого другого мусора). Изображение сложно редактировать. Микростоки, например, берут автотрассированные изображения очень неохотно.
Так что лучше трассировать вручную (обрисовывать инструментом "Перо" и другими) как в уроке выше.
С завтрашнего дня начинаю осваивать Adobe Illustrator пользуясь вашими уроками!
ОтветитьУдалитьКстати у себя в блоге хочу сделать заметку про ваш блог=) Надеюсь вы не против)
Не против:)
ОтветитьУдалитьДоброй ночи Анна! Недавно закончил свою работу и отправил Вам на е-мэйл. Благодаря Вашим урокам я многому научился.
ОтветитьУдалитьВопрос. Предположим я на 1-м слое создаю круг, а на 2-м квадрат. Дальше я на другом слое копирую шар и квадрат много раз, меня цвет, размер, положение, в общем создаю творение))) Оставляю видимым соответственно только 3-й слой. Нужно ли мне первые 2 слоя оставлять "без глаза" при отправке на сток?
ОтветитьУдалитьВсе лишние слои желательно удалять. Для Shutterstock'а вообще можно все на одном слое рисовать, так что я не очень понимаю смысл такой манипуляции со слоями:)
ОтветитьУдалитьПросто там не круг был, а более сложная фигура :) Ну и если кто-то купит вектор, вдруг он захочет что-то изменить. А на рабочем слое может и обрезаться фигура.
ОтветитьУдалитьСпасибо за ответ. )
По поводу добавления цвета.
ОтветитьУдалитьВыделяю только соты, выбираю светло-коричневый цвет - а окрашиваются не только соты, но и вся пчела. Может объекты с разными цветами на разные слои перекидывать?
По поводу добавления цвета.
ОтветитьУдалитьПереразобрал контуры..
После этого заливка нормально сработала.
Видимо просто соты и пчела у Вас были в одной группе...
ОтветитьУдалитьЗдравствуйте Анна немогли бы вы мне обьяснить именно про этот урок по конкретнее?Я немогу разобратся с Make Clipping Mask нечего я немогу поделать,неполучается у меня))) Что-то я заклился на нем!!!Если можно отправь мне на мыло White--man@mail.ru Заранее спасибо....."Саня"
ОтветитьУдалитьWhite--man, если честно, даже не знаю, как объяснить этот процесс еще подробнее:) Что конкретно-то не получается? Маска не образовывыется? Вы внимательно изучили урок 26-го дня про обтравочную маску? Там все получалось?
ОтветитьУдалитьСпасибо! Это именно то, что я искал. Вы супер!)
ОтветитьУдалитьБольшое спасибо! Прекрасный курс и очень понятный последний урок, очень интересные "фишки" с масками.
ОтветитьУдалитьБольшое пожалуйста :)
ОтветитьУдалитьАнна, при создании параллельного контура возникают проблемы: 1. сам контур невидим и никак не отображается, хотя контур выставлен как черный. 2. При трансформировании обрезается только левая сота, две правых просто исчезают. Уже что только и с какими вариациями не пробовала, не знаю что делать. Подскажите пожалуйста
ОтветитьУдалитьДобрый день, если честно даже не представляю, почему у вас контур не видим. Я довольно часто пользуюсь при рисовании функцией Offset Path и никогда с таким не сталкивалась...
ОтветитьУдалитьПроблемы с обрезанием могут быть связаны с версией программы. Мне эту манипуляцию удалось выполнить при следующих условиях: соты были сгруппированы и alt a не зажимала, просто потом уже нажала кнопочку "Expand" на панели "Pathfinder"
Здравствуйте, подскажите пожалуйста каким образом в иллюстраторе сделать циферблат (цифры от 1 до 12) в заданном кругу?
ОтветитьУдалитьНе могу до конца понять, приведенный ниже метод, цифры возникают не там где нужно и не под тем углом:
1. Выберите произвольный объект (к примеру, текстовое поле)
2. Objekt=>Envelope Distort=>Make with Mesh (устанавливаем - 1 колонка, 1 строка)
3. Pасполагаем наши текстовые блоки покругу при помощи инструмента Rotate.
(т.е.: Выделяем объект - Selection, выбираем инструмент Rotate, удерживая клавишу Alt , дважды кликаем в том месте, где хотим расположить центр трансформации. Появляется меню Rotate. Мы вносим туда значение 30 и нажимаем Copy. После этого Сtr+D пока не замкнём круг.)
Чего-то как-то сложно... Почему бы вам не спросить у того, кто этот метод написал. Лично я делал циферблат более простым способом (на мой взгляд): готовые цифры, уже в виде кривых, равнял с помощью Align (выравнивание). 12 и 6, 3 и 9 - они легко ровняются, так как находятся на горизонтальной и вертикальной оси циферблата. Остальные пары цифр ровняем вертикально, группируем парами, затем поворачиваем с помощью Rotate на угол -30 гр. Потом разгруппировываем и каждую цифру отдельно крутим обратно на 30 гр, чтобы она стояла ровно. Так повернули пару 1 и 7, 2 и 8 поворачиваем также но на 60 гр, и т. д. А еще есть сетка: show grid во вкладке view, и располагаем цифры по узлам сетки куда нужно.
ОтветитьУдалитьПривет, всем! Решил оставить комментарий на последней странице курса, как доказательство того, что прошел его до конца)).
ОтветитьУдалитьНо мне вот интересно, какой инструмент в иллюстраторе наиболее популярен для придания объема какому-нибудь мульт персонажу? Anna, не подскажете)?
Ну вообще, я думаю, это градиенты, 3-D эффекты и переходы. Хотя я сама ничем этим не пользуюсь. Просто обычно дорисовываю сверху блики и тени пером.
ОтветитьУдалитьПросто некоторые иллюстрации теперь мне кажутся очень простыми), другие же ,напротив, невероятно сложными. А мне хочется рисовать что-то среднее между первыми и вторыми. Для начала)).
ОтветитьУдалитьНо я знаю, Anna, что вы мне посоветуете - практика и еще раз практика)). Каждый иллюстратор делает по-своему, у каждого свой стиль. И все, что мне нужно - найти собственный стиль. Спасибо:)!
Кажется так просто, но начинаю сама рисовать не все получается, буду дальше пробовать. Урок замечательный
ОтветитьУдалитьУдачи вам, Ирина, в ваших начинаниях :)
ОтветитьУдалитьСпасибо Вам за урок!
ОтветитьУдалитьЛоготип получился!
Nikolay Kostsov, пожалуйста!
ОтветитьУдалитьПоздравляю с окончанием курса! Или вы только финальный урок проходили? :)
Огромное спасибо за уроки! Все лаконично и доходчиво!!
ОтветитьУдалитьРада, что у вас все получилось :)
ОтветитьУдалитьЧто-то не складывается у меня с вычетом (крыльев)и сот с телом :(
ОтветитьУдалитьполучается "минус верхнее крыло (большое)" и оно без контура
Попробуйте «Вычесть из фигуры» (Subtract from shape area) не нажимая Alt, а затем нажмите «Разобрать» (Expand) на панели «Pathfinder»
Удалить