Tag archives: Текстовый эффект

Акварельный текстовый эффект в Photoshop CS5

4 827

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

Акварельный текстовый эффект в Photoshop CS5

Читать далее →

Перекрытие изображением текста в Photoshop CS5

2 328

Такой способ используется для создания журнальных обложек,и подобного.

И так...

Открываем фото.Пишем нужный тест.

Делаем копию основного слоя,берём инструмент Перо,ну или Лассо и обводим ту часть фото,которая должна перекрывать текст.

Жмём ПКМ и Образовать выделенную область(растушёвка ноль),копируем область на новый слой,перетаскиваем эту копию наверх

Вот и всё.

Точечный текстовый эффект в Фотошоп

1 872

Создаём новый документ белого цвета,каким-нибудь жирным шрифтом пишем текст,и сливаем слои вместе,Ctrl+E.
Применяем Фильтр-Оформление-Цветные полутона,значения:5-30-30-30-30.

Если понадобится,усиливаем эффект,нажав Сtrl+F.
Вот и всё...

Глянцевый текстовый эффект

1 232

Создаём документ произвольного размера.Берём инструмент градиент,настраиваем цвет,например от чёрного до тёмно-синего,радиальный,и проводим вертикальную линию.

Выбираем инструмент Текст,выбираем какой-нибудь простой шрифт,чтобы легко читаем был.Пишем текст.
Теперь клик ПКМ по тестовому слою и настраиваем Параметры наложения.

Цвет #afd3e2

Цвет #93c1d4

Цвета от #afd3e2 к белому.

Честно утащил здесь

Текст из фотографии

2 977

Тут всё просто,открываем фото,пишем текст.

Копируем основной слой и перетаскиваем его на верх.Жмём ПКМ и Создать обтравочную маску.
Отключаем нижний слой,трансформируем текст и получаем:

Анимация Переливающиеся буквы

3 678

Теперь делаем вот такую анимацию.

Photobucket

Photobucket

Создаём документ,заливаем градиентом и пишем текст.

Теперь новый слой Сtrl+Shift+N.Берём инструмент Градиент.

И заливаем.

Зажимаем Ctrl и кликаем по миниатюре текстового слоя.Появилось выделение,переходим на верхний слой(с градиентом) и добавляем ему слой-маску.
Отключаем видимость текстового слоя.

Убираем связь слоя с маской(нажав на значок цепи)
Выделяем миниатюру с градиентом,берём инструмент перемещение и перетаскиваем градиент влево.

Переходим в анимацию.Делаем следующий кадр и перетаскиваем градиент вправо.Создаём промежуточные кадры.
Ставим нужную задержку и сохраняем для Web.Вот и всё.

Photobucket

Photobucket

Вдавленный текст (Letterpress Text) в Фотошопе

12 872

Есть несколько способов сделать так называемый вдавленный текст (Letterpress Text).Используется в оформлении сайтов,да и прочего дизайна.Даже значки продуктов Adobe  выполнены в этом стиле.

В этом уроке покажу,как это делается.В принципе это легко.
И так...

Создаём новый документ нужного размера.Заливаем каким-нибудь цветом или градиентом.Пишем текст.И применяем параметры наложения:
Внутренняя тень и Наложение градиента.Настройки как на скрине,ну или свои применяйте.

Вот и всё.

И ещё можно применить Обводку.

3D text

1 065

Создаём новый документ нужного размера,заливаем чёрным цветом.Белым пишем текст.


Жмём ПКМ по текстовому слою и выбираем Растрировать текст.Теперь Ctrl+T и ПКМ,там выбираем Перспектива.

Копируем слой Ctrl+J и отключаем его видимость,теперь сливаем вместе видимые,нажав Ctrl+Shift+E.
Далее Фильтр-Размытие в движении,значения Угол минус 20 и дистанция 20-50.

Применяем Фильтр-Стилизация-Выделение краёв.Жмём Ctrl+I.

