Как нарисовать воду, часть 1 — Гидрант

21 декабря 18:04 2010

Добрый день друзья, я тут не много приболел и пока болел, надумал я вопрос. Ребят, из тех кто рисует, у вас как со зрением?

Потому что у меня — ну ахтунг, только успевай линзы менять. Падает быстро. Наверняка это от того что я частенько часов по 6 сижу не отрываясь напряженно смотря в монитор. Это печально. Уже наверно -4 или -5.

Мир по гауссу заблюрен 🙂 Давайте перейдем всё таки к уроку.

Сегодня начнем рисовать воду.

Вообще, рисовать воду можно очень разными способами. Из всех я пробовал и знаю только 1, самый, ну, как я считаю, легкий. Просто накачаем кучу рефов и будем их склеивать. 🙂

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

Вы можете и сами поискать рефы, которые вам будут нужны для создания той или иной воды. Например, если вам нужна водная гладь или прозрачная вода — рефы должны быть разными. Я буду делать волны, поэтому в архиве который вы скачали выше (а если не скачал — то ищите сами 😉 ) в основном такие рефы:

Я долго придумывал, где же нам нарисовать воду, потом долго не мог вспомнить как называются такие красные пожарные колонки которые стоят на улицах в Америке. А когда вспомнил что это пожарные гидранты, то легко нашел этот отличный реф:

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

Поэтому просто возьмем гидрант, поставим на плоскость, и начнем рисовать. Понеслась. 🙂

Рисуем гидрант

После того, как я вырезал гидрант, эту картинку я уменьшил до 150 пикселей в ширину (длину).

Потом создал новый документ 1000х1000, и с помощью инструмента «Прямоугольная область» сделал выделение и залил его серым цветом — хочу сделать асфальт под гидрантом.

Потом, перетащил на этот документ наш гидрант, и вытянул квадрат в перспективу, подходящую для гидранта через crtl+t + клик правой кнопкой мыши по выделению и выбирал «Перспектива». Ну а дальше, как тянуть, надеюсь вы разберетесь. И да, я еще размер холста уменьшил до 500х500, не надо нам лишнее пространство, после того как вытянули перспективу.

Давайте сделаем нашему квадрату текстуру асфальта. Просто идите в Фильтры> Шум > Добавить шум, значение я проставил на 3.

Дальше, настоятельно советую придать объему нашему асфальту. Продублируйте слой с асфальтом и переместите его под оригинал. Теперь осветлите этот слой через ctrl+u, просто чуть подвиньте нижний поллзунок вправо.

Молорик. Теперь зажмите ctrl и жмите стрелку вниз на клавиатуре. Магическим образом слой начнет перемещаться вниз, переместите его чуть пониже основного асфальта. Должно получится примерно вот так:

А сейчас зажмите ctrl+alt, и жмите стрелку вверх, пока слой не достигнет асфальта. У вас получится много дублей светлого асфальта, склейте их в один.

Вы наверно видите, что текстура корявая получается, зайдите в Фильтры>шум>Добавить шум и значение проставьте снова 3. Готов асфальт, и не нужно никаких 11 млрд долларов как Лужкову, чтобы дороги строить. А хотя нет, постойте…

Создайте новый слой над всеми слоями асфальта, и четко по границе, где асфальт темный заканчивается и начинается светлый, проведите однопиксельную грань белого цвета, вот такую:

Отлично, слой с этой линией теперь переведите в режим «перекрытие», а непрозрачность понизьте до 25%. Можешь еще ластиком, мягкой кисточкой постирать в некоторых местах эту линию, чтобы лучше смотрелось.

Готов асфальт. Мои поздравления, дружище. Теперь будем рисовать гидрант.

Отрисовка гидранта

По хорошему, его надо бы с нуля отрисовать, но мы сейчас не гидрант рисуем, поэтому прокатит и перфектум + шарп (прим. что такое Перфектум, Шарп = фильтры>резкость>резкость)

Как вы могли заметить, гидрант у нас освещен справа спереди, и он как бы намекает нам, чтобы бы мы сделали тень слева сзади. Знаете, у меня был один друг, который игнорировал намеки гидрантов, а потом он умер.

Поэтому лучше послушаем что нам говорят, и сделаем тень. Принцип того, как делается тень, я уже описывал в уроке «Как рисовать тень«, можете глянуть.

Но перед тем, как делать тень, впишем гидрант в картинку. Я залил фон белым цветом.

Дальше создал новый слой над всеми остальными, выделил гидрант (зажав ctrl и кликнув по иконке слоя с гидрантом), взял мягкую белую кисть 50px, и прошелся кистью по краям выделения, ну кроме низа, там света не будет на краях. Вот так:

Дальше переведите этот слой в режим «Мягкий свет».

Потом я повторил все эти действия еще раз: создал слой, выделил гидрант, обвел по краям, но уже более мелкой кисточкой — 14 пикселей, и перевел слой в «мягкий свет».

Теперь грани. Обведите пентулом грани, на которые будет падать свет. Будет красиво.

Дальше уже по накатанной — переводите слой с границами в режим «перекрытие», и доработайте их ластиком, если требуется.

Еще я выделил гидрант(зажав ctrl и кликнув по иконке слоя с гидрантом), и на новом слое провел черным градиентом снизу вверх, и перевел этот слой в режим «Мягкий свет» — это тень:

Раз уж начали — давайте сделаем освещение к асфальту, всего пара действий.

Выделите асфальт, создайте новый слой и проведите справа налево, белый градиент, перегоните этот слой в «перекрытие», и нормально.

Тень. От гидранта сделаем тень. Продублируйте слой с гидрантом, сделайте его черным через ctrl+u и переместите под оригинал слоя. Дальше, через Редактирование>Трансформирование>Искажение разместите тень вот так:

Это будет основной тенью. Ее нужно сделать более размытой в конце, для этого возьмите инструмент «размытие», и ручками размажьте верхушку тени, чем дальше от гидранта тень, тем сильнее размытие:

Вот теперь уже хорошо выглядит наша иллюстрация. Сейчас возьмите ластик, уменьшите его интенсивность до 50%, и сотрите верхушку тени:

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

Верхнюю часть тени обрезайте смело и оставьте только то, что внизу, под гидрантом. Слой этот переведите в режим «Мягкий свет», а непрозрачность понизьте до 70%. И еще левый край затрите ластиком.

Ну вот и поставили гидрант. Жаль качество плохое у него. Отрисовать надо будет как-нибудь. 🙂

Финал:

Теперь будем рисовать воду, которая бьёт из гидранта. Но это уже завтра 🙂

Продолжение этого урока:

  • Рисуем забор — в данном уроке мы продолжаем усовершенствовать нашу иллюстрация и дорисовываем к гидранту, забор.
  • Рисуем воду — завершающий урок, рисуем воду, которая бьет из нашего гидранта.