Подводный мир за 40 минут

Несколько недель назад я получил письмо от одного из читателей с просьбой показать, как создается эффект массивной толщи воды и подводных глубин. На эту тему я уже написал несколько уроков вроде 3D текста, созданного из воды, или подводного пейзажа для Digital Arts в 2008 году. Однако на создание этого урока меня натолкнул просмотр фильма «Я — робот», начальные титры в котором были сделаны просто гениально и вдохновили меня на написание этой статьи.

В этом уроке я покажу, как создается подводная сцена с множеством воздушных пузырей и световых эффектов. Для создания пузырьков мы будем использовать кисть Brush Tool, а для остальных эффектов — оставшийся набор базовых инструментов и фильтров. На весь процесс не должно уйти больше 45 минут, поэтому не будем терять времени и сразу перейдем к делу!

1 Шаг

Откройте Photoshop и создайте новый документ. Я использовал размеры 2560×1440px, поэтому изображение можно будет использовать в качестве обоев на рабочий стол. После этого залейте фоновый слой черным цветом #000000.

2 Шаг

Добавьте очередной слой и залейте его зеленым цветом #234B44.

3 Шаг

Находясь на зеленом слое выполните Layer > Group Layer. В палитре Layers cлой окажется внутри новой папки. Выберите эту папку и выполните Layer > Layer Mask > Hide All. Переключитесь на Brush Tool (B) и с помощью большой мягкой кисти белого цвета откройте те области, которые вы хотите, чтобы были показаны на картинке.

4 Шаг

Теперь перейдите на зеленый слой и выполните “Layer > Layer Mask > Reveal All”. В палитре Layers кликните по иконке только что созданной маски и выполните Filter > Render > Clouds. Вы применили этот фильтр, создав облака в режиме маски. После этого, все еще находясь на маске, выполните Filter > Blur > Gaussian Blur. Значение радиуса размывки используйте побольше. В моем случае — это 80px, но, в зависимости от размеров документа, эта величина может меняться в ту или иную сторону.

5 Шаг

Поверх всех предыдущих слоев создайте еще один и при помощи очень мягкой кисти Brush Tool (B) поставьте красное пятно, как на моем рисунке ниже. Задайте Opacity этого слоя равным 65%.

6 Шаг

Поверх всех слоев создайте очередной новый и с помощью все того же Brush Tool (B) с настройками, заданными ранее, выберите темно-синий цвет и нанесите несколько пятен поверх красного. Этот оттенок синего должен быть едва уловимым, поэтому сведите значение Opacity этого слоя примерно до 20-30%.

7 Шаг

Создайте еще один слой и переключитесь на Gradient Tool (G). Откройте редактор градиента, кликнув по его цветам в меню в верхней части экрана и смените его тип на Noise, задайте параметр Roughness равным 100% и отметьте обе опции — Restrict Colors и Add Transparency.

Залейте слой этим градиентом, а затем выполните Image > Adjustments > Desaturate. После этого откройте Filter > Blur > Gaussian Blur. Я задавал радиусу размывки значение 30px, но, опять же, это значение может варьироваться в зависимости от размеров документа.

8 Шаг

Теперь смените режим наложения слоя с градиентом на Color Dodge.

9 Шаг

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

Создайте новый слой и переключитесь на Brush Tool (B) с загруженной кистью. Задайте для кисти какой-нибудь внушительный размер, я использовал диаметр в 400px и нарисуйте несколько пузырьков белого цвета. Вынесите этот слой в отдельную группу (Layer > Group Layers) и смените ее режим наложения на Color Dodge.

10 Шаг

Переключитесь на слой с пузырями и выполните Filter > Convert for Smart Filters. Затем откройте Filter > Blur > Gaussian Blur. Задайте значение радиуса размывки порядка 7px. Весь слой станет нечетким, однако взгляните — под слоем на палитре Layers появилась пиктограмма с названием Smart Filters. Выберите Brush Tool (B) черного цвета и начните ей закрашивать некоторые пузыри, которые вы не хотите делать размытыми. Этот метод похож на работу с маской, но для фильтров.

11 Шаг

Импортируйте логотип и откройте Layer > Layer Styles > Blending Options. Смените значение Fill на 0, затем выберите стиль Inner Glow. Задайте режим наложения этого стиля равным Color Dodge, цвет — белый, Opacity равный 50% и размер — порядка 15px. Затем перейдите на Bevel and Emboss. Для стиля используйте Bevel, значение Depth должно равняться 90%, Direction задайте Down, размер — 1px и Soften — 5px. В блоке Shading Options значение угла задайте равным 70º, а Altitude — 16º. В опциях Highlight и Shadow используйте Color Dodge в качестве режима наложения, белый цвет и 100% Opacity.

12 Шаг

Добавьте еще один слой. Его можно создавать внутри группы слоя с пузырьками, которую мы создавали на 9 шаге. При помощи Brush Tool (B) и кисти с пузырьками, на этот раз гораздо меньшей по размеру, нанесите некую «пузырчатость» по буквам A, B, D и O, чтобы создать иллюзию того, будто буквы растворяются в пузыри.

13 Шаг

Перейдите на слой с текстом и выполните Layer > Layer Mask > Reveal All. При помощи мягкой кисти Brush Tool (B) черного цвета закрасьте те области, в которых текст должен растворяться в пузырьки (1-6).

14 Шаг

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

15 Шаг

Создайте слой поверх остальных и выполните Filter > Render > Clouds. Убедитесь, что у вас выбраны черный и белый цвета для основного и фонового цветов соответственно. После этого примените к слою еще один фильтр: Filter > Render > Difference Clouds. Слой окажется сильно темным, поэтому выполните Image > Adjustments > Invert, а затем вызовите меню Image > Adjustments > Levels. Увеличьте выход белого цвета так, чтобы получить результат, примерно как у меня на рисунке.

16 Шаг

Смените режим наложения слоя на Color Dodge и вызовите фильтр Filter > Blur > Gaussian Blur. Радиус размывки я задавал равным 20px. Вы также можете понизить Opacity примерно до 60%.

17 Шаг

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

18 Шаг

И еще раз вы можете преобразовать слой с фото в смарт объект, применить к нему размывку Gaussian Blur, а затем закрасить области, которые вы не хотите размывать черным цветом, как мы делали на шаге 10.

19 Шаг

Создайте еще один слой поверх остальных и переключитесь на инструмент Paint Bucket Tool (G). Смените тип заливки на Patern, затем выберите шаблон с полосками, который создавал я, и который можно скачать вот здесь.

Залейте слой этим шаблоном и откройте меню Filter > Blur > Gaussian Blur. Используйте радиус размером 2px, затем смените режим наложения слоя на Overlay и задайте Opacity равным порядка 50%.

Заключение

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

Еще один вариант

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта abduzeedo.com, автор перевода указан в начале урока.

Обсуждение урока

Ожидал, что пузыри придется делать с нуля, но все равно зачетно.

Я порой удивляюсь как много кистей вообще бывает — на все случаи жизни! Любая задача при этом существенно упрощается.