Сайт специалиста в области графического дизайна Viktory One.
Колибри (Illustrator)
3

Урок не совсем для начинающих пользователей Illustrator и Photoshop. Но всё же даже для новичков в фотошопе и иллюстраторе из этого урока можно почерпнуть достаточно полезной информации.

Images in articles alts
Итак, вот что в итоге у нас должно получиться. За неимением иллюстрации колибри большого размера, я таким вот образом изощряюсь и рисую птичку в векторе. Не могу чётко и пошагово дать вам руководство к действию для данной иллюстрации. Поскольку я просто рисую, как в живописи... сначала общая форма, потом детализация. Это конечно сложно повторить, я понимаю, но...можно посмотреть основной принцип создания векторной иллюстрации.
ШАГ 1
Images in articles alts
Чтобы ничего не придумывать, всё равно в создании красоты мы не обойдём природу, берём за основу любую понравившуюся Вам картинку. В моём случае вот такая. Мне нравится что тут не видно лапок колибри, при таком ракурсе они там не к чему.
ШАГ 2
Images in articles alts
Вставляем нашу картинку в Illustrator, и большими плоскостями повторяем форму колибри. Для заливки я использую Gradient, который кладу по форме. Мне удобнее класть отдельные кусочки, на них я могу отрегулировать Gradient и подогнать его под округлённую форму, но можно для пузика использовать и единый элемент, главное тут вырулить Gradient, подчеркнув природные изгибы.
Images in articles alts
На белом фоне я показываю отдельно, что я рисую поверх картинки, что правильно, но это осложняет Ваше восприятие. На белом фоне лучше видно детали. Здесь видно, что я заполняю пустые места небольшими кусочками,которые в своей сумме начинают образовывать форму. Я стараюсь не отходить от исходной картинки
ШАГ 3
Images in articles alts
Последующие элементы уже в большей степени сформировали форму головы, после того как мы нарисуем глаз, всё встанет на свои места. В увеличенном размере, я показала из чего состоит глазик, как именно я положила Gradient, чтобы он смотрелся максимально естественно.
Images in articles alts
Дальше продвигаемся к крылышкам и хвостику. Точно такими же плоскостями создаём форму. Хвост-задача не из лёгких, поэтому, лучше прорисовать длинные перья хвоста, тень под ним, а поверх положить яркие элементы, повторяющие текстуру пестрых перьев. За счет них хвост сморится натуральнее.
ШАГ 4
Images in articles alts
Основание крыла. Точно также, сначала кладём крупные элементы, с градиентом, определяющим форму, затем более мелкие элементы см. следующую картинку.
Images in articles alts
Мы как бы лепим форму за счёт маленьких кусочков и правильно положенного градиента. На свету яркие элементы, в тени контрастные-тёмные. Всё как в природе, на свету перышки колибри переливаются, даже светятся, в тени наоборот приобретают тёмный оттенок.
Images in articles alts
На увеличенной картинке видно, как много я использовала элементов у основании крыла. Я добавила маленькие акценты на голову птички. Около клюва, глаза, на щёчках усилила акценты с помощью цветных перышек. Если приближать отдельные части птички очень близко, то вид теряется, поэтому чаще смотрите то, как изображение должно выглядеть целиком, ничего ли не выбивается, или наоборот чего-то не хватает.
ШАГ 5
Images in articles alts
Начнём рисовать крыло. Его строение довольно простое. В нем много одинаковых элементов удлиненных к верху.
Images in articles alts
Длинные перья крыла должны к чему-то крепиться, поэтому для ещё большей реальности я создаю группу из таких элементов, помещаю её там от куда должны расти перья крыла. Визуально появляется небольшая ребристость, с помощью ярких элементов мы добавляем блеска и перелива.
Images in articles alts
Крылышко чем-то напоминает гармошку или веер. Сначала нарисуем все светлые стороны перьев крыла. Я нечего не придумываю, делаю так, как на натуре.

