Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

Как создать графические логотипы в Adobe Illustrator

Scroll to top
Read Time: 4 min

Russian (Pусский) translation by Svetlana (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Вы хотите узнать, как создавать высококачественные логотипы с использованием градиентов в Adobe Illustrator? В этом видео с моего курса 10 основных советов по дизайну в Adobe Illustrator вы узнаете, как создавать логотипы на основе градиента, в основном используя только два цвета: черный и белый.

Дизайн логотипа с градиентами

Почему на основе градиента логотипы?

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

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

Как создать логотип на основе градиента

Начнем с создания многоугольника. Поэтому выберите Polygon Tool и щелкните левой кнопкой мыши в любом месте монтажной области. Установите количество Sides на 3. Не беспокойтесь о настройке радиуса - просто нажмите «ОК», а затем просто увеличьте его, перетащив его из угла, удерживая Shift.

Теперь нажмите на панель Gradient справа. (Если вы не видите эту панель, просто перейдите в верхнее меню и выберите Window > Gradient.) И если вы нажмете на любом слайдере, вы получите градиент от черного до белого по умолчанию.

Triangle with the default black to white gradientTriangle with the default black to white gradientTriangle with the default black to white gradient

Затем вы можете дублировать форму, удерживая Alt-Shift и перетаскивая вправо. И затем повторите это последнее действие с помощью Command-D, чтобы создать третий треугольник.

Three triangles with default black to white gradientThree triangles with default black to white gradientThree triangles with default black to white gradient

Давайте повернем это сейчас. Поэтому выберите все и удерживайте Shift и поверните его с одного из углов.

Triangles rotated 180 degreesTriangles rotated 180 degreesTriangles rotated 180 degrees

Теперь перетащите все и измените режим смешивания Transparency  с обычного на Multiply.

И вот мы идем. У нас есть своего рода логотип W. Итак, давайте допустим, что это вымышленная компания, а логотип это W. Что делает Multiply, так это то, что он просто смешивает эти фигуры вместе, чтобы они перекрывались друг с другом.

Triangles blendedTriangles blendedTriangles blended

Теперь давайте немного изменим треугольники, чтобы они были ближе друг к другу. Просто перетащите их вручную, а затем, если вы закончите с неравным интервалом, просто выберите все и с панели Align, перейдите в раздел Distribute Object и выберите Horizontal Distribute Center, и он будет размещать их одинаково отдельно.

Triangles closer togetherTriangles closer togetherTriangles closer together

Изменение фона и цвета логотипа

Теперь добавим цвет фона. Вы можете использовать инструмент Rectangle Tool и размер его, чтобы он закрывал панель. Выберите синий цвет с панели Swatches, а затем перейдите в Object > Arrange > Send to Back.

Logo with blue backgroundLogo with blue backgroundLogo with blue background

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

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

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

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

Logo with dark blue gradient and coral backgroundLogo with dark blue gradient and coral backgroundLogo with dark blue gradient and coral background

Или вот это здесь, с фоном:

Logo with a teal backgroundLogo with a teal backgroundLogo with a teal background

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

Смотрите полный курс

Если вы нашли это видео полезным, то обязательно присоединитесь ко мне для полного курса, 10 основных советов по дизайну в Adobe Illustrator. Это было всего лишь одним из десяти основных советов по дизайну, которые вы изучите, что поможет вам воплотить свои творческие идеи в Adobe Illustrator. Наши десять советов расскажут о множестве различных приемов, помогая вам повысить ваше творчество и перенести свои идеи на цифровой холст.

Вы можете сразу пройти этот курс с подпиской на Envato Elements. За одну небольшую ежемесячную плату вы получаете доступ не только к этому курсу, но и к нашей растущей библиотеке более 1000 видеокурсов и ведущих электронных книг на Envato Tuts +.

Кроме того, теперь вы получаете неограниченные загрузки из огромной библиотеки Envato Elements из 580 000+ творческих ресурсов. Создавайте уникальные шрифты, фотографии, графику и шаблоны а так же быстрее выполняйте лучшие проекты.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.