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

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



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

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


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

Шаг 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), а также выбрать цвет, который вам нравится!

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

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

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

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте: vk.com/designlessons

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Любовь
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
10-11-2019, 20:57
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 9 * 9 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Вконтакте
Архив сайта
.