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

Создание в фотошопе динамичного жидкого текста

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 15-10-2015, 19:51
Законченное изображение
Финальное изображение, над которым мы будем работать

Создание в фотошопе динамичного жидкого текста


Детали урока

Использованное ПО: Adobe Photoshop CC
Примерное время выполнения: 35 мин
Сложность: для начинающих/средняя

Ресурсы урока

- набор кистей с дымом
- шрифт Insaniburger

Шаг 1
Создайте новый документ размером 600х400 пикселей. Включите отображение сетки: Просмотр> Показать > Сетку (View>Show>Grid) и Привязку к сетке: Просмотр > Привязка к… >Сетке (View>SnapTo>Grid). Далее, нажатием Ctrl+K откройте окно основных установок. Пройдите в раздел Направляющие, сетка и фрагменты (Guides, Grid & Slices) и введите параметры, показанные на скриншоте ниже. Если по ходу выполнение урока вам нужно будет отключить отображение сетки, чтобы лучше видеть результат своей работы, это можно сделать при помощи сочетания клавиш Ctrl + ’. Созданная сетка поможет вам в более точном построении нужных фигур.

Создание в фотошопе динамичного жидкого текста


Шаг 2
Обратите внимание на палитру слоев. Двойным кликом по фоновому слою разблокируйте его. Теперь на панели инструментов установите Основным цветом (#172733), выберите инструмент Заливка (Paint Bucket Tool) и залейте выбранным цветом фоновый слой. Далее откройте окно параметров наложения, и примените следующие стили слоя настроенные как показано на скриншотах ниже.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 3
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и задайте шрифт ( Insaniburger ). Наберите на холсте слово FLUID размером 160 пикселей, цвета #101E2A.

Создание в фотошопе динамичного жидкого текста


Создание в фотошопе динамичного жидкого текста


Шаг 4
Откройте окно параметров наложения, и примените к слою с текстом показанные ниже стили слоя с приведенными на скриншотах установками.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 5
На этом шаге мы займемся созданием узора, который станет основой для нашей жидкости.
Нажатием Ctrl+N создайте новый документ, задайте размер 12х12 пикселей, и убедитесь, что Содержимое фона (Background Contents) установлено в положение Прозрачный (Transparent).
Установите на панели инструментов Основным цветом – белый ( #FFFFFF), выберите инструмент Эллипс (Ellipse Tool ) и нанесите на холст следующие векторные фигуры.
Когда это будет сделано, просто пройдите в меню Редактирование > Определить узор (Edit > Define Pattern), присвойте создаваемому узору какое-нибудь название, и нажмите ОК.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 6
Вернитесь к своему основному документу и переключите Основной цвет на (#2CBE6D). Выберите инструмент Перо (Pen Tool) и создайте на холсте показанную ниже векторную фигуру.

Создание в фотошопе динамичного жидкого текста


Шаг 7
Убедитесь, что векторная фигура, созданная на предыдущем шаге, по-прежнему активна, и выберите инструмент добавления опорной точки Перо+ (Add Anchor Point Tool). Добавьте несколько дополнительных опорных точек как показано ниже.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 8
Далее переключитесь на инструмент Стрелка (Direct Selection Tool), и сконцентрируйте внимание на букве F. Выделите показанные ниже опорные точки, и троекратным нажатием клавиши со стрелкой вниз, сметите эти точки вниз на три пикселя.
Точно таким же образом сметите остальные обозначенные на скриншотах ниже опорные точки.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 9
Теперь, удерживая клавишу Ctrl, кликните по пиктограмме слоя с текстом, чтобы создать на основе текста соответствующую выделенную область.
Затем, убедившись, что слой с зеленой векторной фигурой все еще активен, кликните по иконке создания слоя-маски, расположенной в нижней части палитры слоев. Когда это будет сделано, нажмите Ctrl+D, чтобы снять выделение.

Создание в фотошопе динамичного жидкого текста


Создание в фотошопе динамичного жидкого текста


Шаг 10
Откройте окно параметров наложения для слоя с зеленой векторной фигурой, и введите примените показанные ниже стили слоя, с настройками, приведенными на скриншотах. В разделе Наложение узора (Pattern Overlay ) укажите узор, созданный вами ранее.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 11
Убедитесь, что на палитре слоев активным является именно слой с зеленой фигурой, и нажатием Ctrl+J продублируйте этот слой.
Кликните правой кнопкой мыши по только что созданной копии, и в открывшемся контекстном меню выберите пункт Очистить стили слоя (Clear Layer Style).
Измените цвет фигуры дубликата на более темный оттенок зеленого (#177B44). Далее, нажатием ( Shift + [) переместите дубликат на задний план.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 12
Убедитесь, что созданная ранее копия зеленой фигуры по-прежнему активна, и выберите инструмент стрелка. Сконцентрируйтесь на букве F. Выделите указанные ниже опорные точки, и сместите их на 4 пикселя вверх.
Теперь выделите опорную точку, обозначенную синим кружком, и сместите ее на 5 пикселей вверх. Затем выделите опорную точку, обозначенную красным кружком, и сместите ее вверх на 4 пикселя.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


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

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 14
Откройте окно параметров наложения для слоя с отредактированной только что фигурой, и примените стили слоя с настройками, показанными ниже.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 15
Измените Основной цвет на (#1A894C) и выберите инструмент Эллипс (Ellipse Tool). Сконцентрируйте свое внимание на только что отредактированной области зеленой векторной фигуры, создайте и распределите здесь несколько кружочков, как показано ниже.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 16
Выделите на палитре слоев созданные ранее векторные фигуры, кликните по ним правой кнопкой мыши, и выберите в открывшемся контекстном меню пункт Объединить фигуры (Merge Shapes).
Откройте для объединенного слоя окно параметров наложения, и применить стиль слоя с настройками, показанными на скриншоте ниже.

Создание в фотошопе динамичного жидкого текста


Создание в фотошопе динамичного жидкого текста


Шаг 17
Установите Основным цветом – белый (#FFFFFF), выберите из набора кистей, указанного в разделе ресурсов урока, кисть 2192, и задайте ей размер 70 пикселей.
Кликните по иконке создания нового слоя в нижней части палитры слов, и кликните выбранной кистью по поверхности холста.
Активируйте Свободную трансформацию (Ctrl+T), затем, удерживая Shift, поверните созданный дым на -90 градусов. Расположите его так, как показано на скриншоте ниже.

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


Шаг 18
Чтобы создать такой же эффект дымки для каждой буквы, составляющей текст, вам следует повторить процесс, описанный в предыдущем шаге. Не забывайте создавать новый слой для каждого мазка кистью.
Далее выделите на палитре слоев все слои с дымными мазками, и, кликнув по одному из них правой кнопкой мыши, выберите в контекстном меню пункт Объединить слои (Merge Layers).
Теперь выделите только что созданный объединенный слой, создайте на основе его содержимого выделенную область, и кликните по иконке создания слоя-маски, расположенной в нижней части палитры слоев.

Создание в фотошопе динамичного жидкого текста


Создание в фотошопе динамичного жидкого текста


Создание в фотошопе динамичного жидкого текста


Шаг 19
Убедитесь что на палитре слоев по-прежнему выделен слой с дымом, установите его в Режим наложения – Мягкий свет (Soft Light), и уменьшите его Непрозрачность (Opacity) до 40%.
Когда это будет сделано, откройте окно параметров наложения для этого слоя, примените стиль слоя Наложение цвета (Color Overlay) и измените цвет на (#39D945).

Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста
Создание в фотошопе динамичного жидкого текста


На этом все!
Вот как должно выглядеть законченное изображение:

Создание в фотошопе динамичного жидкого текста


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

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


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

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

Новые уроки

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


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

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

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

Мы в соц сетях

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


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

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