Создание классного логотипа в виде ленты в Illustrator

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

Графический логотип в виде ленты


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

Посмотреть окончательный дизайн логотипа в стиле ленты

Откройте Adobe Illustrator и нарисуйте длинный тонкий прямоугольник на артборде. Помните, что исходные размеры, которые вы создаете, не имеют значения, поскольку мы работаем в векторе. В отличие от Photoshop дизайн можно масштабировать вверх и вниз без потери качества.

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

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

Увеличьте масштаб документа и нажмите CMD + Y, чтобы включить режим контура. Выберите два новых прямоугольника и аккуратно выровняйте их так, чтобы они соединялись с оригиналами.

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

Сделайте копию одного диагонального прямоугольника и перейдите в Object> Transform> Reflect и выберите вертикальную ось, чтобы перевернуть фигуру на противоположную сторону.

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

Выложите цветовую схему для вашего бренда или загрузите классную палитру с таких сайтов, как ColourLovers.com, и начните заменять заливку / обводку по умолчанию живыми цветами.

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

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

На последнем фрагменте выберите самый светлый цвет из палитры, но добавьте эффект тени, смешав градиент с более темным тоном.

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

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

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

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

Уменьшите непрозрачность тени примерно до 15%, затем поместите ее под один из нижних краев прямоугольников.

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

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

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

Моно версия полезна для случаев, когда логотип размещается на необычном фоне, где основной логотип будет потерян. Замените все цвета временным серым.

Логотип теряет все свое определение без небольшой модификации. Выберите диагональные сегменты и перейдите в Object> Path> Offset Path. Добавьте небольшое смещение около 0,3 мм.

Выберите все новые формы смещения индивидуально и создайте составной путь.

Отмените выбор всего, затем выберите только вертикальные прямоугольники и последний диагональный сегмент и создайте новый составной путь.

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

Графический логотип в виде ленты

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



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

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

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

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

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