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

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

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

Собственно, данный урок является повтором этого, где я придал эффект тексту при помощи программы 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%.

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

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

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

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

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

В онлайн-фотошопе, имеющемся на нашем сайте, Вы можете самостоятельно обрезать фотографию, и, кроме этого, вырезать из фотографии участки простой и...
эффектный золотой текст с бриллиантами
В этом уроке, используя только стили слоя и некоторые простые настройки инструмента "Кисть" (Brush), мы создадим очень красивый эффект золотого...
Обработка фотографий онлайн
В семейном фотоархиве каждой семьи обязательно найдутся старые снимки, над которыми неплохо поработало время. Практически все они потускнели,...
Благодаря имеющимся на сегодняшний день бесплатным онлайн-редакторам создание фотоколлажей стало доступны практически любому пользователю интернета....

Комментарии


Аватар пользователя Vlad
Автор комментария: Vladот: 21/09/2017 - 21:12

Создаю всякие надписи и тексты с эффектами на gfto.ru много разных анимированных эффектов советую реально удобно.