Создать баннер в adobe illustrator

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

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

Сделать баннер в adobe illustrator

Сегодня я покажу вам, как вы можете сделать своё собственное объявление (веб-баннер) в Adobe Illustrator. Для примера возьмём интернет магазин. Давайте начнем!
Во-первых, давайте посмотрим на окончательный результат.

Создать баннер в Illustrator
к меню ↑

Шаг 1

Создайте новый документ в Adobe Illustrator с шириной 728px и высотой 90px.

Создать баннер в Illustrator
к меню ↑

Шаг 2

Выберите инструмент прямоугольник, чтобы нарисовать прямоугольник 728px на 90px, сделайте свой «Fill» темно-серый оттенок, а набор «Stroke» none.

Создать баннер в Illustrator
к меню ↑

Шаг 3

Создайте новый слой. Выберите инструмент Эллипс нарисовать большой круг, представленным ниже. Сделать свой «Fill» зеленый цвет и установить «Stroke».

Создать баннер в Illustrator
к меню ↑

Шаг 4

Теперь выберите оба прямоугольника и эллипс слоев, нажав на кольцевую мишень на этих слоях и нажав кнопку «Shift» key. После этого, выберите инструмент Формы, возьмите свои стрелки над частью круга, который находится за пределами прямоугольника. Вы увидите стрелку со знаком «+», теперь, когда вы нажмете кнопку «Alt» key, знак «-» будет появляться. Теперь, нажмите отрезать ненужные части круга.

Создать баннер в Illustrator
Создать баннер в Illustrator
к меню ↑

Шаг 5

Дублируйте форму и немного уменьшайте его ширину с помощью инструмента выделения («V»). Измените его «Fill» цвет на другие зеленые тени, как показано ниже.

Создать баннер в Illustrator
к меню ↑

Шаг 6

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

Создать баннер в Illustrator
к меню ↑

Шаг 7

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

Создать баннер в Illustrator
к меню ↑

Шаг 8

Выберите инструмент «line», чтобы провести черту под брендом, сделать “Fill” на none, и выберите шах в 1pt.

Создать баннер в Illustrator
к меню ↑

Шаг 9

Написать субтитры, используя тот же шрифт.

Создать баннер в Illustrator
к меню ↑

Шаг 10

Теперь, напишем предложение на новый слой. Используйте цвет заливки # 8DC63F, а также использовать шах # A9D161 для данного текста.

Создать баннер в Illustrator

Дублируйте этот слой с текстом, изменить «Fill» оригинального слоя на черный, установить шах, чтобы «none», и перетащите дубликат на один шаг вниз.

Создать баннер в Illustrator
к меню ↑

Шаг 11

Откройте файл деньги в Illustrator, скопируйте его и вставьте в свой документ на новый слой. Измененить размер и расположить его можно с помощью инструмента выделения («V»).

Создать баннер в Illustrator

Дублируйте слой иконке и отразить его вертикально, перейдя в “Object” > “Transform” > “Reflect”.

Создать баннер в Illustrator
к меню ↑

Шаг 12

Добавить текст с помощью «Myriad Pro» шрифт размером 14pt.

Создать баннер в Illustrator
к меню ↑

Шаг 13

Здесь сделать просто с помощью Ellipse Tool.

Создать баннер в Illustrator
к меню ↑

Шаг 14

Затем добавьте изображения, которые вы хотите увидеть в объявлении. Вы можете позиционировать его, как показано ниже.

Создать баннер в Illustrator
к меню ↑

Шаг 15

Теперь, мы сделаем кнопку. Выберите Rounded Rectangle Tool со следующими настройками, чтобы нарисовать прямоугольник. Используйте цвет # 8DC63F в качестве «Fill» цвет и цвет # C5DE90 как 1pt.

Создать баннер в Illustrator
к меню ↑

Шаг 16

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

Создать баннер в Illustrator
к меню ↑

Шаг 17

Для подсветки кнопки, набрать # FBE00B качестве цвета заливки и сделать вид, показанный ниже, используя инструмент Pen Tool. Ограничьте его в кнопку с помощью инструмента Формы, как описано в шаге 4.

Создать баннер в Illustrator
к меню ↑

Шаг 18

Уменьшите прозрачность выделенного слоя на 40%.

Создать баннер в Illustrator
к меню ↑

Шаг 19

Далее, введите текст на кнопке.

Создать баннер в Illustrator
к меню ↑

Шаг 20

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

Создать баннер в Illustrator
Создать баннер в Illustrator
Создать баннер в Illustrator

Вот и все. Наш веб баннер готов. Я надеюсь, что вы узнали что-то полезное.