Рубрика: Photoshop Уроки | Урок прочитали: 659
 (голосов: 0)

Создаём спортивный текст в Фотошоп

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

Детали урока:

Программа: Adobe Photoshop CS2 и выше
Уровень сложности: Средний
Время: 1-2 часа

Итоговый результат

Используемые материалы:

Шрифт - SF Sports Night
Узоры PAT

Шаг 1

Сначала создайте новый документ 600 х 400 пикселей в режиме RGB, 72 DPI с любым цветом фона. Установите загруженный шрифт и узоры.


Шаг 2

Создание фона. Первое что нам нужно сделать, это изменить фоновый цвет. Измените цвет переднего плана на # 111F2A, как показано на скриншоте ниже. Теперь нажмите комбинацию клавиш Alt + Delete и фон вашего документа зальётся выбранным цветом.

В том случае, если ваш фоновый слой заблокирован, щёлкните дважды по нему, в появившемся окошке введите название и нажмите ОК. А теперь настроим стили слоя. Самый быстрый способ вызвать  Окно настроек стилей это щёлкнуть дважды мышкой по слою. Второй вариант, нажать правой кнопкой мыши на слое и выбрать опцию Параметры наложения (Blending Options).  Используя скриншоты ниже, настройте стили и когда закончите, не забудьте нажать кнопку ОК.

Inner Glow - Внутреннее свечение
Bevel and Emboss – Тиснение
Gradient Overlay - Наложение градиента
Pattern Overlay - Перекрытие узора
Satin – Глянец

У вас должен получиться такой результат

Чтобы добавить окончательный эффект, дублируйте фоновый слой. Сделать это можно, нажав правой кнопкой мыши и выбрав опцию Создать дубликат слоя (Duplicate layer) или просто нажмите Ctrl+J. На копии мы применим только узор, поэтому нам необходимо очистить предыдущие стили слоя, которые скопировались от оригинала. Для этого идём в меню Слои – Стиль слоя – Очистить стиль слоя (Menu > Layer > Layer Style > Clear Layer Style) или просто тянем значок стилей на пиктограмму корзины внизу палитры слоёв. Теперь примените стили слоя и, когда вы закончите со всеми настройками ниже, не забудьте нажать кнопку ОК.

Запомните, дублированный слой должен быть выше оригинального слоя фона в палитре слоёв.

Шаг 3

Начнём создавать текст – MAGIC. Сначала сделаем первый текстовый эффект. Активируйте инструмент Текст (Type) и выберите шрифт SF Sports Night NS с размером около 158 пунктов и поставьте метод сглаживания Резкое (Sharp). Теперь введите текст примерно в центре изображения. Вы можете написать любое слово, но в этом уроке автор будет использовать "MAGIC". Как вы можете видеть, автор для буквы М, из группы шрифтов выбрал вариант SF Sports Night NS Alternate.

Теперь немного деформируем текст. Идём в меню Редактирование – Трансформирование – Деформация (Menu > Edit > Transform > Warp) и используем настройки как на скриншоте ниже.

Шаг 4

Настроим первый слой с текстом – MAGIC. Вызовите окно стилей слоя и используйте настройки, представленные на скриншотах ниже. Когда закончите, подтвердите изменения нажатием кнопки ОК. С помощью этого слоя будет создана тень от букв.

Drop Shadow - Тень

Шаг 5

Настроим второй слой с текстом – MAGIC. Для этого дублируйте предыдущий текстовый слой. Копия должна быть выше оригинала. Нам необходимо очистить предыдущие стили слоя, которые скопировались от оригинала. Для этого идём в меню Слои – Стиль слоя – Очистить стиль слоя (Menu > Layer > Layer Style > Clear Layer Style), второй вариант -  просто тянем значок стилей на пиктограмму корзины внизу палитры слоёв. Теперь откройте окно стилей слоя и используйте настройки ниже, для введения параметров стилей. Этот текстовый слой добавит основной эффект для текста.

 

Drop Shadow - Тень
Inner Shadow - Внутренняя тень
Outer Glow - Внешнее свечение
Inner Glow - Внутреннее свечение
Bevel and Emboss - Тиснение
Satin - Глянец
Color Overlay - Наложение цвета
Gradient Overlay - Наложение градиента
Pattern Overlay - Перекрытие узора
Stroke - Обводка

Шаг 6

Настроим третий слой с текстом – MAGIC. Дублируем слой с копией текста и этот дубликат должен быть выше копии в палитре слоёв. Снова очистите стили слоя на дубликате, как это делали раньше. Вызовите окно стилей слоя и используйте настройки ниже на скриншотах, для введения параметров стилей. Когда вы закончите со всеми настройками, не забудьте нажать кнопку ОК. Этот текстовый слой добавит ещё ряд эффектов в конечном результате.

Шаг 7

Начнём создавать текст - SAN DIEGO. Активируйте инструмент Текст (Type) и снова выберите шрифт SF Sports Night Н.С., с размером около 59 пунктов и поставьте метод сглаживания Резкое (Sharp). Теперь введите текст, где-то в центре изображения.  Вы можете написать любые слова, но автор выбрал - SAN DIEGO.

Теперь немного деформируем текст. Идём в меню Редактирование –Трансформирование – Деформация (Menu > Edit > Transform > Warp) и используем настройки как на скриншоте ниже.

Шаг 8

Настроим первый слой с текстом – SAN DIEGO. Откройте окно настроек стилей слоя и используйте настройки, как на скриншотах ниже. Подтвердите изменения нажатием кнопки ОК. С помощью этого слоя будет создана тень от букв.

Шаг 9

