Створити банер в adobe illustrator

1. Крок 1
2. крок 2
3. крок 3
4. крок 4
5. крок 5
6. крок 6
7. крок 7
8. крок 8
9. крок 9
10. крок 10
11. крок 11
12. крок 12
13. крок 13
14. крок 14
15. крок 15
16. крок 16
17. крок 17
18. крок 18
19. крок 19
20. крок 20

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

Сьогодні я покажу вам, як ви можете зробити своє власне оголошення (веб-банер) в Adobe Illustrator. Для прикладу візьмемо інтернет магазин. Давайте почнемо!
По-перше, давайте подивимося на остаточний результат.

Крок 1

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

крок 2

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

крок 3

Створіть новий шар. Виберіть інструмент Еліпс намалювати велике коло, представленим нижче. Зробити свій «Fill» зелений колір і встановити «Stroke».

крок 4

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

крок 5

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

крок 6

Далі, ми додамо бренд. Створіть новий шар і виберіть тип інструменту ввести в потрібну торгову марку. Для цього використовуємо шрифт «Myriad Pro». Використовуйте # 282828 в якості кольору заливки.

крок 7

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

крок 8

Виберіть інструмент «line», щоб провести риску під брендом, зробити "Fill" на none, і виберіть шах в 1pt.

крок 9

Написати субтитри, використовуючи той же шрифт.

крок 10

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

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

крок 11

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

Дублюйте шар іконці і відобразити його вертикально, перейшовши в "Object"> "Transform"> "Reflect".

крок 12

Додати текст за допомогою «Myriad Pro» шрифт розміром 14pt.

крок 13

Тут зробити просто за допомогою Ellipse Tool.

крок 14

Потім додайте зображення, які ви хочете побачити в оголошенні. Ви можете позиціонувати його, як показано нижче.

крок 15

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

крок 16

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

крок 17

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

крок 18

Зменшіть прозорість виділеного шару на 40%.

крок 19

Далі, введіть текст на кнопці.

крок 20

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

От і все. Наш веб банер готовий. Я сподіваюся, що ви дізналися щось корисне.