|
| Lubashka | 29.09.2020 |
Текстурированный эффект текста | ||

В этом уроке вэб дизайна мы будем использовать основные стили и применять два фильтра для создания интересного текстурированного эффект текста.
Сложность: низкая
Время: до 30 минут
Навыки для «прокачки»:
- работа со стилями слоя
- работа с узорами и паттернами
- работа с фильтрами
Заключительный результат:

Ресурсы:
Шаг 1. Залейте фон цветом # 363636, затем введите текст, используя шрифт "Rockwell Condensed", размер (200 пикселей), а цвет текста # 362f2d.

Шаг 2. Дважды щелкните на текстовом слое, чтобы добавить стиль слоя (Add a layer style)
Тень (Drop Shadow):

Внутренняя тень (Inner Shadow):

Внутреннее свечение (Inner Glow):

Тиснение (Bevel and Emboss):

Наложение градиента (Gradient Overlay):

Нажмите "OK", чтобы вернуться на свой слой.
Шаг 3. Нажмите клавишу Ctrl и кликните на текстовый слой, чтобы создать выделение. Создайте новый слой выше слоя с текстом.

Шаг 4. Установите узор из раздела ресурсы. Выберите инструмент Заливка (Paint Bucket Tool) и измените тип заливки на Регулярный. Залейте выделение установленным узором.

Шаг 5. Перейдем Фильтр-> Эскиз-> Хром (Filter-> Sketch -> Chrome).

Шаг 6. И затем Фильтр-> Эскиз-> Полутоновой узор (Filter-> Sketch -> Halftone Pattern).

Шаг 7. Ну и наконец, изменим Режим смешивания слоя(Blend Mode) на Перекрытие (Overlay) и Непрозрачность (Opacity)на 45%.

Готово! Наш красивый текст готов! Применяйте наши уроки вэб дизайна для создания любых элементов на сайте: текста, иконок, кнопок и баннеров. Вы можете проделать то же самое и с другими узорами, все зависит от вашей фантазии.

Автор/Переводчик: Артеменко Любовь
Ссылка на источник: http://textuts.com/simplicity-text-effect/


(+3 баллов, 3 оценок)
