Я просто большой фанат всяческого преломления и искажения света! Как-то наткнулась на такую картинку, созданную в 3д программе, где по верху постера с текстом плавали капли воды с преломлённым светом и повторила её в 3д - это совсем несложно.
Но многие не работают с 3д программами, отчего создание такой же работы для них будет сложным. Тогда я подумала, что было бы классно повторить такую же иллюзию в 2д. Подумала, попробовала и поняла, что это вполне реально.
Итак, вот моя версия такой картинки и мини-туториал по её созданию в фотошоп✌
- ШАГ 1:
Создаём новый файл в фотошопе. Я выбрала формат А4 горизонтальный, вы можете выбрать любой необходимый.
Пишем на холсте любой текст и выбираем любой понравившийся вам шрифт. У меня это Elephant. Параметры шрифта видны на "Скрин 1".
Далее опционально - я растрирую шрифтовый слой (правая кнопка по слою со шрифтом - растрировать слой) и деформирую его, чтобы он лучше сел по композиции (вытягиваю букву E и букву Y).
- Шаг 2:
Инструментом перо рисуем будущие капли. Тут можно не выверять формы, а рисовать по наитию и потом кривизну поправлять манипуляторами так, как вам нравится). Главное - замыкать контур фигуры.
- Шаг 3:
Добавляем падающую тень.
На панели инструментов выбираем слой с нарисованными каплями и нажимаем на кнопку добавления эффектов в нижней части панели слоёв (выделена красным на "Скрин 4"). Настройки первой тени можно увидеть на "Скрин 4".
На этом же этапе я решила перекрасить капли в более светлый цвет для удобства ("Скрин 5"). Этот шаг можно сделать в любой момент. Для этого достаточно в панели слоёв дважды щёлкнуть по превью слоя - сразу откроется панель с цветами.
- Шаг 4:
Добавляем каплям первоначальный объем.
Для этого нам всё так же понадобится панель с эффектами слоя. Нужно будет создать 5 внутренних теней. Параметры каждой представлены на Скринах 6-10.
- Шаг 5:
Искажаем текст внутри капель.
Первым делом создаём копию каждого из слов. Выбираем скопированный слой с любым слоём и идём в фильтр-коррекция дисторсии. Здесь переходим на вкладку заказная и в параметре удалить искажение подбираем нужное значение ("Скрин 11"). У меня это было -2 и мне вполне хватило: больше было слишком сильное искажение, меньше - слишком незаметное. Тут вы можете посмотреть и поэкспериментировать сами, подобрав наиболее подходящий вариант.
Важно: искажённые слои нужно сделать обтравочной маской поверх капель.
Промежуточный результат того как у вас должно получиться - на Скрине 12.
Далее начинается самый интересный момент - создание дисперсии!
Для этого нам нужно раскопировать каждый искажённый слой с текстом по 2 раза, чтобы в конечном итоге у вас получилось по 3 слоя каждого слова (панель со слоями представлена на "Скрин 13").
Затем можно переименовать каждый из слоёв на "красный", "синий", "зелёный" соответственно - чисто для удобства и проделать с каждым следующую процедуру:
- Нажимаете на миниатюру слоя на панели слоёв - перед вами должна открыться панель "стиль слоя" ("Скрин 13").
- Там для красного цвета нужно убрать галочки там, где написано "каналы" напротив букв G и B (зелёный и синий), оставив включённой только букву R (красный) и закрыть окно.
- Проделать с каждым слоём то же самое, только для зелёного оставить одну галочку напротив G, а для синего напротив В соответственно.
Итого у вас получится по 3 слоя с разным спектром цветов для каждого слова.
Важно: все эти слои должны так же являться обтравочной маской поверх капель.
Далее на панели с инструментами выбераете инструмент "палец" и начинаете понемногу сдвигать каждый из слоёв в стороны. Удобнее делать это по одной букве, аккуратно внутри капли. Вы сразу увидите изменения и сможете видоизменить буквы так, как вам понравится - чётких ограничений нет, но для более правдоподобного эффекта можете открыть картинку с преломлением света через каплю воды. Чаще всего картинка внутри расплывается с жёлтым спектром, а также расщепляется на rgb сектор. И чаще всего именно по краям капли происходит максимальное преломление, а в центре же наоборот картинка сохраняет максимально возможную чёткость.
Промежуточный результат на Скрине 14 и 15.
- Шаг 6:
Прорисовываем объём каплям.
Копируем фигуру с каплями, выносим на передний план и немного уменьшаем в масштабе ("Скрин 16").
Создаём маску на этом слое, чтобы сгладить контур малых капель. Для этого просто ластиком с мягкими краями стираем контур, чтобы образовался плавный переход от центра капель к краям.
Таким образом сформировали небольшой объем с помощью затемнения в центре.
Затем выделяем контур больших капель (для этого щелкаем с зажатой клавишей ctrl на превью слоя с каплями - так работает с любым слоем, лайфхак для быстрого выделения). Затем на новом слое по контуру рисуем белым цветом мягкой кистью - создаём объем с помощью белых рефлексов ("Скрин 17").
Повторяем то же самое с выделением и создаём новый слой с тенью - рисуем её преимущественно в правой части капель, используя холодный оттенок.
Завершающий штрих - наверх можно ещё положить текстуру по вкусу) Режим наложения также выбираете по вкусу.
Итого у нас получается 12-13 слоёв ("Скрин 18").
Надеюсь, вам было интересно и познавательно! Пишите ваши мысли в комментариях, может хотите какой-то конкретный урок?
