Создаём объёмный металлический текст в Фотошоп. Текст объемный фотошоп


объемный текст в фотошопе

объемный-текстЯ нашел этот способ создания объемного текста в фотошопе на каком-то западном сайте, попробовал – мне понравилось, сейчас решил вспомнить и донести до тех, кто ходит сюда регулярно и всех остальных тоже.

Цвета, размеры, параметры указанные в примере подходят для данного случая, но способ применим и для других размеров и цветов, если понят принцип действий.

Текстово- картиночное описание подходит для уже более менее шарящих, для тех кто совсем начинающие, внизу есть видео версия.

1. Создаем новый документ. Я создал с теми параметрами что на скриншоте, естественно, возможные другие варианты размеров.

создаем-документ

2. Заливаем основной слой-подложку темно-серым цветом, например таким #333333: редактирование → выполнить заливку →  в верхнем выпадающем меню выбираем “цвет” → назначаем темно-серый → жмем ок. Либо можно просто выбрать цвет заливки, затем взять инструмент “заливка” (ведерко) и залить слой.

3. Создаем текст. Я для своего текста выбрал шрифт Myriad Pro Bold, цвет #FFCC00. Слова написал на разных слоях. Трансформировал их размер с помощью свободной трансформации (ctrl+T) до нужного соотношения между ними. Расположил их относительно друг друга.

нос-сумашедшего

4. Растрируем текстовые слои и объединяем их в один слой: удерживая  клавишу Shift выбираем нужные слои → жмем правой кнопкой → выбираем “растрировать текст”. Затем для объединения делаем то же самое но выбираем “объединить слои”.

растрировать-текстобъединить-слои

 

5. Слегка искажаем текст (наклоняем) с помощью свободной трансформации. Включаем трансформацию (ctrl+T) → удерживая ctr тянем за уголки.

текст-трансформация

6. Два раза кликаем по слою с текстом, в выпавшем окне стилей слоя задаем следующие эффекты: тиснение, глянец, наложение градиента. Цвета в тиснении (режим подсветка и режим тени) для этого случая: #FFCC66 и #DFA125.

стили-слоя-1

Цвет для глянца в этом примере #F3881F.

стили-слоя-2

Цвета для градиента использовались: слева светлый #F7F3A7, справа темный #F3881F.стили-слоя-3

7. Дублируем слой с текстом (ctrl+J). В дубликате убираем эффекты, просто перетащив их в корзину на панели слоев. Делаем цвет дубликата более темным – способов масса. Я сделал с помощью “кривых”. Изображение → коррекция → кривые → тащим кривую вправо мышкой как на скриншоте. Уменьшаем  насыщенность этого слоя: изображение → коррекция → цветовой тон / насыщенность → двигаем ползунок насыщенности влево до -40. Перетаскиваем этот слой под первый слой с текстом и эффектами.

кривые цветовой-тон_насыщенность

7. Перетаскиваем дубликат слоя который сделали в предыдущем пункте под первоначальный слой с текстом. Находясь на этом слое удерживая alt нажимаем поочередно стрелки курсора вниз и влево. При этом ниже создаются новые слои со сдвигом – получается как бы объем у букв.

сдвигаем-нижний-слойобъем-текста

8. Объединяем образовавшиеся слои  – удерживая shift выделяем все образовавшиеся слои( ниже первоначального слоя с текстом) → жмем правую и выбираем “объединить слои”.

9. Два раза кликаем по получившемуся слою и в выпавшем окне назначаем наложение градиента со следующими параметрами:

стиль-слоя-4

10. Дублируем этот слой. Правим его кривые (изображение → коррекция → кривые). Добавляем размытия (фильтры → размытие → размытие по Гауссу)

кривые-2размытие-по-гауссу

11. Получившийся темный размытый слой помещаем вниз, сразу над серым фоном и слегка сдвигаем на юго-запад.

с-тенью

12. Добавляем тени снизу букв (на слое с выпуклостью): на поверхностях которые с углами, делаем выделения с помощью полигонального лассо и используя инструмент “затемнитель” (экспонирование 50%) затемняем эти участки. На поверхностях без углов (круглые буквы) просто затемнителем делаем тени чисто интуитивно.

выделение-снизутени-снизу

Те кто не понял ни черта посмотрите видео о том как сделать объемный текст в фотошопе (ниже), вероятно будет легче освоить.

Оставляйте пожалуйста комментарии и вопросы!  Жмите пожалуйста на кнопки социальных сетей!

с уважением, Agor

Не в тему

Недавно ко мне в подземном переходе подошел молодой мужчина лет 30-ти, попросил сигарету. Я достал пачку вытащил для него одну. Он вдруг стал говорить – “слушай брат я на безнадеге дай две”. Я достал еще одну и поинтересовался – “это как “на безнадеге”? Пьешь чтоли?”. Он сказал – “слушай ну вообще на безнадеге, надо идти” – взял сигареты и скрылся. А я вспомнил роман Кинга “Безнадега”.