Images in articles alts
Теперь темные грани. Рисуем их поверх всех остальных. По всей длине крылышка меняю оттенок градиента. Чтобы пёрышки переливались. Вид крыла теперь более закончен, но всё равно остались белые промежутки, нам нужно заполнить их, см. следующую картинку.
Images in articles alts
Добавим ещё несколько светлых недостающих элементов перьев, которых не хватало на предыдущей картинке, чтобы все были в сборе).Если внимательно посмотреть на фотографию колибри, можно увидеть что, длинные перья крыла имеют небольшую светлую кромку и тонкую линию на стыке темной и светлой грани пера светло-зелёного цвета. Я попыталась это учесть и с помощью вот таких элементов постаралась сделать крыло более естественным. Но это ещё не всё...
Images in articles alts
Добавлю группу из вот таких элементов. Они придают крылу более законченный вид. На фотографии хорошо видно присутствие темных полос на ребре каждого пера. Я попыталась это повторить.
Images in articles alts
И, в завершении, чтобы убрать все просветы, не состыковки (если таковые есть), под низ я кладу большую плоскость с тёмно-зелёным градиентом, повторяющую форму крыта. Как Вы понимаете, данный шаг не обязателен, если фон в итоге задуман белый.
ШАГ 6
Images in articles alts
Теперь самое интересное=). Именно большое количеств мелочей и детальная прорисовка придаёт моей колибри такой натуральный вид. Шаг за шагом я буду прорисовывать пёрышки, сначала светлую группу, затем тёмную. Начну с пузика. Чтобы добиться эффекта как в природе использую полупрозрачные светло-голубые элементы.
Images in articles alts
Мне сложно описать последовательность и необходимость моих действий, я просто рисую, как будто в моей руке кисть или карандаш. Добавляю ещё разноцветных мелких деталей.
Images in articles alts
На этой картинке появились пёстрые перья на шее, я добавила ещё перьев на тельце. Там, где градиент на тельце самый яркий - жёлтый (это самая выпирающая часть тельца) я нарисовала чреду ярко жёлтых перьев.
Images in articles alts
На тёмной спинке я нарисовала много маленьких ярко-голубых перьев. Эта часть стала как бы переливаться на свету и вид стал более интересным и законченным.
Images in articles alts
Всё тоже самое я делаю на хвостовой части. Я советую Вам срисовывать с натуры, и больше смотреть при Zoom Out, чтобы видна была общая форма. Это как в рисунке обычным карандашом, мы отходим подольше, прищуриваем глаза, и если есть ошибки, они нам становятся ясны.
Images in articles alts
Поскольку у меня нижний слой не единый, очень хорошо видны стыки элементов. Более мелкими перьями, которые я кладу поверх, я стараюсь сделать эти переходы как можно незаметнее, чтобы форма была едина. Все мои действия напоминают технику в живописи "Пуантилизм", когда вся картина художника состоит из отдельных точек, но это видно только когда подходишь близко к картине. Издалека форма единая и вполне реалистичная.
Images in articles alts
Маленьких элементов становится всё больше и больше и колибри приобретает более законченный вид, я понимаю, что не имея, художественных навыков такое трудно повторить, но Вы можете посмотреть, как именно я добиваюсь такой реалистичности в своих иллюстрациях.
Images in articles alts
Такое количество отдельно прорисованных элементов у меня получилось в итоге. Выглядит довольно пёстро, так как и на фотографии. И тем не менее форма осталась единой, хорошо видно свет и тень, собственно это то,что мне и было нужно.
Images in articles alts
Завершим хвостик колибри. Делаю всё тоже самое, что и с пузиком. Я пытаюсь максимально повторить оригинал за счёт мелких деталей. Мне кажется получилось вполне реалистично. Осталось несколько штрихов.
ШАГ 7
Images in articles alts
Тут я максимально приблизила те области колибри, которые я ещё немного оформила. На счёчках я нарисовала прозрачные блики, клюв сделала не таким острым, на крыле добавила несколько пёстрых перьев.
Images in articles alts
Колибри почти готова, но не хватает второго крыла.
ШАГ 8
Images in articles alts
Самый последний штрих. Делаем второе крыло. Создаём его на самом нижнем слое. Этот шаг будет состоять из 3-х несложных этапов. Первый - помещаем группу из вот таких элементов на место второго крыла. С помощью градиента от более светлого зелёного к тёмному, делаем небольшую бугристость.

Images in articles alts
Второй этап - на стыки перьев добавляю группу из более контрастных элементов, они ещё больше оживляют наше крыло.
Images in articles alts
Завершающий этап. На каждое перо я рисую блик с той стороны от куда направлен источник света. Наша колибри готова. Что получилось, видно на самой первой картинке. Я рассказала Вам о создание одной из сложнейших моих иллюстраций "с нуля" до готового результата. Самое время отправляться колибри в Photosop, чтоб ы там приобрести ещё более натуральный вид и окунуться в среды =).
Comments
Meetya - 
09 20 2009 - 13:57

Сложный урок, но результат отличный! Спасибо за сайт!

oleg46 - 
11 24 2009 - 00:20

как скачать этот урок

Nurda - 
12 10 2010 - 18:22

klasnaya rabota! u menya pochto poluchilos' *_^

Credit Card in Photoshop
5 идей для создания фирменных бланков
5 лучших компьютеров для работы дизайнера
5 мифов о визитных карточках
Mac против PC
Web-дизайн и cтроительная компания
Баннер для Web-сайта
Баннеры для выставок
Баннеры и их отличительные признаки
Биография графического дизайнера Пола Рэнда
Биография знаменитого графического дизайнера Сола Бэсса
Важное в создании брошюр
Важные знаки в жизни человека
Визитки без помощи профессионалов
Визитки своими руками
Визуальный образ компании
Виниловые баннеры - самый эффективный способ размещения рекламы
Вложение средств в визуальный образ компании (ч.1)
Вложение средств в визуальный образ компании (ч.2)
Воздействие на зрителя при помощи дизайна
Восстановление Фотографии
Все ли дизайнерские фирмы похожи друг на друга
Выдвигающиеся баннеры-новое дизайнерское решение
Графический дизайн - образцовый маркетинговый инструмент
Графический дизайн
Грфический дизайн для друзей
Дизайн бейжда - неотъемлемая часть фирменного стиля компании
Дизайн виниловых наклек на авто
Дизайн выставочных стендов
Дизайн торговой марки
Дизайн-проекты для клиентов
Дизайнер логотипа-как сделать правильный выбор?
Если дизайнер ведёт блог
Затраты на буклеты и брошюры
Зачем нужны эскизы логотипа
Значение дизайнерских услуг
Интервью с графическим дизайнером
Использование Shape в Графическом дизайне
Используя Иллюстрацию в Графическом дизайне
Как oрганизовывать Ваши файлы
Как Выбрать Доменное имя Вебсайта
Как найти хорошего исполнителя
Как определить професионализм дизайнера
Как открыть собственною дизайнерскую фирму
Как отобрать лучший логотип
Как правильно выбрать эскиз логотипа
Как распределить время при создании графического объекта
Как самому создать визитку
Как сделать эффективное ретуширование изображения в Adobe Photoshop?
Когда дизайнер работает по контракту
Логотип Вашей компании
Методы проектирования и печати визиток
На работе дизайнера
На что способен Photoshop
Некоторые дополнительные элементы в дизайне брошюр
Немного об этикетках
Несколько советов по созданию деловой визитки
Нужен ли ребрендинг для компании?
О Модели Цвета CMYK
О дизайн проектах и кредите
О дизайнерских фирмах
О производительности компьютеров
Обработка фотографий
Оптимизация изображений
Подбор профессионального дизайнера
Предварительный гонорар
Принципы разработки открыток
Проект корпоративного логотипа
Проектирование буклетов и брошюр
Проектирование визиток
Проектирование логотипа
Проектирование открыток
Проекты Графического дизайна
Процесс создания бизнеса для фотографов
Процесс создания логотипа
Пустое место в дизайне - это не ошибка
Работа Web-дизайнера
Работа Графического дизайнера
Работа Иллюстратора
Работа в графического дизайнера в рекламе
Работа оформителя книг
Развитие дизайна
Размышление вне Графического дизайна
Сайт-визитка
Семь шагов проектирования буклетов
Современные Методы Ретуширования Фотографии
Создание этикеток
Структура в Графическом дизайне
Универсальные маркетинговые инструменты
Уникальные методы для ретуширования фотографии
Услуги по созданию логотипа
Фотографии - неотъемлемая часть дизайна
Фотография и бизнесс
Хороший дизайн - путь к успеху
Цветная печать брошюры
Чем нужно руководствоваться занимаясь дизайном открыток?
Что включать в предложение по созданию сайта
Что такое "фото на холсте"
Широкоформатная печать - отличный способ рекламы
Этикетка для бизнеса
Этикетки - важная составляющая работы дизайнера