Уроки по Photoshop, Illustrator, Flash и 3ds max. Статьи по дизайну и фотографии.

Рисуем баннер в Иллюстраторе

рисуем баннер

Шаг 1. Создаем новый документ размером 460*230 пикселей.

новый документ

Шаг 2. С помощью Инструмента Rectangle Tool (Прямоугольник (M)) рисуем прямоугольник размером 350*50 пикселей.

rectangle tool

Шаг 3. Заливку для прямоугольника делаем белой, обводку ставим шириной 2pt и черного цвета.

stroke прямоугольник

Шаг 4. Убираем галочку у пункта Scale Strokes & Effects (Масштабировать эффекты и обводки) на Палитре Transform (Трансформирование).

scale sroke

Шаг 5. Выделяем прямоугольник, копируем его (Ctrl+C) и два раза вставляем новые (Ctrl+F, чтобы вставить поверх копируемого). Итого у нас теперь 3 прямоугольника.

Шаг 6. Идем на Панель Transform и задаем точку трансформации, как на рисунке внизу. И удаляем значок о сохронении пропорций при трансформировании.

трансформирование сохронение пропорций

Шаг 7. Выделяем верхний прямоугольник и меняем его длину на 80 пикселей на Панели Transform. Это прямоугольник будет служить у нас "левым хвостиком".

transform

Шаг 8. Для создания "правого хвостика" баннера, выбираем следующий прямоугольник, меняем точку трансформации (см. рисунок) и меняем его размер так же на 80 пикселей.

правый хвостик

Шаг 9. Выделяем левый хвостик и перемещаем его на 40 пикселей влево (Object>Transform>Move (Ctrl+M)).

move

Шаг 10. Правый хвости двигаем на 40 пикселей вправо.

перемещение баннер

Шаг 11. Выделяем оба хвостика, удерживая Shift при выделении.

Шаг 12. Добавим точек на наши хвостики. Пока они ещё выделены идем Object>Path>Add Anchor Points (Объект>Контур>Добавить опорные точки).

трансформирование

Шаг 13. Выбираем Инструмент Direct Selection Tool (Прямое выделение (A)) и выделяем среднюю точку с левой стороны.

Шаг 14. И предвигаем её на 25 пикселей вправо.

move

Шаг 15. Аналогичным образом передвигаем точку у правого хвостика.

move баннер

Шаг 16. Выделяем левый хвостик и поднимаем его на 10 пикселей вверх.

передвижение

Шаг 17. А правый двигаем вниз.

move ленточка

Шаг 18. Выделяем оба хвостика и переносим их назад (Object>Arrange>Send to Back (Объект>Монтаж>На задний план)).

send to back

Шаг 19. Выбираем Инструмент Pen Tool (Перо (P)) и рисуем им треугольник соединяющий левый хвостик с телом баннера, как показано на рисунках внизу.

pen tool перо ставим точки рисуем пером треугольник изгиб

Шаг 20. Для правой стороны делаем тоже самое.

рисуем треугольник загибон

Шаг 21. Выделяем все части баннера и идем Object>Envelope Distort>Make with Warp и задаем параметры, как на рисунке внизу.

деформация баннер

красивый баннер

Немного поигравшись с параметрами, можно получить следующие виды баннеров:

виды баннеров

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

Другие уроки Illustrator >>