Прозрачный стеклянный текст - один из самых популярных текстовых эффектов в Photoshop, который придает дизайну элегантный, современный и профессиональный вид. Будь то логотипы, графические заголовки или творческие проекты, этот эффект впечатляет своей реалистичной визуализацией стекла, которое передает свет и тень. В этом уроке я покажу вам шаг за шагом, как создать эффект прозрачного стеклянного текста в Photoshop. Мы будем использовать простые инструменты, такие как стили слоя, градиенты и эффекты, чтобы добиться убедительного результата. Давайте приступим и заставим ваш текст сиять!
1. фон
Создадим новый документ размером 700 x 400 пикселей. И для тех, кто захочет распечатать его позже: Разрешение 300 ppi.
Для начала создадим красивый фоновый градиент. Большинство градиентов обычно состоят из двух цветов. Однако в Photoshop у нас есть возможность создавать несколько цветов и, соответственно, более сложные градиенты.
Поэтому мы создадим радиальный градиент:
Выберем цвет: #790d3c для первого ползунка, кликнем в середине цветовой панели и выберем цвет: #4a0823. В последнем: #2c0414.
Затем нарисуем градиент от правого нижнего угла к левому верхнему так, чтобы наш световой конус находился в правом нижнем углу.
2. текст
Далее мы используем инструмент "Текст". Я выбрал шрифт "Adobe Caslon Pro", который входит в состав пакета Creative Suite. Размер шрифта в данном примере составляет 75,92 пт. Единственное, чего не хватает, - это подходящего цвета. Мы зададим его, нажав на поле "Цвет" в правом верхнем углу.
Там мы вводим следующее значение: #a9419c.
Для нашего промежуточного результата:
Мы установим непрозрачность слоя на 28%, чтобы наш текст пока выглядел прозрачным.
Затем дважды щелкните по слою "PSD" или нажмите на кнопку fx в нижней части панели слоев, чтобы открыть эффекты слоя. Сначала мы отметим галочкой падающую тень. Значения вы можете найти ниже:
Получаем следующий результат:
Далее переходим в раздел "Тень внутри" и применяем следующие значения:
И получаем следующий результат:
- Shine outwards:
Промежуточный результат:
- Внешний вид внутри:
- Сглаженный край и рельеф:
- Контур:
Промежуточный результат:
- Глянец: Для получения цвета методом заливки просто щелкните один раз пипеткой по темному фону рядом с буквой "P".
Промежуточный результат:
- Контур:
Промежуточный результат:
3. Создание отражений
Теперь давайте создадим небольшое отражение в нижней части буквы "D". Для этого выделим весь текст, удерживая клавишу Ctrl, и кликнем по миниатюре нашего слоя.
Создайте новый слой над ним.
Затем перейдем к инструменту "Градиент" и выберем градиент от белого к прозрачному. Убедитесь, что флажок Радиальный градиент все еще отмечен...
... и примените градиент, как показано на рисунке ниже.
Результат:
Мы также можем скрыть выделение с помощью Ctrl+H. Это позволит нам лучше оценить результат, когда мы нарисуем второй градиент.
Поэтому мы нарисуем еще один градиент, как показано на рисунке. Таким образом мы еще немного усилили свечение.
Теперь нажмите Ctrl+D, чтобы отменить скрытое выделение. Затем мы назовем наш верхний слой "Нижнее свечение". Чтобы наш градиент хорошо сочетался с текстом, выберем метод заливки: скопировать один в другой.
В результате мы получим следующий промежуточный результат:
Теперь проделаем то же самое с левым верхним углом: выделим текст, удерживая клавишу Ctrl, и кликнем по миниатюре слоя.
Создадим новый слой, который назовем "Верхняя часть изображения"...
...и используем радиальный градиент от белого к прозрачному, чтобы создать еще один градиент, как показано ниже...
Промежуточный результат:
Затем мы отменяем выделение с помощью Ctrl+D...
... и изменим непрозрачность на 30%.
Промежуточный результат:
Для более сильного отражения сначала нарисуем эллипс над верхней половиной шрифта... (чтобы переместить эллипс одновременно с его рисованием, удерживайте пробел ).
Затем мы инвертируем это выделение, нажав Ctrl+Shift+I,...
... и удалим остаток градиента клавишей Del, чтобы создать жесткий отражающий край.
4. Создание бликов (2 варианта)
Чтобы создать еще более глянцевый вид, мы создадим небольшие блики. Существует несколько способов сделать это. Я расскажу вам о двух из них. Первый - с помощью многоугольных звезд. А во втором - с помощью блеклых пятен.
Вариант 1: Полигональные звезды
Начнем с полигональных звезд. Для этого создадим новый слой и назовем его "Звездочки".
Затем выберем инструмент "Многоугольник"...
... нажмем на маленькую стрелку вниз в панели управления и...
...щелкните на опции "Звезда".
- Установим значение параметра "Убрать стороны" на 98%, чтобы получить очень жесткие точки. Затем мы введем 5 для Pages, чтобы получить 5 очков за звезду.
Теперь важно, чтобы цвет переднего плана был белым. Затем мы разместим звезды на самых ярких освещенных участках...
Все это может выглядеть вот так.:)
Теперь перейдем ко второму варианту. Но сначала приведем в порядок палитру слоев, объединив слои с полигонами в группу (выделив соответствующие слои и нажав Ctrl+G). После этого мы сможем скрыть их одним щелчком мыши. Мы можем назвать эту группу "Звездочка".
Вариант 2: Создание выцветающих пятен в виде кистей
Я хотел бы показать вам очень эффективный способ быстрого и простого размещения пятен затухания. Для этого нам понадобится новый документ с рабочей областью 2000 x 2000 пикселей (это необходимо, потому что пятна выцветания будут очень большими, даже когда они маленькие;) ).
Мы заливаем фоновую область черным цветом...
... и вызываем наши пятна затухания.
Теперь нам нужно убедиться, что мы разместили патч апертуры как можно ближе к центру, чтобы мы также получили свечение вокруг него на нашей рабочей поверхности.
Если вы присмотритесь или посмотрите на свой монитор под верхним углом, то увидите, что наша апертурная заплатка почти касается верхнего края;)
Но, к счастью, мы все равно получили его полностью. Поэтому теперь нажимаем Ctrl+I, чтобы инвертировать наш слой.
Затем выделим весь слой комбинацией клавиш Ctrl+A, перейдем в меню Edit>Set Brush Preset...
... и сохраним наше пятно смешивания как кисть.
Вернувшись к нашему документу, мы сначала создадим новый слой и назовем его "Aperture stain".
Теперь мы можем вызвать только что созданную кисть в палитре кистей.
Прежде всего, убедитесь, что наша кисть не слишком большая. Цвет переднего плана также должен быть белым.
Лучше всего создать новый слой для каждого блика (чтобы при необходимости мы могли перемещать его снова) и поместить его на отраженные зоны нашего изображения.
5. Создайте отражение
Как и большинство глянцевых объектов, они обычно оставляют отражение. Именно это мы сейчас и сделаем с нашим текстом.
Прежде всего, нам нужна копия слоя со всем текстом, включая отражения. Для этого выделите слои "PSD", "Отражение внизу" и "Отражение вверху" и перетащите их на нижний отрывной лист, удерживая кнопку мыши, чтобы создать слой-копию всех трех слоев.
Затем нажмите Ctrl+E, чтобы объединить эти дубликаты в один слой.
Затем нажмите Ctrl+T, чтобы трансформировать слой. Для этого щелкните правой кнопкой мыши на слое трансформации и выберите Зеркало по вертикали.
Затем с помощью клавиш со стрелками переместите слой вниз до соприкосновения краев слоя. В данном случае это касается только буквы "S". Нам придется подправить две другие.
Поэтому мы вызываем инструмент прямоугольного выделения и сначала выбираем "P".
Если мы нажмем "V", у нас будет готов инструмент перемещения. С его помощью мы можем перемещать "P" вверх с помощью клавиш со стрелками, пока она не коснется нижнего края. Если мы нажмем Ctrl+H, то скроем край выделения и сможем лучше оценить его положение. Это очень помогает при перемещении.
Неважно, что нижний край "P" обрезан, так как он все равно будет скрыт позже.
То же самое мы проделаем с буквой "D".
Затем создаем маску слоя на этом слое...
...перейдите к инструменту "Градиент" и установите черно-белый градиент или градиент от черного к прозрачному. Убедитесь, что мы активировали опцию "Линейный градиент".
Расположим инструмент у нижнего края и перетащим его вверх, как показано на рисунке. При этом мы можем удерживать клавишу Shift, чтобы наш градиент был действительно очень прямым.
И мы получим следующий промежуточный результат:
Как и в случае со многими другими отражениями, отражение обычно очень слабое. Поэтому мы еще немного уменьшим непрозрачность этого слоя (44%), чтобы получить относительно реалистичное отражение.
Это дает нашему тексту немного больше пространства, потому что отражение делает пол узнаваемым. И чтобы сделать это пространство немного более четким, мы создадим пол.
Прежде чем это сделать, давайте наведем порядок в наших слоях. Переименуем только что созданный слой в "Отражение". Поскольку под текстом есть отражение, переместим этот слой "Отражение" под слой "PSD". Затем мы объединим текст вместе с отражением и отражениями в группу и назовем эту группу "PSD". Также мы объединим три слоя с пятнами затухания в группу с пятнами затухания. Таким образом, наша структура слоев состоит из фонового слоя, группы "PSD", группы "Звездочка" и группы "Блики".
В группе "PSD" мы создадим папку "Floor", в которой и создадим наш финальный графический рисунок.
6. создание пола
В группе слоев "Пол" создадим новый слой, который также назовем "Пол". Затем переходим к инструменту "Градиент".
Установим следующие значения цвета:
Затем, удерживая клавишу Shift, рисуем красивый градиент сверху вниз.
Промежуточный результат:
Это уже выглядит очень красиво, но мы хотим, чтобы это стало нашим полом. Теперь мы нажмем Ctrl+T и перетащим слой с верхней центральной ручкой вниз, пока он не будет немного выступать над отражением. Таким образом, текст окажется не на заднем краю "комнаты", а скорее в центре.
Промежуточный результат:
Теперь у нас есть наш виртуальный пол. Однако он еще не совсем убедителен, поскольку не отбрасывает тень. Поэтому мы создадим новый слой для тени и переместим его под слой "Пол".
Назовем этот слой "Тень". Затем выберем мягкую круглую кисть черного цвета...
... и, удерживая клавишу Shift, нарисуем вдоль края пола за пределами документа.
Промежуточный результат:
Теперь наша тень все еще немного слишком сильная. Но это неважно, так как мы можем немного сместить ее вниз с помощью инструмента "Перемещение" и клавиш со стрелками. Или мы можем снова нажать Ctrl+T и переместить нижнюю центральную ручку немного вверх, чтобы сделать нашу тень немного сильнее.
Затем мы можем немного изменить непрозрачность тени (до 60%).
И мы, наконец, достигли своей цели.:)
Надеюсь, вам понравился этот урок, и буду рад любым комментариям.:)
