Стеклянный текст с жидкостью с помощью Фотошопа
6 ноября 2012 | Опубликовано в Уроки | 5 Комментариев »
В этом уроке мы узнаем, как создать эффект стеклянного текста, заполненного жидкостью. Для этого я покажу вам как быстро и легко использовать стили слоев в Фотошопе.
Вот конечный результат, к которому мы будем стремиться в этом уроке.
Шаг 1
Создайте документ 1500px на 1000px. Заполните фон Линейным Градиентом (Linear Gradient) используя цвет #acacac как Foreground цвет, и #e1e1e1 как Background цвет. Начните с низа файла и двигайтесь вверх.
Шаг 2
Теперь наберите тот текст, на котором вы хотите испробовать эффект. Используйте цвет #dbdbdb, размер 300px. Шрифт в данном уроке это “Cooper Std”, но подойдет любой жирный шрифт. Скопируйте текстовый слой, и назовите и так, как показано на картинке.
Шаг 3
С помощью двойного нажатия на слой «bottom» откройте меню Layer Style и примените следующие настройки.
Шаг 4
Измените значение заливки слоя «top» на 0%. Затем с помощью двойного нажатия на этот слой откройте меню Layer Style и примените следующие настройки.
Шаг 5
Используя инструмент Rectangle Tool нарисуйте прямоугольную форму, которая закроет нижнюю половину текста. Цвет формы измените на #aa4280. Убедитесь в том, что слой с прямоугольной формой находится между слоями «top» и «bottom».
Шаг 6
Выберите инструмент Add Anchor Point Tool и добавьте точки на краях букв в тех местах, которые пересекаются с цветным прямоугольником.
Шаг 7
После добавления точек, добавьте точки между уже существующими точками. Это определит нижние и верхние точки волн жидкости. После этого, выберите инструмент Direct Selection Tool и, выбрав точки, сдвиньте их вверх и вниз. Удалите точки, которые посчитаете ненужными с помощью инструмента Delete Anchor Point Tool. Продолжайте двигать точки до тех пор, пока не будете удовлетворены результатом.
Шаг 8
Теперь переведем слой с цветным прямоугольником в растр. Сделайте копию слоя, нажмите правой кнопкой на новом слое и выберете Rasterize Layer. Затем нажмите клавишу Cmd/Ctrl и, удерживая ее, нажмите правой кнопкой на иконку одного из текстовых слоев, чтобы создать выделение. После этого нажмите Cmd/Ctrl + Shift + I, чтобы инвертировать выделение, и нажмите Delete.
Шаг 9
С помощью двойного нажатия на слой растровой формой откройте меню стилей слоев и примените следующие настройки:
Шаг 10
Вот все и готово, но по желанию вы с легкостью можете изменить цвет жидкости, открыв меню слоя Hue/Saturation и выбрав нужный вам цвет.
По материалам Psd.Tutsplus
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
28 ноября 2013 в 10:39
Переход от 5 к 6 шагу потрясающий. Вы сами-то пробовали повторить?
Ответить
4 февраля 2015 в 4:22
Ответить