На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 3268
Средней сложности Размещено: 31.05.2012 г.

Текстовой эффект матового стекла


Все привет! В этом уроке вы узнаете как создать эффект матового стекла используя стили слоя и фильтры программы Фотошоп.
Конечный результат:

Текстовой эффект матового стекла


Шаг 1


Создайте новый документ с размерами 1152 × 864 пикселей, установите цвет переднего плана на # 006d68, а цвет фона # 004e49, далее перейдите в Фильтр> Рендеринг> Облака (Filter > Render > Clouds).


Текстовой эффект матового стекла


Теперь поместите изображение текстуры огня из материалов к уроку, на новый слой (Ctrl+Shift+N) выше фонового слоя и измените режим смешивания слоя на Умножение (Multiply) и непрозрачность слоя до 50%.


Текстовой эффект матового стекла


Поместите изображение текстуры стены, взяв её из материалов к уроку, выше двух предыдущих слоев и измените режим смешивания слоя на Мягкий Свет (Soft Light).


Текстовой эффект матового стекла


Шаг 2


Установите шрифт "Atrox" и создайте текст используя цвет # 7b7b7b и размер шрифта 330 пунктов.


Текстовой эффект матового стекла


Теперь дублируйте текстовый слой и измените значение Заливка (Fill) копии до 0%.


Текстовой эффект матового стекла


Шаг 3


Сделайте двойной щелчок по оригинальному слою с текстом и примените следующие стили слоя.


- Тень (Drop Shadow): Просто измените цвет на # 686868.


Текстовой эффект матового стекла


- Внутренняя Тень (Inner Shadow): Измените цвет на # 737373, расстояние до 0, а размер 10.


Текстовой эффект матового стекла


- Тиснение (Bevel and Emboss): Изменить метод тиснения на Жесткая огранка, глубина до 150, размер 27, а Смягчение значение на 5. Снимите флажок использовать глобальное освещение, и измените угол до 90, высота 30, Контур Глянца установите на Размытие по Гауссу, и проверьте что бы стояла галочка на сглаживание. Кроме того, измените Режим подсветки на Перекрытие (Overlay), цвет на # ded9c6 и цвет Режима Тени на # 7b7b7b.


Текстовой эффект матового стекла


Это то, что вы должны получить после применения стилей слоя:


Текстовой эффект матового стекла


Шаг 4


Сделайте щелчок мышью при зажатой клавише (Ctrl) по миниатюре текстового слоя в палитре слоев для того что бы сделать выделение слоя.


Текстовой эффект матового стекла


Создайте новый слой (Ctrl+Shift+N) между двумя текстовыми слоями и назовите его "Текстура". Используя инструмент Заливка(Fill) (G) залейте выделение цветом # 005954. Затем отмените выделение (Ctrl+D).


Текстовой эффект матового стекла


Установите основной цвет # 006d68 и фоновый цвет # 004e49.


Текстовой эффект матового стекла


Шаг 5


Пришло время применить Фильтр> Текстура> Мозаичные фрагменты (Filter> Texture> Mosaic Tiles) для создания текстуры, возьмите значения со скриншота ниже:


Текстовой эффект матового стекла


Текстовой эффект матового стекла


Затем идем в Фильтр> Имитация> Губка (Filter> Artistic> Dry Brush):


Текстовой эффект матового стекла


Текстовой эффект матового стекла


Теперь измените режим смешивания слоя "Текстура" Жесткий Свет (Hard Light).


Текстовой эффект матового стекла


Шаг 6


Далее дважды щелкните по копии текстового слоя и примените следующие стили слоя.


- Внешнее свечение (Outer Glow): измените режим смешивания на Перекрытие (Overlay), а цвет на # 00a49d.


Текстовой эффект матового стекла


- Внутреннее свечение (Inner Glow): Измените режим смешивания на Перекрытие (Overlay), непрозрачность до 50%, шум на 50%, а также, цвет 8df4f2, метод точный, источник из центра, размер до 20.


Текстовой эффект матового стекла


- Тиснение (Bevel and Emboss): Измените метод тиснения на Жесткая огранка, глубина до 150, размер 10. Снимите флажок использовать глобальное освещение, и измените угол до 110, высота 15, Контур Глянца установите на Глубокая Выемка, и проверьте, что бы стояла галочка на сглаживание. Кроме того, изменения Режим подсветки на Яркий Свет (Highlight Mode), цвет на # ded9c6 и цвет Режима Тени на # 7b7b7b.


Текстовой эффект матового стекла


- Контур (Contour): Выберите Волнистый уклон (Роллинг Slope) и галочка на сглаживание.


Текстовой эффект матового стекла


- Текстура (Texture): выбрать металлический шаблон Змеиная кожа, а также изменить глубину до 20.