Непременно поделитесь с друзьями!

kopirka-ekb.ru

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

Из этого урока вы узнаете, как использовать стили слоя, чтобы создать красивый яркий ретро эффект текста. Затем, как использовать кисти, чтобы добавить блестки, и ретро-украшения в виде линий для фона.Заключительный результат.

Ресурсы:

Архив

Шаг 1. Установим цвет переднего плана # 424100 и цвет фона # 161400, активируем инструмент Градиент, затем проведем Ромбовидный градиент (Diamond Gradient) из центра документа к одному из углов.

Откроем изображение облаков и поместим его поверх фона с градиентом. Изменим размер изображения в соответствии с документом, и Режим смешивания слоя (Blend Mode)на Мягкий свет (Soft Light).

Шаг 2. Напишите  текст с помощью цвета # 47460e. Шрифт, используемый в уроке Marbold размер 250 пикселей. Вам нужно установить значение Трекинга (Tracking) примерно на  75, чтобы избежать дублирования.

Дублируем слой с текстом и установим Заливку (Fill) копии до 0%.

Дважды щелкните на оригинальный слой текста, чтобы добавить Cтили слоя (Add a layer style):Внешнее свечение (Outer Glow): Изменим Режим смешивания (Blend Mode)на Яркий свет (Vivid Light), цвет # fcfcfb, и Размер(Size ) до 16.

Внутреннее свечение (Inner Glow): Изменим Режим смешивания (Blend Mode)на Яркий свет (Vivid Light), цвет # fcfcfb, распространение свечения Из центра (Center) и Размер(Size )30.

Глянец (Satin): Измените Режим смешивания (Blend Mode) на Перекрытие (Overlay) и цвет на # 6f9ad0.

Наложение градиента (Gradient Overlay): Изменим Режим смешивания (Blend Mode)на Перекрытие (Overlay),Непрозрачность (Opacity) до 45%, Стиль (Style) Зеркальный (Reflected), и Масштаб (Scale) до85%

Это добавит приятный блеск, и оригинальность  слою с текстом.

Шаг 3. Дважды щелкните на слой копию текста, чтобы добавить Cтили слоя (Add a layer style) Тиснение (Bevel and Emboss): Изменим Метод (Technique) Жесткая огранка (Chisel Hard),Размер(Size ) до 20,Контур (Gloss Contour) Перевернутый конус (Cone – Inverted) и проверим галочку Сглаживание (Anti-aliased).Кроме того, изменим Режим подсветки(Highlight Mode) на Перекрытие (Overlay), его цвет на # e2e2e2, и цвет Режима тени (Shadow Mode)на # 7d7d7d.Если вы не знаете, как добавить контуры, можете посмотреть здесь.

Контур (Contour): Выберите Инверсия – по Гауссу(Guassian – Inverse)и проверьте галочку Сглаживание (Anti-aliased).

Это позволит добавить ретро-эффект, свечения.

Шаг 4. Создадим новый документ размером  20 х 64 пикселей с прозрачнымфоном. Используя гладкую круглую Кисть (Brush), создадим три черные точки разного размера. Перейдем Изображение-> Размер изображения (Image-> Image Size) и изменим размер документа до 5 х 16 пикселей.

Затем перейдем в меню Редактирование-> Определить кисть (Edit -> Define Brush Preset) и введем имя кисти.

Вернемся к исходному  документу, и откроем панель настроек кистей Окно-> Кисть (Window-> Brush). Динамика формы (Shape Dynamics), выберем Управление (Control): Направление (Direction) из выпадающего меню под Колебанием угла (Angle Jitter). Кроме того, убедитесь, что все остальные значения установлены на 0.

Шаг 5. Создайте новый слой между двумя слоями с текстом и назовите его “Обводка”. Установите цвет на # a7a400.

Щелкните правой кнопкой мыши на одном из текстовых слоев, а затем выберите Создать рабочий контур (Create Work Path).

Выберите инструмент Выделение контура (Direct Selection Tool), убедитесь, что слой “Обводка”, выбран (активный), затем правой кнопкой мыши на пути и выберите Выполнить обводку (Stroke Path).

Выберите кисть из выпадающего меню и снимите галочку Имитировать нажим (Simulate Pressure)

Это позволит создать простую обводку.

Шаг 6. Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в палитре слоев, и выберите Фотофитьтр (Photo Filter)

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

Создайте новый слой поверх слоя копии с текстом и назовите его “Искорки”, а затем измените Режим смешивания (Blend Mode) наЯркий свет (Vivid Light). Установите основной цвет на # f4edd3, и добавьте блестки кистями звезд, которые можете скачать в разделе Ресурсы. В принципе одной или двух будет достаточно, но вы можете добавить больше, если хотите.

