Как сделать море в фотошопе
Перейти к содержимому

Как сделать море в фотошопе

  • автор:

Рисуем море в Photoshop

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

Для создания фотомонтажа я возьму это исходное изображение:

sozdayom

И попробуем сделать из него такое:

результат

Создать реалистичную водную поверхность с отражением в Фотошопе можно при помощи фильтра Смещение(Displace) и карт смещения (Displacement Map). Поэтому данная статья разделена на две части, первая — это создание карты смещения, а вторая — предварительная подготовка рисунка, создание водной поверхности и применение этой карты.

Часть первая: создание карты смещения

С помощью карты смещения мы можем управлять неровностью поверхности. Светлые участки «поднимают» рельеф, темные опускают, а размер самой карты задаёт величину и форму волны. Чем крупнее размер карты, тем меньше волны.
Итак, приступим. Создаём новый документ в режиме RGB размером 1000 пикселей в ширину и 2000 пикселей в высоту.
Идём по вкладке Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise). Задаём следующие параметры:
Эффект (Amount): 400%
Распределение (Distribution): По Гауссу
И поставить галку у Монохроматический
Нажимаем OK
Переходим в Фильтр —> Размытие —>Размытие по Гауссу (Filter —> Blur —> Gaussian Blur). Выбираем радиус 2,0 пикселей и жмём ОК.
Должна получиться такая поверхность, привожу изображение части рисунка в масштабе отображения 100%:

поверхность

Далее будем работать с каналами. Если кто не знает, открывают панель каналов через вкладку главного меню Окно —> Каналы (Window —> Channels).
Открываем эту панель и выбираем в ней красный канал. Применяем Фильтр —> Стилизация —> Тиснение (Filter —> Stylize—> Emboss) и вводим следующие настройки:
Угол (Angle): 180°
Высота (Height): 1 пиксель
Эффект (Amount): 500%
Жмём OK
Переходим на зелёный канал и применяем эти же настройки, только параметр Угол задаём 90° вместо 180°.
Документ должен иметь такой вид при с включенной видимости всех каналов, приведена изображение части рисунка в масштабе отображения 100%:

вид каналов

Теперь создадим перспективное уменьшение морских волн. Для этого растянем нижний край изображения в 36 раз. Это значение оптимально для большинства изображений. Разблокируем фоновый слой (двойной клик по замочку в панели слоёв). Уменьшим масштаб отображения документа в окне Фотошопа (зажать Alt и прокручивать колёсико мыши). Переходим к вкладке Редактирование —> Трансформирование —> Перспектива (Edit —> Transform —> Perspective). Перетаскиваем один из нижних углов, чтобы значение ширины стало 600%.

трансформация перспективой

Таким образом, мы растянули нижний край изображения в шесть раз. Чтобы растянуть его в тридцать шесть раз, надо растянуть край полученного документа ещё в шесть раз, для этого нажимаем комбинацию клавиш Ctrl + Shift + T. И, прошу обратить внимание на важный момент, т.к. документ у нас растянут за края отображаемой в окне рамки, нам следует обрезать документ по видимым краям с помощью инструмента Рамка (Crop) .
После этого уменьшаем высоту изображения с помощью Изображение —> Размер изображения (Image —> Image Size) до 1000 пикселей, не забываем снять галку с пункта «Сохранить пропорции» (Constain Proportions). В результате у нас получилось квадратное изображение 1000 на 1000 пикселей. Так оно должно выглядеть в масштабе 30%:

карта смещения

В результате у нас получилось, что горизонтальные искажения уменьшается к горизонту, а вертикальное искажение этого не делает. Чтобы компенсировать это, используем размытие верха документа.
Переключаемся на красный канал. Нажмите Q, чтобы перейти в режим быстрой маски. Выберем инструмент Градиент (Gradient tool) , сам градиент выбираем чёрно-белый, тип — линейный, и проводим линию снизу вверх по изображению, как указывает стрелка, чтобы создать маску градиента.

sozdayom

Нажмите клавишу Q, чтобы выйти из быстрой маски и вернуться в стандартный режим. Теперь мы имеем выделение градиента. Залейте его серым цветом #808080. После заливки рисунок примет такой вид (масштаб 30%):

залитый градиент

Снимаем выделение, нажав Ctrl+D.
Выбираем зелёный канал, переходим в режим быстрой маски, проводим вертикальный градиент, чтобы выбрать узкую часть около горизонта, где волны слишком большие, как показано на рисунке (масштаб 30%):

sozdayom

