Скачать Adobe Photoshop® CS5 Extended
История создания Adobe Photoshop
88 секретов работы в Photoshop
Постер из фильма Начало (Inception) - урок по Adobe Photoshop
Информация к новости
  • Просмотров: 7221
  • Автор: Infernus
  • Дата: 20-06-2010, 15:13
 (голосов: 0)
20-06-2010, 15:13

Подводная сцена - уроки по Adobe Photoshop

Категория: Уроки Adobe Photoshop

В этом уроке я покажу вам как создавать такую вот замечательную подводную сцену, с пузырями и световыми эффектами. В уроке мы будем использовать инструмент Кисть (Brush tool, клавиша В) и стандартные инструменты и фильтры. Весь процесс займет чуть более 45 минут, но это того стоит.

Шаг №1.

Запускаем Фотошоп и создаем новый документ. Я использовал размеры холста 2560×1440 пикселей, так что можно полученный результат использовать как обои для рабочего стола. Заливаем наш документ черным цветом.

Подводная сцена - уроки по Adobe Photoshop


Шаг №2.

Добавляем новый слой и заливаем его зеленым цветом (234b44).

Подводная сцена - уроки по Adobe Photoshop


Шаг №3.

Выбираем «зеленый» слой и идем в Layer/Group Layer. Наш слой окажется в папке на панели слоев. Выбираем эту папку и идем в Layer/layer Mask/hide All. Активируем инструмент Brush tool (клавиша В) и большой мягкой кисточкой рисуем области, которые будут видны.

Подводная сцена - уроки по Adobe Photoshop


Шаг №4.

Снова выбираем «зеленый» слой и идем в Layer/layer Mask/Reveal All. Выбираем слой с маской и идем в Filter/Render/Clouds. Таким образом мы применяем фильтр к маске слоя. После этого, не убирая маску, идем в Filter/Blur/Gaussian Blur. Я использовал значение 80 px для параметра Radius, но это значение напрямую зависит от размера вашего документа.

Подводная сцена - уроки по Adobe Photoshop


Шаг №5.

Добавляем еще один слой, поверх остальных. Далее при помощи инструмента Brush tool (клавиша В) рисуем пятно красного цвета, при этом используем мягкую кисть (см. рисунок ниже). Меняем Прозрачность (Opacity) слоя на 65%.

Подводная сцена - уроки по Adobe Photoshop


Шаг №6.

Добавляем еще один слой, поверх остальных. Опять при помощи инструмента Brush tool (клавиша В) рисуем темно синим цветом над красным пятном. Меняем параметр Opacity слоя на 20-30%.

Подводная сцена - уроки по Adobe Photoshop


Шаг №7.

Добавим новый слой и активируем инструмент Gradient tool (клавиша G). Нажав на изображение градиента мы перейдем в редактор, выставляем настройки для параметра Type ставим Noise, Roughness на 100% и опции Restrict Colors и Add Transparency. Заполняем слой градиентом и потом идем в Image/Adjustments/Desaturate. После этого применим фильтр Filter/Blur/Gaussian Blur, параметр Radius выставляем на 30 px, но это значение зависит от размера документа, если вы использовали другой размер, то поэкспериментируйте с настройками.

Подводная сцена - уроки по Adobe Photoshop


Шаг №8.

Меняем режим наложения слоя (Blend Mode) с градиентом на Color Dodge.

Подводная сцена - уроки по Adobe Photoshop


Шаг №9.

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

Добавляем новый слой и активируем инструмент Brush tool (клавиша В), размером в 400 px, белого цвета — рисуем пузыри, по своему усмотрению. Группируем этот слой Layer /Group/Group Layers и меняем режим наложения папки (Blend Mode) на Color Dodge.

Подводная сцена - уроки по Adobe Photoshop


Шаг №10.

Выбираем слой с пузырями и применяем фильтр Filter/Convert to Smart Filters. Далее применяем размытие по Гауссу (Filter/Blur/Gaussian Blur). Параметр Radius ставим 7 px. После этого наш слой станет размытым, но обратите внимание на дополнительный слой под названием Smart Filters. Активируем инструмент Brush tool (клавиша В), черного цвета и зарисовываем пузыри, которые на ваш взгляд не должны быть размытыми.

