Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем иллюстрацию к детской книге

8 декабря 2011 | Опубликовано в графика | 4 Комментариев »

Этот урок поможет вам научиться рисовать 2D иллюстрацию, используя стандартные кисти Photoshop. Мы пройдем все этапы создания иллюстрации, от скетча к фону, постепенно прорабатывая, прорисовывая все детали. Все эти методы вы с успехом сможете применить для других иллюстраций, равно как и в дизайне проектов другого рода, вроде логотипов, к примеру, — навыки рисунка и живописи всегда приходятся кстати. В работе над этой иллюстрацией автор пользовался Photoshop CS3 и Wacom Graphire 3.

1. Набросок

Я начала с наброска. Определившись с формами, я уделила внимание цветовой гамме, выделив основные и фоновые цвета. Для этого постарайтесь максимально точно представить себе картинку. На чистый лист Photoshop я набросала цветовых пятен. Не люблю работать на плоско залитом холсте — цветовые переходы помогают придать нужное настроение работе. Я добавила общую фоновую заливку. Видите, вышло много зеленой травы — на ум приходит старая добрая песенка про «...снится нам трава, трава у дома...» Попробуйте представить себя в таком месте: вон около домика растет тот дуб, на который вы часто взбирались в детстве...

2. Настройка кистей

Детали будем добавлять с помощью кисти. В этой иллюстрации я использую лишь стандартные кисти Photoshop. Если хотите, можете загрузить другие и работать с ними. Настроим их для работы. Вот кисти, которые буду использовать я:

3. Выбор цвета

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

4. Прорабатываем объекты

Я решила убрать старую машину, что сперва стояла около дома. Не так уж она и хорошо там смотрится. Машина — не обязательный объект на этой иллюстрации. Итак, машину я стерла, и прорисовала свой дуб — а вы, может, нарисуете другое дерево. Для этого я твердой круглой кистью наложила основные пятна красок, а затем схематически прорисовала детали той же кистью, но меньшего размера. Еще нужно создать отдельный слой для травы и ее тоже прорисовать в общих чертах.

5. Луг

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

6. Работа с палитрой

Подбирая цвет, я обычно делаю вот так:

7. Древесина

Посмотрите, как я рисую деревянные доски забора. В этом уроке я не рисую разные типы древесины, здесь только 2 вида — для двери и для забора.

8. Размер холста

Для качественной прорисовки деталей нужен большой холст. Если вы видите, что выбранного вами размера явно недостаточно, на данном этапе еще можно его увеличить. Для нашей работы нужен холст не менее 2000 или 2600 пикселей.

9. Прорисовка мелкой кистью

Прорисовываем детали маленькой кистью. Взгляните, как я работаю с деталировкой крыши:

10. Трава

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

11. Облака

Настала пора начать детализировать облака. Для того, чтобы нарисовать облако, я наметила его форму в отдельном слое, а затем установила слой в режим overlay, чтобы добиться такого эффекта, как вы видите на этой картинке.
Небо у меня состоит из двух слоев: в одном — основные цвета, а в другом — все яркие места и просветы. Постарайтесь добиться гармоничности, изменяя форму кисти и рисуя облака разными мазками.

Нам нужно задать тени и свет. Если сомневаетесь — посмотрите на снимки облаков. Загляните в Google, чтобы свериться с разными видами и формами облаков.

12. Облака

Еще я хочу добавить ярких солнечных лучей и просветы в облаках, напоминающие молнию. Перебрав несколько вариантов, я остановилась на следующем. Пока светлые пятна еще довольно грубые, но я закончу с ними позже. Замечу, что каждый из элементов находится в отдельном слое, что позволило мне быстро выделять их и легко производить все манипуляции с оттенками, яркостью и т.п. : Ctrl + клик по нужному объекту выделяет соответствующий слой, а Ctrl + клик по превью этого слоя в панели слоев дает нам выделение в форме объекта слоя.

13. Настройки Adjustments

Вот что действительно важно. Подобрав соответствующий оттенок, вы можете изменить всю атмосферу иллюстрации. сейчас я изменяю цвета в Color Balance. Затем подправлю яркость и контрастность. Как видите, результат налицо.

13. Подведем итоги

Объедините все слои в один. Можно добавить последний штрих — применить к полученному изображению фильтр Smart Sharpen, чтобы сделать детали более четкими. Это очень помогает в проявлении мелких деталей, вроде бликов.
Пора закрывать Photoshop ;) Надеюсь вам понравилось! 

Этот урок Hatice Bayramoglu перевела для вас Дежурка. Будем рады, если вы рискнете похвастать результатами )) Успехов в учёбе!




Комментарии

  1. DeVeL
    Thumb up Thumb down 0

    Как-то не совсем урок. Скорее просто making of, при чём не самый подробный.

  2. Ислам
    Thumb up Thumb down +1

    Точно..)

    Но думаю все таки можно азвать уроком, просто следуй логике и все будет ок.))

  3. Владислав
    Thumb up Thumb down -1

    Я руководитель проектов в благотворительном фонде «Дети и родители против рака». www.deti-lipetska.ru

    Наш фонд начинает издавать газету, где я хочу напечатать свою сказку. Вот ссылка на первые три главы:

    lipetskblog.ru/blogs/blog...ste-glava-tretya

    Сказка необычна, потому что пишется для детей попавшим под тяжёлые жернова тяжкой и мучительной болезни. Поэтому сказка немного грустная но с мощной жизненной мотивацией.

    Нужны иллюстрации! Но так как фонд у нас благотворительный и газета бесплатная, то прошу проявить соучастие и предложить свои варианты иллюстраций бесплатно. Мы же в свою очередь об этом обязательно укажем в каждой напечатанной главе сказки. Спасибо!..

    Пишите нам на почту [email protected]