Пластиковый текст с помощью Стилей слоя

[Lo...]

Оригинал урока: ЗДЕСЬ ([Только зарегистрированные пользователи могут видеть ссылки])
Автор урока Steve Patterson
перевод: Lo...

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

Вот эффект, который мы собираемся сделать:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Давайте начнём.

Шаг 1. Откройте новый документ в фотошопе.

Первое что мы должны сделать, это открыть новый документ. Сделать это быстро поможет сочетание клавиш Ctrl+N. Это вызовет диалоговое окно, в котором вы сможете установить любой размер документа. Я создал документ размером 640x480 пикселей, как показано ниже:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Шаг 2. Заполните документ чёрным цветом.

Нажмите на клавишу D чтобы перезагрузить цвета Переднего и Заднего планов. Чёрный станет цветом Переднего плана, а белый - Заднего плана. Используйте клавиши Alt+Backspase, чтобы заполнить документ цветом Переднего плана, в нашем случае это чёрный цвет:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Шаг 3. Добавьте текст.

Выберите инструмент Type (Текст) в палитре инструментов, или нажмите клавишу Т для быстрого вызова инструмента Текст:

[Только зарегистрированные пользователи могут видеть ссылки]

С выбранным инструментом Текст, установите в панели опций нужный шрифт, я собираюсь использовать шрифт Helvetica (Black). Вы можете выбрать любой шрифт что есть у вас. Но имейте ввиду, что жирный шрифт более подходит для данного эффекта:

[Только зарегистрированные пользователи могут видеть ссылки]

Нажмите на клавишу Х на вашей клавиатуре, чтобы поменять цвет Переднего плана на цвет Заднего плана. То есть чёрный цвет на белый. Мы выберем другой цвет в стилях слоя, но в данный момент нам лучше всего подойдёт белый цвет. Я написал слово PLASTIC:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Измените размеры вашего текста если это необходимо, с помощью Свободной Трансформации (Ctrl+T). Вокруг текста появится выделение в виде рамки, потянув за один из уголков вы сможете увеличить размер текста. Для сохранения пропорций удерживайте нажатой клавишу Shift. Когда вас устраивает размер текста нажмите Enter, чтобы снять выделение.

Шаг 4. Выберите цвет для текста используя Стиль слоя Color Overlay (Перекрытие цветом).

Теперь, когда мы добавили текст к документу, мы начнём создавать наш пластиковый (или пластмассовый) эффект. Выберем для этого более подходящий цвет, для этого нажмём на иконку Стилей слоя в основании палитры слоёв похожую на букву f :

[Только зарегистрированные пользователи могут видеть ссылки]

Выберите из списка Стилей слоя Color Overlay:

[Только зарегистрированные пользователи могут видеть ссылки]

Это вызовет диалоговое окно Стилей слоя. Нажмите на цветной образец:

[Только зарегистрированные пользователи могут видеть ссылки]

Это вызовет диалоговое окно Color Picker, в котором выберите предпочтительный для вас цвет. Но выбирайте более лёгкий оттенок:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Нажмите ОК для выхода из диалогового окна Color Picker. Ваш текст окрасится выбранным вами цветом:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Я должен заметить, что технически мы не изменили цвет текста, несмотря на то что он теперь у нас другого цвета. Текст всё ещё имеет белый цвет. Мы просто перекрыли его новым цветом, используя Стиль слоя. Если бы мы отключили Стили слоя, то увидели бы что текст белый, как и был.

Шаг 5. Добавьте Внутреннюю тень к тексту, используя Стиль слоя Inner Glow.

Далее мы сделаем наш текст более трёхмерным, добавив внутреннюю тень. В стилях слоя у нас есть Inner Shadow, но мы не будем использовать его, так как там ограничено направление тени. Мы хотим чтобы текст был окружён тенью, и вместо использования готовой тени, создадим свой собственный стиль слоя, преобразовав Inner Glow в Inner Shadow.

Чтобы сделать это, нажмите на Inner Glow, в списке Стилей слоя, слева диалогового окна. Удостоверьтесь что вы щёлкаете непосредственно на словах, а не просто ставите флажок в графе. Потому что это всего навего включает эффект, а мы хотим доступ к вариантам эффекта, для этого мы должны нажать непосредственно на название:

[Только зарегистрированные пользователи могут видеть ссылки]

Средняя колонка диалогового окна измениться на Inner Glow:

[Только зарегистрированные пользователи могут видеть ссылки]

Чтобы изменить Inner Glow на Inner Shadow, мы должны изменить Режим смешивания (Blend Mode). Нажмите на стрелочку и измените в списке Режим смешивания со Screen на Multiply. Наша сияние теперь тень, или вернее будет тенью. Для этого мы сменим жёлтый цвет стоящий по умолчанию на более тёмный цвет. Я выбрал голубой цвет для текста, поэтому для тени я выберу тёмно-синий цвет. Уменьшим Opasity (Непрозрачность) до 50%, чтобы цвет был не слишком интенсивен. Убедитесь что в графе Sourse (Источник) выбран Edge (край, кромка), и наконец увеличьте размер тени приблизительно до 13 пикселей.

Текст выглядит теперь примерно так:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

[Lo...]

Шаг 6. Примените Стиль слоя Bevel and Emboss.

Далее мы добавим к тексту Стиль слоя Bevel and Emboss. Щёлкните на название Bevel and Emboss в левой колонке диалогового окна. Удостоверьтесь что вы именно щёлкнули, а не поставили галочку:

[Только зарегистрированные пользователи могут видеть ссылки]

Средняя колонка диалогового окна изменится на Bevel and Emboss. Первое что мы сделаем это изменим Gloss Contur. Нажмите на стрелочку, указывающую вниз:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Затем нажмите на стрелочку, указывающую вправо (в верхнем углу всплывшего списка контуров)

[Только зарегистрированные пользователи могут видеть ссылки]

Затем выберите Conturs (Контуры) в нижней части появившегося списка, чтобы загрузить новый набор контуров, которые не загружены по умолчанию:

[Только зарегистрированные пользователи могут видеть ссылки]

Фотошоп спросит вас, не хотите ли заменить оригинальные контуры новыми, или хотите добавить новые к основному списку. Нажмите Append (Добавить):

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Вы увидите новые контуры добавленные к основному списку. Чтобы увидеть формы контура, нажмите ещё раз на стрелку в правом верхнем углу и выберите из списка Larde List, чтобы увидеть предварительный эскиз контура и его название:

[Только зарегистрированные пользователи могут видеть ссылки]

Теперь, когда мы видим фактическое название каждого контура, прокрутите список до тех пор, пока не увидите контур под именем Ring-Triple, щёлкните на нём дважды чтобы выбрать из списка:

[Только зарегистрированные пользователи могут видеть ссылки]

С выбранным контуром Ring-Triple изменим остальные параметры Bevel and Emboss:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Мои параметры настроек указаны выше на скрине. Возможно вы измените свои параметры в зависимости от выбранного шрифта и размера текста.
Я установил Depth 131%
Size (Размер) 18 пикселей
Angle (Угол) 120 °,
Altitude (Высота) 60 °,
Установил флажок в графе Anti-Aliased
Увеличил до 100% Opasity (Непрозрачность) в Highlight Mode Opasity
И уменьшил Opasity (Непрозрачность) в Shadow Mode Opasity до 0%.

Вот что получилось:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Шаг 7. Примените стиль слоя Contur.

Нажмите на Contur, слева в диалоговом окне, ниже слов Bevel and Emboss:

[Только зарегистрированные пользователи могут видеть ссылки]

Средняя колонка диалогового окна Стилей слоя изменится на вариант Contur. Мы собираемся использовать другой контур из тех что загрузили минуту назад. Нажмите на стрелочку указывающую вниз, Справа от предварительного просмотра контуров:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

На сей раз из списка выберите Shallow Slope-Valley. Дважды щёлкните на этом контуре, чтобы выбрать его из списка:

[Только зарегистрированные пользователи могут видеть ссылки]

Вы можете настроить блестящий эффект как вам нравится, перетягивая ползунок Rande вправо или влево. Я установил примерно 85%:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Вот мой текст после добавления Стилей слоя:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Нажмите ОК для выхода из диалогового окна.

Шаг 8. Продублируйте Слой с текстом.

Нажмите Ctrl+J чтобы продублировать текст, теперь у вас два слоя с текстом в палитре слоёв:

[Только зарегистрированные пользователи могут видеть ссылки]

Теперь нажмите на оригинальный (первоначальный) текст в палитре слоёв чтобы выбрать его, так как мы будем работать с оригиналом а не с его дубликатом:

[Только зарегистрированные пользователи могут видеть ссылки]

Шаг 9. Добавьте Stroke к тексту.

С выбранным оригинальным текстом нажмите на иконку Стилей слоя в основании палитры слоёв, и выберите Stroke (Штрихи):

[Только зарегистрированные пользователи могут видеть ссылки]

В средней колонке увеличьте Size (размер) до 6 пикселей:

