Как создать логотип Line Art Badge в Adobe Illustrator: разбираем вместе

Дизайн логотипов, выполненных в стиле штрихового рисунка, в настоящее время все еще остается довольно популярной тенденцией, они содержат упрощенные иллюстрации для создания минималистичного дизайна. Этот стиль кажется особенно распространенным среди тематических дизайнов логотипов на открытом воздухе, часто включая пейзажные сцены, сделанные полностью из линий, составленных в макет стиля значка. В сегодняшнем уроке по Adobe Illustrator я проведу вас через процесс создания собственного логотипа значка линии. Несмотря на то, что мы создаем весь дизайн, используя только линии, мы по-прежнему будем использовать различные полезные советы и приемы Illustrator.

Как создать логотип Line Art Badge в Adobe Illustrator


Иллюстрации, которые я создам в этом уроке, представляют собой дизайн логотипа в стиле бейдж в стиле логотипа с темой для кемпинга. На ней изображены минималистичные иллюстрации гор, кемпинга и озера, все из которых сделаны из дорожек с одним ударом веса. Макет затем состоит из круглого значка с добавлением арочного текста и декоративных световых лучей.

Откройте Adobe Illustrator и создайте новый документ, размер не имеет значения, поскольку векторные изображения можно масштабировать до любого размера, но вы можете отключить масштабирование обводок и эффектов на панели «Настройки» Illustrator, чтобы сохранить тот же вес обводки при работе с изображениями. масштабируется, пока вы создаете свое произведение. Начните с рисования круга на артборде. Удалите белую заливку по умолчанию, оставив только черный штрих.

На панели «Обводка» увеличьте вес обводки примерно до 5 пт, чтобы увеличить линию. Также проверьте параметры Round Cap и Round Corner. Эти настройки не будут видны на этой форме круга, но тот же стиль линии будет также использоваться для всех последующих путей, которые мы будем рисовать.

Переключитесь на инструмент Линия и нарисуйте путь, который пересекает круг. Удерживайте клавишу Shift, чтобы линия была прямой. Выберите обе фигуры и отцентрируйте их вертикально с помощью панели «Выровнять».

Убедитесь, что у вас включены интеллектуальные направляющие из меню «Вид», а затем используйте розовую подсказку, чтобы найти центр линии. Следуйте по нему вверх, затем нарисуйте диагональную линию вниз к горизонтальной траектории.

Перейдите в Object> Transform> Reflect, отметьте опцию Vertical, затем нажмите кнопку Copy.

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

Shift и щелкните обе строки с помощью инструмента «Перемещение», затем перетащите другую копию, удерживая клавишу ALT. Поместите этот дубликат влево, слегка перекрывая другие элементы.

Используйте инструмент «Ножницы», чтобы обрезать линии, где они пересекают другие пути, и удалить лишние.

Нарисуйте прямую линию между двумя путями, которые образуют средний треугольник, затем выберите Эффект> Искажение и преобразование> Зигзаг.

Настройте параметры зигзага на 5px Size и 5 Ridges Per Segment, чтобы представить упрощенный снежный раскол на вершине этой основной формы горы.

Сдвиньте зигзагообразную линию, чтобы она поместилась в пределах горы, затем нажмите ALT + перетащите копию для другой горы. Используйте инструмент «Прямой выбор», чтобы сократить путь, чтобы поместиться в этот меньший треугольник.

Нажмите на эффект Zig Zag на панели «Оформление», чтобы изменить настройки. Уменьшите количество хребтов до 3.

Нарисуйте выделение вокруг трех путей, которые образуют меньшую гору, а затем создайте отраженную копию, используя команду «Объект»> «Трансформировать»> «Отражение». Разместите дубликат на другой стороне.

Используйте инструмент Ellipse, чтобы нарисовать маленький круг, чтобы представить солнце. Перекрыть его большим кругом и обрезать лишнее с помощью инструмента «Ножницы».

Используйте смесь кругов и прямоугольников, чтобы сформировать облако. Со всеми выбранными фигурами, объедините их с панелью Pathfinder, чтобы сформировать чистый контур.

ALT + Перетащите дубликаты облака и расположите их вокруг сцены. Перекрыть некоторые облака с другими элементами.

Используйте инструмент «Ножницы», чтобы обрезать и удалить пути, где они пересекаются с другими фигурами.