Включаем отключенный слой и снижаем непрозрачность.Инструментом Перемещение подгоняем надпись с лицевой частью 3Д слоя.Копируем этот слой и ещё снизив непрозрачность также совмещаем с задней частью.Вот и всё...

А эффекты дело фантазии:)

Ледяной текст в Photoshop

2 463

Как просто и быстро создать текстовый эффект,покажу в данном примере.

И так...
Создаём новый документ нужного размера.Заливаем чёрным.Белым цветом пишем текст.
Жмём ПКМ на слое и выбираем Растрировать текст.

Сливаем слои Ctrl+E.
Теперь Фильтр-Оформление-Кристаллизация,значение 2-3.

Теперь применим Размытие по Гауссу в один пиксель.
В меню Изображение-Image Rotate-90 градусов по часовой стрелке.

Далее применим Фильтр-Стилизация-Ветер.

Теперь поворачиваем против часовой стрелки в меню Изображение.
Нажимаем Ctrl+U,ставим галочку на Колоризацию и ставим значения 215-50-0.

Всё.

А можно ещё Фильтр-Искажение-Рябь применить,значение примерно +65.

Мрачный текстовый эффект в Фотошоп

1 559

Создаём новый документ,заливаем его чёрным цветом.
Белым цветом пишем текст подходящим шрифтом,готическим например.

Жмём ПКМ по текстовому слою и в параметрах применяем:

Открываем какую-нибудь текстуру,например такую:

Переносим на наш документ,Ctrl+A Ctrl+C Ctrl+V,распределяем по тексту Ctrl+T и жмём ПКМ по слою и Создать обтравочную маску.

Теперь в параметрах наложения применяем Внутреннее свечение.

Применяем Фильтр-Искажение-Стекло.

Сливаем все слои Ctrl+Shift+E.
Делаем копию слоя и применяем к нему Размытие в движении,90 градусов,степень 200.Режим на Осветление.
Всё...

Блестящий Текстовый эффект в Фотошопе

1 266

Вот такой текстовый эффект будем творить)

Создаём новый документ с чёрным фоном.Пишем текст.
Теперь зажимаем Ctrl и кликаем по миниатюре текстового слоя.

Переходим в палитру Контуры,и жмём на значок

Появится рабочий контур.
Ставим основной цвет белый.Теперь настраиваем Кисть.Если нет палитры кистей,жмём F5.

Создаём новый слой Ctrl+Shift+N,выключаем видимость текстового слоя.
В меню Контуры жмём ПКМ и выбираем Выполнить обводку,снимаем галку с Имитировать нажим и Ок.
Теперь ставим на кисть интервал 140%,рассеивание 600%,обводка с имитацией нажима.
Получается примерно так:

Жмём ПКМ по слою Контуры и выбираем Удалить контур.
Теперь жмём ПКМ по слою с кистями и в параметрах наложения ставим  Тень и Внешнее свечение.

Всё:

© SwaEgo

Текст в огне в Фотошопе

2 603

Вот такую штуку будем делать.

Открываем текстуру,например эту:

Белым цветом пишем чего-нибудь.
ПКМ по тестовому слою и в параметрах наложения применяем Внешнее свечение с такими настройками:

Внутреннее свечение,цвет e5c23b

Наложение цвета: cd7e2e
Глянец: цвет 872d0f

ПКМ по слою и Растрировать текст.Берём Ластик с большой мягкой кистью и убираем немного сверху букв.

Переходим в Фильтр-Искажение-Рябь,значение примерно 180-188.
Берём картинку с огнём,например эту:

В палитре слоёв переходим на Каналы и с зажатым Ctrl кликаем по красному каналу(если огонь с этой картинки).Появится выделение,копируем его Ctrl+C и вставляем на нашу картинку Ctrl+V.

С помощью Ctrl+T увеличиваем до нужного размера.
Теперь копируем слой с огнём и ставим режим Перекрытие и непрозрачность 50%,у первого слоя с огнём непрозрачность также 50% и режим Жёсткий свет(ну или так оставьте).

