Эффекты для текстов в photoshop

Создание RGB pattern (текстуры)

Залейте изображение черным цветом. Теперь выберите инструмент Rounded Rectangle Tool и установите настройки как на изображении:

Теперь увеличьте масштаб, чтобы было лучше видно Ctrl+. Далее щелкните по изображению – появится форма. Щелкните два раза по иконке слоя с формой на палитре слоев и установите цвет #ff4c22. Активируйте инструмент Move Tool, щелкните по левой линейке и потяните вправо – появится вертикальная направляющая. Разместите ее ровно посередине Вашей формы.

Теперь создайте дубликат слоя с формой Ctrl+J, поменяйте цвет дубликата формы на #1283f9. После этого, используя стрелку, переместите слой вправо на 9px. Далее, опять создайте дубликат теперь уже этого слоя, переместите его вправо и поменяйте цвет на #79f95a. Ну и, наконец, создайте последний дубликат, переместите его вправо и поменяйте цвет на #ff4c22. Создайте новую вертикальную направляющую и разместите ее посередине правой формы.

Удерживая клавишу Shift, щелкните по нижнему слою с формой и нажмите Ctrl+E, чтобы склеить слои. Теперь, используя инструмент Rectangular Marquee Tool, создайте область выделения, как на рисунке.

Для того чтобы создать текстуру нажмите Edit > Define Pattern и назовите его RGB.

Перевод текста в контуры

Текстовый слой, созданный в
программе, можно применить по-разному. Для некоторых задач гораздо удобнее иметь
дело не символами текста, а с созданными на их основе контурами. Текст может
быть легко преобразован в редактируемые контуры, так же как в программе
иллюстрирования. Затем готовые контуры можно обрабатывать по точкам и сегментам.
Преобразование в контуры используется при подготовке текстовых логотипов. Чтобы
текст можно было преобразовывать в контуры, он должен иметь атрибут
FauxBold
(Ложное полужирное) и
FauxItalic
(Ложное наклонное).

1.Выберите слой
New_Year.

2.Выберите
команду
ConverttoShape
(Преобразовать в контуры) в подменю
Type
(Текст) меню
Layer
(Слой). Текстовый слой преобразован в контурный. Задайте для него голубой цвет и
режим наложения
Lighten
(Осветление).

3.Инструментом
Path
Selection (Выделение
субконтуров) измените наклон и положение букв (рис. 13). Сохраните документ.

Рис. 13.
Контур, созданный на основе
текстового слоя.

Обязательно сохраните изображённое на рисунке состояние документа! На его основе
будет изучаться эффект слоёв.

Инструкция

Первый шаг

Откройте Иллюстратор. Создайте квадратный холст, со стороной около 4000-6000 пикселей. В примере мы будем работать с текстом, но вы можете брать что угодно: леттеринг, иконку или иллюстрацию.

Текст набран шрифтом Edmondsans.

Выделите ваше изображение и откройте меню Эффекты → Исказить и трансформировать → Огрубление… (Effect → Distort & Transform → Roughen…) Используйте наши настройки как пример, но не бойтесь самостоятельно экспериментировать со значениями для достижения наилучшего результата.

Не ставьте галочку в пункте Относительный (Relative) — результат получается странный.

Мы не стали делать эффект слишком выразительным — только чтобы показать неравномерную заливку чернил по краям штампа.

Теперь откроем наш макет в Фотошопе, чтобы добавить текстуру.

Добавляем текстуру

Резиновые штампы никогда не дают однородный отпечаток. Это, вместе с волокнами, из которых состоит бумага, создает симпатичную натуральную текстуру. Мы воспроизведем её, используя фотографию бетонной стены. Выемки и канавки на поверхности бетона отлично подойдут для нашего эффекта.

Вот такую текстуру мы выбрали на сайте Textures.com:

Как только вы определились с текстурой, запускайте Фотошоп и создавайте новый большой холст. Загружайте ваш макет через меню Файл → Поместить связанные… (File → Place linked…) и поместите текстуру бетона сверху. Зажмите Alt/Option и поместите курсор между слоями на вкладке Слои (Layers). Вы увидите такой символ:

Кликайте мышкой и слой с бетонной текстурой будет подрезан по границам текста:

Теперь нам нужно обесцветить текстуру бетона, используя инструмент Цветовой Тон/Насыщенность (Hue/Saturation). Вы можете найти его во вкладке Окно → Коррекция (Window → Adjustments) или по нажатию на иконку  в окне Слои (Layers). Установите Насыщенность (Saturaion) на -100.

Сейчас мелкие точки и вкрапления, которые должны создавать нашу текстуру штампа, являются темными участками в изображении. Нам нужно получить обратную картину, поэтому выберите Инвертировать (Invert) во вкладке Корректировки (Adjustments), и поместите этот слой поверх остальных.

Теперь добавьте слой Яркость/Контраст (Brightness/Contrast) из этой же вкладки. Установите значение Контраст (Cotrast) на 90, и поиграйте со значением Яркость (Brightness). Чем яркость больше, тем резче текстура.

Ваш макет должен выглядеть примерно так.

Тут вы можете остановиться, но мы добавим еще пару шагов, чтобы придать эффекту законченный вид.

Чернила имеют тенденцию собираться по краям резинового штампа. Это создает эффект внутренней тени. Чтобы добиться подобного эффекта, кликайте правой кнопкой на слое с текстом и выбирайте пункт Параметры наложения (Blending Options). Отметьте пункт Внутреннее свечение (Inner Glow) и выставите настройки как на примере ниже:

На этом скриншоте выключен эффект Инвертирование (Invert), чтобы вам лучше было видно влияние эффекта Внутреннее свечение (Inner Glow).

Завершаем работу

Включите опять ваш эффект Инвертирования, и вы готовы к финальному шагу. Вначале мы огрубили края нашего текста. Это было сделано для того, чтобы показать неравномерность заполнения чернилами краев штампа. Сейчас мы усилим этот эффект. Эту технику мы уже описывали в руководстве по созданию логотипа (картинка 16).

Выделите слой с вашим дизайном и откройте меню Фильтр → Размытие → Размытие по Гауссу (Filer → Blur → Gaussian Blur). Мы установили значение радиуса размытия в 6 пикселов, но вы можете скорректировать его, в зависимости от размеров вашего холста. Выберите значение по вкусу и с гордостью осмотрите полученный результат.

Смотрится отлично! Все, что вам остается — подготовить ваш файл для удобного использования. Сейчас у вас неудобная мешанина из слоев, и в нашем следующей статье мы покажем, как превратить её в удобный для многоразового использования action, так что подписывайтесь, чтобы не пропустить.

Вертикальный текст

Направление —
очень важный атрибут текстового слоя. Его, как правило, задают для нового слоя
выбором соответствующего текстового инструмента, но легко поменять и для уже
существующего. Это можно поменять путем нажатия кнопки

orientation
(Сменить направление текста). Здесь мы рассмотрим команду смены направления
текста с помощью меню.

1.        
Перейдите на слой

Choc
и выберите инструмент

Horizontal

Type
(Горизонтальный текст). В меню

Layer
(Слой) раскройте подменю Туре (Текст).

2.         В
списке команд управления текстом нас интересует пара команд

Horizontal
(Горизонтальный) и

Vertical
(Вертикальный). В данный момент активна команда

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

Vertical
(Вертикальный).

3.         Текст поменял
направление

Обратите внимание, что символы в колонке располагаются сверху вниз,
а сами колонки идут справа налево. Такое размещение текста характерно для
иероглифического письма

Smart-объекты и фильтры

Теперь необходимо применить различные фильтры к Вашим Smart-объектам. В предыдущем уроке «Эффекты в Photoshop: Как создать текстуру камня самому» я уже описывал некоторые достоинства Smart-фильтров. Smart-объект представляет собой группу слоев, к которым можно применять различные фильтры, стили и т.д. Причем все настройки Ваших манипуляций можно в любой момент изменить. Для этого можно просто дважды щелкнуть по Smart-объекту и он сразу откроется в отдельном окне для редактирования. Сразу после внесения изменений и закрытия окна, в основном документе произойдет обновление параметров. Но, вернемся к нашему уроку. Активируйте слой Размытие и примените фильтр Filter> Blur> Gaussian Blur с радиусом 20px. Затем примените Filter> Blur> Motion Blur с Angle 90 градусов и Distance 50 px. Наконец, как и раньше, примените стиль слоя Pattern Overlay.

Должно получиться следующее:

Теперь активируйте слой Текст. Примените фильтр Filter > Blur > Motion Blur с параметрами Angle 90 градусов и Distance 15 px. Также примените стиль слоя Pattern Overlay.

Должно получиться следующее: