Текстовый эффект: медовые соты
Нравится(+) +2 Не нравится(-)

Текстовый эффект: медовые соты - уроки фотошоп


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

Навыки для «прокачки»:

- заливка бесшовного паттерна
- работа с текстовыми объектами
- стили слоя
- заливки

Файлы для выполнения урока
Шрифт Anja Eliane (http://www.dafont.com/anja-eliane.font)

Создайте новый документ Photoshop 1200 * 900 пикселей, разрешение 72 пикс. Стили слоя (Layer style) работают правильно только для данного размера. Для других размеров нужно будет подбирать их самостоятельно.

Текстовый эффект: медовые соты - уроки фотошоп

Залейте нижний слой при помощи Заливки (Paint Bucket (G)) #eddbb9 цветом.
Примените Наложение градиента (Gradient overlay) к этому слою.

Текстовый эффект: медовые соты - уроки фотошоп

Введите текст. В нашем уроке это Anja Eliane шрифт, размер шрифта 260 пт.

Текстовый эффект: медовые соты - уроки фотошоп

Создайте новый пустой слой над текстом, залейте его паттерном "Соты" (Honeycomb). Меню Правка> Заливка> Узор ( Edit> Fill> Pattern). Паттерн можно загрузить из выпавшего меню, указав путь к месту сохранения файлов для данного урока.

Текстовый эффект: медовые соты - уроки фотошоп

Создайте копию созданного слоя. Сделайте один из дубликатов невидимыми, мы будем использовать его в будущих шагах.
Загрузите выделение текстового слоя: Выделение> Загрузить выделение  (Select> Load Selection). Следующий шаг,  Выделение>Инвертировать (Select> Inverse).
Сделайте активным видимый слой узора и очистите выделенную область вокруг текста, нажав значок маски.

Текстовый эффект: медовые соты - уроки фотошоп

Сделайте оригинальный текстовый слой невидимым.
Примените следующие Стили слоя (Layer style).

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Дублируйте слой с текстом и добавьте  несколько новых эффектов:

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Найдите невидимый слой с паттерном и поместите его выше всех текстовых слоев ("Background 3" на скриншоте) и создайте  еще один дубликат - " Background 4".
Установите Заливку (Fill)  = 0% и примените следующие эффекты к "Background 3":

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Активируйте "Background 4" и примените такие Стили слоя

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

Текстовый эффект: медовые соты - уроки фотошоп

И вот результат нашего урока веб дизайна!

Текстовый эффект: медовые соты - уроки фотошоп

Сайт: designlessons.ru

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

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

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

Информация
Автор / Разработчик
Автор не указан
Перевел
Автор перевода не указан
Сложность
Средняя
Источник
Добавил
Yara
Дата
15-01-2019, 19:36
Метки:  еще статьи

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

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

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

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

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

Ваш 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
Архив сайта
.