Уроки Работа с текстом Виктория Лебедева 30 июня 2015

Создаём стеклянные буквы в Фотошоп

Сложность урока: Средний

В этом уроке вы узнаете, как создать реалистичный стеклянный текстовый эффект, используя очень простые инструменты и методы такие, как стили слоя и режимы наложения. Этот урок научит применять прозрачную глянцевую текстуру к форме буквы, а также заполнять лабораторную посуду жидкостью, пузырьками воды и паром. Также вы узнаете, как добавить метрическую шкалу на поверхность стекла, как сделать тени и отражение.

Cкачать архив с материалами к уроку

Финальное изображение

Задаем размер буквы  «В» около 500х500px с разрешением 300px/inch. Это может быть важно,  поскольку от размера зависят  настройки эффектов стилей слоев для стеклянной текстуры и коррекции жидких эффектов.

Для того чтобы создать более реалистичный стеклянный эффект используйте округлый и жирный шрифт. Из буквы шрифта Val создайте рабочий контур и преобразуйте кривые, этим мы исправим силуэт буквы, придав ему более сферическую форму и объемный вид. Я не использовала типографские шрифты в этом уроке, только векторные формы. Вы можете создать свою собственную форму с помощью Pen (Перо) и Convert Point (Преобразовать точку).

Чтобы создать реалистичный эффект стекла вам понадобится всего лишь два слоя. Примените Fill (Заливка) 0% для созданной формы буквы и добавьте эффекты стиля слоя из скриншотов ниже.

Вы сможете найти коды цветов, контуры и параметры градиентов внутри файла glass_letter_tutorial.psd

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

Используйте по умолчанию Photoshop узор Nebula (Туманность) для создания намека отражения на поверхности стекла. Масштаб текстуры 1000%.

Дублируйте форму буквы. Примените новые стили слоя к нему.

Подведем итог. Стеклянный эффект сделан. Теперь мы можем добавить больше деталей, чтобы создать стиль химической лабораторной посуды. Давайте добавим метрическую шкалу на поверхность стекла. Выберите инструмент Line Tool (Линия). Создайте несколько 2px линий, как показано ниже. Примените следующие эффекты стиля слоя.

Введите число рядом  с большой линией. Здесь использовался шрифт “Arial”.

Добавьте несколько эффектов стиля к слою цифры.

Сгруппируйте созданные линии и дублируйте созданную группу несколько раз. Расположите группы друг над другом. Измените значение внутри каждой группы  на номер  ‘50’, ‘100’, и т.д..

Теперь перейдем к созданию жидкости внутри стеклянной формы. Создайте новый слой ниже слоев со стеклянными формами и поместите его в группу «Жидкость». С помощью инструмента Ellipse Tool (Эллипс) создайте овальную форму.

К овальной форме примените Fill (Заливка) 0%. Добавьте стили слоя.

Возьмите Rectangle Tool (Прямоугольник) и создайте прямоугольник ниже овального слоя. Верхний край прямоугольника должен быть в центре овальной формы.
Вернитесь к слою с овальной формой, сделайте овальный контур активным. Перейдите в меню Edit>Copy (Редактирование>Копировать).

Вернитесь к прямоугольной форме снова и вставьте скопированный овальный контур. Нажмите Subtract from shape area (Вычесть из области фигуры). Овальная область прямоугольника должна быть пустой.

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

Дублируйте прямоугольный слой.

Сделайте активным овальный контур скопированного слоя и нажмите на иконку Add to the shape area (Добавить к области фигуры). В этом случае вам надо добавить овальную область к прямоугольной форме.

Примените к данному слою Fill (Заливка) 0% и стиль слоя Overlay Gradient (наложение Градиента).

При создании градиента используйте режим наложения Color (Цветность), чтобы сохранить прозрачность.

Вы можете использовать различные градиенты, чтобы создать жидкость другого цвета. Вот пример использования фиолетового цвета.

Вернемся к нашей первоначальной зеленой/прозрачной жидкости и добавим текстуру пузырьков. Вставьте текстуру “Пузыри”. Расположите его под прямоугольными слоями, но расположите этот слой внутри группы «Жидкость».

Вставьте текстуру “Пар”. Поместите слой с паром выше всех слоев жидкости и оставьте в той же группе «Жидкость»

