Главная
Все для дизайна - уроки фотошоп.
Войти / Регистрация
Забыл пароль?Регистрация
Photoshop
3D эффекты Анимация более 1 часа до 1 часа до 30 минут Имитации
Интерфейсы Коллаж Концептуальные Обработка фото Пейзаж Плакаты и фоны Элементы и текст Простые уроки Реальные объекты Реклама Ретушь и лицо Рисование силуэты, люди, здания Явления природы Сложные уроки Спецэффекты Средние уроки Трюки Фотошоп Фильтры Фотошоп с нуля Illustrator

Прозрачный/стеклянный эффект текста
Нравится(+) 0 Не нравится(-)

Прозрачный/стеклянный эффект текста - уроки фотошоп



Еще один интересный урок о том, как создать прозрачный эффект в Фотошоп. Вы можете применить его для создания стеклянных, ледяных и водных объектов!
Навыки для «прокачки»:
- работа со стилями слоя
- создание паттерна (бесшовной текстуры) для заполнения фона

Прозрачный/стеклянный эффект текста - уроки фотошоп

Создадим новый документ размером 1000 500 пикселей с разрешением 72 и белым фоном.

Прозрачный/стеклянный эффект текста - уроки фотошоп

Теперь мы сделаем интересный фон (при выполнении уроков веб дизайна очень важно, чтобы все элементы были тщательно продуманны). Итак, двойной щелчок по слою, чтобы добавить Стиль слоя (Add a layer style) Наложение градиента (Gradient Overlay):

Прозрачный/стеклянный эффект текста - уроки фотошоп

Должно получиться что-то вроде этого:

Прозрачный/стеклянный эффект текста - уроки фотошоп

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

Прозрачный/стеклянный эффект текста - уроки фотошоп

Добавим стиль слоя (Add a layer style) Внешнее свечение (Outer Glow): чтобы сделать изображение более контрастным.

Прозрачный/стеклянный эффект текста - уроки фотошоп

Прозрачный/стеклянный эффект текста - уроки фотошоп

Отлично, пришло время написать текст. В уроке используется шрифт Helios Black (270 пт), но вы можете использовать другой шрифт. Напишите что-нибудь в середине холста с помощью инструмента Горизонтальный текст (Horizontal Type Tool).

Прозрачный/стеклянный эффект текста - уроки фотошоп

Теперь установим Непрозрачность (Opacity) до 0% до, после чего добавим Стиль слоя (Add a layer style):

Тень (Drop Shadow):

Прозрачный/стеклянный эффект текста - уроки фотошоп

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

Прозрачный/стеклянный эффект текста - уроки фотошоп

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

Прозрачный/стеклянный эффект текста - уроки фотошоп

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

Прозрачный/стеклянный эффект текста - уроки фотошоп

Контур (Contour):

Прозрачный/стеклянный эффект текста - уроки фотошоп

Глянец (Satin):

Прозрачный/стеклянный эффект текста - уроки фотошоп

Обводка (Stroke):

Прозрачный/стеклянный эффект текста - уроки фотошоп

Прозрачный/стеклянный эффект текста - уроки фотошоп

Кроме того, добавим некоторые элементы для нашего прозрачного стиля текста. Для этого эффекта создадим новый документ размерами 5 5 пикселей и нарисуем крест линий с помощью инструмента Карандаш (Pencil Tool), как на картинке ниже:

Прозрачный/стеклянный эффект текста - уроки фотошоп

Затем перейдем Редактирование-> Определить узор (Edit-> Define Pattern) и сохраним его как шаблон. После этого вернемся к нашему основному документу и добавим Стиль слоя (Add a layer style) Наложение узора (Pattern Overlay):

Прозрачный/стеклянный эффект текста - уроки фотошоп

Прозрачный/стеклянный эффект текста - уроки фотошоп

Вот и все, наш текст готов! Интересный эффект получился, не так ли? Читайте наши уроки веб дизайна, а мы постараемся подобрать для вас только самое интересное! До встречи.

Прозрачный/стеклянный эффект текста - уроки фотошопИнформация
Автор / Разработчик
Автор не указан
Перевел
Автор перевода не указан
Источник
Источник не указан
Добавил
Lubashka
Дата
6-10-2019, 20:55
Метки:  Жалоба еще статьи

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

Прозрачный/стеклянный эффект текста
Социальне сети:
Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии

Комментариев нет...
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете


Последние уроки
Опубликовано 21-05-2019, 14:55
Архив сайта
Теги
.