В этом очень простом уроке вы узнаете, как с помощью фильтров и стилей слоя создать красочный, искрящийся стеклянный текст.
Финальный результат:
Материалы для урока:
Создаём новый документ (Файл - Создать) со следующими параметрами: Ширина: 1250, Высота: 750 px, разрешение 300.Далее нам необходимо залить созданный нами документ чёрным цветом. Дублируем слой нажатием клавиш (Ctrl+J).
В палитре цветов установите следующие цвета: передний план: чёрный (000000) цвет фона: (ffffff). Теперь мы должны создать небольшое “Северное Сияние” на котором будет располагаться наш текст. Переходим в Фильтр - Рендеринг - Волокна (Filter - Render - Fibers) и настраиваем его. Несовпадения 20 и интенсивность 5.
Переходим в Фильтр - Размытие - Размытие в движении (Filter - Blur - Motion Blur), изменяем угол на 90 градусов и Смещение на 1000.
Измените режим наложения на “Линейный затемнитель ” (Linear Burn). В итоге наш слой останется пустым, черным цветом но это не беда цвета мы добавим позже.
С помощью инструмента “Горизонтальный текст (T)” (Type tool) и шрифта “Playball” (ссылка на скачивание доступна в предисловии) латинскими буквами напишите любое слово или предложение.
Стоя на текстовом слое измените значение “Заливки” до 0 и дублируйте слой нажатием клавиш (Ctrl+J).
Дважды кликните по оригинальному текстовому слою и примените следующие параметры:
Тиснение: Стиль-Внешний скос, Метод-Жесткая огранка, Контур глянца-Перевёрнутый конус, ставим галочку возле “Сглаживание” Режим подсветки-Линейный свет, Режим тени-Умножение, Цвет-Серый (b5b5b5).
Контур: Перевёрнутый конус, и ставим галочку возле “Сглаживание”.
Обводка: Размер-7пикс, Положение-Снаружи, Режим наложения-Нормальный, Непрозрачность-0%, Тип обводки-Цвет, Цвет-Белый (ffffff).
Тень: Режим наложения-Умножения, Цвет-Тёмно-серый (474747), Непрозрачность-75%, Ставим галочку на “Глобальном освещении”, Смещение - 11пикс, Размах - 0%, Размер - 8пикс.
И вот мы создали первый слой стеклянного текста.
Дважды кликните по копии текстового слоя и примените следующие параметры:
Тиснение:
Стиль - Внутренний скос, Метод - Плавное, Глубина - 100%, Направление - Вверх, Размер - 13пикс, Смягчение 0 пикс, Контур глянца - Волнистый нисходящий уклон, Ставим галочку возле “Сглаживание”.
Контур: Контур - Инверсия по Гауссу, и ставим галочку воле “Сглаживание”.
Внутреннее свечение: Режим наложения - Перекрытие, Непрозрачность - 75%, Шум - 100%, Цвет - Белый (ffffff), Метод - Мягкий, Источник - Из Центра, Стягивание - 0% Размер - 20пикс.
В этом уроке мы будем делать красивые стеклянные буквы при помощи стилей.
1. Запускаем программу. Создаем документ или выбираем ту картинку на которую будем добавлять надпись.
Все картинки кликабельны
2. Выбираем инструмент (текст), необходимый шрифт и делаем надпись. Документ у меня формата А4, а размер шрифта я выбрала 320. Это важно, так как делать эффект стеклянных букв мы будем при помощи стилей. Эффекты стиля привязаны к слою и изменяются вместе с ним, т.е. при изменении размера стеклянных букв их внешний вид будет меняться, поэтому ваш результат может немного отличаться от моего.
Итак, надпись создана.
Слой с текстом должен быть активным. Выбираем его в панели Layers.
3. Далее выполняем команды Layer / Layer Style и тем самым вызываем окно работы со стилями. Так же мы можем его вызвать, дважды кликнув по слою мышкой.
Теперь остается последовательно выполнить необходимые настройки. Чтобы получить эффект - стеклянные буквы
.
Drop Shadow / эффект падающей тени.
Inner Shadow / эффект внутренней тени.
Inner Glow / эффект внутреннего свечения.
Bevel and Emboss / эффект объема.
Contour / эффект контур.
Stroke / эффект обводка.
Готово. Мы получили красивые стеклянные буквы . Если вы поиграете с движками, то можете получить свои уникальные эффекты. Получившийся стиль при необходимости можно сохранить и применять к другим слоям, моментально получая аналогичный эффект.
Если у вас нет времени каждый раз вручную выставлять настройки эффектов стиля, то можете скачать на сайте готовые . В архиве имеется текстовый документ по установке стилей в программу Adobe Photoshop.
Г уляя по интернетовским просторам я случайно наткнулась на урок стеклянных букв. Мне он понравился, и я решила его реализовать на свой лад и поделится им с Вами!
1. Открываем новый документ, с фоновым белым слоем и пишем свой текст (цвет любой). Важно выбрать шрифт наиболее подходящий для этого урока, скажем так... толстенький и пухленький!
Переведите текст в растр (правой кнопкой по слою с текстом и в списке выберите Rasterize Type ).
2. Делаем текст прозрачным. Для этого используем стеклянный стиль
Для каждого стиля не забывайте менять Scale Effects (нажимаем правой кнопкой мыши на букву f у того слоя, к которому стиль применили) , ведь конкретный стиль привязан к определенному размеру. Туда-сюда ползунок и стиль встанет как вам надо.
3. Делаем обводку надписи. Выделяем буквы (щелчок по слою с буквами с нажатой клавишей Ctrl – вокруг букв появится выделение) . Создаем новый слой и идем в меню Edit и выбираем Stroke . Выберите необходимую ширину обводки, цвет опять же не имеет значения и расположение обводки – я выбираю снаружи – Outside . Нажмите Ok .
На новом слое появится созданная обводка. Снимите выделение (Ctrl+D ).
4. Применяем к обводке стиль. Я использовала Серебряный стиль
5. Теперь занимаемся «наполнением» текста. Это самая трудоемкая и долгая работа. Для начала откроем картинку, которую будем использовать для «начинки».
6. Активизировав инструмент Move перетаскиваем картинку в документ с текстом и слой с ней располагаем ниже слоя со стеклянными буквами.
7. Теперь нам нужно удалить начинку за текстом. Для этого проделаем несколько действий:
8. Применим к нашей "начинке" Layer Style > Bevel and Emboss , чтобы она казалась объемной. Со значениями можно поэкспериментировать.
9. В принципе, уже можно оставить наши буквы такими. Такая надпись мне нравится больше! Но можно их сделать полузаполненными. На Ваш вкус! ;-)
В общем - экспериментируем с ластиком и можем получить вот такой результат!
Так было сделано в уроке, на основе которого я сделала свой.
Стеклянные спецэффекты почти во все времена дизайна считаются актуальными и востребованными, поэтому и мы не можем обойти эту тему. В данном уроке мы попробуем создавать стеклянный, прозрачный текст, и помогут нам в этом стили слоя (Layer Styles) имеющиеся в арсенале Photoshop.
То что мы хотим получить:
Используемые материалы:
Начинаем с выбора картинки с задним планом, подходим с умом, чтобы на его фоне стеклянный шрифт выглядел особенно эффектно, но при этом не оттягивал на себя внимание. Для примера используем фон с текстурой Боке.
Создаём документ размером 850 x 550 px, перемещаем в него текстуру с боке, размещаем её над слоем с задним фоном. Используем масштабирование для подгонки к границам, затем объединяем оба слоя.
Ещё один важный момент – выбор шрифта. Наилучший вариант – полужирный курсив тонкими линиями. Определившись с ним, выводим нужную надпись заглавными буквами, в нашем примере это шрифт Rialto, 220 pt.
Минимизируем Заливку (Fill) слоя с текстом до нуля, после чего создаём три копии слоя с текстом, чтобы в итоге получить 4 слоя.
Кликаем два раза по оригиналу с текстом и применяем такие Стили слоя (Layer Style):
Для параметра Обводка (Stroke):
Для параметра Внутренняя тень (Inner Shadow):
Задирая значение Непрозрачности (Opacity) мы сделаем эффект более выраженным.
Для параметра Тень (Drop Shadow):
По-экспериментируем с параметром Угол (Angle), чтобы настроить угол искривления тени, также можно щёлкнуть мышкой по ней с одновременной тягой тени в нужную сторону.
На данном этапе, эффект начинает получать конкретные очертания, но это ещё далеко не всё.
Два раза кликаем по первой копии слоя с текстом, и применяем к нему такием Стили слоя (Layer Style)
Для параметра Тиснение (Bevel and Emboss):
Этим мы добавим надписи большего блеска, особенно по границам.
Два раза кликаем по следующей копии текста, и активируем к нему такие Стили слоя (Layer Style).
Для параметра Тиснение (Bevel and Emboss):
Для параметра Контур (Contour):
Два раза кликаем по третьей копии слоя с текстом, чтобы активировать к нему такие Стили слоя (Layer Style).
Для параметра Тиснение (Bevel and Emboss):