Подводная сцена - уроки по Adobe Photoshop


Шаг №11.

Импортируем на холст свой логотип или текст. Далее идем в Layer/Layer Styles/Blending Options. Меняем параметр Fill на 0, выбираем Inner Glow. Для параметра Color ставим Color Dodge, для параметра Opacity выставляем значение в 50% и размер (Size) ставим на 15 px.

Подводная сцена - уроки по Adobe Photoshop


Шаг №12.

Добавим новый слой, можно разместить его в папке со слоем с пузырями, который мы сделали в шаге №9. При помощи инструмента Brush tool (клавиша В) рисуем пузыри, но маленького размера, рисуем прямо над текстом, чтобы казалось что они с него идут.

Подводная сцена - уроки по Adobe Photoshop


Шаг №13.

Выбираем текстовый слой и идем в Layer/layer Mask/Reveal all. При помощи инструмента Brush tool (клавиша В), мягкой кисточкой черного цвета зарисовываем те места, где пузыри будет перекрывать текст (см. рисунок, точки 1-6).

Подводная сцена - уроки по Adobe Photoshop


Шаг №14.

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

Подводная сцена - уроки по Adobe Photoshop


Шаг №15.

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

Подводная сцена - уроки по Adobe Photoshop


Шаг №16.

Меняем режим наложения слоя с облаками на Color Dodge и применяем фильтр Filter/Blur/Gaussian Blur. Параметр Radius ставим на 20 px. Прозрачность (Opacity) тоже можно снизить до 60%.

Подводная сцена - уроки по Adobe Photoshop


Шаг №17.

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

Подводная сцена - уроки по Adobe Photoshop


Шаг №18.

Теперь нам надо переконвертировать слой со стоковой фотографией пузырей в Smart Objects и применить фильтр Gaussian Blur. Затем как в шаге №10 зарисовать участки, которые не должны быть размыты.

Подводная сцена - уроки по Adobe Photoshop


Шаг №19.

Добавим новый слой поверх остальных и активируем инструмент Paint Bucket tool (клавиша G). Параметр Type ставим на Pattern и используем эту текстуру Вы не можете скачивать файлы с нашего сервера.

Заполним слой текстурой и применяем фильтр Filter/Blur/Gaussian Blur. Параметр Radius ставим 2 px, затем меняем режим наложения Blend Mode на Overlay и выставляем параметр Opacity 50%.

Подводная сцена - уроки по Adobe Photoshop


Заключение

Подводная сцена - уроки по Adobe Photoshop


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

Вариант от Juliklario

Подводная сцена - уроки по Adobe Photoshop

 

 

Автор: Fabio Sasso

Перевод: Антон Брызгунов

Источник: abduzeedo

Пароль: artjunkies.net

Метки к статье: клавиша, Brush, инструмент, Меняем, значение, пузырями, ставим, Выбираем, новый, рисуем, Добавляем, уроке, Color, параметра, Далее, FilterBlurGaussian, применяем, цветом, фильтр, После


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
<
entonee

21 июня 2010 09:11

Информация к комментарию
  • Группа: Участники
  • ICQ: --
  • Регистрация: 16.08.2008
  • Публикаций: 1
  • Комментариев: 6
очень красиво )

с возвращением))
<
Juliklario

22 июня 2010 21:16

Информация к комментарию
  • Группа: Посетители
  • ICQ: 550938733
  • Регистрация: 16.12.2008
  • Публикаций: 0
  • Комментариев: 4
хочу сказать спасибо)
у меня просто нет слов от такой щедрости, читаю-делаю и так грамотно описаны шаги...сайтов с уроками то полно но либо корявые инструкции...либо еще что то не так.... а тут прям сундук с сокровищами)
СПАСИБО оО)

у меня вон что получилось)
<
Infernus

24 июня 2010 17:12

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
Спасибо за отзывы. В субботу или воскресенье новый интересный урок будет, заходите если что)

Цитата: Juliklario
у меня вон что получилось)


Не видно ссылку, возможно антиспам порезал, попробуйте еще раз, разместим Вашу работу как пример от пользователей)

--------------------

<
Juliklario

24 июня 2010 19:39

Информация к комментарию
  • Группа: Посетители
  • ICQ: 550938733
  • Регистрация: 16.12.2008
  • Публикаций: 0
  • Комментариев: 4
а у меня видно картинку,наверное просто я что то не так сделала...
ссылка
я сюда итоги уроков залила,если выставите будет весело)
и еще раз спасибо,за такую щедрость...обычно все жмуться,мастерят втихаря что то)
<
Infernus

26 июня 2010 00:16

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
Juliklario, в уроке Вашу работу разместил, неплохо вышло кстати)

--------------------

<
Juliklario

26 июня 2010 10:44

Информация к комментарию
  • Группа: Посетители
  • ICQ: 550938733
  • Регистрация: 16.12.2008
  • Публикаций: 0
  • Комментариев: 4
это все благодабря Вам)
<
BoTToN

1 октября 2010 21:04

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 29.09.2010
  • Публикаций: 0
  • Комментариев: 1
Пожалуйста можете описать 6 и 7 шаг по подробнее
<
LOST-777

17 октября 2010 12:24

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 21.11.2008
  • Публикаций: 0
  • Комментариев: 4
А почему не делают видео уроки? Проще было бы же. чем притскринеть и расписывать, лучше заснять и прокомментировать :)
<
Infernus

1 ноября 2010 11:23

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
LOST-777, Вы пробовали делать видеоуроки? К примеру на написание урока (текстового), если есть точно поставленная идея, уходит около 2-3 часов. А на видеоурок уходит намного больше: расписать на бумаге шаги (не менее часа), предварительно выполнить все в фотошопе (30 минут), затем записать видео (30 минут), смонтировать (вырезать ненужные части, расписать подсказки, 2-часа), записать голос, красиво без запинок и т.п. тоже не менее часа...вот и выходит на видеоурок уходит целый день, при условии что других дел нет, а они есть...

--------------------

<
Трихапки

19 ноября 2010 22:54

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 18.11.2010
  • Публикаций: 0
  • Комментариев: 1
а по русски нельзя было команды написать ?
<
LOST-777

21 ноября 2010 09:11

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 21.11.2008
  • Публикаций: 0
  • Комментариев: 4
Infernus не обязательно так выеживатся. можно и по простецки записать работу всю. люди же делают.
<
Infernus

22 ноября 2010 18:34

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
LOST-777, люди же потом и будут комментировать, причем грубо выражаясь...это показала практика давным давно.

--------------------

<
LOST-777

22 ноября 2010 18:54

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 21.11.2008
  • Публикаций: 0
  • Комментариев: 4
Infernus не спорю. привереды были у будут. просто для наветчиков вроде меня, сложно порой сориентироваться по скринам, а по видео намного проще. Просто поделился пожеланием своим и все. Будем учится и так :) чтож поделать :)
<
Juliklario

22 ноября 2010 21:53

Информация к комментарию
  • Группа: Посетители
  • ICQ: 550938733
  • Регистрация: 16.12.2008
  • Публикаций: 0
  • Комментариев: 4
а мне ,например по видео не удобно, спасибо за скрины и за муки с ними)
<
Infernus

23 ноября 2010 10:09

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
LOST-777, там просто тоже куча мелких деталей, например я буду писать видео с CS5 английского, а пользователь будет выполнять на русском СS3...без подсказок и комментариев, особенно новичкам, которые интерфейс особо не запомнили вообще будет мучительно.

--------------------

<
Areks

15 декабря 2010 21:42

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 9.11.2010
  • Публикаций: 0
  • Комментариев: 2
Годно :o КАРТИНКА
<
barbarisko

18 апреля 2011 14:31

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 18.04.2011
  • Публикаций: 0
  • Комментариев: 1
большое спасибо))))
<
Breaknoise

23 апреля 2011 11:21

Информация к комментарию
  • Группа: Посетители
  • ICQ: 40760655
  • Регистрация: 22.04.2011
  • Публикаций: 0
  • Комментариев: 1
http://i.piccy.info/i5/76/57/1415776/water_800.jpg
<
shidzu

23 декабря 2011 07:06

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 23.12.2011
  • Публикаций: 0
  • Комментариев: 1
спасибо, пригодилось :)

Добавление комментария

Имя:*
E-Mail:*
Комментарий:
Введите код: *
^