Кислотный текстовый эффект в Adobe Photoshop
6 апреля 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем создавать кислотный текстовый эффект в Adobe Photoshop. Конечно весь эффект будет сделан на основе стилей слоя, однако нам понадобится не один слой. Поэтому мы сначала создадим текст, затем преобразуем его в смарт-объект, а уже после этого будем дублировать и применять стили. В итоге, когда вам захочется изменить текст, просто кликните дважды по смарт-объекту, введите новый текст и сохраните документ. Текст изменится во всех остальных слоях автоматически.
Результат
1. Создаем паттерн
Шаг 1
Откройте Photoshop и в меню выберите File > New/Файл>Создать. Создайте документ размером 6 x 6 px с настройками как показано ниже.
Шаг 2
Инструментом Pencil/Карандаш толщиной в 1 px нарисуйте диагональные линии.
Шаг 3
Нажмите Control-A, чтобы выделить весь слой и в меню выберите Edit > Define Pattern/Редактировать>Определить узор. Назовите узор DL Pattern.
Паттерн появится в библиотеке. Мы воспользуемся им позже.
2. Создаем фон
Шаг 1
Создайте новый документ размером 4000 x 1420 px с параметрами как показано ниже.
Шаг 2
Выберите в меню Layer > New Fill Layer > Gradient/Слой>Новый слой-заливка>Градиент. Назоваите слой Background.
Шаг 3
Photoshop откроет новое диалоговое окно. Кликните по градиенту, чтобы его отредактировать. Укажите переход цвета от #535353 к #373737. Нажмите OK.
Шаг 4
Выберите слой Background и нажмите Control-G, чтобы добавить слой в группу. Назовите группу Background.
3. Создаем смарт-объект с текстом
Работа с текстом из смарт-объекта позволит вам легко изменять текст.
Шаг 1
Возьмите инструмент Type/Текст (T) и шрифтом Intro размером в 230 pt введите текст. В нашем случае это слово «ACID». Все буквы должны быть заглавными, а цвет неважен.
Шаг 2
Выберите слой с текстом и нажмите Control-A. Выберите инструмент Move/Перемещение и кликните по иконкам выравнивания по горизонтальному и вертикальному центрам (подсвечены на картинке ниже).
Шаг 3
Убедитесь что активен слой с текстом, кликните дважды по имени слоя и назовите его Text Layer.
Шаг 4
В меню выберите Layer > Smart Objects > Convert to Smart Object/Слой>Смарт-объекты>Конвертировать в смарт-объект (или кликните правой кнопкой по слою и выберите ту же опцию).
Шаг 5
Выберите получившийся смарт-объект и дублируйте его несколько раз. В итоге должно получиться пять экземпляров смарт-объектов. Переименуйте их по форме: Text_ [число](снизу вверх по возрастанию). Выделите все смарт-объекты и сгруппируйте их. Назовите группу Text.
4. Стили для слоя Text_1
Начнем с нижнего слоя.
Шаг 1
Для начала укажите этому слою Fill Opacity/Непрозрачность заливки в 0%.
Шаг 2
Кликните дважды по слою Text_1, чтобы открыть окно стилей слоя. Укажите стиль слоя Pattern Overlay/Перекрытие узора. Настройте параметры как показано ниже. Кликните по узору и выберите тот что мы создали в начале урока.
Вот что должно получиться:
5. Стили для слоя Text_2
Кликните правой кнопкой по слою и выберите Blending Options/Параметры наложения. Это также откроет окно стилей слоя.
Шаг 1
Укажите параметру Fill Opacity/Непрозрачность заливки 0%.
Далее указывайте перечисленные ниже стили слоя с показанными на картинках параметрами.
Шаг 2
Stroke/Обводка
- Градиент: от цвета
#001100к#00450b
Шаг 3
Inner Glow/Внутренняя тень
- Цвет:
#ffa81f
Шаг 4
Gradient Overlay/Перекрытие градиента
- Цвета градиента:
#aede00на 0%,#759b00на 50%,#cdfc00на 51% и#cdfc00на 100%
Вот что должно получиться:
6. Стили для слоя Text_3
Кликните дважды по слою Text_3 и укажите ему стиль Stroke/Обводка.
- Цвет:
#00450b
Результат:
7. Стили для слоя Text_4
Откройте стили слоя для этого слоя и укажите ему следующие стили:
Шаг 1
Stroke/Обводка
- Градиент: от
#ad036dк#e4024d
Шаг 2
Drop Shadow/Тень
- Цвет:
#000000
Вот что получится:
8. Стили для слоя Text_5
Прежде чем применить стили слоя переместите слой ниже на 20 px.
Шаг 1
Stroke/Обводка
- Градиент: от
#75064bк#991641
Шаг 2
Drop Shadow/Тень
- Цвет:
#000000
Результат
Автор урока Pavlo Manachyn
Перевод — Дежурка
Смотрите также:
549