На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

Рекомендуем ознакомиться со следующими разделами Фотошопа:



Разместите здесь свою рекламу
Главная » Photoshop » Создаем стеклянный текст, заполненный жидкостью
10.11.2020

Создаем стеклянный текст, заполненный жидкостью

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Из этого урока веб дизайна вы узнаете, как создать интересный стеклянный текстовый эффект и заполнить буквы, как сосуды, жидкостью.

Сложность: низкая
Время: до 30 минут

Навыки для «прокачки»:
- работа со стилями слоя
- работа с формой векторных объектов (с Опорными точками)
- растрирование объектов
- цветовая корекция

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 1. Начните с создания нового документа, 1500px на 1000px. Залейте фон Линейным градиентом (Linear Gradient), используя цвет # acacac как цвет переднего плана и # e1e1e1 как цвет фона. Проведите градиент сверху вниз.

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 2. Теперь введите текст, который вы хотите, используя цвет # dbdbdb размером 300px. Шрифт, используемый в уроке, "Cooper Std". Любой жирный шрифт будет выглядеть хорошо.
Дублируйте текстовый слой и переименуйте оба слоя, как показано на изображении ниже.

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Дважды щелкните на нижний слой (Psdtuts – bottom), и примените следующие Cтили слоя (Add a layer style):

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 4. Теперь измените Заливка (Fill) для верхнего слоя (Psdtuts – top) до (0%), затем дважды щелкните по нему, и примените следующие Cтили слоя (Add a layer style):

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 5. Используя инструмент Прямоугольник (Rectangle Tool), нарисуем прямоугольник, который охватывает нижнюю половину текста, цвет должен быть # aa4280. Убедитесь, что слой с прямоугольником находится между двумя текстовыми слоями.

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 6. Выберите инструмент Добавить опорную точку (Add Anchor Point Tool), и добавьте точки на краях букв, где они пересекаются с прямоугольником.

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 7. Как только вы закончите, начните добавлять промежуточные точки, которые будут определять верх и низ жидкости. После добавления точек используйте инструмент Выделение контура (Direct Selection Tool), чтобы выбрать положение точек, перемещая их вверх и вниз. Вы можете также использовать инструмент Удалить опорную точку (Delete Anchor Point Tool), чтобы удалить любые нежелательные точки. Продолжайте изменение точек, пока не будете удовлетворены результатом.

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 8. Теперь мы растрируем форму прямоугольника. Чтобы это сделать, дублируем слой с прямоугольником, а затем щелкнем правой кнопкой мыши на копии и выберем Растрировать слой (Rasterize Layer).
Зажмем Ctrl + клик, по иконке одного из текстовых слоев, чтобы создать выделение, а затем нажмите Ctrl + Shift + I, чтобы инвертировать выделение, и нажмите Delete.

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 9. Дважды щелкните на растрированный слой с фигурой и примените следующие Cтили слоя (Add a layer style):

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Шаг 10. Теперь мы закончили наш урок веб дизайна, но вы все еще можете изменить цвет жидкости просто добавив Цветовой тон/Насыщенность (Hue/Saturation), а также выбрать цвет, который вам нравится!

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Это заключительный результат. Надеюсь, вам понравился этот урок.

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Автор/Переводчик: Артеменко Любовь
Ссылка на источник: http://psd.tutsplus.com/tutorials/text-effects-tutorials/liquid-filled-glass-text-effect/

(+7 баллов, 7 оценок)
Loading ... Loading ...
Написать комментарий

Подписаться, не комментируя

.