Главная >> Эффекты с текстом >> Металлический текст в стиле Ретро

Металлический текст в стиле Ретро

Автор: Виктория   
01.11.2010 00:00

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


Для успешного выполнения нам понадобятся:

Текстура пленки

Текстура для фона (Первое изображение)

 

Шаг 1

Создаем новый документ размерами 1200x1200 px. Пишем нужные нам буквы.

Create a Retro Metal Text poster in Photoshop

Шаг 2

Создаем новую папку (Layer>New>Layer Set) и называем её “Metal”. В этой папке мы разместим наши слой и металлическими кусочками.

Используя инструмент Rectangular Marquee Tool (Прямоугольное выделение), рисуем темно-серый прямоугольник (#333333), таким образом, чтобы он перекрывал часть логотипа.

Create a Retro Metal Text poster in Photoshop

Шаг 3

Продолжаем создавать разные по размерам и формам "боксы", каждый на новом слое (Ctrl+Shift+N или Layer>New>Layer), чтобы они покрыли весь логотип.

Теперь добавим несколько стилей для слоев. Идем Layer > Layer Style (Слой > Стиль слоя) и жмем Drop Shadow (Отбросить тень).

Create a Retro Metal Text poster in Photoshop

Дальше добавим Inner shadow (Внутренняя тень).

Create a Retro Metal Text poster in Photoshop

Теперь добавляем Bevel and Emboss (Скос и Рельеф).

Create a Retro Metal Text poster in Photoshop

И ещё добавим Gradient Overlay (Наложение градиента).

Create a Retro Metal Text poster in Photoshop

Нужно добавить все эти стили для каждого бокса.

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

Create a Retro Metal Text poster in Photoshop

Шаг 4

Теперь возвратимся обратно к форме лого, зажимает Ctrl и вибираем оригинальный логотип, это делается для того, чтобы выделить наше исходное изображение. Выбираем папку “Metal”, идем Layer>Add Layer Mask>Revel Selection (Слой > Добавить маску слоя > Показать выделение). Это добавит маску для папки, что поможет нам убрать лишние части боксов.

Create a Retro Metal Text poster in Photoshop

Шаг 5

Опять выбираем всю папку “Metal”, идем Layer>Merge Layer Set (Слой > Объеденить слои). Эта команда объеденит все слой папки в один.

Идем Layer>Layer Style и выбираем Bevel and Emboss (Скос и Рельеф). Это придаст некоторой угловатости всему изображению.

Create a Retro Metal Text poster in Photoshop

Шаг 6

Создаем новую папку и называем её “Rivets”. Используя Circular Marquee tool (Овальное выделение), создаем выделение 6x6 px и заполняем цветом #999999.

Create a Retro Metal Text poster in Photoshop

Идем Layer>Layer Style>Drop Shadow (Стиль > Стиль слоя > Отбросить тень).

Create a Retro Metal Text poster in Photoshop

Добавляем Bevel and Emboss (Скос и Рельеф).

Create a Retro Metal Text poster in Photoshop

Также Gradient Overlay (Наложение градиента). Это придаст форму нашей заклепке.

Create a Retro Metal Text poster in Photoshop

Create a Retro Metal Text poster in Photoshop

 

Шаг 7

Дублируя заклепку, используя для этого Ctrl+J, добавляем их столько, сколько необходимо в нашем лого.

Create a Retro Metal Text poster in Photoshop

Шаг 8

Теперь мы добавим текстуру, чтобы получилось более реалистично. Для этого используем тестуру пленки.

Размещаем текстуру на логотипе так, чтобы нам нравилось. Ctrl + клик на слое с оригинальным лого, чтобы выбрать его. Выбираем слой с текстурой и идем Layer>Add Layer Mask>Revel Selection (Слой > Добавить маску слоя > Показать выделение). Это сделает текстуру видимой только на лого. Меняем режим наложения слоев на Soft Light (Мягкий свет) и Оpacity (Непрозрачность) на 50%.

Create a Retro Metal Text poster in Photoshop

Шаг 9

Теперь добавим фоновую текстуру (первая картинка).

Открываем текстуру в Фотошопе, идем Image>Rotate Canvas>90 degrees CCW (Изображение > Повернуть холст > 90 градусов против часовой стрелки). Это переместит темную часть текстуры вниз. Идем Image>Image Size (Изображение > Размер изображения), меняем разрешение на 72 px/in и высоту на 1200 px.

Create a Retro Metal Text poster in Photoshop

Переносим текстуру в наш документ и размещаем над фоновым слоем.

Create a Retro Metal Text poster in Photoshop

 

Шаг 10

Добавим Pillow Emboss (Выпуклый рельеф) вокруг логотипа, чтобы он выглядел немного вдавленным и фон. Перво-наперво нам нужно дублировать логотип Ctrl+J и переместить его под исходный слой. Двойным щелчком на слое открываем Bevel and Emboss (Скос и Рельеф) и в выпадающем меню есть нужная функция.

Create a Retro Metal Text poster in Photoshop

Create a Retro Metal Text poster in Photoshop

 

Шаг 11

Используя кисть с брызгами краски (типа этой), добавим немного брызг на нашу картинку.

Меняем режим наложения слоев на Overlay (Наложение) и дублируем слой (Ctrl+J).

Create a Retro Metal Text poster in Photoshop

 

Шаг 12

Теперь добавим немного белого текста под логотипом. Добавим к тексту Drop Shadow (Падающая тень), пройдя Layer>Layer Style>Drop Shadow (Слой > Стиль слоя > Падающая тень).

Create a Retro Metal Text poster in Photoshop

Create a Retro Metal Text poster in Photoshop

Шаг 13

Добавим несколько финальных штрихов. Используя инструмент Square Marquee tool (Квадратное выделение), выделяем весь документ. Создаем новый слой, идем Select>Inverse (Выбор > Инверсия) и запоняем черным. Меняем режим наложения на Overlay (Наложение). Это придаст своеобразные черные грани.

Create a Retro Metal Text poster in Photoshop

Шаг 14

Сделаем центр нашего документа светлее. Выбираем инструмент Gradient tool (Градиент), используем цвета от белого к прозрачному и применяем градиент от центра к краям изображения. Оpacity (Непрозрачность) понижаем до 20%.

Create a Retro Metal Text poster in Photoshop

Шаг 15

Ну и наконец, идем Layer>New Adjustment Layer>Gradient Map (Слой > Новый слой настроек > Градиентная карта). Выбираем желтый и розовый цвета, ставим галочку возле Reverse. Понижаем непрозрачность до 20%.

Create a Retro Metal Text poster in Photoshop

А вот и результат.

Create a Retro Metal Text poster in Photoshop

 

P.S. Творческих Вам успехов.

 

Оригинал: denisdesigns.com

Перевод: Виктория

При копировании активная ссылка на сайт http://graphic-tutorials.ru/ обязательна!

Комментарии (19)


Показать/скрыть комментарии
...
И кстати чото плохо у тебя форма комментариев то работает... smilies/smiley.gif
bambino , 30-11-2010
...
Прикольный текстовый стиль. А на счет сайта у каждого свои всзляды
tyapa1111 , 27-01-2011
...
Еще с этими кистями, было бы вообще замечательно.
tipok , 09-02-2011
...
Хорошsmilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gifsmilies/grin.gif
Андрей , 27-02-2011
...
Классный урок. Очень понравилось. Хорошо хоть здесь с переводом.
MiKi , 02-03-2011
...
http://vkontakte.ru/id125014785#/id90894949 сделаю оброботку фотографии в фотошове за 2 голоса в контакте! писать в личку
мастер , 26-03-2011
...
Спасибо!Сложный и интересный урок.
Nataly , 13-04-2011
...
ничего не понял урок беспантовый(((((
Maksat , 10-05-2011
...
Yfhvfkyfz ajhvf rjvtynfhbtd)smilies/grin.gif И урок тоже хороший)smilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gif
Dave , 29-05-2011
...
А кстати через какой конструктор был создан этот сайт?)
Dave , 29-05-2011
...
можете описать с 1 по 4 шаг, у меня не получаете 4 шаг.
1 , 25-09-2011
...
Классный урок. Больше уроков на http://photoshop-manja.ru
photoshop-manja , 22-10-2011
...
Очень интересная информация! спасибо автору!
Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript , 27-10-2011
...
уроки по Adobe Photoshop cs5 +Photoshop Online
Кисти и т.д
На сайте: http://mir-photoshopa.ucoz.ru/
Roman-1111 , 15-04-2012
...
Очень понравился урок. Все расписано очень подробно. http:www.myrusweb.ru
ogonek48rus , 07-04-2013
...
Много хороших уроков есть ещё на этом сайте - http://psforce.ru
Razor , 29-06-2013
...
круто логотип, легко учебник Создание сайтов в Казани
Азат , 16-05-2015
...
asdsad , 17-04-2016

Написать комментарий

меньше | больше

busy