
Добро пожаловать в мир - уроки web дизайна. В этом уроке мы будем создавать блестящий текстовый эффект, используя стили слоя и применения некоторых фильтров.
Заключительный результат.
Текстуры кожи http://freepsdfiles.net/backgrounds/4-free-leather-textures/Шаг 1. Установим цвет переднего плана на # f8f400, а цвет фона # 131313. Затем перейдем в Фильтр-> Рендеринг-> Облака = Filter -> Render -> Clouds.

Затем перейдем Фильтр-> Эскиз-> Ксерокопия = Filter-> Sketch-> Photocopy. Установим значения Детализация = Detail 20, и Затемненность = Darkness до 25.

Далее перейдем Фильтр-> Размытие-> Размытие в движении = Filter-> Blur-> Motion Blur. Установите значение Угла = Angle до 65, а Смещение = Distance (999).

Создадим дубликат лоя
"Фон" и изменим Режим смешивания слоя = Blend Mode копии на Осветление основы = Color Dodge.
Шаг 2. Переходим в панель настроек Кисти, Окно-> Кисть = Window -> Brush. Откройте вкладку Форма отпечатка кисти = Brush Tip Shape:
Выберите одну из доступных кистей блесток, измените ее Размер = Size на 25 пикселей, а также Расстояние = Spacing до 35%.

Динамика формы = Shape Dynamics изменим Колебание размера = Size Jitter до 100%.

Рассеивание = Scattering изменим, Рассеивание = Scatter до 145%, Счетчик = Count 1, а Колебание счетчика = Count Jitter до 61%.
Шаг 3. Создадим новый слой и назовем его
"Линии", изменим Режим смешивания слоя = Blend Mode на Осветление основы = Color Dodge. Затем, возьмите инструмент Перо = Pen Tool, и нарисуйте линию (нажав, где вы хотите его начать и где вы хотите, чтобы она закончилась).

Убедитесь, что слой
"Линии" выбран, затем правой кнопкой мыши нажмите на линию (путь), которую вы создали, и выберите Выполнить обводку контура = Stroke Path.

Выберите инструмент Кисть = Brush из выпадающего меню, и поставьте галочку Имитировать нажим = Simulate Pressure.

Нажмите Enter, чтобы избавиться от пути.
Повторите это столько раз, сколько линий вы хотите.
Шаг 4. Напишем текст, используя цвет # 4e4e4. Шрифт, используемый в уроке
“Forte” и размер 300px. После того как вы написали свой текст, дублируйте этот слой и измените Заливку = Fill копии на 0.

Скачайте набор текстур, в разделе Ресурсы, в начале урока, и откройте черную текстуру (номер 2).
Перейдем Редактирование-> Определить узор = Edit -> Define Pattern и введите имя, вашему узору.

Дважды щелкните на оригинальный слой текста чтобы Добавить стиль слоя = Add a layer style, Наложение узора = Pattern Overlay. Измените Режим наложения = Blend Mode на Перекрытие = Overlay, выберите шаблон из выпадающего меню, а также изменим Масштаб = Scale на 25%.
Шаг 5. Теперь, дважды щелкните по дубликату текстового слоя, чтобы Добавить следующие стили слоя = Add a layer style
Тень = Drop Shadow. Изменим Смещение = Distance до 0, а Размер = Size до 13.

Внутренняя тень = Inner Shadow, изменим цвет Режима смешивания = Blend Mode на # 868686, Смещение = Distance до 0, а Размер = Size до 10.

Тиснение = Bevel and Emboss изменим Размер = Size до 9, снимите флажок Глобальное освещение = Use Global Light, изменим Угол = Angle до 70 и Высоту = Altitude до 20. Поменяйте Контур глянца = Gloss Contour, поставьте галочку в поле Сглаживание = Anti-aliased и измените, цвет Режим тени = Shadow Mode на # 737373.

designlessons.ru
Виджет на Яндексе: yandex.ru/?add=111794
Мы ВКонтакте: vk.com/designlessons
И в Твиттере: twitter.com/DesignLessons