Настроим второй слой с текстом – SAN DIEGO. Для этого создайте копию предыдущего текстового слоя. Копия должна быть выше оригинала. Нам необходимо очистить стили слоя, которые скопировались от оригинала. Для этого идём в меню Слои – Стиль слоя – Очистить стиль слоя (Menu > Layer > Layer Style > Clear Layer Style), или  просто тянем значок стилей на пиктограмму корзины внизу палитры слоёв. Теперь откройте окно стилей слоя и используйте настройки ниже на скриншотах, чтобы применить параметры для каждого стиля. Этот текстовый слой добавит основной эффект для текста.

У вас должен получиться такой результат

Шаг 10

Добавим звезду. Активируйте инструмент Многоугольник (Polygon tool) и в верхнем меню настроек инструмента выберите опцию Пятиконечная белая звезда (5 Point White Star), где это находится, вы можете увидеть на скриншоте. Нарисуйте пока только одну звезду, дублированием мы займёмся позже.

Так же как и текст мы деформируем фигуру звезды. Идём в меню Редактирование –Трансформирование – Деформация (Menu > Edit > Transform > Warp) и используем настройки как на скриншоте ниже.

Шаг 11

Если посмотреть на финальное изображение, то вы заметите, что стиль звезды такой же, как у надписи – SAN DIEGO. Нам не нужно снова настраивать стили слоя, мы просто сохраним их с предыдущей надписи и применим к звёздочке. Как это сделать? Кликните дважды на верхнем слое надписи SAN DIEGO и откройте окно стилей слоя. В правой части этого окна нажмите кнопку Новый стиль (New Style). В появившемся окошке отметьте флажком оба варианта опций. Вы можете дать своё название этому стилю, а затем нажмите OK. Сделайте то же самое со вторым слоем текста SAN DIEGO. Автор дал названия свои стилям TOP и SHADOW.

После сохранения обоих стилей вы можете найти их в палитре стилей. В том случае, если палитра стилей у вас не видна, вы можете её открыть через меню Окно – Стили (Window> Styles). Теперь сделайте активным слой со звездой и кликните по стилю "SHADOW" в палитре стилей, чтобы применить его к фигуре. Дублируйте слой со звездой и примените к копии стиль "TOP". Слой с копией должен быть выше оригинала в палитре слоёв.

Теперь вы можете видеть окончательный эффект для звезды. Чтобы создать ещё одну звёздочку просто дублируйте слои, оригинал и копию, выделив их с зажатой клавишей Ctrl, и перейдите в меню Слои – Дублировать слои (Layer> Duplicate Layers). Переместите оба новых скопированных слоя вправо, масштабируйте и опустите немного вниз. Вам также нужно повернуть оба слоя примерно на 6 градусов, как это видно на финальном изображении.

Сделайте то же самое с третьей звездой, но на этот раз поворот для неё будет около 9 градусов.

Шаг 12

Кроме того, есть возможность изменить цвет  и сделать его темнее для первой звезды. Двойным щелчком по слою откройте окно настроек и в параметре Наложение цвета (Color Overlay) измените цвет.

Итоговый результат

Автор: Jan Stverak

Переводчик: Рыбка

           

Похожие файлы и публикации:

Создаём спортивный текст в Фотошоп
В этом несложном уроке автор расскажет, как создать старинный текст с блестящим, золотым эффектом.
Создаём спортивный текст в Фотошоп
Детали урока Программа: Adobe Photoshop CS2+ Сложность: Легкая Примерное время выполнения: 20 минут
Создаём спортивный текст в Фотошоп
В этом уроке вы узнаете, как создать мрачный текстовый эффект, используя стили слоя.
Создаём спортивный текст в Фотошоп
В этом уроке будет показано, как создать красивый текстовый эффект при помощи текстуры печенья и стилей слоя. Метод очень простой и не займёт больше 30 минут.
Создаём спортивный текст в Фотошоп
Нам понадобятся для урока такие материалы: Пальмовый лист Шрифт
Создаём спортивный текст в Фотошоп
В этом уроке вы узнаете, как совместить различные стили слоя и использовать фильтры, чтобы создать несложный призрачный эффект для текста.
Создаём спортивный текст в Фотошоп
Шаг 1. Создание фона Зайдите в меню File > New (Файл > Новый) и создайте новый документ 600 х 200px с белым фоном. Посмотрите на изображение ниже, если вы не уверены в настройках.
Создаём спортивный текст в Фотошоп
Детали урока Программа: Adobe Photoshop CS3+ Сложность: Легкая Примерное время выполнения: 30 минут
Создаём спортивный текст в Фотошоп
В этом уроке вы научитесь делать очень интересный, стильный эффект для текста. Говорить о нём можно очень много и долго, так как этот эффект нынче очень моден и часто используется как для дизайнерских текстовых надписей, так и для текста вообще. А пока одни будут ещё говорить, мы не тратя время даром, пожалуй, уже начнём урок! Вот собственно о чём пойдёт речь. Нравится? Тогда вперёд!
Создаём спортивный текст в Фотошоп
В этом уроке вы научитесь создавать уникальный, необычный текстовый эффект в виде стильного блокнота. Идея автору урока пришла после того, как он увидел подобную иконку, и решил создать такой текст, в котором вы можете использовать своё имя, например.
Создаём спортивный текст в Фотошоп
В этом уроке Вы узнаете, как создать стильный музыкальный мини плеер, используя векторные инструменты фотошоп и стили слоя.
Создаём спортивный текст в Фотошоп
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Создаём спортивный текст в Фотошоп
Ресурсы для урока: Фотография дерева Зимняя ветка Кора дерева Ворон Абстрактные кисти