[Только зарегистрированные пользователи могут видеть ссылки]

И нажмите на цветной образец, чтобы выбрать новый цвет для стиля Stroke:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

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

[Только зарегистрированные пользователи могут видеть ссылки]

Нажмите ОК, чтобы выйти из диалогового окна.

[Lo...]

Шаг 10. Примените стиль Bevel and Emboss к Stroke.

Переключитесь назад к Bevel and Emboss, нажав на слова в левой части диалогового окна Стилей слоя:

[Только зарегистрированные пользователи могут видеть ссылки]

Средняя колонка диалогового окна изменится на Bevel and Emboss. Мы хотим применить этот стиль слоя непосредственно к Stroke, поэтому нажмите на стрелочку Style и выберите из списка Stroke Emboss:

[Только зарегистрированные пользователи могут видеть ссылки]

Мы почти всё сделали. Ещё раз нажмите на стрелку справа от контура, и из списка выберите Shallow Slope-Valley. Дважды щёлкните на нём:

[Только зарегистрированные пользователи могут видеть ссылки]

Установите в окне Bevel and Emboss праметр Shadow mode Opasity до 40%:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Наконец установите Depth 41%, Size (Размер) увеличьте до 24 пикселей, пока не увидите что Stroke и текст не объеденились.

Нажмите ОК если результат вас устраивает. И вот окончательный пластмассовый эффект:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

[AnnV]

Лариса спасибо, мне очень понравился этот текст (видела его на другом сайте,но как-то не было времени). Вот что у меня вышло
[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])
На прозрачном фоне выложу в надписи.

[Inmira]

А я что-то опять зависла;(

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])
До этого шага все нормально, а дальше по уроку вообще не выходит:confused:
Получается мало-мальски приемлемо, только, если такой контур оставить:confused:

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])
Спасибо)))

[Lo...]

Inmira,
До этого шага все нормально, а дальше по уроку вообще не выходит
Получается мало-мальски приемлемо, только, если такой контур оставить
Номер шага какой? 10? У меня просто нет возможности и времени перечитывать урок и сравнивать ваш скрин с тем что я делала. И когда делаете скрин, палитра слоёв должна быть обязательно.
Проверьте на каком слое вы делаете контур.

[Inmira]

Да, 10й. Я попробую все переделать, а то я что-то удаляла, что-то дублировала, уже и не понять, где какой слой(((
Спасибо)))

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Только так выходит, а если угол менять, то почему-то и весь текст меняется , даже на копии (я ее и невидимой делала, и замочек ставила...все-равно:confused: )
Спасибо:klan

[Lo...]

Inmira,
После того как вы сделали дубликат, он у вас становится верхним слое. А контур вы добавляете на нижний оригинальный слой.

[Inmira]

Я так и делала. Но добиться того , чтоб Stroke и текст не объеденились. никак не выходит... Может, шрифт другой надо?
Спасибо)))
Ой, все получилось)) не совсем хорошо, но приемлемо:) . Я добавила пустой слой, объединила его с дубликатом, и текст на дубликате перестал меняться при работе с оригинальным изображением)))

[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

Спасибо огромное:klan Замечательный урок:)

[Lo...]

Inmira,
Что вы имеете ввиду под словом объеденились? Вы полагаете что слои должны слиться? Автор имеет ввиду что Stroke и текст будут просто плотно прилегать друг к другу в документе, а не смотреться разнородными частями.

[Inmira]

Именно этого я и пыталась добиться, чтоб смотрелось однородно... Я уже понимаю, что слои сами собой не сольются:)
Еще раз Спасибо))))

[Ю-лия]

Хороший урок, мне очень понравился.
Вот первая проба, а пластиковый алфавит выложила в надписях.
Что мне особо понравилось-это возможность менять цвет даже в конце работы.
[Только зарегистрированные пользователи могут видеть ссылки] ([Только зарегистрированные пользователи могут видеть ссылки])

[pink-satin]

Скажите пожалуйста, а в конце урока можно ли объединить все слои? И как сделать так, чтоб было только слово без фона? Фон можно удалить?
Заранее спасибо!

[nemka1]

pink-satin
а почему нет?фоновый слой в самом низу,создаёте новый слой и работаете на нём,потом удалить фон,и сохранить работу в пнг:confused:

[Настусичка]

Вот такой пластиковый текст получился у меня

[Только зарегистрированные пользователи могут видеть ссылки]

[myborkova]

Интересный урок, спасибо!!!

[Только зарегистрированные пользователи могут видеть ссылки]