Текстовой эффект матового стекла


Эта настройка придаст приятный глянцевый эффект тексту.


Текстовой эффект матового стекла


Шаг 7


Щелкните правой кнопкой мыши по текстовому слою и выберите команду «Создать рабочий контур».


Текстовой эффект матового стекла


Создайте новый слой (Ctrl+Shift+N) прямо под оригинальным текстовым слоем и назовите его "Обводка текста", затем выберите круглую Кисть (Brush) (B) размером 7 пикселей.


Текстовой эффект матового стекла


Установите основной цвет # 159282. Затем выберите инструмент Стрелка (Direct Selection Tool), щелкните правой кнопкой мыши по рабочему контуру, который вы только что создали, и выбираем «Выполнить обводку контура» (Stroke Path).


Текстовой эффект матового стекла


Из инструментов в выпадающем меню выберете инструмент Кисть (Brush) (B), и убедитесь, что поле «Имитировать режим» (Simulate Pressure) не активно.


Текстовой эффект матового стекла


Нажмите Enter.


Текстовой эффект матового стекла


Шаг 8


Дважды щелкните по слою "Обводка текста" для того что бы применить следующие стили слоя:


- Тень (Drop Shadow): Просто измените размер до 2.


Текстовой эффект матового стекла


- Тиснение (Texture): Измените Контур глянца на Перевернутый Конус, проверьте сглаживание. Кроме того, измените режим подсветки (Highlight Mode) на Яркий Свет (Vivid Light), и цвет Тени (Shadow Mode) на # 009d9e.


Текстовой эффект матового стекла


- Контур (Contour): Выберите перевернутый конус и проверьте сглаживание.


Текстовой эффект матового стекла


- Текстура (Texture): Просто выберите шаблон облака.


Текстовой эффект матового стекла


Вы должны получить:


Текстовой эффект матового стекла


Шаг 9


Нажмите клавишу (Ctrl) и сделайте щелчок левой клавишей мыши по миниатюре текстового слоя для того что бы сделать выделение, а затем нажмите клавишу Delete, чтобы избавиться от внутренней части наложения слоя.


Текстовой эффект матового стекла


Оставьте выделение текста активным и создайте выше всех слоев новый слой (Ctrl+Shift+N) и назовите его «Мягкая кисть». Измените режим смешивания слоя на Перекрытие (Overlay) и установите непрозрачность слоя до 50%. Установите основной цвет # 90eadc, возьмите инструмент Кисть (Brush) (B) довольно большого размера (около 100 пикселей), чтобы добавить несколько ярких точек над некоторыми частями текста. Старайтесь не добавлять слишком много точек, так как это разрушит первоначальный эффект.


Текстовой эффект матового стекла


Создайте еще один новый слой (Ctrl+Shift+N) поверх всех слоев и назовите его "Цвет кисти", а затем измените режим смешивания слоя на Цветовой Тон (Hue) с непрозрачностью до 20%. Установите основной цвет # eaddd6, используйте немного большую мягкую круглую кисть (около 150 пикселей), чтобы добавить несколько цветных точек. Цвет очень тонкий, но он добавит эффект глубины.


Текстовой эффект матового стекла


Шаг 10


Далее добавим форму в виде звезды. Для этого выберете инструмент Многоугольник (Polygon) (U).


Текстовой эффект матового стекла


Установите цвет переднего плана на # 7b7b7b. В панели параметров инструмента установите галочку на «Звезда» значение глубины лучей 50%.


Текстовой эффект матового стекла


Создайте форму звезды и дублируйте слой, установите Заливку (Fill) слоя до 0%.


Текстовой эффект матового стекла


Шаг 11


Дважды щелкните по оригинальному слою и примените следующие стили слоя:


- Тень (Drop Shadow): Измените цвет на # 686868, расстояние до 3, а размер в 3.


Текстовой эффект матового стекла


- Внутреннее Свечение (Inner Shadow): Измените цвет на # 737373, расстояние до 0 и размер 5.


Текстовой эффект матового стекла


- Тиснение (Bevel and Emboss): Измените метод тиснения на Жесткая огранка, глубина до 150, размер 14, Смягчение значение 3. Снимите флажок использовать глобальное освещение, и измените угол до 90, высота 30, Контур Глянца установить «По Гауссу», и проверьте, что бы стояла галочка на сглаживание. Кроме того, измените Режим подсветки на Перекрытие (Overlay), цвет на # ded9c6 и цвет Режима Тени на # 7b7b7b.


Текстовой эффект матового стекла


Почти такой стиль слоя мы применяли и к оригинальному слою с текстом, но с разными значениями размеров.


Текстовой эффект матового стекла


Шаг 12


Теперь дважды щелкните по копии слоя со звездой и примените следующие стили слоя:


