Рисуем Воду, Волны и Океан в Adobe PhotoshopРисуем Воду, Волны и Океан в Adobe Photoshop...

Овладейтеискусством создания воды в Adobe Photoshop! В этом уроке я покажу вам, как нарисовать красивые океанскиеволны, используя несколько стоковых изображений. Вначалевы узнаете, как создать первоначальный эскиз перед тем, как перейти к созданиюокеана.

Получитевдохновение, просмотрев невероятные исходные изображения с Водными ресурсами наEnvato Market.

Исходные материалы

Следующиеисходные материалы были использованы для создания данного урока:

• Исходноеизображение Воды 1
• Исходноеизображение Воды 2

1. Создаём Эскиз Океанских Волн и Воды

Передтем, как нарисовать океан, нам нужен базовый эскиз. Before we paint the ocean, we"ll need a basicsketch. Пожалуйста, обратите внимание, что графический планшетнеобходим для завершения этого урока.

Шаг 1

Создайтеновый документ в Photoshop соследующими размерами 1700 x 1700 px с разрешением 300 dpi.

Шаг 2

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

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

Шаг 3

Давайтенарисуем воду! Выберите инструмент Кисть (Brush Tool (B), установите Жёсткую Круглую Нажим Непрозрачность Кисть(Hard Round Pressure Opacity Brush) со 100% Нажимом (Flow) и Непрозрачностью(Opacity). Не забудьте также поставить галочку в окошке Нажимпера (Pen Pressure) в настройках Непрозрачности (Opacity).

Начнитес горизонтальной линии. Удерживайте клавишу (Shift), чтобынарисовать прямую линию серого цвета вдоль середины холста на новом слое. Далее,нарисуйте вторую линию ниже первой и слегка под углом в том направлении, вкотором вы хотите, чтобы волны накатывали.

Шаг 4

УменьшитеНепрозрачность (Opacity) направляющих линий (они выделены синим цветом). Нарисуйтебольше деталей на новом слое, начиная с элементов переднего плана. Используйте этилинии в качестве направляющих, чтобы оценить глубину резкости для волн дальнегоплана, среднего и ближнего плана.

Вначалесфокусируйтесь на центральной волне, поскольку ей отведена основная роль. Затемиспользуйте более плоские, изогнутые линии, чтобы показать волны, откатывающиесяназад на удалении. Фрагменты рисунка похожие на “Облака” - это те места, где мыпозже добавим океанские брызги.

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

Теперьнарисуйте облака над линией горизонта. Создайте крупные формы, похожие на сладкуювату, которые сливаются друг с другом. Как и ранее с волнами, используйте горизонтальные линии под облаками, чтобы показать, где облака уплывают обратно в космос или просто исчезают.

2. Добавляем Базовые Цвета

Шаг 1

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

С помощьюинструмента Прямоугольного лассо (Polygonal Lasso Tool (L), создайте активное выделение вокруг каждой областирисунка перед тем, как выполнить заливку с помощью инструмента Заливка (Paint Bucket Tool (G). Ниже представлены цвета, который я будуиспользовать:

• Дляпереднего плана: #41896d
  
• Длясреднего плана: #254b5c
  
• Длязаднего плана: #5d8191
  

Шаг 2

Далее,избавьтесь от жёстких серых линий эскиза путём совмещения. Для этого, поменяйтережим наложения для слоя с эскизом Жёсткий свет (Hard Light).

3. Затемняем Воды и Волны

Шаг 1

Добавьтетри новых слоя по одному слою поверх каждого слоя с базовым цветом. Щёлкните правойкнопкой мыши по новым слоям и в появившемся окне, выберите опцию Создатьобтравочную маску (Create Clipping Mask).

Дайте названиеэтим слоям на своё усмотрение – в данном случае, я назвала эти слои Затенение (shading).

Шаг 2

Теперьвыберите инструмент Градиент (Gradient Tool (G). Перейдите на слой Затенение (Shading) для водына среднем плане, чтобы применить Линейный градиент (Linear Gradient), цвета градиента: от тёмно-синего #0c3649 допрозрачного. Очень важно,чтобы вода была темнее по мере приближения к линии горизонта, чтобы создать ощущение, что вода уходит вдаль.

Проделайтето же самое с водой на переднем плане. На этот раз, используйте слегка другой оттеноксинего цвета #184b5a, чтобы применить Линейный градиент (Linear Gradient), который затемнит воду, поскольку она движется вверхи влево.

Шаг 3

Вамтакже придётся применить свето-голубой оттенок #7ba4b3 Линейногоградиента (Linear Gradient) на верхнюю часть неба. Убедитесь, чтобы синий цвет былсветлее в верхней части форм облаков.

Шаг 4

Выберитеинструмент Кисть (Brush Tool (B), установите круглую мягкую кисть Жёсткостью (Hardness) 0%, чтобыдобавить больше красок на холст. Поскольку опция Нажим пера (Pen Pressure) для Непрозрачности (Opacity) всё ещёактивна, ваш графический планшет будет контролировать количество используемой краски.

Добавьтесветовые блики к океану, а также мягкие облака в небе.

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

Шаг 5

Добавьтеглубины к воде на переднем плане, для этого создайте новый слой с режимомналожения Умножение (Multiply), а также используя светло-голубой, добавьте светлыйтон к воде. Постарайтесь создать плавный переход цветов, поскольку вода движется дальше.

Шаг 6

Передтем, как мы продолжим. Давайте ещё раз поработаем над небом. С помощью мягкой круглойкисти, добавьте ещё облаков, используя лёгкий оттенок жёлтого цвета #b5ccc8. Далее,создайте новый слой поверх облаков, залейте его оранжевым цветом, используя Линейныйградиент (Linear Gradient), чтобы создать затенение снизу вверх.

4. Создаём Переход Базовых Цветов

Шаг 1

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

Шаг 2

Поиграйтес цветовыми оттенками картины, чтобы вся сцена стала гармоничной. Вначале добавьтекорректирующий слой Поиск Цвета (Color Lookup). Установите фильтр Kodak 5218 Kodak 2383.

Далее,добавьте корректирующий слой Уровни (Levels), чтобыусилить общий контраст. Поменяйте следующие настройки для RGB канала,которые указаны ниже:

• 0,0.86, 206
  

5. Рисуем Реалистичные Волны

Постарайтесьулучшить цветовую схему перед тем, как продолжить. Это поможет вам избежатькаких-либо проблем в дальнейшем.

Шаг 1

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

Придайтенаправление волнам с помощью нескольких направляющих линий, исходя от вашихисходных изображений.

Шаг 2

Далее,прокрасьте кистью Уголь (Charcoal), цвет кисти светло-голубой #9cdbe7, океанскиеволны.

Шаг 3

С помощьюкруглой кисти со слегка жёсткими краями (Жёсткостью (Hardness)30-60%), ещё больше выделите формы волн.

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

Шаг 4

Унашей сцены красивое небо с закатом, поэтому важно убедиться, что вода отражаетэто световое сочетание. Начните добавлять больше жёлтых тонов, используя желтыйоттенок #dadfc6 на океанских брызгах с помощью кисти Уголь (Charcoal).

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

Застрялив этой части? Узнайте больше про технику совмещения из моей серии для начинающих:Цифровая Живопись для Начинающих.

Шаг 5

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

1. Нарисуйтезакруглённые фигуры, похожие на эмблему Инфинити для ряби на переднем плане.
2. Далее,нарисуйте длинные изогнутые линии для основной волны, чтобы показатьнаправление, в котором движется и разбивается волна.
3. Нарисуйтенежные формы волн, которые слегка наплывают друг на друга, поскольку волнаоткатывается назад на расстоянии.
   
4. Завершитесоздание ряби с помощью простых, изогнутых горизонтальных линий для волн вблизигоризонта.
   

Шаг 6

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

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

6. Завершаем Рисовать Океан

Шаг 1

Объединитевсе слои вместе. Меня не устроила текущая текстура волны на переднем плане, поэтому,решила немного сгладить цветовые тона. Для этого, я использовала мягкую круглуюкисть Жёсткостью (Hardness) 0%, чтобы смягчить синие тона на внутренних участкахволны.

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

Шаг 2

Добавьтеоттенки зелёного цвета к воде для усиления глубины. Далее, выберите жёсткую круглуюкисть, чтобы прокрасить волны и убедиться, что все края каждой волны были болеечёткие.

Шаг 3

Добавьтеновый корректирующий слой Кривые (Curves). Приподнимитекривые для RGB и Синего(Blue) канала, чтобы сделать всю сцену более синей и болееяркой.

Шаг 4

Добавьтеволн и океанской ряби.

1. Повторяяестественное направление центральной волны, соответствующим образом, добавьте ещёволн. Далее, добавьте белые океанские брызги на гребень разбивающейся волны дляусиления реализма.
   
2. Обратитевнимание, как волны движутся от изогнутых гребней до почти полностью ровных горизонтальныхлиний. Это необходимо для достижения естественного ощущения глубины резкости.
   

Шаг 5

Такжепродолжайте работать над формой облаков. Создайте выделение вокруг неба, прямо надлинией горизонта с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), а затем нажмите клавиши (Ctrl+J),чтобы продублировать выделение.

Теперьвы можете быстро применить корректирующий слой Поиск цвета (Color Lookup) к облакам, используя фильтр FallColors.look. Преобразуйтеданный корректирующий слой в обтравочную маску к слою с облаками, для этогощёлкните правой кнопкой мыши по корректирующему слою Поиск цвета (Color Lookup) и в появившемся окне, выберите опцию Создатьобтравочную маску (Create Clipping Mask).

Теперьу нас есть красивый закат.

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

Шаг 6

Завершаемнашу картину последней цветовой коррекцией! Добавьте корректирующий слой Уровни(Levels) для осветления сцены. Выберите RGB канал,чтобы применить следующие настройки, которые указаны ниже:

• 5,0.97, 242
  

Наэтом всё! Вы можете увидеть итоговый результат на скриншоте ниже!

Поздравляю,мы завершили урок!

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

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

Если увас всё ещё есть проблемы, тогда ознакомьтесь со следующими уроками дляначинающих, которые научат вас рисовать более эффективно в Adobe Photoshop:

• 
  Теория Дизайна
  Используем Цвет для Создания Настроения в программе Adobe Photoshop
  Melody Nieves
• 
  Цифровой Рисунок
  Создаём Затенение с помощью Режимов Наложения
  Melody Nieves
• 
  Кисти
  Полезные Советы: Как Правильно Выбрать Кисть
  Melody Nieves