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

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

В сегодняшнем посте я отступлю от своих намерений не публиковать больше уроков на блоге и напишу урок по рисованию баннера к конкурсу Анны Волковой на лучший собственный баннер. Суть в том, что нарисовать его надо в Иллюстраторе, в котором я не силён, как в Кореле, плюс описать, что и как делалось.

Для начала, конечно, идея. Размер 468×60 px довольно специфичный и не всё, что туда хотелось бы поместить, будет оптимально смотрется. Кто-то рисовал баннер для своего блога, кто для портфолио, ну а мне важнее на данный момент Арт-мастерская в плане продвижения, нежели блог. Примерный стиль, цвета для изображения уже разработаны были, поэтому осталось придумать, что туда запихнуть — в такой узенький прямоугольник? Дедулю-художника навскидку прикинул — не-е, получится слишком маленьким. Одну только голову тоже бессмысленно, а совсем без него теряется узнаваемость.

После нескольких минут раздумья в голову пришёл лозунг «Ваше Творчество в Ваших руках» и появилась идея изобразить руку с кисточками и карандашами в руке. Но примерно накидав, не понравилось. Изображение палитры — возможно, но как-то уже приелось, если честно.

Еще через несколько минут пришла другая идея. Ведь всё, что мы придумываем исходит не из рук. Руками мы лишь претворяем в жизнь наши мысли и чувства, которые подтолкнули к работе, а настоящее творчество исходит у нас откуда? От сердца (ну, возможно и от души)! Отсюда родился лозунг «Творчество в Твоём сердце»! Именно в твоём, а не в Вашем, для того, чтобы поймать прямую связь не с абстрактными Вами, а именно с тобой! С тобой, сидящем сейчас за компом и читающим этот бред получасовой мозговой штурм. В общем в итоге родилось сердечко, совмещенное с палитрой (решил всё таки применить её, ха).

Создаем документ в Иллюстраторе

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

Рисуем прямоугольник

Далее нужно было написать на фоне адрес сайта ( и как логотип в одном лице). Набрал нужным шрифтом и у некоторых букв уменьшил кегль до 36 пунктов.

Пишем текст в Иллюстраторе

Дальше эта надпись как текст мне была уже не нужна, то переводим в кривые Object >> Expand (и заливку и объект галочки), увеличиваем до краёв баннера и разгруппировываем на буквы.

Создаём логотип в Иллюстраторе

Копируем прямоугольник-фон, убираем у него заливку и накладывая сверху на буквы, выделяя их тоже, удерживая Shift, применяем обтравочную маску правой клавишей мыши (как рассказано было в последнем уроке у Анны про пчелу-логотип). При этом края надписи прячутся. Так получается двойная надпись — светлая сверху и более насыщенная под фоном.

Готовый логотип для баннера

Теперь сделаем несколько витых линий для изящества. Для этого я воспользовался инструментом Перо и применил к нему стандартную кисть в виде треугольника с толщиной линии в 0,25 pt. В принципе, в этом плане ничего сложного и линии такого типа получаются даже лучше, чем в Кореле, где просчеты маленько кривоваты.

Создаём линии и применяем кисти Иллюстратора

Линии также «экспандим», то есть переводим в объект и заливаем градиентной заливкой. Пересекающиеся линии (то есть там, где они должны быть под фоном), обрезаем с помощью наложенного сверху прямоугольника и команды Trim в панельке Pathfinder.

Исключаем и разрезаем линии в Иллюстраторе

Из сложного осталось только сердечко. Оно делалось из кружочков разного размера с помощью инструмента «Переход» (Blend Tool), заданным вдоль пути. Сначала рисуем путь, то есть половинку сердечка, а потом выделяем первый и последний кружочек, применяем Blend Tool, а потом меняем путь с прямой линии на нарисованную Object >> Blend >> Replace Spine, выделив кружочки и кривую сердечка.

Применяем перетекание Blend Tool в Illustrator

Производим Expand эффекта перехода и копируем половинку, отзеркалив её с помощью правой клавиши мыши Transform >> Reflect >> Вертикально, нажав на Copy. Чуть уменьшаем и объединяем в одно сердечко.

Кляксы красок нарисованы Карандашом на глаз. Вот, в принципе и готово!

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

Microstock Button - все микростоки в одной кнопке

загрузка...

Получать новости блога на почту:


Комментарии

  1. Михаил пишет:

    Спасибо! :)

Подписка новостей блога

Комментарии

  • Надежда-дизайнер: Ура! Дождались твои читатели и я в том числе! Я так обрадовалась, когда увидела в своём ящике...
  • Бывалый Прораб: Да у нас В Казахстане сегодня тоже не жарко! Холод собачий да еще и ветер встречный. Давно такого не...
  • W1n: Зима действительно морозная. Даже на улицу не охото выходить
  • Rellas: С новыми канистрами эксклюзив на айсе как-то не айс для новеньких, на мой взгляд.
  • Дизайнер-художник: Да, надо будет перечитать правила! Я думал, что эксклюзивность только на работы распространяется!...

При поддержке