Упрощая вещи до их базовой формы и воспроизводя их с помощью простых форм, вы можете создавать минималистичные иллюстрации чего угодно!

Нарисуйте палатку, создав угловую линию. Дублируйте и отразите линию и пересеките два рядом с вершиной. Расположите их в центре композиции.

Используйте инструмент «Ножницы», где линии перекрываются с горизонтальной, чтобы эффективно разместить палатку на переднем плане.

Выберите инструмент «Дуга» из группы «Линия». Удерживайте Shift и нарисуйте изогнутую дорожку от центра вниз к одному из углов. Повторите процесс на другой стороне.

Упрощенный стенд можно получить, просто нарисовав три линии, используя те же методы, которые использовались до сих пор.

Чтобы нарисовать пламя костра с другой стороны, начните с круга и перетащите верхнюю точку вверх.

Выберите инструмент «Перо», затем ALT + щелкните верхнюю точку, чтобы удалить маркеры Безье, превратив эту точку в острый угол.

Скопируйте, масштабируйте и поверните дубликат этой формы и поместите его в одну сторону, затем отразите копию для другой стороны.

Чтобы нарисовать озеро на переднем плане, начните с прямой линии, которая охватывает ширину дизайна. Удерживайте клавиши ALT и Shift и перетащите копию вертикально.

Используйте сочетание клавиш CMD + D для Transform Again несколько раз, чтобы получить серию равномерно распределенных линий. Выберите их все, затем добавьте эффект Zig Zag с 17 Ridges Per Segment и включенным параметром Smooth.

Перейдите в Object> Expand Appearance, чтобы навсегда применить эффект Zig Zag, который затем позволит обрезать пути, в противном случае изменение длины пути повлияет на эффект Zig Zag.

Используйте инструмент «Ножницы», чтобы разделить пути, где они пересекаются с круговым контуром, а затем удалите лишние.

Нарисуйте одну вертикальную линию, затем перетащите копию на одну сторону. Выбрав обе линии, перейдите в Object> Blend> Make.

Вернитесь в Object> Blend> Blend Options и выберите Specified Steps с соответствующим номером, который создает разрыв между строками.

Выберите основной круговой контур и скопируйте (CMD + C) и вставьте (CMD + F) дубликат. Очистите его обводку, затем щелкните и удалите самую нижнюю точку с помощью инструмента «Прямой выбор».

Добавьте смешанные линии к выделению, затем перейдите в Object> Blend> Replace Spine.

Вернитесь в Blend Options и включите Preview для настройки параметров. Измените параметр «Ориентация», чтобы линии расширялись от центра, а затем измените количество шагов примерно до 40.

Масштабируйте и перемещайте этот смешанный элемент, чтобы создать серию световых лучей вокруг верхней половины логотипа значка.

Сделайте еще одну копию кругового контура, очистите заливку и удалите самую верхнюю точку. Масштабируйте этот путь для использования с инструментом Type On a Path.

Введите выбранную вами формулировку для вашего логотипа значка. Установите стиль абзаца по центру, затем переместите линии интерфейса с помощью инструмента «Прямой выбор», чтобы правильно ориентировать текст на пути.

Измените стиль шрифта, чтобы разместить текст в доступном пространстве. Я использую шрифт с именем Smoothy Sans с 50 трекингом, увеличенный до максимального размера, который будет соответствовать пути.

Разработка логотипа завершена, но чтобы завершить оформление, перейдите в «Объект»> «Развернуть», чтобы преобразовать все эффекты и контуры в контурные формы. Вы можете сначала сохранить редактируемую копию, просто изменив исходные пути.

Нажмите кнопку «Объединить», чтобы объединить все в одну фигуру. Если какие-либо элементы исчезают в процессе, это означает, что некоторые элементы не были должным образом расширены. Снова используйте процедуру Object> Expand, чтобы убедиться, что все преобразовано.

Конечным результатом является стильный однотонный линейный логотип с темой на открытом воздухе. Создание основной иллюстрации с упрощенными формами и контурами помогает добиться минималистичного вида, а при компоновке дизайна в круговую схему получается аккуратный маленький значок-значок.

Хочу больше? Проверьте эти замечательные сопутствующие товары

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

30 Lineart логотипы, значки и рамки

30 Lineart логотипы, значки и рамки

Набор шаблонов логотипов Linecraft Boutique


Набор шаблонов логотипов Linecraft Boutique



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.