Создайте новый слой под оригинальным  слоем с текстом и назовите его “Украшение”, затем измените Режим смешивания (Blend Mode) наЯркий свет (Vivid Light)и Непрозрачность (Opacity) до 70%.

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

И, наконец, создадим новый слой ниже фонового изображения (Layer 1) и назовем его "Ретро линии". Установите основной цвет на # 424100, и также используя  кисти из набора Ретро линии, добавим несколько линий, на фоне. Имейте в виду, что вы можете изменять размер кисти, так как вам нравится.

Это конечный эффект. Но вы можете посмотреть, следующий шаг, чтобы увидеть, как добавить некоторые интересные цвета , для того чтобы текст выглядел еще более близок к “Ретро”.

Шаг 7. Создайте новый слой поверх слоя "Искорки" слой и назовите его "Цвета". Измените Режим смешивания слоя (Blend Mode)на Цветовой тон (Hue).

Используя большую мягкую круглую кисть, добавьте несколько цветных пятен на текст. Этот метод добавляет приятный ретро или старинный  эффект. Цвета, используемые в уроке, # 00709e и # 960014, но вы можете попробовать другие цвета.

Если цвета выглядят очень ярко, вы можете уменьшить значение Непрозрачности (Opacity) слоя "Цвета" на 70%.

Вот что у нас получилось! Надеюсь, вам понравился этот урок.

(нажмите на изображение, чтобы увеличить)

Автор: TEXTUTS 

photoshop-master.ru

Создаём объёмный металлический текст в Фотошоп

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

Скачать архив с материалами к уроку

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

1. Создаём задний фон

Шаг 1

Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.

Шаг 2

Создайте новый документ, идём Файл - Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с задним фоном, продублируйте его, для этого идем Слой - Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

Шаг 4

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

Перейдите Слой - Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), выберите текстуру 'black_background.pat' из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

Шаг 5

Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

2.  Создаём текст

Шаг 1

Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

Примечание переводчика: метод сглаживания можно поменять в нижнем правом углу, в настройках шрифта.

Шаг 2