Повторяем действия предыдущего этапа, нажимаем Q, заливаем цветом #808080, снимаем выделение.
Переходим в каналы и отключаем синий канал. Если Вы всё сделали правильно, то рисунок у Вас должен выглядеть следующим образом (масштаб 30%):

готовая карта смещений

Теперь сохраняем документ как файл PSD. С картой всё!

Теперь займёмся непосредственно созданием поверхности моря.

Как создать сюрреалистический морской пейзаж, используя свое воображение и Photoshop

Сегодня мы создадим удивительную композицию, сочетая 5-6 различных изображений в одном. Мы изучим много различных функций в Photoshop для достижения прекрасного результата, которые вы в последствии сможете использовать в своих собственных композициях.

Как сделать коллаж в фотошоп

как сделать коллаж в фотошопе

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

  1. Снимок с низкой перспективой сделан у пруда недалеко от моего дома. Чтобы сделать такую фотографию, вам нужно использовать штатив (чем меньше, тем лучше, если не хотите промокнуть), который должен находится в воде таким образом, чтобы камера находилась максимально близко к воде.
  2. Красивое небо сразу после заката. Я сделал эту фотографию со своего балкона.
  3. Камни на том же пруду, что и фото №1.
  4. Ну, птиц вы найдете повсюду.
  5. Лодка, сфотографированная в старом порту Монреаля.

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

А теперь давайте шаг за шагом.

1. Небо

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

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

Затем мы дублируем слои с небом, включаем функцию Трансформирование (CTRL+T), Отразить по вертикали, перемещаем вниз, чтобы отразить небо, и уменьшаем непрозрачность до 35%. Возможно понадобится немного почистить на маске слоя, чтобы получить красивый горизонт.

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

2. Камни

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

Сначала я выделил грубо область вокруг камней и создал отдельный слой. Затем я использовал инструмент Волшебная палочка и выделил камень. После этого я уточнил выделение камней с помощью инструмента Лассо (нажмите Alt с инструментом, чтобы удалить выделение и Shift, чтобы добавить выделение).

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

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

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

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

3. Птица

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

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

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

4. Лодка

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

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

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

5. Отражение

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

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

6. Сочетание цветов

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

как сделать коллаж в фотошопе

7. Больше теней

Вот один из способов создания тени для лодки. Мы создаем корректирующий слой Кривые, делаем все изображение темным, затем нажимаем CTRL+I, чтобы закрасить корректирующий слой черным. На этом этапе корректировка никак не влияет на изображение.

Затем белой кистью с непрозрачностью 50% мы рисуем на участке, где будет тень. Участок ближе к лодке прорисуйте дважды, чтобы сделать его темнее.

как сделать коллаж в фотошопе

8. Солнечный свет

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

как сделать коллаж в фотошопе

9. Финальные штрихи

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

Одним из полезных инструментов, стоящих внимания, является то, как мы не деструктивно делаем осветление и затемнение. Для этого мы создали пустой слой, залили его 50% серого, изменили режим наложения на Мягкий свет и уменьшили непрозрачность до 40-50%.

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

как сделать коллаж в фотошопе

как сделать коллаж в фотошопе

Я надеюсь, что вы получили удовольствие от этого урока.

Design resources

Дизайнеру про Photoshop и о многом другом полезном!

Рисуем море средствами Photoshop

В этом очень простом уроке мы узнает, как поэтапно нарисовать море в Фотошопе.

море в фотошопе

градиент

Шаг 1. Сразу стоит оговориться, что данный урок можно выполнить только в Photoshop CS/CS2/CS3. Начнем. Создаем документ (Ctrl+N) размером 800*600 пикселей (с разрешением 72dpi). Создаем новый слой (Ctrl+Shift+N), называем его «Небо» и заливаем его Градиентом (Gradient Tool (G)) наподобие того, что на картинке внизу.

new adjustment layer

Шаг 2. Неважно каким способом Вы добьетесь такого эффекта, но я предпочетаю использовать новый слой заливки (New Fill Layer) или новый регулирующий слой (New Adjustment Layer) — значок, наполовину закрашенного круга на Палитре Слоев; нажимаем его и выбираем Градиент (Gradient). Так я смогу контролировать заливку с большей точностью. Вы можете использовать значения приведенные ниже. (Для вызова дополнительной палитры Gradient Editor (Редактор градиентов) достаточно кликнуть непосредственно по Градиенту на появившейся Палитре Gradient Fill (Градиентная Заливка)).

gradient

Шаг 3. Теперь создадим еще один новый слой (Ctrl+Shift+N) и назовем его «Море«. Закрасим его также градиентом.

результат заливки градиентом

Оставьте комментарий

О сайте

Последние статьи

  • Уроки Photoshop: Применение Auto Contrast к фотографии
  • Живая текстура в Фотошопе
  • Огненный эффект в Фотошопе
  • Улучшаем кожу в Фотошопе
  • Стилизация фотографии под работы Dave Hill и Jill Greenberg в Фотошопе

Разделы сайта

Случайные статьи:

  • Создаем модный постер в Фотошопе
  • Красивая деревянная рамка для фото в Фотошопе
  • Создаем водяной знак в Photoshop
  • Уроки Фотошоп: Использование инструмента яркость и контрастность

Последние комментарии:

  • Александр: НУ вот это просто
  • orxan: КАШМАР сделал экпорт слоев в сценариях в формат пнг, полчаса что то пробегается по слоям но в указанной папке.
  • Вера: плагина у моем 5 нет(, загрузила, скопировала в папку фотошопа, перегрузила программу, но этот фильтр все равно.
  • Serg: если слои разного размера, тогда толку от этого скрипта мало! поскольку слои сохраняются в размер документа!
  • Ника: Спасибо большое. )

©2006-2019, Простые уроки Фотошоп 3pix.ru | Копирование материалов запрещено. При перепубликации материалов сайта, активная ссылка обязательна. |

используем полигональное лассо

Шаг 4. Теперь обрежим часть слоя с морем, чтобы увидеть небо. Отключим слой с морем (кликнув по глазику рядом с миниатюрой нужного слоя на Палитре слоев) и, выбрав инструмент Полигональное Лассо (Poligonal Lasso Tool (L)) (можно найти на Панели Инструментов в подменю Инструмента Лассо (Lasso Tool (L))), создаем выделение, как на рисунке.

используем фильтр fibers

Шаг 5. Активируем слой с морем и выбираем Выделение>Модификация>Растушевка>3px (Сtrl+Alt+D) и нажимаем Удалить (Delete) (находясь на слое с морем) на клавиатуре. Создаем новый слой (Ctrl+Shift+N), называем его «Волны«, и заливаем его каким-нибудь цветом.
Задаем «#142337» цвет для основного (foreground) цвета и «#С7Е2FF» для цвета фона (background). Теперь идем в Изображение>Повернуть холст>90ССW (Image>Rotate canvas>90CCW), а затем в Filter>Render>Fibers (Фильтр>Рендеринг>Волокна) и используем следующие характеристики.

используем фильтр distort

Шаг 6. Затем идем в Фильтр>Дисторсия>Стекло (Filter>Distort>Glass) и задаем следующие параметры.

поворачиваем холст

Шаг 7. Поверните холст обратно и у вас должно получиться что-то вроде того.

море в фотошопе

Шаг 8. Теперь осталось только довести нашу картинку до совершенства. Для этого можно использовать Ластик (Eraser Tool (E)) и инструменты для Осветления (Dodge Tool (O)) и Затемнения (Burn Tool (O)) изображения. Вот, что получилось у меня.

Как в Photoshop нарисовать море

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

Первым делом нужно нарисовать небо. Можно использовать градиентную заливку, чтобы небо было вверху темнее, чем внизу. Так реалистичнее. От цветов этой градации зависит время суток сцены. Если сделать переход от темно-синего цвета к голубому – получится утро. Переход между красным и оранжевым цветами будет говорить о наступающем вечере. Я выбрал для сюжета вечернее время суток.

Как в Photoshop нарисовать море

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

Нажмите кнопку «RectangularMarquee». Теперь можно растянуть на месте будущего моря прямоугольник. Раскрасьте прямоугольник вертикально ориентированной градацией с переходом от самого темного цвета закатного неба до зеленоватого цвета воды.

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

Как в Photoshop нарисовать море

На следующем слое нужно нарисовать вертикально вытянутый прямоугольник и залить его темным цветом, похожим на цвет воды. К прямоугольнику нужно применить фильтр «Fibers».

Как в Photoshop нарисовать море

Прямоугольник следует повернуть на 90 градусов в любом направлении. Растяните прямоугольник по размеру моря. Применяем к нему фильтр «PlasticWarp». Это уже придаст прямоугольнику некую схожесть с морской гладью.

Как в Photoshop нарисовать море

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

Как в Photoshop нарисовать море

Между первыми двумя слоями создайте еще один и на нем нарисуйте белое солнце, воспользовавшись круглой рамкой выделения (с размытыми на пять пикселей краями). Эту рамку залейте белым цветом. Можно также добавить солнцу эффект внешнего свечения, настроив соответствующий параметр в настройках свойств выбранного слоя. За свечение отвечает свойство слоя «OuterGlow».

Как в Photoshop нарисовать море

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *