Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание в фотошопе текста в виде капель дождя

Создание в фотошопе текста в виде капель дождя

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 12-01-2016, 18:19
Создание в фотошопе текста в виде капель дождя

(то, что мы будем создавать)

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

Итак, приступим!

Предустановки урока
В процессе выполнения урока нами будут использованы следующие ресурсы:

- шрифт CoreHumanistSans
- стоковое изображение Water on Metal Stock
- текстура Kagami
- текстура bokeh
- бесплатный набор градиентов для фотошопа Pack 6000 photoshop gradients (на интересует файл CSP True Sky Gradients.grd)

1. Создание фона и текста

Шаг 1
Создайте в фотошопе новый документ размером 1500х875 пикселей и залейте его фон черным цветом.

Создание в фотошопе текста в виде капель дождя


Шаг 2
Заглавными буквами наберите текст, используя шрифт (CoreHumanistSans). Цвет задайте – белый, размер 350pt, и тэкинг: -25

Создание в фотошопе текста в виде капель дождя


Шаг 3
Кликните по фоновому слою на палитре слоев правой кнопкой мыши, и выберите в раскрывшемся контекстном меню пункт: Преобразовать в смарт-объект (Convert to Smart Object).

Создание в фотошопе текста в виде капель дождя


2. Применение фильтра

Шаг 1
Установите Основным и Фоновым цветами черный и белый – соответственно.

Пройдите в меню Фильтр > Галерея фильтров > Текстура (Filter > Filter Gallery > Texture > Stained Glass) и выберите фильтр Витраж (Stained Glass). Задайте Размер ячейки (Cell Size): 20, Толщину границ (Border Thickness): 7 и Интенсивность света (Light Intensity): 3

Создание в фотошопе текста в виде капель дождя


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

Создание в фотошопе текста в виде капель дождя


Шаг 3
Выберите инструмент Волшебная палочка (Magic Wand Tool) и снимите галочку с пункта Смежные пиксели (Contiguous) на панели опций в верхней части окна программы. Теперь кликните по какой-либо из белых ячеек, чтобы образовать выделенную область.

Создание в фотошопе текста в виде капель дождя


3. Создание капель

Шаг 1
Включите отображение панели каналов: Окно > Каналы (Window > Channels). Затем кликните по иконке создания нового канала в нижней части панели.

Создание в фотошопе текста в виде капель дождя


Шаг 2
При выделенном канале Альфа 1 выберите инструмент Заливка (Paint Bucket Tool (G)) и залейте выделенную область белым цветом. Снимите выделение (Ctrl+D).

Создание в фотошопе текста в виде капель дождя


Шаг 3
Пройдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и задайте величину радиуса: 5

Создание в фотошопе текста в виде капель дождя


Шаг 4
Пройдите в меню Изображение > Коррекция > Уровни (Image > Adjustment > Levels). Теперь вам нужно так переместить слайдеры Теней и Света, чтобы у вас на холсте образовались контуры капель.

Создание в фотошопе текста в виде капель дождя


Шаг 5
Проконтролируйте, чтобы края капелек получились мягкими и гладкими, а не резкими и зазубренными.

Создание в фотошопе текста в виде капель дождя


4. Загружаем выделенную область и добавляем фоновое изображение

Шаг 1
Кликните по канали RGB и переключитесь обратно на палитру слоев.
Отключите видимость слоя с капельками, кликнув по иконке в виде глаза слева от названия слоя.

Создание в фотошопе текста в виде капель дождя


Шаг 2
Пройдите в меню Выделение > Загрузить выделенную область (Select > Load Selection), и выберите в выпадающем списке каналов вариант Альфа 1

Создание в фотошопе текста в виде капель дождя


Шаг 3
Создайте новый слой и назовите его Капли-1. Залейте выделенную область белым цветом, после чего Снимите выделение (Ctrl+D).

Создание в фотошопе текста в виде капель дождя


Шаг 4
Уменьшите Заливку (Fill) слоя с Каплями-1 до 0, продублируйте его и переименуйте дубликат в Капли-2.

Создание в фотошопе текста в виде капель дождя


Шаг 5
Далее можно использовать любое фоновое изображение на ваше усмотрение, но для данного урока мы выбрали стоковое изображение полированного металла с каплями на нем.

Расположите изображение с Каплями на металле поверх фонового слоя, и подкорректируйте его размер в соответствии с актуальными размерами холста.

Создание в фотошопе текста в виде капель дождя


5. Применение стилей к слою с Каплями-1

Двойным кликом по слою с Каплями-1 откройте окно настройки параметров наложения, и примените следующие стили слоя:

Шаг 1
Тиснение (Bevel and Emboss) с приведенными ниже настройками:

Размер: 7
Снимите галочку с пункта Использовать глобальное освещение (Use Global Light)
Угол: 180
Высота: 53
Поставьте галочку на пункте Сглаживание (Anti-aliased)
Режим света (Highlight Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity):50%
Режим тени (Shadow Mode): Умножение (Multiply)
Непрозрачность (Opacity): 15%

Создание в фотошопе текста в виде капель дождя


Шаг 2
Контур (Contour):

Контур: Ассиметричный конус (Cone - Asymmetrical)
Поставьте галочку на пункте Сглаживание

Создание в фотошопе текста в виде капель дождя


Шаг 3
Стиль слоя Тень (Drop Shadow):

Непрозрачность (Opacity): 5%
Расстояние (Distance): 3
Размер: 5

Создание в фотошопе текста в виде капель дождя


Вот результат применения стилей к первому слою с каплями:

Создание в фотошопе текста в виде капель дождя


6. Стили слоя для слоя с Каплями-2

Двойным кликом по слою с Каплями-2 откройте окно настройки параметров наложения, и примените следующие стили слоя:

Шаг 1
Тиснение (Bevel and Emboss) с приведенными ниже настройками:

Размер: 16
Снимите галочку с пункта Использовать глобальное освещение (Use Global Light)
Угол: 27
Высота: 53
Поставьте галочку на пункте Сглаживание (Anti-aliased)
Режим света (Highlight Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity):50%
Режим тени (Shadow Mode): Умножение (Multiply)
Непрозрачность (Opacity): 5%

Проконтролируйте, чтобы соответствующим образом были изменены значения Угла и Высоты, иначе освещение создаваемых капель не будет соответствовать освещению фонового изображения:

Создание в фотошопе текста в виде капель дождя


Шаг 2
Контур (Contour):

Контур: Конус (Cone)
Поставьте галочку на пункте Сглаживание
Диапазон (Range): 100%

Создание в фотошопе текста в виде капель дождя


Шаг 3
Стиль слоя Внутренняя тень (Inner Shadow):

Непрозрачность (Opacity): 50%
Расстояние: 0
Размер: 13

Создание в фотошопе текста в виде капель дождя


Шаг 4
Вот так примерно должен выглядеть слой с Каплями-2 после применения к нему стилей. Вы можете еще сами поэкспериментировать с настройками.

Создание в фотошопе текста в виде капель дождя


7. Коррекция фона

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

Поэтому далее мы займемся тем, что удалим некоторые капли, улучшая вид текста. Для этого выберите инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) и выберите кисть с мягким круглым наконечником, примерно совпадающим по размеру с существующими каплями.

Прокрасьте этой кистью поверхность капли, которую намереваетесь удалить. Возможно, для достижения нужного эффекта, вам придется пройтись по одному и тому же месту несколько раз.

Создание в фотошопе текста в виде капель дождя


Шаг 2
Точечная восстанавливающая кисть справляется с подобными задачами превосходно, но вы можете воспользоваться и другими инструментами, которыми владеете лучше.

Создание в фотошопе текста в виде капель дождя


Шаг 3
Продолжайте подчищать фон до тех пор, пока результат полностью не удовлетворит вас.

Создание в фотошопе текста в виде капель дождя


8. Дополнительная текстура

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

Итак, поместите поверх всех существующих слоев текстуру (Kagami - Texture 06) и назовите этот слой “Текстура капель”. Подкорректируйте ее размер так, чтобы она полностью покрывала текст, и установите этот слой в Режим наложения (Blending mode) – Мягкий свет (Soft Light), при Непрозрачности (Opacity) 30%.

Создание в фотошопе текста в виде капель дождя


Шаг 2
Кликните, удерживая Ctrl, по иконке слоя с каплями, чтобы загрузить выделенную область. Затем выделите на палитре слоев слой с текстурой капель и кликните по иконке создания слоя-маски (Add layer-mask) в нижней части палитры слоев, чтобы создать маску для этого слоя.

Создание в фотошопе текста в виде капель дождя


Шаг 3
Текстура Бокех послужит отличным дополнением, способным еще более улучшить качество дизайна.

Поместите текстуру Бокех поверх всех существующих слоев, подкорректируйте ее размер соответствующим образом и переименуйте. Установите этот слой в Режим наложения (Blending mode) – Мягкий свет (Soft Light), и уменьшите его Непрозрачность (Opacity) до 35%.

Создание в фотошопе текста в виде капель дождя


9. Добавим немного цвета

Шаг 1
Кликните по иконке создания нового корректирующего слоя или слоя-заливки (Add new Fill or Adjustment layer) в нижней части палитры слоев, и выберите пункт: Карта градиента (Gradient Map).

Создание в фотошопе текста в виде капель дождя


Шаг 2
Поставьте галочку на пункте Дизеринг (Dither) и установите этот корректирующий слой в режим наложения Линейный затемнитель (Linear Burn), уменьшив его Непрозрачность (Opacity) до 20%.

Создание в фотошопе текста в виде капель дождя


Шаг 3
В результате на окончательном изображении появится голубоватый отсвет.

Создание в фотошопе текста в виде капель дождя


Мои поздравления! Вы это сделали!

На этом уроке вы, набрав белый текст на черном фоне, применили к нему специальный фильтр и при помощи альфа-канала, преобразовали текст капли.

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

Наконец, применив специально подобранные текстуры и корректирующий слой, мы добавили на изображение легкий цветовой оттенок.


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

Другие новости по теме:


Просмотров: 3357 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.