Текстурированный эффект текста
Нравится(+) 0 Не нравится(-)

Текстурированный эффект текста - уроки фотошоп



В этом уроке вэб дизайна мы будем использовать основные стили и применять два фильтра для создания интересного текстурированного эффект текста.

Навыки для «прокачки»:
- работа со стилями слоя
- работа с узорами и паттернами
- работа с фильтрами

Заключительный результат:

Текстурированный эффект текста - уроки фотошоп

Ресурсы:

Узор


Градиент



Шаг 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%.

Текстурированный эффект текста - уроки фотошоп

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

Текстурированный эффект текста - уроки фотошоп

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Любовь
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
29-09-2019, 22:25
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 6 + 2 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 207.241.237.222
Последние уроки
Опубликовано 14-10-2019, 21:33
Опубликовано 13-10-2019, 20:50
Опубликовано 11-10-2019, 11:28
Опубликовано 7-10-2019, 20:00
Опубликовано 25-09-2019, 19:33
Опубликовано 24-09-2019, 18:42
Архив сайта
.