- Внешнее Свечение (Outer Glow): Измените режим смешивания на Перекрытие (Overlay), цвет # a46000, и размер 3.


Текстовой эффект матового стекла


- Внутреннее свечение (Inner Glow): Измените режим смешивания на Перекрытие (Overlay), непрозрачность до 50%, шум на 50%, а также, цвет # cfad7b, техника для точного метода, размер до 10.


Текстовой эффект матового стекла


- Тиснение (Bevel and Emboss): Измените Методика Жесткая огранка, а глубина 150. Снимите флажок использовать глобальное освещение, измените угол до 110, высота 15, Контур Глянца установите на Глубокая Выемка, и проверьте, что бы стояла галочка на сглаживание. Кроме того, измените Режим подсветки на Яркий Свет (Highlight Mode), цвет на # ded9c6 и цвет Режима Тени на # 7b7b7b.


Текстовой эффект матового стекла


- Контур (Contour): Выберите Волнистый уклон и проверьте сглаживание.


Текстовой эффект матового стекла


- Текстура (Texture): Выберите металлический шаблон Змеиная кожа, а затем измените масштаб на 50%, а глубину до 20.


Текстовой эффект матового стекла


Текстовой эффект матового стекла


Шаг 13


Создайте новый слой (Ctrl+Shift+N) поверх оригинального слоя формы звезды и назовите его «Текстура звезды», измените режим смешивания для слоя на Жесткий Свет (Hard Light). Затем (Ctrl) + щелчок мыши по векторной маске, чтобы создать выделение.


Текстовой эффект матового стекла


Залейте выделение цветом # 8f7708, а затем нажмите (Ctrl+D), чтобы избавиться от выбора.


Текстовой эффект матового стекла


Установите цвет переднего плана на # 4e4400 и фоновый цвет # 8f7708. Пришло время применить фильтры для создания текстуры (как мы это делали в 5 шаге), измените значения, как показано на изображении ниже для каждого фильтра. Сначала Фильтр> Текстура> Мозаичные фрагменты (Filter> Texture> Mosaic Tiles):


Текстовой эффект матового стекла


Затем идем в Фильтр> Имитация> Губка (Filter> Artistic> Dry Brush):


Текстовой эффект матового стекла


Текстовой эффект матового стекла


Шаг 14


Далее перейдите на слой с оригиналом фигуры звезды. Затем выберите инструмент Стрелка (Direct Selection Tool) и сделайте выделение всего контура звезды. Далее скопируйте выделение (Ctrl+C), создайте новый слой (Ctrl+Shift+N) ниже слоя с оригиналом фигуры звезды и вставьте (Ctrl+V) скопированную область. Назовите слой «Обводка звезды».


Текстовой эффект матового стекла


Установите цвет переднего плана # 958938 и выберете круглую кисть 7 пикселей.


Текстовой эффект матового стекла


Снова перейдите на инструмент Стрелка (Direct Selection Tool) сделайте щелчок правой клавишей мыши по рабочему контуру, и выберете Выполнить обводку контура (Stroke Path). Удалите рабочий контур. Находясь на слое «Обводка звезды» щелкните по маске оригинального слоя формы звезды, для того что бы сделать выделение формы и нажмите клавишу Delete для удаления внутренней области сделанного выделения.


Текстовой эффект матового стекла


Шаг 15


Дважды щелкните по слою «Обводка звезды» и примените следующие стили слоя:


- Тень (Drop Shadow): Просто измените размер до 2.


Текстовой эффект матового стекла


- Тиснение (Bevel and Emboss): Измените Контур глянца (Gloss Contour) на Перевернутый конус галочка на сглаживание. Кроме того, измените Режим подсветки (Highlight Mode) на Яркий Свет (Vivid Light), и цвет Тени (Shadow Mode) на # 9e8e00.


Текстовой эффект матового стекла


- Контур (Contour): Выберите Перевернутый конус и проверьте галочку на сглаживание.


Текстовой эффект матового стекла


- Текстура (Texture): Просто выберите шаблон облаков.


Текстовой эффект матового стекла


Окончательное изображение


Текстовой эффект матового стекла


Да и еще! Вы можете использовать другие цветовые оттенки по вашему вкусу и получите удивительный эффект.


Удачи и приятного обучения!


Используемые материалы:


Текстура огня
Текстура стены
Шрифт «Atrox»

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Rose
Источник: Ссылка на источник скачиваний/переходов: 5




Рейтинг популярности: 2.7/5 (Всего оценок: 23)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей



В галерею
12.12.2012 12.12.2012  cobrastar

Спасибо, очень интересный эффект!


В галерею
03.07.2012 03.07.2012  мандаринка

Чудесный текстовый эффект))) Большое спасибо за урок!)))