Далее, выберите инструмент Перемещение (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3

Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.

3. Применяем стилизацию к основному слою

Шаг 1

Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2

Мы будем работать со слоем ‘A01’. Перейдите Слой - Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

Шаг 4

Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.

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

Шаг 5

Далее, идём Слой - Стиль слоя – Глянец(Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.

Выберите контур ‘Cove – Deep’ из набора контуров.

Шаг 6

Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой - Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 7

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой - Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

4. Применяем стилизацию ко второму слою

Шаг 1

Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 2

Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой - Стиль слоя - Тиснение(Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

Шаг 3

Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

Шаг 4

Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой - стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

Шаг 5

Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.

Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.

Шаг 6

В этом заключительном шаге мы добавим немного глубины, чтобы сделать текст более выразительным. Примените стиль слоя Тень (Drop Shadow), используя следующие настройки.

Отличная работа, мы завершили урок!

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

Надеюсь, вам понравился этот урок, и вы сможете использовать полученные знания в своих проектах.

Автор: Enrique Elicabe

photoshop-master.ru

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

В этом уроке вы научитесь тому, как использовать смарт объекты, текстуры и стили слоя, в результате чего мы создадим объёмный 3D эффект для надписи в стиле ретро.

Результат урока

Детали урока

1. Создание фона

Шаг 1

Создайте новый документ 1000 x 700px. Внизу палитры слоёв кликните на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и выберите коррекцию Цвет (Solid Color).

Шаг 2

Используйте цвет #549094.

2. Создание текста

Шаг 1

Напишите текст прописными буквами, используя шрифт The Bold Font. Установите размер 200 пт., Трекинг (Tracking) 50 и Цвет (Color) #d3813f.

Шаг 2

Дайте название слою с текстом Text, нажмите на нём правой кнопкой мыши и выберите функцию Преобразовать в Смарт объект (Convert to Smart Object).

Шаг 3

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

3. Создание объёма

Шаг 1

Дублируйте копию текстового слоя Text copy, используя комбинацию клавиш Ctrl+J.

Шаг 2

Теперь, стоя на слое Text copy 2, нажмите клавишу со стрелкой вправо на клавиатуре один раз, а затем нажмите клавишу со стрелкой вниз один раз. Это нужно для того, чтобы переместить слой Text copy 2 на 1px вправо и на 1px вниз.

Шаг 3

Повторите действия с копированием текста и сдвигом копии ещё 12 раз, чтобы создать эффект объёма. Последний слой должен иметь название Text copy 14.

Шаг 4

Выделите все копии текстовых слоёв и зайдите в меню Слои > Упорядочить > Инверсия (Layer > Arrange > Reverse), чтобы изменить порядок слоёв для объёма.

Шаг 5

Уберите активность самого верхнего слоя Textcopy, а остальные текстовые копии объедините в группу Ctrl+G и назовите её Extrusion.

4. Создание верхних слоёв

Шаг 1

Переименуйте слой Text copy и назовите его Text Top. Дублируйте этот слой и измените для копии значение Заливки (Fill), установи её на 0%.

Шаг 2

Дублируйте слой TextTopcopy.

5. Применяем стили слоя

Теперь дважды кликните по слою Textcopy 2, внутри группы Extrusion, чтобы применить следующие стили слоя.

Шаг 1

Тиснение (Bevel and Emboss)

  • Глубина (Depth): 250
  • Размер (Size): 0
  • Снимите флажок в окошке Глобальноеосвещение (Use Global Light)
  • Угол (Angle): 123
  • Высота (Altitude): 45
  • Поставьте флажок в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode):
  • Режим наложения Экран (Screen)
  • Цвет (Color) # b5b5b5
  • Непрозрачность (Opacity) 100%
  • Режим тени (Shadow Mode):
  • Режим наложения Нормальный (Normal)
  • Цвет (Color) # 363636
  • Непрозрачность (Opacity) 100%

Шаг 2

Настроим стиль слоя Контур (Contour) со следующими настройками:

  • Контур: Полукруг (Contour: Half Round)
  • Поставьте флажок в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range) 100%

Шаг 3

Наложение цвета (Color Overlay)

Шаг 4

Щелкните правой кнопкой мыши по слою с применёнными стилями и выберите опцию Скопировать стиль слоя (Copy Layer Style).

Шаг 5

Выделите остальные слои в группе Extrusion, щелкните правой кнопкой мыши и выберите опцию Вклеить стиль слоя (Paste Layer Style).

6. Применяем стили к группе Extrusion

Шаг 1

Дважды щелкните по группе Extrusion, чтобы применить следующие стили слоя:

Настроим стиль слоя Тень (Drop Shadow)

  • Непрозрачность (Opacity) 35%
  • Смещение (Distance): 8
  • Размер (Size): 2

Шаг 2

Добавьте еще один стиль слоя Тень (Drop Shadow), нажав на значок + рядом с вкладкой. Используйте такие настройки для нового эффекта:

Тень (Drop Shadow) 2

  • Непрозрачность (Opacity) 35%
  • Снимите флажок в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 126
  • Смещение (Distance): 23
  • Размер (Size): 2

Шаг 3

Добавьте еще один стиль слоя Тень (Drop Shadow) с такими параметрами:

Тень (Drop Shadow) 3

  • Непрозрачность (Opacity) 5%
  • Снимите флажок в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 124
  • Смещение (Distance): 37
  • Размер (Size): 0

Таким образом получаем тень как на скриншоте.

7. Применяем стили к верхним слоям

Шаг 1

Дважды кликните по слою Text Top copy и примените стиль слоя Наложение узора (Pattern Overlay) с такими параметрами:

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Непрозрачность (Opacity) 35%
  • Масштаб (Scale) 50

Примечание переводчика: так как автор не дал файл узора, предлагаю использовать мой паттерн Zigzag, специально подготовленный для этого урока. Настройки масштаба варьируйте по вкусу.

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

Шаг 2

Дважды щелкните по слою Text Top copy 2, чтобы применить следующие стили слоя:

  • Выполнить обводку (Stroke)
  • Размер (Size) 1
  • Положение (Position) Внутри (Inside)
  • Цвет (Color) #fbf9ef

Шаг 3

Выполнить обводку (Stroke) 2

  • Размер (Size) 1
  • Положение (Position) Снаружи(IOutside)
  • Цвет (Color) #fbf9ef

Шаг 4

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Цвет (Color) #545454
  • Непрозрачность (Opacity) 35%
  • Смещение (Distance) 5
  • Размер (Size) 0

Шаг 5

Внутренняя тень (Inner Shadow) 2

  • Цвет (Color) #545454
  • Непрозрачность (Opacity) 35%
  • Смещение (Distance) 10
  • Размер (Size) 0

Шаг 6

Внутренняя тень (Inner Shadow) 3

  • Цвет (Color) #545454
  • Непрозрачность (Opacity) 35%
  • Смещение (Distance) 15
  • Размер (Size) 0

Таким образом мы добавили обводку и внутреннюю тень к тексту.

7. Добавление текстуры

Шаг 1

Поместите текстуру Background 7 из скачанного архива поверх всех слоев. По мере необходимости измените её размеры относительно вашего документа.

Затем измените режим наложения слоя на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 50%.

Шаг 2

Идём в меню Изображение - Коррекция - Цветовой тон /Насыщенность (Image > Adjustments > Hue/Saturation), затем меняем значение Насыщенности (Saturation) на -100.

Шаг 3

Идём в меню Изображение - Коррекция - Уровни (Image > Adjustments > Levels) и меняем значение теней на 35.

Вот и всё! Надпись готова!

Если вы хотите изменить содержание надписи, вот как это можно сделать быстро:

1. Дважды кликните по миниатюре слоя Text с оригинальным текстом

2. Измените текст в открывшемся документе

3. Идём в меню Изображение – Показать все (Image > Reveal All)

4. Перейдите в меню Файл - Сохранить (File > Save), затем Файл - Закрыть (File > Close).

Эффект будет применён к новому тексту!

Примечание переводчика: Будет проще и быстрее изменить текст, открыв смарт объект и после редактирования текста, при закрытии этого документа, подтвердить изменения.

Заключение

В этом уроке вы научились использовать смарт-объекты для создания текста и применения к нему объёма. Овладели навыками применения стилей слоя для того, чтобы создать ретро эффект в стиле 3D. И, наконец, вы научились работать с наложением текстур, чтобы завершить данный эффект.

Автор: Rose

photoshop-master.ru

Создаём объёмный металлический текст в Фотошоп

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

Скачать архив с материалами к уроку

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

1. Создаём задний фон

Шаг 1

Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.

Шаг 2

Создайте новый документ, идём Файл — Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с задним фоном, продублируйте его, для этого идем Слой — Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

Шаг 4

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

Перейдите Слой — Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), выберите текстуру ‘black_background.pat’ из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

Шаг 5

Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

2.  Создаём текст

Шаг 1

Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

Примечание переводчика: метод сглаживания можно поменять в нижнем правом углу, в настройках шрифта.

Шаг 2

Далее, выберите инструмент Перемещение (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3

Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.

3. Применяем стилизацию к основному слою

Шаг 1

Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2

Мы будем работать со слоем ‘A01’. Перейдите Слой — Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

Шаг 4

Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.

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

Шаг 5

Далее, идём Слой — Стиль слоя – Глянец (Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.

Выберите контур ‘Cove – Deep’ из набора контуров.

Шаг 6

Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой — Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 7

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой — Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

4. Применяем стилизацию ко второму слою

Шаг 1

Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 2

Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой — Стиль слоя — Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

Шаг 3

Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

Шаг 4

Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой — стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

Шаг 5

Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.

Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.

Шаг 6

В этом заключительном шаге мы добавим немного глубины, чтобы сделать текст более выразительным. Примените стиль слоя Тень (Drop Shadow), используя следующие настройки.

Отличная работа, мы завершили урок!

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

Надеюсь, вам понравился этот урок, и вы сможете использовать полученные знания в своих проектах.

Автор: Enrique Elicabe

itc-life.ru

Как сделать объемный текст в Фотошопе

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

Шаг 1. Подготовка паттерна

Вначале, откроем файл с блестками. Я использовал текстуру синего цвета. Затем создадим Паттерн. Нажимаем Редактирование > Определить узор (Edit > Define Pattern) затем нажимаем ОК и закрываем файл с текстурой.

Подготовка паттерна

Шаг 2. Создание документа

Создаем новый документ размером 860х640 px. Затем в качестве фона, переносим туда текстуру рисовой бумаги, которая также находится в материалах к уроку. Масштабируем ее так, чтобы она заняла все место в рабочем документе.

Создание документа

Шаг 3. Добавление текста

Создаем нужный текст размером 150 pt и цветом #B3BEC1. Используйте наиболее подходящий для вас шрифт.

После этого конвертируйте текстовый слой в Смарт-объект, для этого необходимо нажать правой кнопкой мыши в панели слоев по нужному слою и выбрать Преобразовать в Смарт-объект (Convert to Smart Object).

Добавление текста

Шаг 4. Наложение эффектов

Теперь нажимаем правой кнопкой по Смарт-объекту в панели слоев и выбираем самый верхний пункт Параметры наложения.

Там выбираем Тиснение (Bevel and Emboss) и выставляем следующие настройки:

  • Метод - Жесткая огранка (Technique - Chisel Hard)

  • Контур глянца – Двойное кольцо (Gloss Contour - Ring- Double)

  • Сглаживание ставим галочку (Anti-aliased)

  • Режим подсветки - Яркий свет (Highlight Mode - Vivid Light)

  • Непрозрачность - 100% (Opacity - 100%)

  • Непрозрачность тени – 50% (Shadow Mode - Opacity 50%)

Наложение эффектов

Шаг 5. Наложение эффектов

Затем добавляем эффект Контур (Contour) со следующими настройками:

Наложение эффектов

Шаг 6. Наложение эффектов

Добавляем Эффект Текстура (Texture).

  • Узор (Pattern) – Используем узор который мы сделали в первом шаге (текстуру с блестками).
Наложение эффектов

Шаг 7. Наложение эффектов

Добавляем эффект Наложение узора (Pattern Overlay) со следующими настройками:

  • Режим наложения – Яркий свет (Blend Mode - Vivid Light)

  • Узор (Pattern) - используем узор который мы сделали в первом шаге (текстуру с блестками)

  • Масштаб (Scale) - 10%

Наложение эффектов

Шаг 8. Наложение эффектов

Добавляем эффект Тень (Drop Shadow) со следующими настройками:

  • Режим наложения – Яркий свет (Blend Mode - Vivid Light)

  • Цвет (Color) - #FFFFFF

  • Непрозрачность (Opacity) - 100%

  • Смещение (Distance) - 2

  • Размер (Size) - 2

  • Шум (Noise) - 5

Наложение эффектов

Шаг 9. Наложение эффектов

Дублируем Смарт-объект, для этого в панели слоев нажимаем по слою правой кнопкой и выбираем Создать дубликат слоя (Duplicate Layer). После этого у нового слоя удалим все Эффекты, а для этого опять нажмем правой кнопкой по слою и выберем Очистить стиль слоя (Clear Layer Style).

Далее поместим наш новый слой под основной оригинальный текстовый слой и перейдем опять в панель Параметры наложения (Blending Options) и добавим Тень (Drop Shadow) со следующими настройками:

  • Режим наложение – Умножение (Blend Mode - Multiply)

  • Цвет (Color) - #000000

  • Непрозрачность (Opacity) - 20%

  • Глобальное освещение - Убрать галочку (Use Global Light)

  • Угол (Angle)  -45

  • Смещение (Distance) - 3

  • Размер (Size) - 8

  • Шум (Noise) - 5

Наложение эффектов

Шаг 10. Промежуточный результат

У вас должно получиться, что то похожее на картинку у меня. Мы уже близко к финальному результату.

Промежуточный результат

Шаг 11. Добавление корректирующего слоя

Создадим корректирующий слой Кривые (Curves), переместим его на самый верх в панели Слои. Сгруппировываем корректирующий слой вместе с верхним смарт-объектом, так чтобы корректирующий слой действовал только на него. Затем делаем кривую аналогично той, которая у меня.

Добавление корректирующего слоя

Шаг 12. Финальное изображение

Так как мы изначально из текста сделали Смарт-объект, то теперь мы легко можем его редактировать. Достаточно нажать по Смарт-объекту 2 раза и мы перенесемся к редактированию содержимого, там мы можем изменить текст.

После этого автоматически текст обновиться и на него наложатся все наши эффекты.

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

Финальное изображение

sveres.ru

Сделай объёмный текст в Фотошоп

В этом уроке вы узнаете, как создать глянцевый 3D текст в Фотошоп.

Шаг 1. Создаем документ размером  800х1000 пикселей разрешением 300 dpi. Есть три причины, почему мы выбрали такой большой размер документа. Во-первых, когда вы создаете что-то в Фотошопе и затем импортируете это в какой-либо проект, может понадобится отрегулировать размер изображения, а если исходный материал будет маленьким, то при увеличении он может сильно потерять в качестве.Во-вторых, при работе с большими изображениями мы можем уделить больше внимания мелким деталям.В-третьих, мы имеем больше свободного пространства для работы.

Шаг 2. Первое, что мы должны сделать, это создать букву. Я решил использовать шрифт Defeqto с сайта www.dafont.com.Я буду работать с буквой B, но вы можете использовать любую другую. Мне кажется, что глянцевый эффект будет лучше смотреться именно на таком шрифте.Кликаем правой кнопкой мышки по букве и выбираем Rasterize Type (Растрировать текст). Это даст нам возможность его отредактировать.

Шаг 3. (в этом шаге мы будем приводить в порядок букву, если это необходимо, конечно. Вы можете пропустить эту часть и сразу перейти к Шагу 6)Края шрифта немного грубоваты, давайте исправим это. Активируем Elliptical Marquee Tool (Овальное выделение) (M). Удерживая SHIFT, создаем выделение, чтобы оно повторяло форму верхней части буквы. Как видно на рисунке ниже, положение выделения не совсем правильно, поэтому кликаем правой кнопкой мышки по выделению и выбираем Transform Selection (Трансформировать выделение). Регулируем положения, как показано на скриншоте. Затем просто жмем DELETE, чтобы удалить выделенную часть. Благодаря этому, очертания буквы стали плавными, как мы и хотели.

Шаг 4. Также нам необходимо поправить внешние края, для этого создаем выделение как в предыдушем шаге и инвертируем его SHIFT+CTRL+I. Затем берем Eraser Tool (Ластик) (E) с Opacity (Непрозрачность) и Flow (Нажим) на 100%. Стираем лишние края.

Шаг 5. Активируем инструмент Pen Tool (Перо) (P) и создаем плавную кривую на углу буквы, как показано на фигуре 1. Жмем правой кнопкой мышки и выбираем Make Selection (Создать выделение). Убедитесь, что параметр Feather (Растушевка) установлен на 0.2 пикселя. Не оставляйте углы слишком жесткими и не делайте их слишком загругленными. Применяем эти действия к другим частям буквы, которым необходимы коррекция. На фигуре 3 показано,что получилось в итоге.

Шаг 6. Мы подошли к той части урока, в которой будем создавать эффект 3D с неоновым свечением. Переходим Edit - Transform - Free Transform (Редактирование - Трансформация - Свободная трансформация) (CTRL+T). Удерживая SHIFT+ALT+CTRL, тянем за правый угол вниз, чтобы деформировать букву в перспективе (фигура 1). Затем тянем один из боковых узелков к центру, как на фигуре 2.

Шаг 7. Теперь придадим тексту объемности. Берем инструмент Move Tool (Перемещение) (V), активируем слой с буквой, зажимаем клавиши CTRL+ALT и, появившейся двойной стрелкой, передвигаем букву вправо 18 раз, чтобы создать 18 копий. После этого, зажимаем CTRL и выделяем копии 8, 9 и 10, затем объединяем их комбинацией CTRL+E. Называем этот слой "СВЕЧЕНИЕ". Далее применяем к нему Image - Adjustments - Hue/Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность) (CTRL+U). Устанавливаем параметр Lightness (Яркость) на максимум.

Шаг 8. Затем выделяем копии 11-17 и объединяем их (CTRL+E), называем слой "ПЕРЕДНЯЯ ЧАСТЬ". Теперь выделяем копии 1-7 вместе с оригиналом и также объединяем. Называем слой "ЗАДНЯЯ ЧАСТЬ". Затем выделяем копию 18 и переименовываем ее на "ОФОРМЛЕНИЕ".

Шаг 9. Создаем новый слой "СИЯНИЕ" над слоем "ОФОРМЛЕНИЕ". Затем, зажимаем клавишу ALT и кликаем между этими двумя слоями. В результате, возле слоя "СИЯНИЕ" должна появиться маленькая стрелка направленная вниз, которая означает, что для этого применяется обтравочная маска. Активируем Rectangular Marquee Tool (Прямоугольное выделение) (M), создаем выделение ВСЕЙ буквы и заливаем его белым цветом Edit - Fill (Редактирование - Заливка). Далее берем Elliptical Marquee Tool (Овальное выделение) (M) и выделяем нижнюю часть буквы, как показано на фигуре 2. Жмем клавишу DELETE, чтобы удалить выделенную часть, как показано на фигуре 3. Теперь создадим слой-маску. Вы можете это сделать, кликнув на маленький прямоугольник с окружностью внутри внизу панели слоев Add layer mask (Добавить слой-маску). Активируем маску, кликнув по второму белому прямоугольнику на слое "СИЯНИЕ".

Берем Gradient Tool (Градиент) (G) от черного к белому, линейный, деактивируем опцию Reverse (Перевернуть), если она активна. Проводим градиентом от верха к низу документа и уменьшаем Opacity (Непрозрачность) слоя "СИЯНИЕ" примерно на 50-60%. Убедитесь, что ваша буква выглядит как моя.

Шаг 11. Нам необходимо, чтобы белая линия в центре светилась, но перед этим избавимся от той части слоя, которую мы не видим. Удерживая CTRL, кликаем на миниатюре слоя "ПЕРЕДНЯЯ ЧАСТЬ". Вы должны кликнуть именно на миниатюре, так как нам необходимо загрузить выделение слоя. После этого переходим на слой "СВЕЧЕНИЕ" (просто кликаем по нему) и жмем DELETE. Скройте слои "ПЕРЕДНЯЯ ЧАСТЬ" и "ОФОРМЛЕНИЕ" и вы увидите результат данных манипуляций. Снимаем выделение CTRL+D. Теперь перемещаем слой "СВЕЧЕНИЕ" в самый верх панели слоев. После этого, выделяем слои "ПЕРЕДНЯЯ ЧАСТЬ" и "ЗАДНЯЯ ЧАСТЬ" и объединяем их вместе (CTRL+E). Называем новый слой "ТЕЛО".

Шаг 12. Активируем слой "СВЕЧЕНИЕ" и кликаем на кнопку "fx" внизу панели слоев и выбираем Outer Glow (Внешнее свечение). Я хочу, чтобы свечение было бирюзового цвета. Устаналиваем размер свечения на 6 и цвет 00E1F5.

Шаг 13. Теперь сделаем углы буквы более плавными. Для этого, загружаем выделение слоя "ОФОРМЛЕНИЕ". Переходим Select - Modify - Contract (Выделение - Модификация - Сжать). Вводим 2 пикселя, затем инвертируем выделение SHIFT+CTRL+I. Перед тем, как мы продолжим, убедитесь, что активен слой "СИЯНИЕ". Теперь жмем DELETE, чтобы удалить лишнюю часть.

Шаг 14. Далее мы должны закруглить края отражения. Берем Pen Tool (Перо) (P) и создаем контур, как на фигуре 1. Когда вы примените эти действия ко всем углам, то получите то, что изображено на фигуре 2.

Шаг 15. Активируем слой "ОФОРМЛЕНИЕ" и кликаем на кнопку "fx" внизу панели слоев. В меню выбираем Inner Glow (Внутреннее свечение).

Шаг 16. Снова кликаем на кнопке "fx" и выбираем Create layers (Создать слои), в выскочившем окошке кликаем OK. Теперь стиль слоя с внутренним свечением находится на отдельном слое. Переименовываем его на "СВЕЧЕНИЕ КРАЕВ". Убедитесь, что ваши слои выглядят также, как и мои.

Шаг 17. Создаем слой-маску для слоя "СВЕЧЕНИЕ КРАЕВ" и жмем CTRL+I, чтобы изменить ее цвет на черный. Убедитесь, что ваша панель слоев выглядит также.

Шаг 18. Берем кисть (B) средней жесткости белого цвета размером около 100 пикселей с Opacity (Непрозрачность) на 100% и Flow (Нажим) на 15%.  Убедитесь, что цвета переднего и заднего планов установлены на черный и белый соответственно, если это не так, то нажмите клавишу D. Чтобы быстро сменить цвет с черного на белый, нажмите клавишу X. Кликайте кистью в тех местах, в которых белая окантовка должна быть видна. Можете также поэкспериментировать с параметрами кисти. Делайте это только в тех местах, где есть закругленные края, и совсем немного на жестких, как показано на фигуре ниже. Запомните, что у сияния должен быть источник света, а так как я сделал букву немного развернутой, то свет будет падать с левой стороны. Не делайте все углы светящимися, так как это будет выглядеть нереалистично.

Шаг 19. Теперь мы должны добавить немного отражений. Активируем слой "ОФОРМЛЕНИЕ", переходим File - Place (Файл - Поместить) и выбираем любое изображение, желательно высокого разрешения. Я использовал фото с цветами. Затем помещаем новый слой так как показано на фигуре 2.

Шаг 20. Если изображение преобразовалось в смарт-объект, кликните на нем правой кнопкой мышки и выберите Rasterize Layer (Растрировать слой). Теперь мы можем редактировать этот слой. Далее нам необходимо октрыть окно Hue/Saturation (Цветовой тон/Насыщенность). Image - Adjustments - Hue/Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность) или CTRL+U. Уменьшаем Saturation (Насыщенность) примерно до -95% или -90% и жмем OK. Теперь уменьшаем Opacity (Непрозрачность) до 20-25%.

