Колибри (Illustrator)
3

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

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

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

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

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

oleg46 - 
11 24 2009 - 00:20

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

Nurda - 
12 10 2010 - 18:22

klasnaya rabota! u menya pochto poluchilos' *_^

 
Последние 10 комментариев
В векторе перспективу можно легко и быстро нарисовать, потому чт
klasnaya rabota! u menya pochto poluchilos' *_^
Замечательный урок, спасибо!
Очень красиво сделано!
ALEX => Не умничай, тебе показать где "Log Out" Отличный сайт, в
Спасибо! :) Урок мне очень пригодился!
Оо классно) видимо первые уроки с Иллюстратором получу от вас) с
Основной ошибкой в этой статье является жуткий justify видя тако
Great battery, astonishing look. I will try to follow the steps.
как скачать этот урок
5 идей для создания фирменных бланков
5 лучших компьютеров для работы дизайнера
5 мифов о визитных карточках
Mac против PC
Web-дизайн и cтроительная компания
Баннер для Web-сайта
Баннеры для выставок
Баннеры и их отличительные признаки
Биография графического дизайнера Пола Рэнда
Биография знаменитого графического дизайнера Сола Бэсса
Важное в создании брошюр
Важные знаки в жизни человека
Визитки без помощи профессионалов
Визитки своими руками
Визуальный образ компании
Виниловые баннеры - самый эффективный способ размещения рекламы
Вложение средств в визуальный образ компании (ч.1)
Вложение средств в визуальный образ компании (ч.2)
Воздействие на зрителя при помощи дизайна
Восстановление Фотографии
Все ли дизайнерские фирмы похожи друг на друга
Выдвигающиеся баннеры-новое дизайнерское решение
Графический дизайн - образцовый маркетинговый инструмент
Графический дизайн
Грфический дизайн для друзей
Дизайн бейжда - неотъемлемая часть фирменного стиля компании
Дизайн виниловых наклек на авто
Дизайн выставочных стендов
Дизайн торговой марки
Дизайн-проекты для клиентов
Дизайнер логотипа-как сделать правильный выбор?
Если дизайнер ведёт блог
Затраты на буклеты и брошюры
Зачем нужны эскизы логотипа
Значение дизайнерских услуг
Интервью с графическим дизайнером
Использование Shape в Графическом дизайне
Используя Иллюстрацию в Графическом дизайне
Как oрганизовывать Ваши файлы
Как Выбрать Доменное имя Вебсайта
Как найти хорошего исполнителя
Как определить професионализм дизайнера
Как открыть собственною дизайнерскую фирму
Как отобрать лучший логотип
Как правильно выбрать эскиз логотипа
Как распределить время при создании графического объекта
Как самому создать визитку
Как сделать эффективное ретуширование изображения в Adobe Photoshop?
Когда дизайнер работает по контракту
Логотип Вашей компании
Методы проектирования и печати визиток
На работе дизайнера
На что способен Photoshop
Некоторые дополнительные элементы в дизайне брошюр
Немного об этикетках
Несколько советов по созданию деловой визитки
Нужен ли ребрендинг для компании?
О Модели Цвета CMYK
О дизайн проектах и кредите
О дизайнерских фирмах
О производительности компьютеров
Обработка фотографий
Оптимизация изображений
Подбор профессионального дизайнера
Предварительный гонорар
Принципы разработки открыток
Проект корпоративного логотипа
Проектирование буклетов и брошюр
Проектирование визиток
Проектирование логотипа
Проектирование открыток
Проекты Графического дизайна
Процесс создания бизнеса для фотографов
Процесс создания логотипа
Пустое место в дизайне - это не ошибка
Работа Web-дизайнера
Работа Графического дизайнера
Работа Иллюстратора
Работа в графического дизайнера в рекламе
Работа оформителя книг
Развитие дизайна
Размышление вне Графического дизайна
Сайт-визитка
Семь шагов проектирования буклетов
Современные Методы Ретуширования Фотографии
Создание этикеток
Структура в Графическом дизайне
Универсальные маркетинговые инструменты
Уникальные методы для ретуширования фотографии
Услуги по созданию логотипа
Фотографии - неотъемлемая часть дизайна
Фотография и бизнесс
Хороший дизайн - путь к успеху
Цветная печать брошюры
Чем нужно руководствоваться занимаясь дизайном открыток?
Что включать в предложение по созданию сайта
Что такое "фото на холсте"
Широкоформатная печать - отличный способ рекламы
Этикетка для бизнеса
Этикетки - важная составляющая работы дизайнера