Веб-мастерская Ларисы ВоронинойРеалистичный мыльный пузырь в Фотошопе.
WEB-мастерская Ларисы Ворониной logo

Реалистичный мыльный пузырь в Фотошопе. Мар 31 2017

Так коротка жизнь мыльного пузыря! В этом уроке вы узнаете о том, как я создала реалистичный мыльный пузырь в Фотошопе.

Вот что у меня получилось в итоге.

Урок состоит из 4-х этапов. Сначала мы создадим сам мыльный пузырь с отражением, затем нарисуем на нём радужные разводы, далее создадим блики и в конце размножим и разместим мыльные пузыри на изображении.

Создаём мыльный пузырь с отражением.

  1. С помощью Photoshop открываем изображение, которое будет являться отражением на мыльном пузыре. Я выбрала вот такие осенние деревья.

  1. Создаём новый документ 1000*1000px, единственному слою даём название «фон».
  2. Создаём новый слой и даём ему название «шар».
  3. На слое «шар» с помощью инструмента «эллипс» рисуем круг голубого цвета (цвет неба на изображении). Чтобы круг получился идеальным, зажимаем клавишу SHIFT.

  1. Включаем сетку (CTRL+”), перетаскиваем изображение с деревьями в документ и размещаем его таким образом, как показано на рисунке.

  1. На верхней панели выбираем пункт меню «редактирование» -> «трансформирование» -> «перспектива», и меняем перспективу вот таким образом.

Отключаем сетку (CTRL+”).

  1. С помощью полупрозрачного ластика стираем верхние границы таким образом, чтобы небо на картинке слилось с цветом круга.

  1. Копируем слой, далее «редактирование» -> «трансформирование» -> «поворот на 180 градусов», и перемещаем изображение вниз, так чтобы было точно воспользуемся сеткой (CTRL+”).

  1. Полупрозрачным ластиком стираем линию стыка посередине.
  2. Объединяем слои с изображением и получившемуся слою даём название «отражение».
  3. С помощью свободного трансформирования (редактирование -> свободное трансформирование) немного растягиваем изображение по вертикали.

  1. Объединяем слои «отражение» и «шар».
  2. Открываем фильтр «Пластика» (SHIFT+CTRL+X), берём инструмент «Вздутие»(B), размер кисти 775, плотность 75, скорость 70, и начинаем «вздувать» наш шар, при этом шар немного увеличится.

  1. Создаём новый слой и применяем к нему обтравочную маску (ALT+клик).

  1. Берём инструмент «градиент» (G), в наборе находим радужный градиент и внутри круга от верхнего левого угла к нижнему правому проводим линию.

  1. Режим наложение выбираем «вычитание» и уменьшаем непрозрачность на 50%.

Объединяем слой маску и слой «отражение», получившемуся слою даём название «отражение».

  1. Заливаем фон тёмно-синим цветом.
  2. К слою «отражение» применяем следующие стили:

- Тиснение. Глубина 30, размер 250, контур глянца – двойное кольцо, непрозрачность цветов 25%.

- Внутреннее свечение. Размер 15px.

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

Рисуем радужные разводы.

  1. Создаём новый слой, даём ему название «разводы».
  2. С помощью инструмента «эллипс» рисуем круг любого цвета.

  1. Применяем стиль «наложение градиента» с параметрами как на картинке.

Должно получиться вот так.

Растрируем стиль слоя.

  1. Применяем фильтр «Пластика» -> «Скручивание».

  1. Редактирование -> трансформирование -> искажение. Делаем из круга овал.

  1. С помощью свободного трансформирование размещаем его как на картинке.

  1. Полупрозрачным ластиком подтираем внешние границы.

  1. Уменьшаем непрозрачность слоя до 55%.

По желанию таким же образом можно добавить ещё радужных разводов. Не хватает только бликов.

Рисуем блики.

  1. Создаём новый слой.
  2. Берём жёсткую кисть 25px и рисуем блик белого цвета.

  1. Превращаем блик в овал (редактирование -> трансформирование -> искажение.

  1. Применяем к слою фильтр «размытие по Гауссу» 5px.
  2. Дублируем слой, и новый слой размываем по Гауссу 10px.
  3. Дублируем слой и также размываем по Гауссу 15px.
  4. Объединяем слои с бликами.

  1. Копируем слой с бликом.
  2. Редактирование -> трансформирование -> поворот на 180 градусов. Переносим второй блик на противоположную сторону шара.

  1. Объединяем слои с бликами, получившемуся слою даём название «блики».

Заключительный момент.

  1. Объединяем слои «разводы» и «отражение», непрозрачность слоя делаем на 45%.

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