Шаг 21. Создадим слой-маску для изображения, которое вы решили использовать в качестве отражения. После этого используем Gradient Tool (Градиент) (G) так же, как мы делали это в Шаге 10, но в этот раз проведите градиентом в верхней части буквы, чтобы маска была не полностью удалена.

Шаг 22. На этом можно закнончить, но вы можете продолжить, чтобы добавить больше деталей.Сейчас мы добавим небольшой симпатичный эффект. Я использовал рукописный текст с отсканированной мною книги. Импортируем его на рабочий документ через File - Place (Файл - Поместить). Если изображение стало смарт-объектом, растрируйте его. Располагаем изображение, как показано на фигуре 1. Полностью обесцвечиваем изображение с текстом SHIFT+CTRL+U. Теперь необходимо применить Levels (Уровни) (CTRL+L), чтобы остались только черный и белый цвета. Нам не нужны оттенки серого, поэтому открываем уровни Image - Adjustments - Levels (Изображение - Коррекция - Уровни) и передвигаем ползунок Highlights (Света) вправо и ползунок Shadows (Тени) влево до тех пор, пока на изображении не остануться только черный и белый, как показано на фигуре 3. Устанавливаем режим смешивания слоя на Screen (Осветление). Затем уменьшаем Opacity (Непрозрачность) до 70%.

Шаг 23. Продолжаем работать на слое с текстом. Загружаем выделение слоя "ОФОРМЛЕНИЕ" и сжимаем его на 2 пикселя, как мы делали это раньше через Select - Modify - Contract (Выделение - Модификация - Сжать). Затем Select - Modify - Feather (Выделение - Модификация - Растушевка), вводим 1 пиксель. Инвертируем выделение Select - Inverse (Выделение - Инвертировать) (SHIFT+CTRL+I) и дважды жмем DELETE. Выделение все еще активно, выделяем слой с изображением, которое мы использовали для отражения (то, которое с цветами) и снова дважды жмем DELETE. Сравниваем фигуру 1 и фигуру 2.

Шаг 24. Остальное за вами! На черном фоне буква выглядит неплохо! Если вы выберите темный фон, то вам необходимо будет добавить свечения на черные области, так как сделал это я. Повторяем Шаги 15-17, но в этот раз применяем все к слою "ТЕЛО".

Вариант переводчика:

Автор: bddesign 

photoshop-master.ru


Смотрите также