Выделите фигуру прямоугольника с вычтенной областью
 (Ctrl+клик по иконке формы). Перейдите в меню Select>Inverse (Выделение>Инверсия).

Затем нажмите на значок Layer Mask (Слой-маска), чтобы добавить  маску слоя к текстуре пара. Вы должны сделать пар внутри жидкой области невидимым.

Загрузите выделение для стеклянной формы «В» (Ctrl+клик по миниатюре формы). Сделайте активной группу «Жидкость».

Перейдите в меню Select>Modify>Contract (Выделение>Модфикация>Сжать). Укажите значение 8px.

Затем нажмите на значок Layer Mask (Слой-маска), чтобы удалить текстуру за пределами выделенной формы буквы.

Если вам хочется создать тень или отражение на букве в виде посуды, следуйте инструкциям ниже. Загрузите выделение формы «В» еще раз. Перейдите в меню Edit>Copy Merged (Редактирование>Скопировать совмещенные данные)

Вставьте созданный объект ниже всех слоев буквы, но выше фона. Преобразуйте объединенную букву в смарт-объект (правый клик мыши по слою, выберите Convert to Smart Object (Преобразовать в смарт-объект)), дублируйте его. Эти слои нам понадобятся для создания тени и отражения нашей буквы.
 

Теперь давайте создадим эффект тени. Примените стиль Overlay Color (Наложение цвета), режим наложения Color (Цветность) к одному из смарт-объектов, чтобы сделать его черно-белым. Переместите его немного.

Перейдите в меню Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), подберите значение радиуса от 3до10px.

Примените к этому слою режим наложения Linear Burn (Линейный затемнитель) с Opacity (Непрозрачность) 10-15%.

Сделайте активным второй смарт-объект. Перейдите в меню Edit>Transform>Flip Vertical (Редактирование>Трансформирование>Отразить по вертикали). Переместите этот слой вниз.

Поиграйте с настройками непрозрачности слоя.

Добавьте слой-маску к слою «Отражение». Залейте его черно-белым линейным градиентом в нижней части.

Активируйте режим быстрой маски (значок в нижней части скриншота). Выберите черно-белый градиент. Заполните область градиентом, как показано на скриншоте ниже.

Отключите режим быстрой маски и примените размытие по Гауссу к выделенной области.

Затем перейдите в меню Filter>Blur>Motion Blur (Фильтр>Размытие>Размытие в движении)

Добавьте стиль Gradient Overlay (Наложение градиента)

Ниже представлен порядок созданных слоев и групп.

А вот и результат!

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

Cкачать архив с материалами к уроку

Автор: Alexandra Fomicheva

Источник: alfoart.com

Комментарии 38

круто, спасибо

Спасибо за урок.

вот что получилось) правда не совсем правильно, как то грубовато вышло. Напрактикуюсь еще))

Спасибо за интересный урок!

прикольно у вас)))))

Я в восторге от этого урока, спасибо!!!

Я в восторге от этого урока, спасибо!!!

Спасибо большое

Спасибо за урок)))

Спасибо за перевод! Интересный урок

Спасибо большое! Все бы уроки с такими psd-шками

Спасибо за урок

Спасибо за урок. Пришлось настройки под материал подбирать свои.. интересно))

Интересный урок , спасибо ..))

Круто. Спасибо за урок.

Прикольно. Спасибо за урок.

Не могу найти ошибку. Вроде все делаю правильно, но радиальный градиент у меня почему-то посередине буквы. Подскажите где ошибся.

Спасибо за интересный урок! Было не просто...
Для Sexy_S: сделай круглую фигуру, дублируй и примени к каждому слою свой стиль, как у букв.
Я, если честно, сделала стили только для первой "буквы" (2 формы и каждой свой стиль). А остальные буквы - я только вклеивала стиль слоя. Надеюсь понятно объяснила.. Только доделала урок )))

Создайте видео-версию, пожалуйста. И еще очень хотелось бы узнать как сделать такие лупы.

Виктория, спасибо за урок! Очень интересно. Наигралась вдоволь...

Спасибо!

Создаём стеклянные буквы в Фотошоп. Спасибо.

Спасибо за перевод!

Очень интересный урок, спасибо!

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее