В этом уроке я покажу вам как создавать такую вот замечательную подводную сцену, с пузырями и световыми эффектами. В уроке мы будем использовать инструмент Кисть (Brush tool, клавиша В) и стандартные инструменты и фильтры. Весь процесс займет чуть более 45 минут, но это того стоит.
Шаг №1.
Запускаем Фотошоп и создаем новый документ. Я использовал размеры холста 2560×1440 пикселей, так что можно полученный результат использовать как обои для рабочего стола. Заливаем наш документ черным цветом.
Шаг №2.
Добавляем новый слой и заливаем его зеленым цветом (234b44).
Шаг №3.
Выбираем «зеленый» слой и идем в Layer/Group Layer. Наш слой окажется в папке на панели слоев. Выбираем эту папку и идем в Layer/layer Mask/hide All. Активируем инструмент Brush tool (клавиша В) и большой мягкой кисточкой рисуем области, которые будут видны.
Шаг №4.
Снова выбираем «зеленый» слой и идем в Layer/layer Mask/Reveal All. Выбираем слой с маской и идем в Filter/Render/Clouds. Таким образом мы применяем фильтр к маске слоя. После этого, не убирая маску, идем в Filter/Blur/Gaussian Blur. Я использовал значение 80 px для параметра Radius, но это значение напрямую зависит от размера вашего документа.
Шаг №5.
Добавляем еще один слой, поверх остальных. Далее при помощи инструмента Brush tool (клавиша В) рисуем пятно красного цвета, при этом используем мягкую кисть (см. рисунок ниже). Меняем Прозрачность (Opacity) слоя на 65%.
Шаг №6.
Добавляем еще один слой, поверх остальных. Опять при помощи инструмента Brush tool (клавиша В) рисуем темно синим цветом над красным пятном. Меняем параметр Opacity слоя на 20-30%.
Шаг №7.
Добавим новый слой и активируем инструмент Gradient tool (клавиша G). Нажав на изображение градиента мы перейдем в редактор, выставляем настройки для параметра Type ставим Noise, Roughness на 100% и опции Restrict Colors и Add Transparency. Заполняем слой градиентом и потом идем в Image/Adjustments/Desaturate. После этого применим фильтр Filter/Blur/Gaussian Blur, параметр Radius выставляем на 30 px, но это значение зависит от размера документа, если вы использовали другой размер, то поэкспериментируйте с настройками.
Шаг №8.
Меняем режим наложения слоя (Blend Mode) с градиентом на Color Dodge.
Шаг №9.
Кисть с пузырями я сделал с фотографии. Можно найти например на Shutterstock, или скачать готовую кисть отсюда
Добавляем новый слой и активируем инструмент Brush tool (клавиша В), размером в 400 px, белого цвета — рисуем пузыри, по своему усмотрению. Группируем этот слой Layer /Group/Group Layers и меняем режим наложения папки (Blend Mode) на Color Dodge.
Шаг №10.
Выбираем слой с пузырями и применяем фильтр Filter/Convert to Smart Filters. Далее применяем размытие по Гауссу (Filter/Blur/Gaussian Blur). Параметр Radius ставим 7 px. После этого наш слой станет размытым, но обратите внимание на дополнительный слой под названием Smart Filters. Активируем инструмент Brush tool (клавиша В), черного цвета и зарисовываем пузыри, которые на ваш взгляд не должны быть размытыми.
Шаг №11.
Импортируем на холст свой логотип или текст. Далее идем в Layer/Layer Styles/Blending Options. Меняем параметр Fill на 0, выбираем Inner Glow. Для параметра Color ставим Color Dodge, для параметра Opacity выставляем значение в 50% и размер (Size) ставим на 15 px.
Шаг №12.
Добавим новый слой, можно разместить его в папке со слоем с пузырями, который мы сделали в шаге №9. При помощи инструмента Brush tool (клавиша В) рисуем пузыри, но маленького размера, рисуем прямо над текстом, чтобы казалось что они с него идут.
Шаг №13.
Выбираем текстовый слой и идем в Layer/layer Mask/Reveal all. При помощи инструмента Brush tool (клавиша В), мягкой кисточкой черного цвета зарисовываем те места, где пузыри будет перекрывать текст (см. рисунок, точки 1-6).
Шаг №14.
Выбираем слой с пузырями, которые над текстом и повторяем туже технику из шага №10, делаем некоторые участки более размытыми.
Шаг №15.
Добавим новый слой поверх остальных и применим фильтр Filte/Render/Clouds. Убедитесь что стандартные цвета стоят как по умолчанию черный и белый. После этого применим ещё один фильтр Filter/Render/Difference Clouds. Слой получится очень темным, поправим Image/Adjustments/Invert, далее настраиваем уровни Image/Adjustment/Levels. Увеличиваем количество светлых тонов до нужного уровня (см. изображение ниже)
Шаг №16.
Меняем режим наложения слоя с облаками на Color Dodge и применяем фильтр Filter/Blur/Gaussian Blur. Параметр Radius ставим на 20 px. Прозрачность (Opacity) тоже можно снизить до 60%.
Шаг №17.
Чтобы придать нашему большей реалистичности можно добавить фотографию настоящих пузырей. Я использовал фотографию с Shutterstock. Как вы видите фотография с темным фоном, в таком случае нужно поменять режим наложения Blend Mode на Color Dodge и темные оттенки станут прозрачными.
Шаг №18.
Теперь нам надо переконвертировать слой со стоковой фотографией пузырей в Smart Objects и применить фильтр Gaussian Blur. Затем как в шаге №10 зарисовать участки, которые не должны быть размыты.
Шаг №19.
Добавим новый слой поверх остальных и активируем инструмент Paint Bucket tool (клавиша G). Параметр Type ставим на Pattern и используем эту текстуру .
Заполним слой текстурой и применяем фильтр Filter/Blur/Gaussian Blur. Параметр Radius ставим 2 px, затем меняем режим наложения Blend Mode на Overlay и выставляем параметр Opacity 50%.
Заключение
Смысл урока в том чтобы научиться делать подобный эффект при помощи стандартных возможностей программы.
Вариант от Juliklario
Шаг №1.
Запускаем Фотошоп и создаем новый документ. Я использовал размеры холста 2560×1440 пикселей, так что можно полученный результат использовать как обои для рабочего стола. Заливаем наш документ черным цветом.
Шаг №2.
Добавляем новый слой и заливаем его зеленым цветом (234b44).
Шаг №3.
Выбираем «зеленый» слой и идем в Layer/Group Layer. Наш слой окажется в папке на панели слоев. Выбираем эту папку и идем в Layer/layer Mask/hide All. Активируем инструмент Brush tool (клавиша В) и большой мягкой кисточкой рисуем области, которые будут видны.
Шаг №4.
Снова выбираем «зеленый» слой и идем в Layer/layer Mask/Reveal All. Выбираем слой с маской и идем в Filter/Render/Clouds. Таким образом мы применяем фильтр к маске слоя. После этого, не убирая маску, идем в Filter/Blur/Gaussian Blur. Я использовал значение 80 px для параметра Radius, но это значение напрямую зависит от размера вашего документа.
Шаг №5.
Добавляем еще один слой, поверх остальных. Далее при помощи инструмента Brush tool (клавиша В) рисуем пятно красного цвета, при этом используем мягкую кисть (см. рисунок ниже). Меняем Прозрачность (Opacity) слоя на 65%.
Шаг №6.
Добавляем еще один слой, поверх остальных. Опять при помощи инструмента Brush tool (клавиша В) рисуем темно синим цветом над красным пятном. Меняем параметр Opacity слоя на 20-30%.
Шаг №7.
Добавим новый слой и активируем инструмент Gradient tool (клавиша G). Нажав на изображение градиента мы перейдем в редактор, выставляем настройки для параметра Type ставим Noise, Roughness на 100% и опции Restrict Colors и Add Transparency. Заполняем слой градиентом и потом идем в Image/Adjustments/Desaturate. После этого применим фильтр Filter/Blur/Gaussian Blur, параметр Radius выставляем на 30 px, но это значение зависит от размера документа, если вы использовали другой размер, то поэкспериментируйте с настройками.
Шаг №8.
Меняем режим наложения слоя (Blend Mode) с градиентом на Color Dodge.
Шаг №9.
Кисть с пузырями я сделал с фотографии. Можно найти например на Shutterstock, или скачать готовую кисть отсюда
Добавляем новый слой и активируем инструмент Brush tool (клавиша В), размером в 400 px, белого цвета — рисуем пузыри, по своему усмотрению. Группируем этот слой Layer /Group/Group Layers и меняем режим наложения папки (Blend Mode) на Color Dodge.
Шаг №10.
Выбираем слой с пузырями и применяем фильтр Filter/Convert to Smart Filters. Далее применяем размытие по Гауссу (Filter/Blur/Gaussian Blur). Параметр Radius ставим 7 px. После этого наш слой станет размытым, но обратите внимание на дополнительный слой под названием Smart Filters. Активируем инструмент Brush tool (клавиша В), черного цвета и зарисовываем пузыри, которые на ваш взгляд не должны быть размытыми.
Шаг №11.
Импортируем на холст свой логотип или текст. Далее идем в Layer/Layer Styles/Blending Options. Меняем параметр Fill на 0, выбираем Inner Glow. Для параметра Color ставим Color Dodge, для параметра Opacity выставляем значение в 50% и размер (Size) ставим на 15 px.
Шаг №12.
Добавим новый слой, можно разместить его в папке со слоем с пузырями, который мы сделали в шаге №9. При помощи инструмента Brush tool (клавиша В) рисуем пузыри, но маленького размера, рисуем прямо над текстом, чтобы казалось что они с него идут.
Шаг №13.
Выбираем текстовый слой и идем в Layer/layer Mask/Reveal all. При помощи инструмента Brush tool (клавиша В), мягкой кисточкой черного цвета зарисовываем те места, где пузыри будет перекрывать текст (см. рисунок, точки 1-6).
Шаг №14.
Выбираем слой с пузырями, которые над текстом и повторяем туже технику из шага №10, делаем некоторые участки более размытыми.
Шаг №15.
Добавим новый слой поверх остальных и применим фильтр Filte/Render/Clouds. Убедитесь что стандартные цвета стоят как по умолчанию черный и белый. После этого применим ещё один фильтр Filter/Render/Difference Clouds. Слой получится очень темным, поправим Image/Adjustments/Invert, далее настраиваем уровни Image/Adjustment/Levels. Увеличиваем количество светлых тонов до нужного уровня (см. изображение ниже)
Шаг №16.
Меняем режим наложения слоя с облаками на Color Dodge и применяем фильтр Filter/Blur/Gaussian Blur. Параметр Radius ставим на 20 px. Прозрачность (Opacity) тоже можно снизить до 60%.
Шаг №17.
Чтобы придать нашему большей реалистичности можно добавить фотографию настоящих пузырей. Я использовал фотографию с Shutterstock. Как вы видите фотография с темным фоном, в таком случае нужно поменять режим наложения Blend Mode на Color Dodge и темные оттенки станут прозрачными.
Шаг №18.
Теперь нам надо переконвертировать слой со стоковой фотографией пузырей в Smart Objects и применить фильтр Gaussian Blur. Затем как в шаге №10 зарисовать участки, которые не должны быть размыты.
Шаг №19.
Добавим новый слой поверх остальных и активируем инструмент Paint Bucket tool (клавиша G). Параметр Type ставим на Pattern и используем эту текстуру .
Заполним слой текстурой и применяем фильтр Filter/Blur/Gaussian Blur. Параметр Radius ставим 2 px, затем меняем режим наложения Blend Mode на Overlay и выставляем параметр Opacity 50%.
Заключение
Смысл урока в том чтобы научиться делать подобный эффект при помощи стандартных возможностей программы.
Вариант от Juliklario
Автор: Fabio Sasso
Перевод: Антон Брызгунов
Источник: abduzeedo
Пароль: artjunkies.net





