Рисуем цветок!

автор: Анастасия Квадрович

( Поэтапная демонстрация рисования выдуманного цветка, а также полезные советы начинающим CG-художникам.)

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

http://anasty.ru/images/stories/Tutorialimg/0028.jpg

Чтобы не останавливаться каждый раз на элементарном, ниже приведу несколько простых упражнений.

1. Смешивание цветов.

Распространённой ошибкой является обильное использование пальца и блюра для смешивания цветов. Я не говорю, что эти инструменты плохи, только вот использовать их нужно умело и только в определённых целях. Лучше всего научится смешивать цвета твёрдой кистью с разным уровнем прозрачности и пипеткой .
Итак, создайте новый документ 400*200 px, выберите два цвета (у меня жёлтый и фиолетовый) и закрасьте ими холст примерно поровну.

http://anasty.ru/images/stories/Tutorialimg/0032.jpg

Берёте твёрдую кисть, выставив значения Opacity 30%, Flow 75%. Пипеткой (зажатый Alt) берёте фиолетовый цвет и закрашиваете жёлтую половину примерно на треть. Важно заметить, что закрашивать нужно одним непрерывным движением, потому как при повторном наложении цвет будет насыщеннее.

http://anasty.ru/images/stories/Tutorialimg/0033.jpg

В следующем шаге пипеткой выбираем полученный новый цвет и закрашиваем им соседние области

http://anasty.ru/images/stories/Tutorialimg/0034.jpg

Далее будем двигаться слева-направо: выбираем цвет, закрашиваем соседнюю полоску наполовину. Таким образом должно получится примерно следующее:

http://anasty.ru/images/stories/Tutorialimg/0035.jpg

Теперь уменьшаем Opacity до 15%, Flow до 50% и проделываем то же самое, что и в предыдущем шаге, при этом уменьшая ширину закрашиваемой области.

http://anasty.ru/images/stories/Tutorialimg/0036.jpg

Для более плавного перехода можно взять мягкую кисть, ещё немного уменьшив параметры прозрачности и флоу.

http://anasty.ru/images/stories/Tutorialimg/0037.jpg

Заметьте, никакого блюра, никакого пальца и никаких фильтров! Конечно, с первого раза может и не получится именно так, но кто говорил, что будет легко? Если Вы поставили себе цель - научиться рисовать в фотошопе, придётся немного попотеть над, казалось бы, элементарными и скучными упражнениями. Зато потом это станет ощутимым подспорьем в работе

2. Впадинки и выпуклости.

Очень часто мы сталкиваемся с тем, что в работе нужно передать рельеф объекта, то есть изобразить на нём выступающие и/или вогнутые части. Делается это легко и просто, стоит лишь знать, как и куда падают свет и тени. Рассмотрим это на простом примере кнопок, одна из которых будет выступающей, вторая - вогнутой.

Создаём небольшой документ, заливаем фоновым цветом. На новом слое делаем два квадрата. Цвет особого значения не имеет, ибо потом мы этот слой удалим. Возвращаемся к фоновому слою, доджем (режим Hidhlights, Exposure 10%, твёрдая кисть) рисуем (для себя) источник света, а также выделяем те грани квадрата, на которые в данном случае будет падать свет. Первая кнопка у нас будет выпуклой, потому свет падает на ближние к источнику освечения грани, соответственно, на второй кнопке всё наоборот.

http://anasty.ru/images/stories/Tutorialimg/0059.jpg

Выбираем инструмент Burn (режим Shadows, Exposure 6%) и закрашиваем те грани, которые у нас будут в тени:

http://anasty.ru/images/stories/Tutorialimg/0060.jpg

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

http://anasty.ru/images/stories/Tutorialimg/0061.jpg

Возвращаемся к доджу , увеличив диаметр кисти (на сей раз 100% мягкости) и уменьшив Exposure до 4%. Высветляем более освещённые места:

http://anasty.ru/images/stories/Tutorialimg/0062.jpg

На финальном этапе мягкой кистью в режиме Multiply (Opacity 30%, Flow 70%) обозначаем тени от граней:

http://anasty.ru/images/stories/Tutorialimg/0063.jpg

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

3. Капли.

Очень коротко о том, как рисовать капли. Намечаем контур:

http://anasty.ru/images/stories/Tutorialimg/0043.jpg

Рисуем тень от капли внутри и снаружи контура:

http://anasty.ru/images/stories/Tutorialimg/0044.jpg

Светло-голубым цветом (твёрдая кисть, Opacity 10%, Flow 15%) закрашиваем каплю:

http://anasty.ru/images/stories/Tutorialimg/0045.jpg

Той же кисть, только белым цветом делаем блики снаружи и внутри:

http://anasty.ru/images/stories/Tutorialimg/0046.jpg

Инструментом Dodge (Highlights, Exposure 4%) осветляем блики и внутреннюю часть. Ну вот наша капелька и готова:

http://anasty.ru/images/stories/Tutorialimg/0047.jpg

К чему это я всё выше написала, спросите Вы? А к тому, что зная лишь эти немудрёные приёмы мы будем рисовать цветочек)

4. Цветок.

Создаём новый документ 600*800px. Заливаем фон выбранным цветом (http://anasty.ru/images/stories/Tutorialimg/paint_bucket.gif
или Alt+Backspace). На новом слое рисуем набросок будущего цветка:

http://anasty.ru/images/stories/Tutorialimg/0048.jpg

Между слоями с фоном и наброском создаём новый слой, где основными цветами закрашиваем цветок, стебель и листок:

http://anasty.ru/images/stories/Tutorialimg/0049.jpg

Тем же цветом, что и основной, только в режиме Multiply намечаем тени:

http://anasty.ru/images/stories/Tutorialimg/0050.jpg

На цветке самые светлые области выделяем доджем (Highlights, Exposure 4%), на стебле - твёрдой кистью с низкой прозрачностью тем же цветом, что и сам цветок (не забывайте про пипетку), на листке - почти белым:

http://anasty.ru/images/stories/Tutorialimg/0051.jpg

На этом этапе я увеличиваю размер холста вдвое (Image > Image Size), уменьшаю прозрачность слоя с наброском и сливаю слои. Углубляю тени и начинаю сглаживать цвета (тут нам пригодятся знания из самого первого пункта урока):

http://anasty.ru/images/stories/Tutorialimg/0052.jpg

Убираю лишнее на стебле, прорисовываю листок. Я добавила больше жёлтого, так как с белыми цветами он сильно "выпадал" из общей картины:

http://anasty.ru/images/stories/Tutorialimg/0053.jpg

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

http://anasty.ru/images/stories/Tutorialimg/0054.jpg

Так как полученный результат мне показался ну уж очень скучным и простым, решила добавить деталей в виде фиолетовых пятен-впадинок. Теперь вспоминаем второй пункт урока и применяем на практике) Рисовала их мягкой кистью. Цвет пятен - фиолетовый, тень - тот же цвет в режиме Multiply, свет - тот же цвет, что и на самом светлом мест лепестков :

http://anasty.ru/images/stories/Tutorialimg/0055.jpg

Довожу до ума листок: опять же показываю толщину листочков, делаю тень от цветка:

http://anasty.ru/images/stories/Tutorialimg/0056.jpg

Посмотрев на то, что получилось, поняла, что пусто как-то. Надо бы деталей. Для этого случая у нас есть заначка с каплями (третий пункт урока)

http://anasty.ru/images/stories/Tutorialimg/0057.jpg

Чтобы обратить внимание зрителей именно на цветок, немного дополняю фон. Над слоем с фоном делаю новый, где большой круглой мягкой кистью с небольшими значениями Opacity и Flow рисую пятно жёлтым цветом (как на самом цветке). Если получится не очень ровно и гладко, можно применить Gaussian Blur (Filter > Blur > Gaussian Blur). Добавляем рамочку и ставим подпись) Рисунок готов

http://anasty.ru/images/stories/Tutorialimg/0058.jpg

Надеюсь, этот урок поможет новичкам быстрее освоить основы комп. графики и избежать многих ошибок. Удачи Вам в рисовании!

Источник