Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Шаг 1
Перед тем, как мы начнём, загрузите шрифт SEGA. Этот шрифт нам понадобится для нашего урока, поэтому загрузите его в Photoshop. Создайте новый документ. Залейте первый слой чёрным цветом и назовите его “background”. Инструментом Горизонтальный текст
(Horizontal Type Tool) напишите любой текст, желательно квадратный, похожий на тот, что ниже. Убедитесь, что текст выровнен по левой стороне (иконка, обведённая красным цветом, сделает это). Теперь у вас фоновый слой и слой с текстом. Я использовал шрифт размером 100 pt. для слова “PSD” и размер 72 pt. для слова “TUTS”.


Стильный ретро текст


Шаг 2
Теперь изменим немного текст. Перейдите в меню Окно»Абзац (Window>Character). Поле, выделенное красным цветом, позволит вам настроить кернинг между буквами. Кернинг – это расстояние между буквами по отношению друг к другу. Когда вы выбираете текстовый инструмент и ставите курсор между двумя символами, вы можете настроить расстояние между ними.

Давайте изменим цвет текста на #e59710. Это хороший базовый оттенок, если вы хотите получить золотой текст. Мы можем растянуть текст инструментом Свободное трансформирование (Free Transform) или изменив размер символа. Текст верхней строки сделайте размером 280 pt., а нижней - 194,4 pt.

Теперь настроим кернинг. В режиме текстового инструмента кликните между буквами “P” и “S”, и установите значение кернинга (-55). Потом установите кернинг между буквами “S” и “D” (-40).


Стильный ретро текст


Шаг 3
Теперь добавим стили слоя. Нам нужно получить красивый золотой текст с чёткими краями и немного наклонённый. Внизу показаны настройки стилей слоя, используемых мною - Внутренняя тень (Inner Shadow), Внутреннее свечение (Inner Glow), Тиснение (Bevel and Emboss), Наложение градиента (Gradient Overlay):


Стильный ретро текст


Шаг 4
Нам нужно растеризовать слой. Сделайте копию слоя с текстом (всегда храните копию слоя, который вы собираетесь редактировать), потом создайте новый слой (Create New Layer) над копией и объедините эти 2 слоя (Ctrl+E). Если растеризовывать слой через меню сверху, то растеризуются также и стили слоя.

Теперь в растеризованном слое перейдите в режим Перспективы (Transform - Perspective), выберите правую верхнюю точку и, удерживая Shift, потяните её вверх. Также можете сделать то же самое с нижней точкой. Потом уменьшите текст в масштабе, чтобы избавиться от размытости.


Стильный ретро текст


Шаг 5
Сделайте копию искажённого слоя два раза. Поместите эти 3 слоя в новую группу “text”. Измените имена трёх слоёв в группе, как показано ниже. Используя стрелки на клавиатуре, сдвиньте нижний и средний слои, пока не получите результат, как на изображении ниже. Как вы видите, нижний слой должен быть дальше от верхнего слоя, чем средний.


Стильный ретро текст


Шаг 6
Выберите слой “mid” и установите Заливку (Fill) этого слоя – 0%. Потом примените стиль Наложение градиента (Layer Style - Gradient Overlay).


Стильный ретро текст


Шаг 7
Создайте новый слой (Create New Layer) над слоем “front” и назовите его "chrome grad". Сделайте выделение слоя “front”, выберите инструмент Градиент (Gradient Tool) и выберите в настройках градиент Chrome. Сделайте заливку, как показано ниже, потом установите Режим наложения – Мягкий свет (Blending Mode – Soft Light).


Стильный ретро текст


Шаг 8
Создайте новую группу слоёв и назовите её "soft flares", поместите эту группу над группой “text”. Внутри группы "soft flares" создайте новый слой (Create New Layer) "highlight flare”. Залейте слой чёрным цветом и примените фильтр Блик (Lens Flare Filter): тип линзы - 100mm Prime Lens с яркостью – 100%. Поместите свечение где хотите. Я поместил его в верхней части буквы “S” слова “TUTS”. Установите Режим наложения – Мягкий свет (Blending Mode – Soft Light) и сделайте копию этого слоя. Поместите второе свечение в другом месте, я поместил его между буквами “P” и “S”. Добавьте маску слоя к копии и сотрите кистью затемнённые места. При наложении двух чёрных слоёв становится заметно, что яркость понижается. Далее, чёрной кистью залейте прозрачные области двух слоёв, которые появились в результате вращения и изменения размеров бликов.