Переходим на верхний слой и нажимаем Ctrl+E(сливаем слои с огнём),теперь делаем 2 копии Ctrl+J,оба в режим Нормальный.
Теперь один слой перемещаем влево,другой вправо.Выбираем один и Ctrl+T-ПКМ и Деформация,ну и деформируем огонь как надо,затем с другим слоем то же самое.
Получается примерно так:

Есть у нас теперь на изображении видимые грани слоёв,надо их убрать.Для этого Ластик и мягкая кисть  200 пикселей и непрозрачность 50%,просто однократно пройдёмся по каждому слою.Главное чтобы буквы видно было.Ну и по самому первому слою с огнём.
Всё.

© SwaEgo

Простая анимация в Фотошоп

1 500

В данном примере покажу,как разнообразить текст,а именно просто добавить на него одну штуку.

PhotobucketPhotobucket

Открываем какую-нибудь картинку или фон(размер не более 300 по горизонтали,если надо уменьшите,Изображение-Размер изображения)) и пишем текст,применим Параметры наложения,тени,свечения и прочее,на своё усмотрение.(ПКМ по слою-Параметры наложения)

Дублируем этот текстовый слой Ctrl+J.
ПКМ на слое и выбираем Растрировать.Потом опять ПКМ и Создать обтравочную маску.
Опять ПКМ и Параметры наложения,там Градиент,настраиваем любой,например:

Теперь меню Окно-Анимация(ну или ImageReady)У нас есть один кадр,жмём кнопку на создание второго и отключаем видимость градиентового слоя.Кликаем Play.

Сохраняем для Web и устройств,формат GIF,Looping option:Forever.

Или такой вариант:Фон,написали текст,растрировали его,обтравочная маска.Потом новый слой Ctrl+Shift+N и белой мягкой кистью кликаем по первой букве.(можно этот слой с точкой перетащить между фоном и текстом,цвета добавить,включайте фантазию)Также заходим в анимацию,делаем второй кадр и инструментом Перемещение перетаскиваем точку на последнюю букву.Кликаем по первому кадру,жмём на кнопку Создание промежуточных кадров и ставим 5-8 кадров.Все кадры со значением 0 секунд.Ну и также сохраняем.
Photobucket
Photobucket

Принцип понятен,а всё остальное от фантазии зависит.
© SwaEgo

Абстрактный текстовый постер в Фотошопе

1 083

Вот такую штуку предстоит сделать.

И так...

Новый документ 800*800 пикселей с чёрным фоном.
Пишем текст и с помощью Ctrl+T размещаем его на документе.

Нажимаем ПКМ на слое с текстом и в параметрах наложения применим Внутреннее свечение.
Режим нормальный,непрозрачность 100%,шум 50%,градиент по своему усмотрению.Можно добавить обводку красного цвета в 3-4 пикселя.

Теперь новый слой,мягкая кисть 65 пикселей белого цвета и ставим точки одним кликом.
Потом новый слой и кисть 27,и так же ставим точки.

Теперь опять новый слой и разноцветными кистями разного диаметра ставим точки.

К этому слою применим Фильтр-Размытие в движении.

Копируем этот слой Ctrl+J ,применяем Фильтр-Искажение-Искривление.

И Размытие по Гауссу в 3 пикселя,заливка слоя 50%.
Напишем ещё текст и размещаем под основным текстом.Применяем Тень и Обводку.

Копируем слой с Искривлениями,с помощью Ctrl+T поворачиваем на 90 градусов и Фильтр-Размытие по рамке в 20 пикселей.

Теперь новый слой Ctrl+Shift+N,потом Ctrl+A.
ПКМ и выбираем Выполнить обводку,15 пикселей белого цвета.
Заходим в параметры наложения,и применим внешнее,внутреннее свечение и обводку.
Теперь слой в режим Перекрытие и смотрим результат....

© SwaEgo

http://swaego.ru/ps-actions/