Текстовый эффект онлайн

С развитием информационных технологий Фотошоп онлайн всё стремительнее догоняют возможности обычного.

В этом материале я покажу, как в онлайн-Фотошопе создать простой креативный стильный, но при этом простой эффект для текста.

Собственно, данный урок является повтором этого, где я придал эффект тексту при помощи программы Adobe Photohop, а сейчас я сделаю то же самое, но уже в онлайне.

Вот как выглядит готовый результат:

текстовый эффект онлайн

Начнём.

1. Подготовка фона

Открываем Photoshop онлайн по этой ссылке и создаём новый документ 500 на 500 пикселей.

Берём инструмент "Градиент", выбираем вариант "Радиальный" и задаём ему цвета #717577 и #191918, на рисунке я показал последовательность кликов:

градиент в  онлайн фотошоп

Протащим градиент из центра в любой угол.
Немного оживим фон. В верхнем горизонтальном (это главное меню) меню нажимаем на вкладку Фильтр --> Оформление, в диалоговом окне задаём максимальное значение 25:

онлайн мозаика фильтр

Этот фильтр соответствует фотошоповскому фильтру "Мозаика" (Mosaic).

Инструментом "Обрезка" обрезаем нижнюю часть документа до высоты 175 пикселей. Размеры рамки обрезки можно посмотреть в панели "Навигатор", расположенной справа:

обрезаем картинку онлайн

Нажимаем клавишу Enter. С фоном всё. Можно сделать промежуточное сохранение файла, подробнее о сохранении фото онлайн рассказано здесь.

2. Вставка текста

Как сделать надпись на фото онлайн, подробно рассказано здесь. Вы можете использовать любые шрифты, имеющиеся в Вашем компьютере.

Выбираем текстовый инструмент (на левой панели иконка в виде буквы "А"), кликаем по документу, появляется диалоговое окно ввода текста и габаритная рамка. Вписываю в поле ввода нужный мне текст, задаю цвет (белый), размер (54) и стиль (жирный), с помощью мышки перемещаю рамку в документе в желаемое место:

написать текст онлайн

После того, как закончите со вводом текста,нажмите кнопку "Да", чтобы закрыть диалоговое окно.

Совет. В процессе работы, во избежание потери данных и результатов работы (например, если случайно закроете окно браузера) используйте промежуточное сохранение результатов. Подробнее о сохранении онлайн здесь.

3. Добавление градиента к буквам

В панели слоёв, расположенной справа, кликаем правой клавишей мыши по слою с текстом, в открывшемся меню нажимаем на строку "Растрировать слой". Зажимаем клавишу Ctrl и кликаем по миниатюре слоя, после чего в документе появится выделение по форме букв:

онлайн градиент на тексте

Создаём новый слой кликом по кнопке внизу панели слоёв, берём инструмент "Градиент", ставим опцию "линейный", цвета на чёрный и белый и протягиваем снизу вверх, как показано на рисунке оранжевой стрелкой. Если результат не понравился, протащите градиент ещё раз, только измените положение начала и конца протягивания. Вот примерно что должно получиться:

градиент букв эффект онлайн

Нажимаем Ctrl+D, чтобы снять выделение, либо Редактировать --> Отменить выделение.

4. Добавление объёма к тексту

Кликом по иконке внизу панели слоёв добавьте к тексту стиль слоя "Bevel" (Тиснение) со следующими настройками:

стили слоя онлайн

5. Глянец

Сделаем своеобразный глянец.Ещё раз, зажав Ctrl, кликните по иконке слоя с буквами (у меня он он после растеризации автоматически назвался называется "RuGraphics.ru") для получения выделения по контуру букв. Создайте новый слой.

От центра протащите бело-чёрный радиальный градиент:

онлайн надпись

Снимите выделение, нажав Ctrl+D.

Измените режим наложения слоя на Screen (Экран). Добавьте к слою слой-маску. Возьмите чёрную кисть, сделайте жёсткость 100%, зажмите Shift и кликните в трёх местах на тексте, как показано на рисунке синей стрелкой:

глянец

Можно уменьшить непрозрачность этого слоя до 60-80%.

Готовый результат:

текстовый эффект онлайн

Помощь сайту

Понравился сайт? Уроки оказались полезными? Поддержите проект, переведите небольшую сумму на оплату серверов и чашечку кофе автору сайта! Спасибо.
Перейти на страницу помощи

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Умение быстро устранить явные недостатки фотографии, подкорректировать готовое изображение или создать коллаж может пригодиться в любой момент. В...
В этом несложном уроке я расскажу, как с помощью кистей и встроенного текстового редактора Photoshop создать текст, состоящий из облаков. Для...
преобразование текста, не доступное при обычных режимах Photoshop
Из этого урока мы узнаем, каким образом в Photoshop можно производить манипуляции с текстом, не доступные для стандартных инструментов редактирования...
Онлайн редактор фотографий с полным набором функций Фотошоп-онлайн (Photoshop online) - это редактор фотографий и изображений, размещённый прямо на...