Стильный ретро текст



Шаг 9
Как вы видите на последнем скриншоте, обе группы “text” и “soft flares” были помещены в группу “psdtuts”. Давайте добавим отражение. Сделайте копию этой группы и растеризуйте её, как мы делали это ранее: создайте новый слой (Create New Layer) и объедите его с группой (Ctrl+E). Примените Отражение по вертикали (Transform - Flip Vertical) и поместите отражение под оригинальным текстом. Перейдите в режим Наклона (Transform - Skew) и подровняйте букву “T” так, чтобы она была на линии с оригинальной. К слою “reflection” добавьте маску слоя, кликнув на соответствующую иконку внизу палитры слоёв, потом, используя инструмент Градиент (Gradient Tool), от чёрного к белому, сделайте заливку, чтобы получить такой результат:


Стильный ретро текст


Шаг 10
Между слоем “reflection” и группой “psdtuts” создайте новый слой (Create New Layer) и назовите его “flare front”. Залейте его чёрным цветом и примените фильтр Блик (Lens Flare Filter): 50-300mm Zoom с яркостью - 100%. Расположите этот блик на подходящее место и установите Режим наложения – Линейный осветлитель (Blending Mode – Linear Dodge).


Стильный ретро текст


Шаг 11
Сделайте копию слоя “flare front”, установите Режим наложения – Осветление
(Blending Mode – Screen) и поместите его под группу “psdtuts” позади текста. Назовите этот слой “flare back”.


Стильный ретро текст


Шаг 12
Создайте новый документ размером 40x2 пикселей. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение на половину и залейте его чёрным цветом. Потом перейдите в меню Редактировать»Определить узор (Edit>Define pattern) и сохраните узор:


Стильный ретро текст


Шаг 13
Вернитесь в наш основной документ. Над слоем “background” создайте новый слой
(Create New Layer), перейдите в меню Редактировать»Заливка (Edit>Fill) и выберите узор, который мы создали. Установите Заливку (Fill) этого слоя – 0% и примените стиль Наложение цвета (Layer Style - Color Overlay): цвет - #dd04ad. Установите Непрозрачность (Opacity) слоя – 64%


Стильный ретро текст


Заключение:
Перейдите в режим Свободного трансформирования (Free Transform) и поверните полосы на 90 градусов. В режиме Перспективы (Transform - Perspective) потяните правую нижнюю точку, удерживая Shift, вниз, как мы делали это ранее. Сделайте то же самое с верхней левой точкой, но потяните её вверх.


Стильный ретро текст




Ссылка на источник урока

написал : PS fan

Hotela sdelat nadpis po tutorialu, no okoshki effektov takie malenkie, chto nichego ne vidno. recourse

---------------


написал : positive11

Как мы поняли, это Шаг 3.
Скорее всего, дело в том, что размер экрана не позволяет увеличить картинку достаточно сильно. Пройдите по следующей ссылке, чтобы открыть скриншот в новой вкладке: http://www.egraphic.ru/uploads/1255187876_3.jpg
Одиночный клик на картинке в новой вкладке активирует увеличеие и Вы всё увидите.

---------------


написал : Олег

На седьмом шаге не получилось сделать "chrome grad" как на фото ниже. У меня пустой слой. Ну и далее с бликами вааще "дрова". Полная непонятка. Жаль что в письмо нельзя добавить изображение, было бы понятней.

---------------


написал : positive11

Олег,

чтобы градиент лёг только поверх текста, нужно создать обтравочную маску (CTrl + Alt + G) для слоя градиента.
Вы можете залить изображение на любой хосинг и оставить здесь ссылку

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: