Создаем металлический текст в Фотошопе

В этом уроке  мы научимся создавать надпись на металле. Урок прост, не отнимет у вас много времени и не потребует специальных навыков. Зато если вы новичок, вы узнаете полезные вещи о стилях слоя, работе с текстурой, применении режимов наложения и др. Надеемся полученные навыки будут вам полезны!

 

 

Финальный результат

Исходники

Нам также понадобятся контуры. Посмотрите как их установить здесь.

Шаг 1

Создайте новый документ размером 800 x 461 px. Разместите в документе текстуру дерева “Dark Wood Teture”.

Убедитесь что активна опция Snap/Привязка (View > Snap / Просмотр > Привязка). Активируйте линейки: View > Rulers / Просмотр > Линейки. Теперь кликните по горизонтальной линейке и потяните вниз, чтобы создать горизонтальную направляющую.

Перетащите направляющую в центр документа. Она должна «приклеиться» посредине.

Шаг 2

Возьмите инструмент Rectangle Tool / Прямоугольник, и в меню настроек кликните по иконке “geometry settings” / «настройки геометрии». Включите опцию From Center / Из центра.

Подведите мышь в центр документа (на направляющую), затем кликните один раз и введите параметры 490 x 255 px для создания прямоугольника.

Укажите прямоугольнику цвет #adadad.

Возьмите инструмент Add Anchor Point Tool / Добавить опорные точки. Кликните по середине каждой из вертикальных сторон, чтобы добавить точки.

Инструментом Direct Selection Tool / Прямое выделение кликните и потяните так, чтобы выделить обе только что созданные точки.

В меню выберите Edit > Transform Points > Scale / Редактировать > Трансформировать точки > Масштабирование. Затем зажмите клавишу Alt/Option и потяните в сторону за один из внешних манипуляторов.

Теперь так же потяните манипулятор вверх.

Когда вы будете довольны результатом, нажмите Enter/Return.

Выберите инструмент Ellipse Tool, включите опцию From Center / Из центра, и выберите вариант Subtract Front Shape / Вычесть переднюю фигуру.

Подведите курсор мыши к направляющей у правого края фигуры и, удерживая клавишу Shift, растяните круг размером 25 x 25 px.

Сделайте то же с левой стороны.

Шаг 3

Кликните дважды по слою, в котором мы только что работали и укажите ему следующие Layer Style/ Стили слоя:

Bevel and Emboss / тиснение

Contour / Контур

Gradient Overlay / Наложение градиента

Используйте “stove pipe 120″ из METALS.grd.

Drop Shadow / Тень

Вот что должно получиться:

Шаг 4

Выберите инструмент Direct Selection Tool / Прямое выделение, чтобы выделить все точки, составляющие фигуру.

Поместите файл текстуры металла “Dark Brushed Metal” поверх всех слоев. Затем, удерживая клавишу Ctrl/Cmd, кликните по слою с созданной нами фигурой, чтобы создать выделение по ее контуру.

Нажмите Ctrl/Cmd + J, чтобы дублировать выделение в новом слое, теперь для этого слоя смените параметр Blend Mode / Режим наложения на Overlay / Перекрытие. Удалите оригинальный слой с текстурой металла “Dark Brushed Metal”.

Шаг 5

Создайте текст — весь заглавными буквами. В примере использован шрифт Delicious. Размер шрифта 70 pt, а цвет #b5b5b5.

Дублируйте слой с текстом и для слоя-копии укажите параметр Fill/Заливка в 0%, затем снова дублируйте слой.

Дважды кликните по оригинальному слою с текстом, чтобы указать ему стиль слоя Stroke/Обводка. Введите параметры как показано ниже. Используйте цвет #b5b5b5.

Кликните правой кнопкой мыши по слою с которым мы только что работали и выберите Rasterize Layer Style/Растрировать стиль слоя.

Вновь откройте стили слоя для этого слоя и укажите ему стиль Bevel and Emboss / Тиснение.

Укажите для этого слоя Fill / Заливку в 0%.

Шаг 6

Кликните дважды по первой копии слоя с текстом, чтобы вызвать окно Layer Style / Стиль слоя. Укажите следующие стили:

Bevel and Emboss / Тиснение

Contour / Контур

Drop Shadow / Тень

Вот что должно получиться.

Кликните дважды по второй копии слоя с текстом и укажите ему стиль слоя Bevel and Emboss / Тиснение:

Вот как должно выглядеть изображение на этом этапе:

Шаг 7

Удерживая Ctrl/Cmd кликните по слою с векторной фигурой, чтобы создать выделение по ее контуру. Создайте новый слой поверх остальных и назовите его “Noise”.

В качестве первого цвета выберите #e7e7e7, а для цвета фона #5c5c5c. Зайдите в Filter > Render > Clouds / Фильтр > Рендеринг > Облака, затем в меню выберите Select > Deselect / Выделение > Снять выделение.

В меню найдите Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите настройки как показано ниже.

Смените Blend Mode / Режим наложения для слоя с шумом на Soft Light / Мягкий свет, а параметр Opacity / Непрозрачность снизьте до 50%.

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

После того как вы сохранили файл как копию, выберите в меню Layer > Flatten Image / Слой > Выполнить сведение.

В меню выберите Filter > Render > Lighting Effects / Фильтр > Рендеринг > Эффект освещения, и укажите параметры как показано ниже.

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

Финальный результат

Автор урока textuts

Перевод — Дежурка

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

Создаём в Фотошоп сияющий металлический текст / Creativo.one

​

Сегодня я покажу вам, как создать металлический текст, используя стили слоя в программе Photoshop. Итак, давайте приступим!

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

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

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

Шаг 1

Вначале вам необходимо установить металлический узор, название файла ‘green_metal_pattern’. Для установки, просто дважды щёлкните по значку указанного файла.

Шаг 2

Создайте новый документ в программе Adobe Photoshop, идём Файл – Новый (File > New). Установите следующие настройки: 600 px

по ширине (Width) и 500 px. по  высоте (Height). Разрешение (Resolution) должно быть 72 ppi.

Шаг 3

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

Шаг 4

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

Итак, идём Слой – Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), в меню узоров, выберите зелёную металлическую текстуру (green_metal_pattern). Установите

Масштаб (Scale) 50%. Щёлкните по кнопке Привязать к началу координат (Snap to Origin). Каждый раз нажимайте эту кнопку, когда вы будете применять эту текстуру.

Шаг 5

Далее, мы добавим световой эффект в центр изображения, идём Слой – Стили слоя- Внутренняя тень (Layer > Layer Style > Inner Shadow). Для данного стиля слоя, установите следующие настройки.

Шаг 6

Далее, мы добавим отражение. Идём Слой – Стили слоя- Тиснение

(Layer Style > Bevel & Emboss). Установите настройки для данного стиля слоя, которые указаны на скриншоте ниже.

Нам нужно создать свой контур, для этого, щёлкните по окошку Контур глянца (Gloss Contour), чтобы установить контур. Обратите внимание на скриншоты ниже, чтобы применить соответствующие значения.

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

Шаг 1

Напечатайте слово ‘Shine’ или любое другое слово на своё усмотрение, используя шрифт ‘Amaz Obitaem Ostrov Italic’. Установите размер шрифта 180 pt. Для улучшения качества, установите метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите этот слой с текстом ‘Shine Top’.

Шаг 2

Дважды продублируйте слой с текстом, назовите дубликаты слоёв ‘Shine Mid’ и ‘Shine Bot’, как показано на скриншоте ниже. Отключите видимость дубликатов слоёв, чтобы вам было удобнее работать, потому что, мы пока не будем использовать эти слои.

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

Шаг 1

Находясь на самом верхнем слое ‘Shine Top’, идём Слой – Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay). Щёлкните по окошку меню узоров, чтобы выбрать зелёную металлическую текстуру (мы используем ту же самую текстуру, которую мы использовали для создания заднего фона), а также установите

Масштаб (Scale) 50%. Не забудьте щёлкнуть по кнопке Привязать к началу координат (Snap to Origin).

Шаг 2

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

Шаг 3

Далее, мы добавим стиль слоя Наложение градиента (Gradient Overlay). Идём Слой – Стиль слоя – Наложение градиента (Layer Style > Gradient Overlay). Примените настройки, которые указаны на скриншоте ниже.

Шаг 4

Чтобы добавить вид глянца, открываем окно Стилей слоя (Layer Style) и применяем стиль слоя Тиснение (Bevel & Emboss). Примените настройки, которые указаны на скриншоте ниже.

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

Шаг 5

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

Установите стандартный контур, название контура ‘Cove – Deep’.

Шаг 6

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

Установите стандартный контур, название контура ‘Cone’.

Шаг 7

Далее, мы добавим стиль слоя Обводка (Stroke), чтобы сделать светлее верхние края текста. Идём Слой – Стиль слоя – Обводка (Layer Style > Stroke). Примените следующие настройки, которые указаны на скриншоте ниже.

Шаг 8

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

Установите стандартный контур, название контура ‘Cone’.

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

Шаг 1

Далее, мы будем работать со вторым слоем ‘Shine Mid’, поэтому, не забудьте включить видимость данного слоя! Нам нужно добиться перспективы с помощью центральной точки схода. Идём в закладку Символ (Character) и меняем значение Трэкинга (Tracking) на -60, как показано на скриншоте ниже.

Шаг 2

Для соответствия цвета обоих слоёв, идём Слой – Стиль слоя – Наложение градиента (Layer > Layer Style > Gradient Overlay). Примените следующие настройки, которые указаны на скриншоте ниже.

Шаг 3

Далее, примените стиль слоя Внутренняя тень (Inner Shadow), идём Слой – Стили слоя- Внутренняя тень (Layer > Layer Style > Inner Shadow). Для данного стиля слоя, установите следующие настройки.

Шаг 4

Далее, мы добавим тени, чтобы отделить текст от заднего фона. Идём в меню Стилей слоя (Layer Style) и применяем следующие стили слоя: Тень (Drop Shadow) и Внешнее свечение (Outer Glow). Примените следующие настройки, которые указаны на скриншоте ниже.

5.  Применяем Стилизацию к Нижнему слою

Это заключительный шаг, который придаст особый штрих к эффекту. Перейдите на нижний слой с текстом ‘Shine Bot’ и далее, идём в закладку Символ (character). Установите Масштаб по вертикали (vertically scale) на 115%, а Смещение базовой линии (baseline shift) на -10 pt. Далее, поменяйте цвет, как показано на скриншоте ниже.

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

В этом уроке я показал вам, как создать металлический текст, используя всего лишь три слоя для создания центральной точки схода.

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

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

Автор: Enrique Elicabe

Источник: design.tutsplus.com

Создание яркого металлического текста в Фотошопе | Soohar

В этом коротком уроке по Фотошопу Gianluca Giacoppo расскажет вам как создать яркий металлический текст,  используя всего лишь пару стилей. Давайте начнем!
 

Финальный результат:

 

Материалы для урока:

Шаг 1

После запуска Фотошопа скачайте и установите декоративные шрифты и гранжевые кисти (как установить кисти читайте здесь). После этого создайте новый документ размером 1800 x 1300 пикселей в режиме RGB, 72 DPI и  залейте фон с темно-серым цветом # 1f1f1f:

 

 

Шаг 2

Создайте новый слой и назовите его «Текстура».  Используя белый цвет и скачанные гранжевые текстуры создайте похожий узор как на рисунке ниже:
 

 

Шаг 3

Дважды щелкните по иконке слоя «Текстура», чтобы открыть панель Layer Style (Стиль Слоя). Перейдите в раздел «Blending Options» (Параметры наложения).

Уменьшить «Fill»  (Непрозрачность Заливки)до 0, а затем включите стили «Drop Shadow» (Тень) и «Inner Shadow»(Внешняя Тень). Настройте параметры стилей, как показано ниже. Это добавит текстуре реалистичный тисненый вид.

 

 

Шаг 4

Нажмите на иконку «Add Layer Mask» (Добавить слой-маску), а затем нажмите сочетание клавиш «Ctrl + I» для инверсии.

Возьмите большую мягкую кисть (жесткость: 0% — размер: 950px) и в режиме маски нажмите в центре документа. Таким образом слой текстура’ будет показана только в центре, исчезнет  по краям документа:

 

 

Шаг 5

Используя «Type» (T) (Текст) напишите слово «Othello» или любое другое.  Если окно с настройками текста не отображается,  выберите  Window> Character. (Окно — Символ)
 

 

Шаг 6

После этого примените для слова стили, как показано ниже. Под каждым стилем вы можете посмотреть предварительный просмотр эффекта:
 

 

Шаг 7

После того как вы примените и настроите стили, нажмите на кнопку ОК. Теперь активируйте инструмент «Type (T)» (Текст) и выберите все буквы кроме заглавной и уменьшите «трекинг»до -5, как показано на изображении ниже. Вы можете найти этот параметр в окне «Character» (Символ) Window> Character (Окно — Символ).

 

 

Шаг 8

Продублируйте слой с текстом нажав сочетание клавиш «Ctrl + J». Кликните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style» (Очистить стиль слоя), чтобы очистить стили. Теперь у нас два слоя с одинаковым текстом — один со стилями, а другой без стилей.  Благодаря этому мы сможем усилить эффет, применив новые стили к продублированному тексту.  Мой любимый способ работать с двумя стилями слоя, это позволяет сделать базовые настройки для первого, а для второго усилить эффект, добавив освещение и отражения.

 

 

Шаг 9

Давайте идти дальше, Примените следующие стили для второго слоя с текстом:

 

 

Шаг 10

Эффект металла почти готов, осталось лишь придать больше реалистичности. Просто настройте следующие стили, как показано ниже:

 

Заключение

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

 

 

Создание эффекта простого металлического 3D-текста

С помощью этой статьи вы научитесь создавать 3D-экструзии из текстового слоя, применять и изменять материалы и текстуры.

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

Программное обеспечение: Adobe Photoshop CS6

• Текстура с трещинами;
• Текстура металла.

Запустите Photoshop и с помощью клавиш (Ctrl + N) создайте новый документ или перейдите в меню Файл> Новый:

Установите ширину холста 1440 пикселей, высоту 900 пикселей, разрешение 72 пикселядюйм и назовите документ «Metal effect». Нажмите «OK»:

Выберите в панели инструментов инструмент «Горизонтальный текст» или нажмите «T» и установите шрифт — Poplar Std, Размер — 200 pt, выберите «Выровнять по центру», установите цвет — #a5a5a5. Теперь откройте палитру «Символы» (Окно> Символ) и установите для горизонтального отступа значение 30.

Теперь введите Metal или любое другое слово, которое вам нравится, в нижней части холста. Enter пока не нажимайте:

Теперь давайте создадим 3D-экструзию.

Чтобы сделать это, нажмите на кнопку «3D» в панели параметров. Также вы можете сделать это, нажав правой кнопкой мыши на текстовом слое в панели слоев и выбрав из списка пункт «Новая 3D-экструзия из выделенного слоя». Это автоматически включит режим «3D» и рядом со слоями появится панель «3D»:

Используйте элементы управления осями для перемещения объекта в центре сцены:

С этого момента следите за панелью «3D» и панелью «Свойства». Последняя будет изменяться, отображая свойства и параметры каждого слоя объекта или материала, который вы выберете в панели «3D». При активном объекте METAL, выбранном в панели «3D», перейдите к панели «Свойства» и измените значение «Глубины экструзии» на 50.

Затем нажмите на иконку «Капитель» и изменение значения для «Ширины» на 15%, «Угла» на 45 градусов, «Контура» — «Глубокая выемка»:

Теперь при всех выбранных слоях материалов измените на панели «Свойства» цвета. Установите «Рассеивание» на #7f7d73, «Цвет блика» на #515151, «Свечения» на #080808 и «Освещения» на #000000:

Давайте добавим тексту текстуру.

Выберите в панели «3D» «Материал передней выпуклости» объекта METAL. Перейдите в панель «Свойства» и нажмите на иконку папки рядом с «Рассеивание», выберите пункт «Новая текстура».

Установите ширину 600 пикселей и высоту 900 пикселей. Нажмите «OK»:

Иконка папки изменится на иконку текстуры. Нажмите кнопку еще раз и выберите «Редактировать текстуру».

Автоматически будет открыто новое пустое окно. Прямо в него вставьте металлическую текстуру, загруженную ранее, и поместите ее как показано на рисунке ниже:

Нам нужна только верхняя часть изображения, так что обрежьте его:

Растрируйте этот слой (клик правой кнопкой мыши> Растрировать слой). Затем перейдите в Изображение> Коррекция> Обесцветить:

Теперь перейдите в Изображение> Коррекция> Уровни или нажмите Ctrl + L, чтобы открыть окно уровней. Установите значения для «Входа»: 0; 0,82; 248:

Это текстура, которую мы будем использовать для остальных слоев, так что сохраните ее. Как? Перейдите Файл> Сохранить как, введите имя, которое вам нужно. Photoshop по умолчанию устанавливает имя слоя материала в качестве имени файла. Выберите формат (* .psb). Я сохранил его на рабочем столе для легкого доступа в последующем. Закройте окно и вернитесь к основному проекту:

При выбранном слое «Материала переднего скоса» объекта METAL перейдите в панель «Свойства» и кликните на иконке папки рядом с «Рассеивание», выберите пункт «Загрузить текстуру». Перейдите в папку, куда вы сохранили PSB-файл и откройте его. Повторите этот шаг для материала экструзии. Если вы изменили угол объекта, примените текстуру для остальных слоев соответственно:

Выберите все слои материала, кроме первого (материал передней выпуклости). Перейдите в панель «Свойства» и измените следующие параметры: «Блеск» — 40%, «Отражение» — 8%, «Плавность» — 0%, «Рельеф» — 10%, «Непрозрачность» — 100% и «Коэффициент преломления» — 1,128:

Выберите слой материала передней выпуклости и нажмите на иконку папки рядом с «Рельефом», выберите пункт «Загрузить текстуру». Откройте ту же текстуру, которую вы сохранили ранее:

Измените для этого материала следующие параметры. «Блеск» — 25%, «Отражение» — 8%, «Плавность» — 0%, «Рельеф» — 20%, «Непрозрачность» — 100% и «Коэффициент преломления» — 1,128:

Давайте создадим фон.

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

Кликните правой кнопкой мыши на этом слое и выберите пункт «Открытка». Будет создан новый слой 3D, отделенный от 3D-текста. Убедитесь, что этот новый слой расположен над текстовым слоем. Затем выберите оба слоя и перейдите 3D> Объединить 3D-слои:

Все слои собраны в один 3D-объект. Вернитесь к панели «3D» и проверьте, чтобы она выглядела следующим образом:

Выберите слой материала открытки и измените значение «Цвета диффузии» на #7f7f7f. Теперь нажмите на иконку рядом с «Диффузией» и выберите пункт «Редактировать текстуру». Откроется новое окно с нашей текстурой, в котором можно вносить изменения:

Растеризуйте изображение (клик правой кнопкой мыши> Растеризировать слой). Затем перейдите в Изображение > Коррекция > Обесцветить или просто нажмите Shift + Ctrl + U. Теперь перейдите в Изображение > Коррекция > Уровни (Ctrl + L) и введите следующие значения для «Входных уровней»: 6; 0,87; 242:

Создайте новый слой выше предыдущих (Ctrl + Shift + N) и вставьте на него текстуру с трещинами. Установите режим смешивания слоя «Умножение», «Непрозрачность» — 75% и «Заливка» — 80%. Трансформируйте слой, пока не получите результат приведенный на рисунке ниже. Сохраните и закройте окно. Основной проект будет обновляться автоматически каждый раз, когда вы сохраняете изменения:

Вернитесь к основному проекту, сейчас нам нужно выровнять слои. Кликните правой кнопкой мыши в поле осей координат в нижнем левом углу и выберите пункт «Левый». Выберите два слоя и при выбранном инструменте «Перемещение» (V) и нажмите в панели параметров на пункт «Выровнять левые края»:

Снова кликните правой кнопкой мыши на панели осей координат в нижнем левом углу и выберите пункт «По умолчанию». Вы должны получить следующий результат:

Выберите в панели «3D» слой материала открытки и перейдите к панели «Свойства». Нажмите на иконку папки рядом с полем «Рельеф», выберите пункт «Новая текстура»:

Установить ширину 1440 пикселей, высоту 900 пикселей. Нажмите «OK»:

Нажмите еще раз на ту же иконку и на этот раз выберите пункт «Редактировать текстуру». В новом документе вставьте текстуру с трещинами и разместите ее, как вы делали ранее в шаге 20. Не изменяйте режим смешивания, просто установите «Заливку» 85%. Сохраните изменения, закройте окно и вернитесь к основному проекту:

Теперь нажмите иконку рядом с полем значения «Непрозрачности», выберите пункт «Удалить текстуру». Измените значение «Рельеф» на 12%:

Теперь вы должны получить следующий результат:

Выберите материал передней выпуклости. В панели «Параметры» нажмите на значок рядом с полем значения «Рельефа» и выберите пункт «Изменить UV-свойства»:

Введите следующие значения: U-шкала — 80%, V-шкала — 50%, U-смещение — 28,84% и V-смещение — 8,66%:

Теперь визуализируйте сцену. Перейдите в 3D> Рендеринг и подождите, пока не будет завершен рендеринг:

Мы закончили!

Данная публикация является переводом статьи «Create a Simple 3D Text Metal Effect in Adobe Photoshop» , подготовленная редакцией проекта.

Создаем в Photoshop эффект текста из металла | Pixelbox.ru — Дополнения и уроки по Фотошопу

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

Что мы будем создавать:

На создание этого урока меня вдохновил логотип Jurassic World.

Мы начнем с создания простого фона. Далее мы добавим стили слоя к тексту. И наконец, закончим добавлением кистей трещин для придания реалистичности металлическому эффекту. Для выполнения данного урока вам понадобится Photoshop CS3 или более поздние версии.

Ресурсы:

• Шрифт — http://www.dafont.com/it/battleground.font
• Кисти трещины — http://raven-mackay.deviantart.com/art/crack-brush-set-195214050
• Кисти трещины 2 — http://okfiles.net/0mB8I

 

Шаг 1

Создайте новый документ с размером 1384 х 840 пикселей и разрешением 200.

Шаг 2

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

Вы можете переименовать группу, дважды щелкнув по ней. Переименуйте её на ‘Background’

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

Шаг 3

Измените цвет переднего плана на # C0C0C0. Теперь с помощью инструмента Заливка (Bucket Tool) заполните фоновый слой этим цветом.

Шаг 4

Создайте новую группу и назовите её ‘Текст’.

Шаг 5

Выберите инструмент Текст (Text Tool) (расположенный на панели инструментов рядом с инструментом Перо (Pen Tool) и напишите слово ‘Battleground. Поместите текстовый слой в центре холста. Используйте следующие параметры для текста:

Текст должен выглядеть следующим образом:

Шаг 6

Время применить металлический эффект. Активируйте слой с текстом, нажмите на Иконку Стилей слоя (Layer Style Icon) (значок, с надписью Fx расположенный между значком с цепочкой и значком маски слоя в нижней части панели слоев) и введите следующие настройки:

Тень (Drop Shadow):

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

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

Наложение градиента (Gradient Overlay):

Чтобы создать новый градиент, находясь в параметре стиля слоя Наложение градиента (Gradient Overlay) нажмите на градиент, чтобы открыть окно Редактор градиентов. Используя два цвета, указанные выше, сделайте шесть новых цветовых маркеров, отрегулировав их положение следующим образом:

Вот как должно выглядеть изображение на данном этапе:

Шаг 7

Теперь добавим обводку. Создайте выделение текстового слоя (перейдите в Выделение-Загрузить выделение-ок (Select-Load Selec-tOk или удерживая нажатой клавишу Ctrl, нажмите на иконку T рядом с текстовым слоем, как показано ниже).

Далее нам необходимо расширить выделение, перейдите в Выделение-Модификация-Расширить (Select—Modify—Expand).

Появится маленькое окошко, отрегулируйте параметры в нем следующим образом: Увеличить: 20 точек

Результат на данный момент:

Шаг 8

Создайте новый слой и поместите его под слой с текстом. Переименуйте его в «Outline»

Шаг 9

Измените цвет переднего плана на # 0F0F10. Теперь с помощью Инструмента Заливка (Paint Bucket Tool) заполните этим цветом выделение, созданное в предыдущем шаге. Снимите выделение, нажав наинструмент прямоугольное выделение (Marquee Tool) на панели инструментов или же просто щелкните по свободной области на холсте, также можно снять выделение сочетанием клавиш Ctrl + D.

Шаг 10

Теперь нам нужно добавить некоторые эффекты к слою с обводкой. Нажмите на Иконку стилей слоя (Layer Style Icon) и введите следующие настройки:

Тень (Drop Shadow):

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

Внешнее свечение (Outer Glow):

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

Наложение градиента (Gradient Overlay):

(Используйте тот же градиент, что и в предыдущих шагах)

На данном этапе результат должен быть таким:

Шаг 11

Далее мы добавим больше деталей к обводке. Создайте новый слой, поместите его над слоем с обводкой и назовите ‘Кисть’

Шаг 12

Используя кисти из Crack Brushes Pack, нарисуйте трещины. Экспериментируйте и сочетайте разные кисти из набора по своему вкусу.

Я использовал эти кисти:

Шаг 13

Почти готово! Нам нужно добавить трещин на слой с текстом. Выберите текстовый слой, нажмите на Иконку создания маски слоя (Layer Mask Icon).

Шаг 14

Возьмите те же кисти трещин, которые мы использовали раньше, и кистью порисуйте по слою с текстом, используйте черный цвет кисти.

Шаг 15

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

Финальный результат:

Автор перевода: Ольга Максимчук (Princypessa)

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Металлический текст — уроки фотошоп

Создание яркого металлического текста в Фотошопе

В этом коротком уроке по Фотошопу Gianluca Giacoppo расскажет вам как создать яркий металлический текст,  используя всего лишь пару стилей. Давайте начнем!
 

Финальный результат:

 

Материалы для урока:

• Декоративные шрифты
• Гранжевые кисти

Шаг 1

После запуска Фотошопа скачайте и установите декоративные шрифты и гранжевые кисти (как установить кисти читайте здесь). После этого создайте новый документ размером 1800 x 1300 пикселей в режиме RGB, 72 DPI и  залейте фон с темно-серым цветом # 1f1f1f:

Шаг 2

Создайте новый слой и назовите его «Текстура».  Используя белый цвет и скачанные гранжевые текстуры создайте похожий узор как на рисунке ниже:  

 

Шаг 3

Дважды щелкните по иконке слоя «Текстура», чтобы открыть панель Layer Style (Стиль Слоя). Перейдите в раздел «Blending Options» (Параметры наложения).

Уменьшить «Fill»  (Непрозрачность Заливки)до 0, а затем включите стили «Drop Shadow» (Тень) и «Inner Shadow»(Внешняя Тень). Настройте параметры стилей, как показано ниже. Это добавит текстуре реалистичный тисненый вид.

 

 

Шаг 4

Нажмите на иконку «Add Layer Mask» (Добавить слой-маску), а затем нажмите сочетание клавиш «Ctrl + I» для инверсии.

Возьмите большую мягкую кисть (жесткость: 0% — размер: 950px) и в режиме маски нажмите в центре документа. Таким образом слой текстура’ будет показана только в центре, исчезнет  по краям документа:

Шаг 5

Используя «Type» (T) (Текст) напишите слово «Othello» или любое другое.  Если окно с настройками текста не отображается,  выберите  Window> Character. (Окно — Символ)  

 

Шаг 6

После этого примените для слова стили, как показано ниже. Под каждым стилем вы можете посмотреть предварительный просмотр эффекта:  

 

Шаг 7

После того как вы примените и настроите стили, нажмите на кнопку ОК. Теперь активируйте инструмент «Type (T)» (Текст) и выберите все буквы кроме заглавной и уменьшите «трекинг»до -5, как показано на изображении ниже. Вы можете найти этот параметр в окне «Character» (Символ) Window> Character (Окно — Символ).

Шаг 8

Продублируйте слой с текстом нажав сочетание клавиш «Ctrl + J». Кликните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style» (Очистить стиль слоя), чтобы очистить стили.

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

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

Шаг 9

Давайте идти дальше, Примените следующие стили для второго слоя с текстом:

Шаг 10

Эффект металла почти готов, осталось лишь придать больше реалистичности. Просто настройте следующие стили, как показано ниже:

Заключение

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

Источник: http://soohar.ru/sozdanie-yarkogo-metallicheskogo-teksta-v-fotoshope/

Создаем металлический текст в Фотошопе

В этом уроке  мы научимся создавать надпись на металле. Урок прост, не отнимет у вас много времени и не потребует специальных навыков. Зато если вы новичок, вы узнаете полезные вещи о стилях слоя, работе с текстурой, применении режимов наложения и др. Надеемся полученные навыки будут вам полезны!

Финальный результат

Исходники

Нам также понадобятся контуры. Посмотрите как их установить здесь.

Шаг 1

Создайте новый документ размером 800 x 461 px. Разместите в документе текстуру дерева “Dark Wood Teture”.

Убедитесь что активна опция Snap/Привязка (View > Snap / Просмотр > Привязка). Активируйте линейки: View > Rulers / Просмотр > Линейки. Теперь кликните по горизонтальной линейке и потяните вниз, чтобы создать горизонтальную направляющую.

Перетащите направляющую в центр документа. Она должна «приклеиться» посредине.

Шаг 2

Возьмите инструмент Rectangle Tool / Прямоугольник, и в меню настроек кликните по иконке “geometry settings” / «настройки геометрии». Включите опцию From Center / Из центра.

Подведите мышь в центр документа (на направляющую), затем кликните один раз и введите параметры 490 x 255 px для создания прямоугольника.

Укажите прямоугольнику цвет #adadad.

Возьмите инструмент Add Anchor Point Tool / Добавить опорные точки. Кликните по середине каждой из вертикальных сторон, чтобы добавить точки.

Инструментом Direct Selection Tool / Прямое выделение кликните и потяните так, чтобы выделить обе только что созданные точки.

В меню выберите Edit > Transform Points > Scale / Редактировать > Трансформировать точки > Масштабирование. Затем зажмите клавишу Alt/Option и потяните в сторону за один из внешних манипуляторов.

Теперь так же потяните манипулятор вверх.

Когда вы будете довольны результатом, нажмите Enter/Return.

Выберите инструмент Ellipse Tool, включите опцию From Center / Из центра, и выберите вариант Subtract Front Shape / Вычесть переднюю фигуру.

Подведите курсор мыши к направляющей у правого края фигуры и, удерживая клавишу Shift, растяните круг размером 25 x 25 px.

Сделайте то же с левой стороны.

Шаг 3

Кликните дважды по слою, в котором мы только что работали и укажите ему следующие Layer Style/ Стили слоя:

Bevel and Emboss / тиснение

Contour / Контур

Gradient Overlay / Наложение градиента

Используйте “stove pipe 120″ из METALS.grd.

Drop Shadow / Тень

Вот что должно получиться:

Шаг 4

Выберите инструмент Direct Selection Tool / Прямое выделение, чтобы выделить все точки, составляющие фигуру.

Поместите файл текстуры металла “Dark Brushed Metal” поверх всех слоев. Затем, удерживая клавишу Ctrl/Cmd, кликните по слою с созданной нами фигурой, чтобы создать выделение по ее контуру.

Нажмите Ctrl/Cmd + J, чтобы дублировать выделение в новом слое, теперь для этого слоя смените параметр Blend Mode / Режим наложения на Overlay / Перекрытие. Удалите оригинальный слой с текстурой металла “Dark Brushed Metal”.

Шаг 5

Создайте текст — весь заглавными буквами. В примере использован шрифт Delicious. Размер шрифта 70 pt, а цвет #b5b5b5.

Дублируйте слой с текстом и для слоя-копии укажите параметр Fill/Заливка в 0%, затем снова дублируйте слой.

Дважды кликните по оригинальному слою с текстом, чтобы указать ему стиль слоя Stroke/Обводка. Введите параметры как показано ниже. Используйте цвет #b5b5b5.

Кликните правой кнопкой мыши по слою с которым мы только что работали и выберите Rasterize Layer Style/Растрировать стиль слоя.

Вновь откройте стили слоя для этого слоя и укажите ему стиль Bevel and Emboss / Тиснение.

Укажите для этого слоя Fill / Заливку в 0%.

Шаг 6

Кликните дважды по первой копии слоя с текстом, чтобы вызвать окно Layer Style / Стиль слоя. Укажите следующие стили:

Bevel and Emboss / Тиснение

Contour / Контур

Drop Shadow / Тень

Вот что должно получиться.

Кликните дважды по второй копии слоя с текстом и укажите ему стиль слоя Bevel and Emboss / Тиснение:

Вот как должно выглядеть изображение на этом этапе:

Шаг 7

Удерживая Ctrl/Cmd кликните по слою с векторной фигурой, чтобы создать выделение по ее контуру. Создайте новый слой поверх остальных и назовите его “Noise”.

В качестве первого цвета выберите #e7e7e7, а для цвета фона #5c5c5c. Зайдите в Filter > Render > Clouds / Фильтр > Рендеринг > Облака, затем в меню выберите Select > Deselect / Выделение > Снять выделение.

В меню найдите Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите настройки как показано ниже.

Смените Blend Mode / Режим наложения для слоя с шумом на Soft Light / Мягкий свет, а параметр Opacity / Непрозрачность снизьте до 50%.

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

После того как вы сохранили файл как копию, выберите в меню Layer > Flatten Image / Слой > Выполнить сведение.

В меню выберите Filter > Render > Lighting Effects / Фильтр > Рендеринг > Эффект освещения, и укажите параметры как показано ниже.

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

Финальный результат

Автор урока textuts

Перевод — Дежурка

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

Источник: http://www.dejurka.ru/tutorial/metal-text-photoshop/

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

В этом уроке вы узнаете, как создать бронзовый текст, используя стили слоя в программе 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), используя следующие настройки.

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

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

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

Источник: https://itc-life.ru/sozdayom-obyomnyj-metallicheskij-tekst-v-fotoshop/

Металлический текст в фотошопе

Фев
6
2015

Трещины

Металлическая текстура

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) с такими параметрами:

Шаг 2

Выберите инструмент Горизонтальный текст (Horizontal Type Tool), на верхней панели выберите шрифт «Poplar Std» размером 200pt цветом #a5a5a5 и установите выравнивание по центру. Откройте панель Символ (Окно > Символ) (Window > Character) и установите трекинг на 30, чтобы увеличить расстояние между буквами. Напишите слово «METAL».

Шаг 3

На верхней панели нажмите на кнопку 3D, чтобы преобразовать слой в 3D-экструзию.

Шаг 4

Используйте оси, чтобы расположить текст в середине сцены.

Шаг 5

Теперь Вам нужно быть внимательными к панелям 3D и Свойства (Properties). Каждый элемент сцены имеет свои свойства, поэтому будьте точны в его выборе.

Для текстового объекта нужно настроить Экструзию (Extrusion): увеличьте его до 50. Затем перейдите во вкладку Капитель (Cap): Ширина (Width) – 15%, Угол (Angle) – 45 градусов.

Шаг 6

Выберите все материалы и измените их цвета на панели свойств.

Шаг 7

Теперь мы добавим текстуру на текст. Выберите Материал передней выпуклости (Front Infilation Material), на панели свойств кликните на иконке папки у параметра Рассеивание (Diffuse) и выберите пункт Новая текстура. Задайте ширину и высоту 600 и 900 пикселей.

Шаг 8

Снова кликните на иконке того же параметра и выберите пункт Редактировать текстуру (Edit Texture). У Вас должно будет открыться новое окно, в которое нужно вставить текстуру металла.

Шаг 9

Нам нужна только верхняя часть текстура, поэтому обрежьте её инструментом Кадрирование (Crop Tool).

Шаг 10

Растрируйте слой и обесцветьте его (Desaturation).

Шаг 11

Примените для текстуры коррекцию Уровни (Levels): 0; 0,82; 248.

Шаг 12

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

Шаг 13

Выберите Материал переднего скоса (Front Bevel Material) и выберите для него текстуру, которую мы сохранили. Сделайте то же самое для Материала экструзии (Extrusion Material). Если Вы измените ракурс, то металлическую текстуру нужно будет наложить на остальные элементы.

Шаг 14

Выберите все материалы, кроме Материала передней выпуклости (Front Inflation Material). Настройте их на панели свойств, как показано ниже.

Шаг 15

Выберите Материала передней выпуклости (Front Inflation Material) для параметра Рельеф (Bump) загрузите металлическую текстуру.

Шаг 16

Настройте материал, как показано на скриншоте.

Шаг 17

Теперь мы создадим фон. Вернитесь к панели слоёв и вставьте металлическую текстуру. Кликните правой кнопкой мыши на слое и выберите пункт Почтовая открытка (Postcard). Текстура будет преобразована в 3D-слой. Выберите оба слоя и перейдите в меню 3D > Слияние 3D-слоёв (3D > Merge 3D Layers).

Все слои станут единым 3D-объектом. Вернитесь к панели 3D, чтобы проверить этот момент.

Шаг 18

Выберите материал металлической текстуры и измените цвет рассеивания на #7f7f7f. Затем откройте редактирование текстуры.

Шаг 19

Растрируйте слой и обесцветьте его (Ctrl + Shift + U), затем откройте Уровни (Ctrl + L) и введите значения: 6; 0,87; 242.

Шаг 20

Создайте новый слой и вставьте текстуру трещин. Установите режим наложения Умножение (Blending Mode – Multiply), уменьшите непрозрачность до 75%, а заливку – до 80%. Сохраните документ и закройте окно. Вернитесь в основной проект и увидите там изменения.

Шаг 21

Сейчас мы немного выровняем слои. Кликните правой кнопкой мыши на осях в левом нижнем углу и выберите пункт Слева (Left). Выберите два слоя, выберите инструмент Перемещение (Move Tool) и на верхней панели нажмите Выровнять по левому краю (Align left edges).

Шаг 22

Кликните правой кнопкой мыши на осях внизу снова и выберите пункт По умолчанию (Default).

Шаг 23

Выберите материал фоновой металлической текстуры. Создайте новую текстуру для Рельефа (Bump).

Шаг 24

Кликните ещё раз на той же иконке и выберите редактирование текстуры. Вставьте текстуру трещин в открывшееся окно и уменьшите её заливку до 85%. Сохраните документ и вернитесь в основной документ.

Шаг 25

Кликните на иконке параметра Непрозрачность (Opacity) и удалите текстуру. Измените Рельеф (Bump).

Результат:

Шаг 26

Выберите Материала передней выпуклости (Front Inflation Material) и для Рельефа (Bump) откройте Редактирование UV-свойства (Edit UV Properties). Введите значения, показанные ниже.

Шаг 27

Осталось только поставить сцену на рендеринг.

Конечный результат:

Источник: http://www.photoshop-training.ru/?p=1558

Создаем металлический текст в фотошоп

Сегодня я покажу вам уважаемые пользователи как создать реалистичный металлический текст использовав всего 2 слоя. Данный урок очень простой, с ним может справится даже начинающий пользователь программы Adobe Photoshop Cs6. Урок требует от вас лишь повторения действий, которые указанны на скриншотах. И так давайте не будем терять времени, начнем:

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

Вот окончательный результат работы, который сегодня

мы будем создавать с нуля, используя всего 3 слоя, и один фильтр.

Шаг 1: С начала мы создадим узор (pattern).

Создайте новый документ Ctrl+N размером 150х150, Фон: белый.

Перейдите во вкладку Фильтр > Шум > Добавить шум

Эффект: 11%

Распределение: по Гауссу 

Поставьте галочку: Монохромный

Далее нажмите Ctrl + F чтобы применить фильтр еще раз с теме жи настройками.

Получиться:

Теперь перейдите Редактирование > Определить узор 

Переходим непосредственно к созданию эффекта металлического текста…

Шаг 2:  Создайте новый документ размером 600х600 пик.Залейте #353535 цветом,

зайдите в стили слоя (двойной щелчок по слою с фоном) > Наложение узора. Выберите узор созданный в первом шаге, и примените следующие настройки:

Режим наложения: Умножение

Непрозрачность: 48%

Шаг 3: Выберите инструмент Горизонтальный текст и напишите нужное слово или букву. Я использовал шрифт Intro Inline, размером 600 пт. цвет: черный.

В дальнейшем мы будем работать исключительно со стилями слоя текста

От Вас требуется лишь повторение действий как показано на скриншотах:

Внутренняя тень

Получиться:

Обводка

Получится

Тиснение & Контур

Получится 

Глянец 

Наложение цвета

Тень

Получится:

Шаг 4: Теперь сделайте дубликат слоя Ctrl + J, и очистите его стиль слоя.

(Кликните правой кнопкой по слою с дубликатом и выберите строку Очистить стиль слоя)

Затем измените непрозрачность заливки этого слоя на 0%.

Как это сделать посмотрите на скриншот:

Шаг 5: Откройте стили слоя дубликата и измените настройки

каждого пункта как показано на скриншотах ниже:

$IMAGE21$

$IMAGE26$

Я надеюсь что вам понравился урок, и вы извлекли из него что то новое и полезное для себя, тем самым прокачав свое мастерство +1 ур. :). Оставляйте комментарии и прилагайте к ним результат своей работы, нам будет очень приятно и вдохновит нас на новые уроки! 

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

Еще результат:

Источник: http://ps-magic.ru/news/sozdaem_metallicheskii_tekst/2014-04-08-70

Металлический 3D текст, Уроки

Большинство из вас, наверное, знает тех, кто создавал удивительный текст с помощью 3D программ. Но что же делать, если у вас нет такой программы, а нужно сделать печатный 3D-текст? В этом уроке вы узнаете, как создать векторный объемный металлический текст с использованием только программы Фотошоп. Итак, проверим!

Превью финального результата:

Шаг 1

Начнем с создания Нового документа (Сtrl+N) размером 1500х1500 рх с разрешением 300 пикс/дюйм. Создаем новый слой (Ctrl+Shift+N) , называем его «3D текст первый».

Теперь активируем инструмент Текст (Type Tool ) и большими буквами пишем любой текст. Не переживайте, если ваш текст выходит за рамки холста, т.к. буквы должны быть весьма большие.

Дальше мы будем растрировать этот слой и искажать наш текст.

Шаг 2

Теперь щелкните правой кнопкой мыши по строке слоя с текстом и в выпадающем меню выберите – Растрировать текст (Rasterize Type) .

Затем переходим в Редактирование-Трансформирование-Искажение (Edit> Transform> Distort ) и создаем перспективу для текста путем перетаскивания углов рамки, как на скриншоте ниже.

Сделайте ваш текст немного меньше (Ctrl+T) , таким образом, текст не будет размытым, и вы не потеряете его качества.

Совет: если вы недостаточно исказили текст и его края выглядят нечетко, используйте Фильтр-Резкость- Резкость на краях (Filter > Sharpen > Unsharp Mask) и увеличьте объем написанного.

Шаг 3

Далее дублируем слой с текстом (Ctrl+J) и называем его «3D текст последний». Активируем инструмент Перемещение (Move) и, используя стрелки на клавиатуре, передвигаем дубликат немного выше оригинала. В моем случае это было перемещение на 16 рх вверх и 2 рх вправо.

Шаг 4

Создаем дубликаты обоих слоев (Ctrl+J) и располагаем слои в точно таком же порядке, как на моем скриншоте. Проверьте точность расположения, это важно!

Шаг 5

Теперь выключите видимость слоев «3D текст первый» и «3D текст последний». Выберите слой «3D текст первый копия» и сделайте около 60 копий (Ctrl+J) этого слоя. Затем выберите слой «3D текст последний копия» и, удерживая клавишу Shift, левой кнопкой мыши сделайте клик по нему.

Далее, не отпуская Shift, cпуститесь вниз палитры слоев и второй клик ЛКМ сделайте по слою «3D текст первый копия». Это действие выделит все 60 копий. Теперь нажимаем правой кнопкой мыши на выделенных слоях и выбираем опцию «Связать слои» (Link Layers) .

После связывания, вы увидите значок скрепки на миниатюре каждого дубликата.

Шаг 6

Активируем инструмент Перемещение (Move) и выбираем слой «3D текст последний копия».

Переходим на верхнюю панель установок и нажимаем на опцию «Распределение центров по вертикали» (Distribute Vertical Centers) и «Распределение центров по горизонтали» (Distribute Horizontal Centers) .

Теперь ваши буквы приобрели красивый объем. Далее, выделим все связанные слои, и объединим их (Ctrl+E) . Назовем этот слой «3D текст объединенный».

Шаг 7

Переходим на слой «3D текст последний» и двойным щелчком мыши по строке слоя открываем окно «Стилей слоя» (Layer Style) . Добавляем Наложение градиента (Gradient Overlay) с такими цветами: #1a3236 to #cffffb. Настройте угол так, чтобы верх букв был темнее, а низ осветлен.

Шаг 8

В палитре слоев выбираем «3D текст объединенный» и выключаем его видимость. Далее, удерживая Ctrl, щелкаем по иконке слоя, чтобы загрузить выделение. Создаем Новый слой (Ctrl+Shift+N) выше предыдущего и называем его «3D текст цветной» и заливаем цветом # a6e6fe. Снимаем выделение (Ctrl+D) .

Шаг 9

Открываем «Стили слоя» для цветного слоя. Выбираем «Наложение Градиента» (Gradient Overlay) . Щелкаем по самому градиенту и в меню наборов выбираем второй градиент «От основного к прозрачному» (Foreground to Transparent) .

Устанавливаем цвета в такой последовательности: #000000, #4a4747, #ffffff, #262626, #ffffff, и #000000. Изменяем угол (123).

Как видите, градиент проходит через весь центр текста, что и будет нашим освещением.

Шаг 10

Некоторые места и верхняя часть букв выглядит очень ярко, поэтому создадим легкую тень на тексте. Удерживая Alt, щелкаем левой кнопкой мыши по иконке слоя «3D текст цветной», загрузив его выделение.

Затем создаем Новый слой (Ctrl+Shift+N) выше предыдущего цветного и называем его «Тени». Настраиваем цвет переднего плана на #1a3236 или темнее, берем Кисть (Brush) c нажимом около 30%, жесткостью 0% и рисуем.

Как только вы сделали тень, отменяем выделение (Ctrl+D) .

Шаг 11

Придадим нашему тексту качественный вид. Идем в палитру слоев и, удерживая Alt, щелкаем по иконке слоя «3D текст последний», загрузив его выделение. Создаем новый слой поверх всех слоев и называем его «Яркие линии».

Активируйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool) и щелкните правой кнопкой мыши на изображении, выбрав опцию «Обводка» (Stroke) . Настраиваем ширину в 1 рх, цвет обводки – белый и расположение – по центру.

Берем большой жесткий Ластик c нажимом около 30%. Затем стираем все, кроме мест, указанных стрелками.

Шаг 12

Когда вы закончите стирание, дублируйте слой «Яркие линии» (Ctrl+J) , снизьте его непрозрачность, и объедините два слоя: оригинал и дубликат (Ctrl+E) .

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

У вас должно получиться нечто похожее на изображение ниже:

Шаг 13

Теперь перейдите в низ палитры слоев, выберите слой «3D текст первый» и переименуйте его в «Низ тени 1», сделав двойной клик по надписи. Дублируйте его (Ctrl+J) , назвав дубликат «Низ тени 2». Добавьте Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 3 рх к дубликату.

Шаг 14

Активируем инструмент Перемещение (Move) и стрелками на клавиатуре сдвигаем размытие тени на 5 рх влево. Тем самым мы создадим иллюзию внутренней тени на изогнутых местах букв. Нам не нужны внешние части созданной тени, поэтому Ластиком (Eraser) c мягкими краями стираем ненужное.

Шаг 15

Теперь возвращаемся на слой «Низ тени 1» и идем во вкладку Фильтр-Размытие-Размытие по Гауссу (Filter > Blue > Gaussian Blur) . Настраиваем радиус в 2 рх.

Затем, активируя Перемещение (Move Tool) , стрелками курсора передвигаем слой на 2 пикселя вниз и 2 пикселя вправо. Пусть тень охватывает все пространство под буквами.

Края тени должны быть очень тонкими.

Шаг 16

Здорово, мы сделала наш текст действительно выделяющимся. Теперь в палитре слоев, удерживая Alt, щелкаем по миниатюрам слоев: «Яркие линии», «3D текст последний», «Тени» и «3D текст цветной», выделив их.

Теперь перетащите выделенные слои на иконку «Нового слоя» внизу палитры слоев (лист с согнутым краем). Далее объединяем получившиеся копии (Ctrl+E) и называем этот слой «Отражение».

Помещаем его на самый верх и отключаем видимость (это очень важно!).

Шаг 17

Выключаем фоновый слой или удаляем его, он нам не пригодится. Переходим в Изображение — Объединить видимые (Image > Merge Visible) и называем полученный слой «Текст».

Располагаем его выше слоя «Отражение». Как видите, у нас есть два аналогичных слоя с небольшой разницей: у «Текста» есть тень, а у «Отражения» нет.

Будем работать пока со слоем «Текст», «Отражение» выключим.

Давайте придадим нашим буквам высококачественный вид. Выбираем слой «Текст» и дублируем его (Ctrl+J) . Изменяем режим смешивания для этого дубликата на Перекрытие (Overlay) и снижаем непрозрачность до 63%. Переходим в Изображение-Коррекция-Карта Градиента (Image-Adjustment-Gradient Map) и выбираем из набора черно-белый градиент.

Шаг 18

Делаем еще один дубликат слоя «Текст» (Сtrl+J) и помещаем его выше всех слоев. Называем его «Резкость краев» и изменяем режим смешивания для него на «Жесткий свет» (Hard Light) . Теперь идем в Фильтр-Другие-Цветовой контраст (Filter > Other > High Pass) и выставляем радиус от 1 до 2 рх. Снижаем непрозрачность этого слоя до 60-70%.

Шаг 19

Создаем Новый слой (Ctrl+Shift+N) ниже всех слоев и называем его «Поверхность». Нажимаем D на клавиатуре для установки цвета по умолчанию. Активируем Градиент (Gradient Tool) и протягиваем его сверху вниз через все полотно. Можете установить его начало за пределами документа.

Теперь переходим в Редактирование-Трансформирование-Искажение (Edit > Transform > Distort) и для нашей поверхности создаем перспективу, потянув за узлы рамки. Она не должна получиться идеальной.

Поэтому, когда вы закончите, воспользуйтесь инструментом «Кадрирование» (Crop Tool) и аккуратно обрежьте края поверхности.

Шаг 20

Мне кажется мой текст слишком ярким, поэтому я использовал коррекцию «Яркость/Контраст» (Image > Adjustments > Brightness/Contrast) . Настройки опции даны ниже:

Шаг 21

Следующим этапом переходим в самый низ панели слоев и создаем Новый слой (Ctrl+Shift+N) выше слоя «Поверхность». Называем его «Стекло». Заливаем слой цветом #3f3f3f. Переходим в Фильтр-Шум-Добавить шум (Filter > Noise > Add Noise) и выполняем следующие настройки: Эффект – 28%, Распределение по Гауссу, Монохромный.

Шаг 22

Далее применяем Фильтр-Размытие-Размытие в движении (Filter > Blur > Motion Blur) (настройки ниже).

Изменяем режим смешивания для этого слоя на Перекрытие (Overlay) и снижаем непрозрачность до 50%. Активируем Ластик (Eraser) c мягкими краями и 20% нажимом, стираем части размытого шума.

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

Шаг 23

В заключении, я решил немного подкрасить наше изображение. Для этого щелкаем внизу палитры слоев иконку Корректирующих слоев (черно-белый кружок) и выбираем Цветовой тон/Насыщенность (Hue/Saturation) . Активируйте флажок в окне «Тонирование» (настройки ниже).

Далее выбираем слой «Отражение» и снижаем его непрозрачность до 20-30%. Переключаемся на инструмент Перемещение (Move) и стрелками курсора смещаем слой на несколько пикселей вниз, создавая красивое отражение. Теперь добавим маску слоя (Layer Mask) и мягкой черной кистью удалим излишки отражения внизу.

Вот и все! Спасибо за чтение урока. Надеюсь, вы узнали для себя что-то новое.

Источник: http://www.photoshop-info.ru/c209-327.html

Металлический текст созданный в графическом редакторе на artatac

Сегодня в уроке Photoshop, мы увидим, что легко создать текст с металлическим стилем.

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

Чтобы создать текстуру металла мы используем 2 слоя стилей, некоторые фильтры, режимы наложения, а также маску обрезки! Я буду делать урок используя Photoshop CS5.

Шаг 1: Создаем новый документ
Создали новый документ Photoshop, в меню ФАЙЛ в строке меню в верху экрана, и выберите  новый, или нажмите Ctrl + N (Win):

Я сделаю новый документ 1200 пикселей на 600 пикселей, и я оставлю разрешении по умолчанию 72 точек / дюйм. Установите опции фона БЕЛЫЙ. И цветовой режим RGB.  Нажмите OK:

Шаг 2: Залейте фон черным Нажмите букву D на клавиатуре, для того чтобы выбрать черный цвет.  Затем нажмаем Alt + Backspace (Win) для заливки переднего плана (черный):
style=»display:block; text-align:center;» data-ad-layout=»in-article» data-ad-format=»fluid» data-ad-client=»ca-pub-6527330309399456″

data-ad-slot=»1415582392″>

Шаг 3: Добавьте новый слой

Нажмите на значок нового слоя внизу панели слоев:

Нажмите на значок нового слоя (вторая иконка справа).
Photoshop добавляет новый слой под названием Слой 1  выше фонового слоя:

Шаг 4: Заполняем новый слой в светло-серый
Идите в меню РЕДАКТИРОВАНИЕ в верху экрана и выберите ВЫПОЛНИТЬ ЗАЛИВКУ:

Появится  окно ЗАПОЛНИТЬ, выберите в ИСПОЛЬЗОВАТЬ — ЦВЕТ:

Откроется окно ВЫБРАТЬ ЦВЕТ. Выберите светло-серый. Введите 195 R, G и B:

Нажмите OK. Затем снова OK, чтобы покинуть диалог окна РЕДАКТИРОВАТЬ. Появится серый фон Слоя 1:

Шаг 5: Добавление шума
Перейти к меню Фильтр в верху экрана, выбераем ШУМ, а затем выберите ДОБАВИТЬ ШУМ (Add Noise):

Установите ЭФФЕКТ до 150%,отметьте  ПО ГАУСУ. Поставьте галочку МОНОХРОМНЫЙ:
Должно получится так:

Шаг 6: Применяем фильтр РАЗМЫТЬ В ДВИЖЕНИИ
Пробуем создать эффект металла. Вернитесь в меню фильтров, выберите РАЗМЫТИЕ, а затем выберите РАЗМЫТИЕ В ДВИЖЕНИИ :

В открывшемся диалоговом окне РАЗМЫТИЕ В ДВИЖЕНИИ, установите угол размытия около -10 °, а затем увеличить СМЕЩЕНИЕ около 200 пикселей:

Нажмите OK. Должно быть так:

Шаг 7: Обрезка края
Так как при применении фильтра РАЗМЫТЬ В ДВИЖЕНИИ в английской версии ( Motion Blur) у нас получается не однородная заливка, нам необходимо обрезать немного документ. Выбираем инструмент ОБРЕЗКА (Crop Tool), или нажмите на букву С, чтобы выбрать его с помощью клавиш:

Выберите ОБРЕЗКОЙ (Crop Tool),  на документе, поле без искажений.

Нажмите клавишу Enter (Win), чтобы удалить ненужное. Должно получится так:

Шаг 8: Добавляем текст
Выберите инструмент из панели инструментов, или нажмите букву Т, чтобы выбрать его с помощью клавиш:

Выберите Type Tool.
Выберите шрифт в  верхней части экрана. Для достижения наилучшего результата с этой целью использовать шрифт с толстыми буквами. Я собираюсь использовать Arial — Bleck:

Параметры шрифта на панели Options.
Как только вы выбрали шрифт, щелкните внутри документа и добавить свой текст. Я набрать слово «металл»:

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

Шаг 9: Изменение размера текста с помощью СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ
Ваш текст скорее всего, будет слишком мал. Идем в РЕДАКТИРОВАНИЕ — СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ, или нажмите Ctrl + T (Win), чтобы выбрать  СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ (Free Transform), с клавиш:

Чтобы не изменять пропорции текста, нажимаем клавишу SHIFT, и тянем за угловые точки до нужного размера :

Шаг 10: Переместите текстовый слой ниже слоя с текстурой
Берем мышкой слой с текстом METAL, в палитре СЛОИ, и устанавливаем его между СЛОЙ 1 и ФОН.

Шаг 11: Создание ОБРЫВОЧНОЙ МАСКИ (Clipping Mask)
Нажмите на СЛОЙ один в палитре слоев, для выделения его. Затем в верху  выберите СЛОИ – СОЗДАТЬ ОБРЫВОЧНУЮ МАСКУ  (Create Clipping Mask):

В палитре СЛОЯ должно быть так:

Если мы посмотрим в окно документа, мы видим, что серые текстуры теперь появляется только в тексте:

Шаг 12: Добавить Тиснение в окне СТИЛЬ СЛОЯ
Нажмите на слой с текстом в палитре слоев, для выделения. Затем нажмите на иконку СТИЛЬ СЛОЯ (Layer Styles) внизу палитры слоев:

Выберите Тиснение (Bevel и Emboss) из списка стилей слоя, который появляется:

В открывшемся окне СТИЛЬ СЛОЯ – ТИСНЕНИЕ, в СТРУКТУРА – СТИЛЬ выбираем ВНУТРЕННИЕ СКОСЫ. МЕТОДИКА – ЖЕСТКАЯ  ОГРАНКА. ГЛУБИНА =  500% . РАЗМЕР =  6 px :

В разделе ЗАТЕМНЕНИЕ нажимаем на КОНТУР ГЛЯНЦА:

В открывшемся окне выбираем УСТАНОВКИ – КОЛЬЦО:Нажмите ОК для выхода из контура редактора. Затем, вернувшись в главном окне диалога Стиль слоя, выберите Сглаживание вариант справа от миниатюры Gloss Contour:

Выберите вариант СГЛАЖИВАНИЕ. Не закрывайте окно СТИЛЬ СЛОЯ.

Должно быть так:

Шаг 13: Добавьте НАЛОЖЕНИЕ ГРАДИЕНТА (Overlay Gradient)
Нажмите на НАЛОЖЕНИЕ ГРАДИЕНТА (Overlay Gradient)в левом столбце диалогового окна СТИЛЬ СЛОЯ.

В средней колонке нажмите на ГРАДИЕНТ: В открывшемся окне выберите как показано на картинке с низу:

Выберите Foreground к фон градиентом.
Нажмите OK. НЕПРОЗРАЧНОСТЬ до 70%.  РЕЖИМ НАЛОЖЕНИЯ – ПЕРЕКРЫТИЕ. Это позволит добавить первоначальный эффект освещения металла:

Нажмите ОК для выхода из диалогового окна СТИЛЬ СЛОЯ. Вот результат с помощью стилей слоя:

Шаг 14: Добавляем новый слой
Установите режим смешивания ПЕРЕКРЫТИЕ ( Overlay ).  Нажмите на слой Слой один в палитре слоев, для выделения. Удерживайте клавишу Alt (Win) нажмите на кнопку СОЗДАНИЕ НОВОГО СЛОЯ:

Появится новое окно НОВЫЙ СЛОЙ.  Отмечаем ИСПОЛЬЗУЕМ ПРЕДЫДУЩИЙ СЛОЙ ДЛЯ СОЗДАНИЯ ОБТРАВОЧНЫХ МАСОК.  Режим ПЕРЕКРЫТИЕ. Назовем Слой 2. ОК.

Шаг 15: Примените фильтр Облака (Clouds)
Выделите Слой 2.  Давайте добавим случайные блики и тени. В меню ФИЛЬТР выбираем РЕНДЕРИНГ – ОБЛАКА.

Изображение после применения фильтра Облака :

Шаг 16: Примените фильтр РАЗМЫТИЕ ПО ГАУСУ ( Gaussian Blur )
Облака должны быть сглажены, чтобы они больше похожи на блики и тени. Мы сделаем это путем размывания их. Перейти к меню ФИЛЬТР, выберите РАЗМЫТИЕ ( Blur ), а затем выберите РАЗМЫТИЕ ПО ГАУСУ ( Gaussian Blur ):

В открывшемся диалоговом окне РАЗМЫТИЕ ПО ГАУСУ ( Gaussian Blur ), переместите ползунок, чтобы увеличить радиус  значение около 10 пикселей:

Вот изображение после размытия облаков:

Шаг 17: Добавляем новый слой
Устанавливаем режим смешивания УМНОЖЕНИЕ (Multiply).

Снова нажмите и удерживайте Alt (Win) и нажмите на значок новый слой внизу панели слоев, для открытия диалогового окна НОВЫЙ СЛОЙ ( Layer).

Отмечаем ИСПОЛЬЗЫВАТЬ ПРЕДЫДУЩИЙ СЛОЙ ДЛЯ СОЗДАНИЯ ОБТРАВОЧНЫХ МАСОК, а затем измените режим на УМНОЖЕНИЕ (Multiply). Выбираем так же ВЫПОЛНИТЬ ЗАЛИВКУ НЕЙТРАЛЬНЫМ ЦВЕТОМ РЕЖИМА УМНОЖЕНИЕ:

Шаг 18: ДОБАВИТЬ ШУМ (Add Noise)
Выделяем Слой 3. Выбираем в меню ФИЛЬТРЫ – ШУМЫ – ДОБАВИТЬ ШУМ. В открытом диалоговом окне ничего не меняем , нажимаем ОК:

Режим смешивания, в шаге 17 УМНОЖЕНИЕ (Multiply) скрывает белые области  из поля зрения, поэтому только темные крапинки шума видны.

Шаг 19: Применение ФИЛЬТРА МЕДИАНА
Заходим ФИЛЬТР – ШУМ — МЕДИАНА:

Увеличиваем РАДИУС до 9 — ОК:

Шаг 20: Уменьшаем НЕПРОЗРАЧНОСТЬ СЛОЯ 3 до 70 %. Переходим к вкладке СЛОИ внизу справа, Выделяем Слой 3 и уменьшаем НЕПРОЗРАЧНОСТЬ до 70 %:

Окончательный результат такой:

Сохраните результат с расширением Photoshop PSD. Теперь загружая этот документ вы можете менять шрифт на любой . а эффект металла останется. Смотрим ниже :

Вот еще один пример того же эффекта, только с другим шрифтом:

Урок перевел и отредактировал автор сайта MilArt

Просмотрите еще один урок  «Иллюзия золотого текста».

ИСТОЧНИК :  Photoshop Essentials.com

Источник: https://artatac.ru/photoshop/photoshop-uroki/urok-metallicheskiy-tekst.html

Как создать металлический эффект текста в Photoshop

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

Можно конечно воспользоваться готовыми заготовками стилей, но все они выглядит не очень качественно.

Для профессиональной качественной разработки давай с вами посмотрим как сделать металлический эффект текста с помощью разных параметров эффектов стилей. Приступим к уроку по фотошоп. Данный урок сможет повторить даже новичок.

Шаг 1

Перед открытием Photoshop, нам нужно будет установить отлично подходящий для нас шрифт Rothenburg Decorative и красивый набор кистей Subtle Grunge Brushes.

Откройте Photoshop и создайте новый документ с размерами 1800 x 1300 px в режиме RGB, 72 DPI и, затем залейте фон темно-серым цветом #1f1f1f.

Шаг 2

Создайте новый слой, назовите его “texture” и с помощью кистей Grunge Brushes нажмите пару раз в центре документа используя белый цвет. Используйте разные кисти из данного набора, старайтесь охватить центр документа, меняйте вид кисти.

Шаг 3

Дважды щелкните по значку слоя texture, чтобы открыть панель Layer Style. В “Blending Options” уменьшите ‘Fill’ до 0, а затем примените эффекты слоя “Drop Shadow” и “Inner Shadow”, используя эти параметры. Это придаст текстуре реалистичное тиснение.

Шаг 4

Щелкните по значку Add Layer Mask (Добавить слой-маску), а затем нажмите Command / Ctrl + (I) для инверсии.

Возьмите большую мягкую кисть с жесткостью (hardness): 0% – размером: 950px и кликните в центре документа. Таким образом, слой texture будет больше показан только в центре, исчезая к краям документа.

Шаг 5

Используйте Type Tool (T) и параметры как на скриншоте, введите слово Labdes или то, что вы хотите. Если вы не видете вкладку  ’Character Window’ то перейти в меню Window -> Character.

Шаг 6

Откройте ‘Layer Style’ текстового слоя ‘Labdes’ и примените следующие настройки. Для каждого параметра  вы можете увидеть предварительный просмотр эффекта, который только что добавили.

Шаг 7

После того как вы изменили стиль, нажмите кнопку ОК. Теперь выделете слово «Labdes», с помощью Type Tool (T). Выделите все, что рядом с первой заглавной буквой (кроме нее самой), и уменьшите кернинг (kerning ) до -5, как на изображении ниже. Напомню что вы можете отобразить Character Window через меню Window -> Character.

Шаг 8

Дублируйте этот слой с Command/Ctrl + (J), щелкните правой кнопкой мыши по значку слоя и выберите Clear Layer Style (Очистить стиль слоя).

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

Отличный способ работать с 2 стилями слоя, это создание надежной основы, как мы сделали в первом текстовом слое, а теперь добавим освещение и отражение на второй, новый слой выше. Таким образом, нам намного проще смешать свет и цвет с текстурой слоя который ниже.

Шаг 9

Пойдем дальше, добавим Layer Style к нашему второму слою текста «Labdes». Дважды щелкните на его миниатюру, чтобы открыть панель Layer Style. Установите непрозрачность до 0 в Blending Options.

Шаг 10

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

Обратите внимание на прием с обводкой (Stroke): снизив его непрозрачность в ’0′ он будет работать почти так же как маска слоя, скрывая слой по краям.

Обводка ‘Stroke’ с параметром “Inside” в 3px, например, будет скрывать текст до 3 точек вдоль краев, отображая то, что ниже в этом 3px диапазоне. Как только вы закончите с этими настройками, нажмите кнопку ОК, чтобы применить эффект.

Заключение

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

Источник: http://labdes.ru/metal-text-effect-in-photoshop

Шикарный металлический текст в фотошопе

Как всегда в самом начале урока результат. Если есть желание, можете даже скачать и просмотреть его в формате PSD.

Шаг 1

Перед началом, можете скачать и установить себе шрифт, который используется в этом уроке. Создаем документ с размерами 900 px на 600 px и разрешением 300 pixels/inch. Заполняем фоновый слой цветом #332222. Выбираем белый, как цвет переднего плана. Пишем нужный текст (размер здесь взять 36, но можете поменять).

Шаг 2

Создаем новый слой, назовем его «Metal» и заполним 90%-ым серым. Идем Filter > Render > Lens Flare (Фильтр > Освещение > Блик) и устанавливаем следующие настройкиs: Brightness (Яркость) > 125, Lens Type (Тип блика) > 50-300mm Zoom. Теперь идем на палитру слоев и зажимаем Alt между слоями «Awesome» и «Metal», чтобы получилась маска для слоя «Metal».

Шаг 3

Выбираем слой «Awesome», открываем Blending Options (Опции смешивания) и выбираем там Drop Shadow (Падающая тень) со следующими настройками: Blend Mode (Тип смешивания) > Multiply (Умножение), Opacity (Непрозрачность)> 75%, Angle (Угол)> 90, Distance (Расстояние)> 2px, Size (Размер)> 8px. Затем применяем Bevel and Emboss (Скос и Рельеф) со след. настройками: Style (Стиль) > Inner Bevel (Внутренний скос), Depth (Глубина)> 100%, Direction (Направление)> Up (Вверх), Size (Размер)> 0, Angle (Угол)> 90, Altitude (Высота) > 65.

Шаг 4

Выбираем слой «Background», идем Filters > Render > Lens Flare (Фильтр > Освещение > Блик) меняем Brightness (Яркость) на 100% и жмем ОК. Теперь идем Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие Гаусса) и ставим Radius (Радиус) 45 px. Далее следуем Image > Adjustments > Hue/Saturation (Изображение > Настройки > Оттенок/Насыщенность) и ставим Lightness («Светлость») -20.

Шаг 5

Выбираем слой «Awesome» и топаем Select > Load Selection (Выделение > Загрузить выделение), создаем новый слой над слоем «Background» и называем его «Shadow». Заполняем выделение черным цветом.

Шаг 6

Теперь займемся тенью. Для этого мы увеличим наш рабочий холст, через пару минут поймете зачем. Итак, идем Image > Canvas Size (Изображение > Размер холста). Нажмите на нижнюю среднюю стрелку, убедитесь, что галоска возле Relative (Относительный) не стиот.

Выставляем высоту 1600 px и жмем ОК. Выбираем слой «Background», устанавливаем Vertical guide (Вертикальную направляющую), для этого нам нужно сделать видимыми Rulers (Линейки), идем View > Rulers (Вид > Линейки) и вытягиваем сбоку вертикальную направляющую в центр нашего документа.

Дальше выбираем слой «Awesome».

Шаг 7

Теперь займемся самым интересным -Actions (Действия или, в народе, просто Экшны). Создадим экшн, чтобы надлежащим образом бросить тень. Идем Window > Actions (Окно > Действия), чтобы открыть панель Действияl.

Открываем меню этой панели и выбираем New Set (Новый набор), назовем его «Shadow» и кликнем ОК. Теперь жмем кнопку New Action (Новое действие), назовем его «Drop» и нажимаем на Record (Запись), чтобы начать записывать.

Запись экшна это полезная вешь, если нужно сделать много одинаковых операций.

Шаг 8

Первой, что мы сдемаем, это продублируем слой «Shadow», нажав CTRL+J.

Затем жмем CTRL+T, чтобы появилась рамка Free Transform (Свободная Трансформация), перетаскиваем центр трансформации на верхнюю грань документа, как показано на рисунке ниже.

Теперь устанавливаем вертикальный (W) и горизонтальный (H) масштабы 100,2% и клацаем Enter. И на последок идем на панель экшнов и жмем кнопку Stop (Стоп). Ну мы закончили запись действия, теперь пора его воспроизвести.

Шаг 9

Убедитесь, что выбран слой «Shadow copy » и следуйте на панель действийl, сперва выбираем наше Drop Action, затем нажимаем кнопку Play (Проиграть) 12 раз. Затем выбираем все содданныей слои с тенью и кликаем CTRL+E, чтобы их обьединить.

Шаг 10

Идем Filter > Blur > Radial Blur (Фильтр >Размытие >Радиальное размытие), передвигаем Blur Center (Центр размытия) вверх и применяем следующие настройки: Amount (Величина) > 3, Blur Method (Способ размытия) > Zoom, Quality (Качество) > Best.

Шаг 11

Будем заканчивать с тенью. Жмем CTRL+T и передвигаем центр трансформации вверх (опять). Сдвигаем нашу тень вниз, удерживая SHIFT. Затем идем Filter > Blur > Gaussian Blur (Фильтр >Размытие >Размытие Гаусса) и ставим Radius (Радиус) 2 px.

Поздравляю, мы сумели! 🙂

Теперь возьмите инструмент Crop tool (Обрезка) и верните размеры нашего холста в исходное состояние. Вот и все, надеюсь вы чему-нибудь научились (желательно хорошему и полезному).

Источник: http://silverphoto.my1.ru/publ/shikarnyj_metallicheskij_tekst_v_fotoshope/7-1-0-702

Золотые буквы в фотошопе. Как сделать золотые буквы в Фотошоп? Размытый текст

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

Шаг 1. Создайте новый документ (Ctrl+ N ), размерами 640х480 пикс. и разрешением 72 пикс/дюйм.

Шаг 2. Залейте ваш документ Черным цветом (D, Alt+Backspace ).

Шаг 3. Выберите цвет переднего плана (Основной цвет) — Белый (клавиша Х ), возьмите инструмент Текст (Type tool (Т )), шрифт — «Times New Roman Bold» и напишите слово — «GOLD»:

Шаг 4. При помощи Свободной трансформации (Free Transform (Ctrl+ T )), увеличьте размер текста (зажав клавиши Shift+Alt, для того, чтобы увеличение его равномерно, относительно середины текста).

Шаг 5 . Дублируйте слой с текстом (Ctrl+ J ), у вас должно теперь быть три слоя в палитре слоев.

В последующих нескольких шагах, мы будем работать с копией слоя с текстом.

Шаг 6. Находясь на копии слоя с текстом, нажмите на значок Стилей слоя (Layer Styles ), у основания палитры слоев (или просто кликните по слою два раза).

Выберите — Наложение градиента (Layer Styles ).
Нам нужно изменить цвета градиента. Кликните на область предварительного просмотра градиента, чтобы открыть диалоговое окно Редактор градиента (Gradient Editor ).

Шаг 7. В окне Редактор градиента , кликните по левому ползунку (контрольная точка цвета), чтобы выбрать его, а затем нажмите на — Цвет, чтобы изменить цвет выбранного ограничителя.

Откроется диалоговое окно Выбор цвета (Color Picker ). Вы можете использовать любые цвета золота, но если хотите именно повторить этот урок, то автор установил вот такой цвет: # F7 EEAD. Нажмите Да, чтобы применить цвет и выйти из диалогового окна Выбор цвета.

В Редакторе градиента, кликните по правому ползунку (контрольная точка цвета), а затем нажмите на — Цвет, чтобы изменить цвет выбранного ограничителя.

В появившемся окне Выбор цвета установите цвет: # C1 AC51.
Нажмите Да, чтобы выйти из диалогового окна Выбор цвета, затем Да, чтобы выйти из диалогового окна Редактор градиента.
Не выходите, пока, из диалогового окна Стиль слоя , так мы дальше еще продолжим преобразование нашего текста.
Вот, что должно у вас получится, на данном этапе.

*если у вас цвета расположились, не так как на картинке (снизу светлое, а сверху темное), то это не страшно, на данном этапе работы, это не так важно*

Шаг 8. Измените в окне Наложение градиента, Стиль (Style ) на Зеркальный (Reflected ).

Вот что у вас должно получится:

Шаг 9 . В окне Стиль слоя, перейдите во вкладку Тиснение (Bevel and Emboss ).

Шаг 10 . В окне тиснение, измените Метод (Technique ) на Жесткая огранка (Chisel Hard ).
*не закрывайте окно Стиль слоя*

Шаг 11 . Спуститесь в самый низ, во вкладке Тиснение, кликните по стрелочке, которая находится справа от миниатюры Контура глянца (Gloss Contour), в выпавшем меню, выберите Двойное кольцо (Ring — Double ), так же поставьте галочку напротив Сглаживание (Anti-Aliased ), чтобы на тексте не было сильно резких границ.

Вот что у вас должно получится.

Шаг 12. В этой же вкладке (Тиснение), подымитесь вверх и измените Размер (Size ), тяните ползунок вправо, пока края букв, не сомкнуться в середине (автор остановился на 16пикс. (для своей работы я увеличила до 18 пикс.)).

Шаг 13. Теперь измените Глубину (Depth ), чтобы увеличить эффект освещения на буквах (автор остановился на 171%).

Теперь наш текст, стал смотреться намного лучше.

Шаг 14. Затем поставьте галочку во вкладке Контуры , это придаст тексту еще более металлический вид (в параметрах контуры ни чего не нужно менять).

Вот что получится.

Шаг 15. Последнее, что мы сделаем, перед тем как выйдем из диалогового окна Стиль слоя. Это добавим Внутреннее свечение (Inner Glow ).
Установите такие параметры во вкладке Внутреннее свечение (Inner Glow ):

*Непрозрачность структуры, во Внутреннем свечении, можете подрегулировать по своему вкусу*

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

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

Выберите — Обводку (Stroke ) и установите там такие параметры:

Шаг 17. Щелкните на область предварительного просмотра градиента.

В появившемся окне Редактор градиента, установите те же цвета, которые мы ставили на дубликате слоя с текстом (# F7 EEAD и # C1 AC51 ).
В итоге вот что у вас должно получится:

Шаг 18. Теперь перейдите во вкладку Тиснение (Bevel and Emboss ) и установите такие настройки (не забудьте поставить галочку — Контуры (ниже Тиснения)):

Вы должны получить вот такой результат.

Шаг 19. Последнее, что мы сделаем в диалоговом окне Стиль слоя , это добавим Внешнего свечения (Outer Glow ).
Перейдите во вкладку Внешнее свечение (Outer Glow ) и установите там вот такие параметры:

*Выйдите из диологового окна Стиль слоя, нажав Да, чтобы сохранить все изменения*

Вокруг вашего текста, появится легкое свечение.

Шаг 20. Выше всех слоев, создайте новый слой Ctrl+Shift+N и назовите его, например, «Блеск».
Теперь у нас в палитре появился новый слой, на котором мы будем рисовать блеск на нашем тексте.

Шаг 21. Для того чтобы нарисовать блеск. Нам понадобятся специальные кисти, которые есть в стандартом наборе Photoshop.
Выберите инструмент Кисть (Brush tool (B )). Кликните правой кнопкой мыши где-нибудь на вашем документе, чтобы открыть окно выбор набора кистей, нажмите на меленькую стрелочку, справа вверху окна. В выпавшем меню, выберите набор Разные кисти (Assorted Brushes ).

После того как нажмете на выбранный набор, Photoshop спросит у вас: Заменить текущие кисти? Нажмите Добавить , чтобы у вас не пропали все ранее загруженные кисти, заменившись набором Разные кисти.

Шаг 22 . Возьмите инструмент Пипетка (Eyedropper (I )) и кликните по самому светлому участку на тексте, чтобы выбрать цвет для нашего блеска (так же, при активном инструменте Кисть, можно зажать клавишу Alt , и кликнуть по тому месту, цвет которого вы хотите использовать).

Шаг 23. В настройках инструмента кисть, выберите, из ранее загруженного набора Кисть — Перекрестные штрихи4 (Crosshatch).

Шаг 24. После того как вы выбрали кисть и установили нужный цвет, находясь на новом слое, кликните в нескольких местах кистью. После каждого клика, меняйте размер кисти используя клавиши Ctrl+ [ или ] , чтобы добавить больше хаотичности.
Получается интересный эффект, но не стоит сильно увлекаться, так как, перегрузив изображение блестками, можно испортить картинку в целом.
Если вам покажется, что Блеск сильно яркий, то вы можете снизить непрозрачность слою, как это сделал автор, понизив его до 50% .

Вот что у нас получилось в итоге:

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

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

1 → Золотой + Стеклянный эффект

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

2 → Размытый текст

Ещё один эффект размытых слов в объёме. Макет представляет из себя mock-up файлы, что позволяет сделать любой текст таким в автоматическом режиме.

3 → Металлический текст + шрифт к нему

Довольно реалистичные металлические буквы с подходящим шрифтом. Данный шрифт находится в архиве вместе с исходником.

4 → Ещё исходник стиля букв в приятных тонах

Тоже неплохой стиль, с небольшим 3D

5 → В стиле Glamour

Простой, но привлекательный текст в красном стиле, без применения дополнительных слоёв, только параметры наложения.

6 → Вдавленные буквы с 3D эффектом: PSD + шрифт

Эффект вдавленность букв достигается нехитрыми манипуляциями, в частности, внутренней тенью, которая как раз и создаёт такую видимость. К макет приложен также шрифт, использованный в данном тексте.

7 → Вдавленный текст

Самый простой пример применения такого эффекта. Всё манипуляции в параметрах наложения. Исходник ниже.

8 → В стиле Retro school

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

9 → Превосходный 3D текст “Grand”

Очень профессиональная работа. Реалистичные эффекты в автоматическом режиме, исходник mock-up типа. К архиву прилагается 2 используемых шрифта, и сами эффекты в двух вариантах.

10 → Рукописный текст

Хорошее сочетание рукописного шрифта и стиля текста. Сам файл шрифта прилагается.

11 → Эффект “Authentic”

На любителя. Mock-up PSD исходник.

12 → Элегантный белый в стиле “Soft”

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

13 → Расписной зеркальный текст

Элегантный шрифт (прилагается), красивый зеркальный текст.

14 → Золотые буквы с зеркальным отражением

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

15 → Отражающийся глянец

Простой, но также приятный эффект текста в фотошопе, представляющий глянец, с зеркальным видом и интересным шрифтом.

16 → Морозный эффект в ледниковом стиле

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

17 → Буквы в стиле мыльных пузырей

Добро пожаловать на сайт сайт! Друзья, на нашем сайте вы сможете найти много интересного и полезного для себя, ваших близких и деток. Мы предлагаем огромный ассортимент кистей , рамок , стилей , фигур , иконок и множество других дополнений к вашей фотографии.

Рамки для фотошопа

Особой популярностью пользуются рамки для фотошопа , с помощью которых вы сможете украсить свою фотографию без всяких усилий. Вам всего лишь понадобиться найти подходящую рамку, вставить свое фото, которое послужит креативным украшением вашего рабочего места, либо же семейного альбома. Также, вы сможете создать веселую комнату своего малыша. В этом вам помогут большой выбор детских рамок . Такие виды рамок могут освоить даже начинающие пользователи.
Обращаем Ваше внимание на рамки для свадебных фотографий , для семейного фото , виньетки , для влюбленных , «для тебя» , поздравления , календари , Великая Пасха, 23 февраля , с Новым годом , ко дню рождения , ко дню св Валентина . Все эти рамки вы сможете скачать по этой ссылке

Скачать шаблоны для фотошопа

Настало время говорить о главном разделе нашего сайта — «Шаблоны для фотографий» . В первую очередь, он пользуется популярностью среди девушек разной возрастной категории. Ведь девушка всегда стремиться к шарму и красоте. Именно в данном разделе, дорогие девушки, вы сможете побывать в образе: незнакомки в лунном свете или наоборот, доброй феей. Вам всего лишь понадобится перейти по этой ссылке . Не будем забывать о наших дорогих мужчинах, ведь наш сайт им подготовил так же много интересных шаблонов, в образе которых мужчина себя почувствует: трудолюбивым огородником, мушкетером, рыцарем, летчиком, байкером, ковбоем, королем, железным человеком, немецким офицером, автогонщиком и т. п. И все это совершенно бесплатно , всего лишь нужно нажать на кнопку мыши и .

Дорогие пользователи, администрация нашего сайта подготовила сюрприз для ваших деток: раздел «Шаблоны для детей» . Ваш ребенок себя почувствует в образе: сладенького зайки, маленького, пирата, утенка, паука, царя, эльфа и т. п. Быстрее кликайте мышкой и переходите по ссылке и получите море удовольствия.
Рекомендуем обратить внимание на раздел «Иконки» . Мы предлагаем большой выбор не только «рамок», но и «иконок». Вы сможете использовать данный раздел в разных в целях — начиная обычным любительским фото и заканчивая масштабным дизайнерским проектом. Именно у нас вы сможете найти много увлекательного!

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

Графический редактор располагает широкими возможностями для дизайна текста, можно сделать надписи с различными эффектами. Сейчас будем учиться делать золотые буквы в Фотошопе. Приготовьтесь к кропотливой работе, нужно делать все пошагово и не пренебрегать мелкими нюансами, тогда все получится.

Шаг 1: подготовка к работе

1. Создайте новый рисунок размером 1200х800 px и откройте окно «Слои».

2. Сделайте фон черным, воспользовавшись инструментом «Заливка».

3. Выберите белый цвет в палитре и напишите что-нибудь, используя инструмент «Текст». Мы выбрали шрифт Times New Roman Bold размером 230 пт, рис.2.

4. Расположите текст посередине с помощью инструмента «Перемещение». Чтобы изменить размер надписи используйте «Свободную трансформацию» в меню «Редактирование».

Шаг 2: делаем золото

1. Нажмите внизу окна слоев кнопку fx и выберите в списке «Наложение градиента». Кликните один раз по его цвету для редактирования. Появится окошко с цветовой школой. Если на панели инструментов у вас стояли стандартные цвета (черный и белый), то градиент будет черно-белым.

На шкале вы увидите ползунки, это контрольные точки цвета. Кликните два раза мышкой на нижний левый ползунок и выберите на палитре желтый (#ffff00), рис.3, точно так же измените конечный цвет градиента, кликнув на второй нижний ползунок справа. Оттенок поставьте ближе к золотому (мы взяли #cc9900), рис.4. Нажмите «Ок». В окошке со стилями градиента измените стиль на «Зеркальный», непрозрачность и масштаб поставьте 100%, рис.5, снова кликните «Ок». Должно получиться примерно как на здесь, рис.6.

2. Снова нажмите fx и «Тиснение». Измените метод на «Жесткая огранка», глубина 195%, размер 90, рис.7, выберите «Двойное кольцо» для контура глянца и поставьте галочку напротив «Сглаживание» рядом с контуром, рис.8. Уже похоже назолото. Можно еще увеличить глубину по вкусу.

3. Но не спешите закрывать окно стилей, слева под «Тиснением» поставьте галочку напротив «Контур».

4. Там же, в окне стилей, поставьте галку перед «Глянец» и выделите его мышкой, перейдя в настройки. Выберите режим«Осветление основы», непрозрачность поставьте примерно 50%, а цвет ярко-желтый (#ffff00), рис.9.

5. Теперь выберите «Тень», режим наложения «Нормальный», непрозрачность 100%, цвет #999900, смещение и размах = 0, размер = 6, контур «Двойное кольцо» плюс «Сглаживание», рис.10. Вот что получилось, рис.11.

1. Создайте новый пустой слой (вторая кнопка справа от корзины в окне слоев).

2. Активируйте инструмент «Пипетка» и возьмите пробу цвета с самого светлого участка букв.

3. Переключитесь на «Кисть» с непрозрачностью 100% и отрегулируйте размер инструмента.

4. В настройках кисти в верхнем меню загрузите категорию «Разные кисти» и выберите кисточку №25 или №48, рис.12.

5. Нарисуйте блеск на буквах, там, где это будет уместно. Примерно как на образце, рис.13.

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

• В этом уроке рассказывается о том, как сделать gif-анимацию (гифку) из фотографий в Photoshop. Операции расписаны пошагово, почти каждый шаг сопровождается скриншотом. Урок рассчитан на пользователей, которые знакомы с азами работы с редактором,…

Written By Steve Patterson

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

В результате нашей работы получим такой золотой сверкающий текст:

Шаг1. Создаем новый документ в Фотошопе: File menu / New , или Ctrl+N, задаем размер 640×480 пикселов и OK . Цвет фона – черный.

Шаг2. Выбираем Type tool на панели инструментов и вставляем нужный текст. Автор выбрал слово GOLD. Шрифт «Times New Roman Bold». Если размер текста вас не устраивает – редактируйте с помощью меню Free Transform или Ctrl+T.

Шаг3. Создайте дубликат текстового слоя GOLD с помощью контекстного меню или комбинации Ctrl+J . Дальше будем работать с копией слоя GOLD copy .

Шаг4. Задаем золотой градиент для текста. В окне Слои (Layers palette ) в Фотошопе есть полезная кнопка Layer Styles (Стиль слоя):

Выбираем наложение градиента.

Шаг5. Создаваемый градиент должен имитировать переливы золота, поэтому должен быть переход от светло золотого к насыщенному золотому. В окне редактора градиентов задаем цвет левого маркера так, как на рисунке — R:247, G:238, B:173, что соответствует светло-золотому цвету (# f7eead).

Для правого маркера аналогично задайте R:193, G:172, B:81 (# c1ac51). Затем нажмите ОК, закройте окно редактора.

Результат должен выглядеть примерно так:

Вот результат:

Окно редактора стилей не закрывайте, оно еще пригодится.

Шаг6. Текст должен быть объемным, для чего используем другие эффекты слоя. В окне редактора стилей устанавливаем следующие параметры для Bevel and Emboss (Тиснение)

вот таким образом: меняем Technique (Метод) на Chisel Hard (Жесткая огранка),

Gloss Contour (Контур глянца) на «Ring Double»

и выберите опцию Anti-Aliased (Сглаживание).

Установите размер 16 pixels и Depth (Глубина) 171%:

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

Для усиления эффекта можно добавить Contour (Контур).

Шаг7. Продолжим работу с диалоговым окном редактора стилей. Выбираем Inner Glow (Внутреннее свечение)

и устанавливаем такие параметры: меняем цвет на оранжевый (R:232, G:128, B:31),

На этом закончим работу с дубликатом текстового слоя.

Шаг8. Продолжим работу с оригинальным текстовым слоем. Щелкните не этом слое в палитре слоев чтобы сделать его активным.

Щелкните на Layer Styles чтобы начать работу со стилями этого слоя.

Выбираем Stroke (Обводка) и задаем для нее такие параметры

Настроим градиент для обводки. Для этого откройте редактор градиентов и для левого маркера задайте цвет R:247, G:238, B:173 для правого — R:193, G:172, B:81. OK.
Шаг9. Теперь нужно настроить Bevel and Emboss (Тиснение) для Stroke (Обводки).
Для этого в диалоговом окне настройки стиля нужно выбрать Stroke Emboss и другие параметры настроить так, как на рисунке:

Результат должен быть такой.

Шаг10. Теперь можно добавить в диалоговом окне настройки стиля Outer Glow (Внешнее свечение), цвет R:183, G:145, G:79 .
Шаг11. А сейчас сделаем текст сверкающим и сияющим. Для этого добавим новый слой Sparkles. Этот слой должен быть над всеми слоями. Используем кисть похожую на Х, которую выберем из Assorted Brushes Adobe Photoshop.

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

Пересказала с английского Tortila

Как создать металлический текст для вашего дизайна

Вы когда-нибудь видели, чтобы в типографских проектах были забавные или интересные тексты, которые вы бы хотели интегрировать в свои собственные проекты? Будь то графический дизайн, веб-дизайн или даже дизайн приложения, привлекательные тексты важны, потому что это именно то, что читают ваши потенциальные клиенты, чтобы узнать, нравится ли им то, что вы предлагаете. Вы помогаете своему делу, только если у вас есть вариант интересного текста, который позволяет заинтересовать и заинтересовать любого читателя.Иногда типографика создается вручную. В других случаях полезно узнать о многих качествах, которыми обладает Photoshop, особенно для создания собственного стиля текста. Сегодня вы узнаете , как создавать металлический текст для ваших дизайнов .

Шаг 1

Чтобы добиться этого вида металлического текста, вам нужно открыть новый файл и убедиться, что ширина — 7 дюймов, а высота — 3 дюйма. Ориентация должна быть альбомной. Убедитесь, что ваше разрешение установлено на 150 пикселей / дюйм, а цветовой режим — RGB Color, 8 бит.Назовите его как хотите, но для целей этого урока мы использовали «металлический текст».

Шаг 2

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

Шаг 3

Теперь, выделив текст, нажмите «Слой», затем «Стиль слоя» и, наконец, нажмите «Наложение градиента».

Шаг 4

Появится всплывающее окно стиля слоя, затем щелкните раскрывающееся меню рядом с образцом градиента. Нажмите на настройки в раскрывающемся меню, затем найдите и выберите градиент под названием «Металлы». Щелкните «Добавить».

Шаг 5

Затем у вас есть возможность выбрать любой тип металла из ассортимента, а также любую прозрачность, режим наложения, стиль и углы, которые вы предпочитаете. После того, как вы нажмете «ОК», ваш текст должен выглядеть следующим образом.Вы также можете добавить внутреннюю тень и любые другие стили слоя, чтобы добиться желаемого результата. Теперь у вас есть металлический текст для использования в ваших веб-дизайнах или любых других дизайнах, которые у вас есть. Также можно создавать свои собственные градиенты, что дает вам свободу создавать свой собственный металлический текст с любыми цветами и вариациями, которые вы хотите.

Другие обучающие программы на веб-сайтах

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

Этот веб-сайт — место, где можно найти профессионально выглядящие уроки по фотошопу. Хотя они более сложные и глубокие, стоит добиться профессионального и прочного вида, если это то, что вы ищете.

Если вы хотите получить безупречный трехмерный текст в средневековом стиле, этот веб-сайт предлагает учебные пособия по Photoshop, и именно этот поможет вам добиться именно такого вида.

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

Photoshop Кафе

(доступно на https://photoshopcafe.com/tutorials/stamped-metal.html). Еще один заслуживающий доверия, фантастический и образовательный веб-сайт, который покажет вам, как собирать вещи в Photoshop. Когда вы занимаетесь графическим дизайном, веб-разработкой и т. Д., Важно знать, как делать простые вещи, например изменять текст в соответствии с вашими желаниями или желаниями вашего клиента, и воплощать их в жизнь. Штампованный металлический вид, очень похожий на тот, что представлен в этом руководстве, может быть логотипом, визитной карточкой, баннером на веб-сайте или фоном в приложении.Независимо от того, где и для чего он предназначен, важно продемонстрировать свои навыки и научиться производить что-то подобное. И это так просто с этими замечательными уроками!

Иногда некоторые люди учатся более эффективно, используя визуальные эффекты и звук, например видео на YouTube. Casual Savage — это канал YouTube, на котором есть уроки по Photoshop, и это видео посвящено созданию фантастической версии металлического текста. Это поучительно, и вы шаг за шагом создадите свою собственную потрясающую версию металлического текста для любого веб-дизайна с помощью этого видео.

Еще одно учебное пособие с хорошо составленным металлическим текстом было создано Рэем Лайонсом. Хотя детализация изящна, а металлический текст выглядит почти настолько реальным, что вы можете протянуть руку и прикоснуться к нему, учебное пособие длится всего семь коротких минут и позволяет вам следовать и создавать текст, идентичный тому, что рекламируется в начале. видео. Создание металлического текста с нуля сложно и требует много времени на создание, не говоря уже о том факте, что в Интернете есть ряд руководств по Photoshop, созданных замечательными дизайнерами, которые просто хотят поделиться своими знаниями со всем миром.

Как создать эффект металлического текста в Photoshop

Посмотрите видео с подробными инструкциями и используйте письменные инструкции для быстрого ознакомления. Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect .

1. Создайте новый документ
Выберите Файл> Новый (или Ctrl + N ).

В стандартном диалоговом окне «Создать» введите имя в поле «Имя» и введите следующую информацию: ширина 1366 пикселей, высота 768 пикселей, разрешение 72 пикселей / дюйм, цветовой режим RGB и содержание фона Прозрачный или черный.

Нажмите ОК.

На панели «Слои» отображается слой с именем по умолчанию «Слой 1».

Создайте новый документ.

2. Выберите инструмент «Горизонтальный текст».
Выберите инструмент «Горизонтальный текст» на панели «Инструменты» или просто нажмите T .

Нажмите Shift + T , чтобы циклически переключаться между четырьмя доступными типами инструментов, пока не станет активным тот, который вам нужен.

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

Выберите параметры типа, такие как шрифт, стиль, размер и цвет, на панели параметров инструмента.

Инструмент «Горизонтальный текст». Выберите параметры типа, такие как шрифт, стиль, размер и цвет, на панели параметров инструмента.

3. Введите текст в документе
Щелкните ту часть холста, куда вы хотите добавить текст в Photoshop, затем введите текст.

Если вам нужно начать новый абзац, нажмите Enter.

По завершении нажмите кнопку «Применить» на панели параметров (или Ctrl + Enter ).

Photoshop создает новый текстовый слой.

Введите текст в документе.

4. Отрегулируйте размер текста с помощью свободного преобразования
Выберите Правка> Свободное преобразование (или Ctrl + T ).

Ограничивающая рамка окружает содержимое вашего текста.

Он имеет четыре контрольные точки по углам, четыре контрольные точки по бокам и центр вращения посередине.

Теперь вы можете редактировать текст следующим образом:

• Чтобы переместить текст: перетащите внутрь прямоугольника.
• Чтобы повернуть текст: потяните за угол прямоугольника.
• Чтобы изменить размер текста: перетащите его углы.
• Для масштабирования по горизонтали или вертикали: перетащите его стороны.
• Удерживайте нажатой клавишу Shift, чтобы текст не искажался.
• По завершении нажмите кнопку «Применить» на панели параметров или просто нажмите Ctrl + Enter .

Отрегулируйте размер текста с помощью свободного преобразования.

5. Добавьте стиль слоя
Перейдите к Layer> Layer Style> Bevel & Emboss , чтобы открыть диалоговое окно Bevel & Emboss Layer Style.

Примените стиль Bevel & Emboss, Satin и Color Overlay, используя следующие настройки:

Bevel & Emboss:
Техника: Chisel Hard
Размер: 12 пикселей
Gloss Contour: Ring
Contour:
Contour: Cone

Атлас:
Расстояние: 27 пикселей
Размер: 14 пикселей
Контур: Кольцо

Наложение цвета:
Выберите серый цвет: # 666666

Настройки Bevel & Emboss. Настройки контура. Атласные настройки. Настройки наложения цвета.

6. Добавьте фоновое изображение
Если вы хотите фоновое изображение, выберите Файл> Поместить .

В диалоговом окне «Поместить» перейдите к папке, содержащей ваш файл, затем выберите имя файла, который вы хотите открыть, и нажмите кнопку «Поместить».

На панели «Слои» переместите этот фон в нижнее положение.

Диалоговое окно «Поместить». На панели «Слои» переместите этот фон в нижнее положение.

7. Примените Яркость / Контраст к слою фонового изображения
Теперь отрегулируйте контраст яркости, используя корректирующий слой Яркость / Контраст.

Выберите слой фонового изображения на панели «Слои».

Выберите Layer> New Adjustment Layer> Brightness / Contrast .

В диалоговом окне «Новый слой» просто нажмите «ОК».

Перетащите ползунок Яркость и Контрастность вправо или влево.

Щелкните значок обтравочной маски, чтобы закрепить настройку «Яркость / Контраст» на слое под ней.

Появится диалоговое окно «Новый слой», просто нажмите «ОК». Перетащите ползунок «Яркость и контрастность» вправо или влево в зависимости от изображения.

8. Сохраните документ
Выберите Файл> Сохранить (или Ctrl + S ), чтобы сохранить файл проекта эффекта металлического текста.

В диалоговом окне «Сохранить как» перейдите к папке, в которой вы хотите сохранить файл проекта.

Введите имя в текстовое поле «Имя файла» и оставьте формат Photoshop по умолчанию (* .PSD; *. PDD).

PSD — это собственный формат Photoshop, который полезен, потому что в нем хранится вся информация о вашем изображении, и вы сможете позже отредактировать его в Photoshop, если вы заметите проблему.

Нажмите «Сохранить», чтобы сохранить файл проекта.

Когда вы закончите, вы, вероятно, захотите экспортировать изображение в более широко используемом формате, таком как JPEG, PNG, TIFF и т. Д.

Создание эффекта металлического текста с помощью Photoshop

Предварительный просмотр

Учебные ресурсы

• Фон: текстура стены от Джея Леонхарта
• Текстура: Старый фильм 10 от Lost and Taken

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

Шаг 1. Настройка текста

В Photoshop перейдите в Файл> Создать ( Ctrl / Cmd + N ), чтобы создать новый документ. Установите ширину 600 пикселей, высоту 300 пикселей и разрешение 72 пикселей / дюйм.

Затем возьмите инструмент Horizontal Type Tool ( T ) и введите текст «Design Instruct». Я использую Franklin Gothic Heavy, но не стесняйтесь использовать любой жирный шрифт, который вам нравится.

Шаг 2. Начало работы

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

Откройте панель «Действия», выбрав «Окно»> «Действия» ( Alt / Option + F9 ), щелкните значок «Создать новый набор» (выглядит как папка) в нижней части панели «Действия» и назовите его «Металлический текст».

Создайте новое действие, выбрав значок «Создать новое действие» (выглядит как стикер для заметки).

Как только вы создадите новое действие, оно должно начать запись автоматически (вы увидите красный значок записи в форме круга в нижней части панели «Действия»).

Шаг 3: Добавляем нашу первую тень

Перейдите в Select> Load Selection, затем создайте новый слой ( Shift + Ctrl / Cmd + N ). Залейте новый слой белым цветом (#FFFFFF) и скройте исходный текстовый слой.

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

Дублируйте новый текст, выбрав «Слой»> «Дублировать слой» и переместив его вниз под верхний текстовый слой (вариант : , вы можете сделать это, щелкнув правой кнопкой мыши слой на панели «Слои» и выбрав «Дублировать слой»).

У нас будет два источника света, поэтому этот текстовый слой будет первым из двух источников. Перейдите в Layer> Layer Style> Drop Shadow.

При изменении этих настроек не забудьте снять флажок Use Global Light. Global Light создает все тени и тиснение под одним углом, и нам нужны два разных источника света.

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

Шаг 4: Добавляем нашу вторую тень

Выделите верхний текстовый слой и перейдите в Слой> Стиль слоя> Тень.

Шаг 5: Добавление стиля слоя Bevel

Теперь мы собираемся добавить наш Bevel, который в конечном итоге придаст нам металлический вид. Итак, нажмите на верхний слой и перейдите в Слой> Стиль слоя> Фаска и тиснение.

Шаг 6. Добавление стиля слоя Satin

Далее мы собираемся добавить стиль слоя Satin. Это придаст поверхности текста немного противоречивости, добавив реалистичности. Итак, перейдите в Layer> Layer Style> Satin.

Шаг 7: Добавление стиля слоя градиента

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

Перейдите в Layer> Layer Style> Gradient Overlay.

Шаг 8: Создание металлической текстуры

Мы собираемся придать нашему тексту металлическую текстуру, поэтому убедитесь, что у вас выбран верхний текстовый слой, и перейдите в Select> Load Selection.

Перейдите в Layer> New Layer ( Shift + Ctrl / Cmd + N ) и залейте наше выделение белым цветом.

Теперь перейдите в Фильтр> Шум> Добавить шум.

Шаг 9: Обработка металлической текстуры

Снимите выделение с нашего текста, выбрав Select> Deselect ( Ctrl / Cmd + D ), а затем перейдите в Filter> Blur> Motion Blur.

Установите угол на 42 градуса и расстояние на 38 пикселей.

Выделите наш первый текстовый слой и перейдите в Select> Load Selection и Select> Inverse ( Shift + Ctrl / Cmd + I ).

Удалить выделенную область. Это избавит от шума за пределами нашего текста.

Измените режим наложения на Умножение.

Теперь вы закончили создание нашего экшена Photoshop. Теперь вы можете нажать на кнопку «Стоп» и на панели «Действия».

Шаг 10: Использование фонового изображения

Теперь мы можем закончить изображение.

Загрузите Wall Texture от Jay Leonhart и поместите его в качестве фонового изображения за всеми слоями.

Шаг 11: Добавление текстовой текстуры

Мы собираемся добавить текстуру поверх текста.Загрузите текстуру Old Film 10 от Lost and Taken и перенесите ее в наш документ.

Переместите текстуру над всеми слоями и уменьшите ее размер примерно до 30%, используя Edit> Free Transform ( Ctrl / Cmd + T ). Он должен соответствовать размеру холста.

Измените режим наложения на Overlay.

Шаг 12: Добавление цвета

Далее мы добавим цвет нашему изображению. Это добавит согласованности нашему образу и придаст ему тепла.

Перейдите в Layer> New Adjustment Layer> Gradient Map.Выберите градиент от желтого к фиолетовому и установите обратный флажок.

Измените режим наложения на Overlay и установите непрозрачность на 30%

Шаг 13: затемнение краев

Теперь мы собираемся затемнить края, используя инструмент Rectangular Marquee Tool ( M ) и изменив Растушевку ( Shift + F6 ) на 50 пикселей.

Перейдите в Layer> New Layer ( Shift + Ctrl / Cmd + N ), затем Select> Inverse ( Shift + Ctrl / Cmd + I ) и залейте новый слой черным цветом.

Измените режим наложения на затемнение цвета.

Шаг 14: Добавление блеска

Мы собираемся придать нашему тексту немного дополнительного блеска, используя Brush Tool ( B ). Установите размер 20 пикселей и жесткость 0%.

Создайте новый слой, так что Layer> New> Layer ( Shift + Ctrl / Cmd + N ) и поместите новый слой под слоем текстуры Old 10 Film.

Используйте белый цвет (#FFFFFF) в качестве цвета кисти; расставьте точки в местах, где белые части находятся по краям текста.

Измените режим наложения на Мягкий свет.

Шаг 15: Повышение резкости изображения

Мы почти у цели! Добавим последние штрихи.

Сначала сгладьте изображение, выбрав Layer> Flatten Image.

Теперь продублируйте слой, выбрав Layer> Duplicate Layer.

Перейдите в Filter> Other> High Pass и установите Радиус на 10 пикселей.

Измените режим наложения на затемнение цвета и непрозрачность на 30%.

Сгладьте эти два изображения.

Шаг 16: Маскировка краев

Щелкните значок для редактирования в режиме быстрой маски ( Q ) в окне «Инструменты».

Используя инструмент «Градиент» ( G ), выберите «Радиальный градиент», чтобы щелкнуть и перетащить круг в середине документа.

Теперь щелкните значок для редактирования в стандартном режиме ( Q ).

Если область выделения не находится на краях холста, выберите «Выделение»> «Инверсия» ( Shift + Ctrl / Cmd + I ).

Шаг 17: Размытие краев

Alight, последний шаг: с выделенной областью, перейдите в Filter> Blur> Lens Blur и используйте настройки, которые у меня есть ниже.

Краткое содержание учебника

Используя простые техники Photoshop и несколько стандартных текстур, мы смогли создать текстовую сцену с шероховатым металлическим рисунком. Мы добавили тени и свет, используя различные техники, использовали несколько фильтров и включили текстуры, чтобы оживить нашу сцену. Что наиболее важно, вы можете воссоздать тот же металлический эффект, просто нажав Play с помощью Photoshop Actions.Надеюсь, вам понравился этот урок, и вы нашли несколько приемов, которые вы можете применить «в действии».

Скачать исходные файлы

Как создать текстовый эффект Chrome в Photoshop — Medialoot

Текстовые эффекты Photoshop

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

Но сначала, если вы хотите следовать этому руководству в точности так, как описано, загрузите следующее бесплатное изображение с Pexels: Загрузить.

Шаг 1

Откройте загруженное изображение в Photoshop.

Шаг 2

Перейдите в Edit> Deffine Pattern. Назовите его «Хром-металл» и нажмите «ОК». (вы можете закрыть файл, если хотите).

Шаг 3

Создайте новый файл любого размера. В этом случае я сделаю свой размером 900 x 600 пикселей.

Шаг 4

Перейдите в Слой> Новый слой заливки> Сплошной цвет. Назовите его «Цвет фона» и нажмите ОК.

Шаг 5

В окне «Палитра цветов» установите цвет на # 1a1717 и нажмите «ОК».

Шаг 6

Выберите инструмент «Текст» (T) и введите текст. В этом случае я напишу «хром» шрифтом Viktorie размером 420 пт.

Шаг 7

При активном текстовом слое перейдите в Layer> Layer Style> Bevel & Emboss и примените следующие настройки.Обязательно выберите контур глянца «Двойное кольцо» в палитре контуров.

Шаг 8

Отметьте опцию «Контур», выберите «Скругленные шаги» в палитре контуров и установите диапазон на 90%.

Шаг 9

Отметьте опцию Satin и примените следующие настройки. Обязательно выберите контур блеска «Гаусса» в палитре контуров.

Шаг 10

Теперь проверьте Color Overlay, установите режим наложения на «Normal», цвет на # 000000 и непрозрачность на 35%.

Шаг 11

Отметьте опцию Pattern Overlay. Установите режим наложения на «Нормальный», непрозрачность на 100%, в палитре узоров выберите узор «Хром-металл», который мы создали, и установите масштаб на 100%.

Шаг 12

Наконец, отметьте опцию Drop Shadow, примените следующие настройки и нажмите OK.

Создайте эффект огня на металле в Photoshop

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

PSD-файл этого руководства доступен для покупки в PSD Vault Shop или в VIP-зоне для членов PSD Vault.

Вот предварительный просмотр финального эффекта, который я получил для этого урока: (щелкните, чтобы увеличить)

VIP-членство в PSD Vault

Вы можете загрузить PSD-файл для этого руководства через VIP-зону всего за 6,95 долларов США в месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 100 других PSD-файлов + Дополнительные полезности + Эксклюзивные руководства по Photoshop.Зарегистрируйтесь сейчас и получите эксклюзив!

Для выполнения этого урока вам потребуются следующие акции:

Металлическая текстура 1

Металлическая текстура 2

Пожарный запас

Шаг 1

Создайте новый документ размером 1220 * 700 пикселей с черным фоном. Мы начнем этот дизайн с подготовки фона с металлической текстурой.

Загрузите «Металлическую текстуру 1» в Photoshop и выделите всю текстуру, скопируйте и вставьте ее в наш документ.Измените размер нового слоя с помощью инструмента свободного преобразования, чтобы получить результат, показанный ниже:

Примените следующую маску слоя (красного цвета) к этому слою с металлической текстурой: (Как вы можете видеть, я намеренно спрятал центральную часть металлической текстуры, чтобы наш текст можно было разместить там в следующих шагах)

Примените следующие настройки изображения к этому металлическому слою:

Черно-белое

Уровни

Кривые

и вот результат:

Шаг 2

Используйте любой шрифт, который вам нравится, введите текст в наш документ, как показано ниже:

Примените следующую маску слоя к этому текстовому слою с помощью Кисти Мел и мягкой круглой кисти, чтобы создать грубые края вокруг текста:

Подсказка: установите непрозрачность кисти и поток около 50%:

и вот результат, которого вы хотите достичь:

Загрузите изображение «Металлическая текстура 2» в Photoshop, выберите из него кусок и вставьте его, чтобы покрыть наши тексты:

Установите этот новый слой с металлической текстурой как обтравочную маску для текстового слоя:

Примените следующие настройки изображения к этому слою с металлической текстурой:

Уровни

Кривые

и вот результат:

Шаг 3

Загрузите исходное изображение огня в Photoshop и скопируйте все изображение, вставьте его под наш текстовый слой и используйте инструмент бесплатного преобразования, чтобы изменить его размер, как показано ниже:

Примените следующие корректировки уровней к этому слою огня:

Выберите огонь вокруг буквы «T», используйте инструмент свободного преобразования, чтобы деформировать огонь, как показано ниже:

Используйте большой мягкий ластик и удалите ненужные части огня — вот мой эффект:

Шаг 4

Мы добавим огненные искры вокруг текстов.Выберите кусок пламени на исходном изображении огня с помощью инструмента Lasso Tool и вставьте его в наш документ:

Измените режим наложения этого нового слоя огня на «Color Dodge»:

Измените размер и прикрепите к тексту:

Повторите этот процесс и добавьте еще несколько огней к нашим текстам:

Шаг 5

Мы почти закончили! В завершение я добавил следующие корректирующие слои Selective Color сверху:

Затем я сгладил изображение и увеличил резкость с помощью фильтра «Интеллектуальная резкость»:

и вот мой финальный результат:

Вот и все для этого урока! Надеюсь, вам понравится и он будет вам полезен! Если у вас есть какие-либо вопросы по поводу шагов, свяжитесь со мной или оставьте комментарий ниже.Я постараюсь ответить на них.

До следующего раза, хорошего дня!

Создание эффекта металлического текста в Photoshop

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

Учебные ресурсы

Подготовка фона

Шаг 1

Создайте новый документ в Photoshop со следующими настройками:

Шаг 2

Поместите металлическую текстуру в основной документ и разместите ее, как показано ниже.Попробуйте изменить его размер с помощью Transform Tool (CTRL + T) , чтобы он хорошо вписался в основной документ.

Шаг 3

Создайте корректирующий слой Curves и затемните текстуру. Перейдите в Layer> New Adjustment> Curves и используйте следующие настройки, чтобы затемнить текстуру.

Результатов:

Шаг 4

На маске слоя Curves с помощью мягкой круглой черной кисти сотрите эффект в середине.Попробуйте сделать среднюю часть ярче.

Результатов:

Шаг 5

Теперь введите текст с помощью инструмента Type Tool (T) , и я набрал «Металл», не стесняйтесь использовать любой шрифт, который вам больше всего нравится. Я использую шрифт Calibri Italic , и это шрифт по умолчанию в Photoshop. Вот текст, который я набрал:

Шаг 6

Теперь мы собираемся применить к нашему тексту эффект параметров наложения. Щелкните правой кнопкой мыши текстовый слой и выберите «Параметры наложения».

Сначала используйте стили Bevel & Emboss и вот значения:

Затем используйте стиль Inner Shadow :

Наложение градиента :

Падающая тень :

Результат с металлической отделкой:

Шаг 7

Поместите металлическую текстуру еще раз и на этот раз поместите ее над текстовым слоем. Теперь щелкните правой кнопкой мыши на слое текстуры и выберите Create Clipping Mask , и это применит металлическую текстуру к нашему тексту.

Результат после применения текстуры металла к тексту:

Шаг 8

Дублируйте этот слой с металлической текстурой еще раз, но сделайте его обтравочной маской.

Измените режим наложения дублированного слоя с металлической текстурой на Умножьте и уменьшите его непрозрачность до 70%. Это усилит металлический эффект на тексте.

Окончательная корректировка

Шаг 9

Используйте корректирующий слой Levels , чтобы увеличить контраст.Используйте его со следующими настройками:

Результат после увеличения контраста:

Шаг 10

Наконец, используйте корректирующий слой Color Balance , чтобы придать ему синий металлический цвет. Используйте его со следующими настройками: ’

Окончательные результаты:

Заключение

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

Как создать эффект шероховатого металлического текста в Photoshop

Здесь я покажу вам, как быстро создать металлический текст в стиле гранж в Photoshop. Гранж, грязный, песчаный, слизистый, ржавый, разбитый, капающий, рваный, изношенный и все, что, по вашему мнению, вы можете осудить в реальной жизни, — это отличный ресурс для творчества. Я надеюсь, что в этом уроке вы научитесь новым приемам и приемам Photoshop. Не стесняйтесь делиться с нами своими предложениями.

Другие уроки по фотошопу:

Подробности обучения:

• Программа: Adobe Photoshop CS5
• Сложность: Средний
• Предполагаемое время завершения: 30 минут

Предварительный просмотр в Photoshop — эффект шероховатого металлического текста

Окончательный предварительный просмотр

Инструменты и ресурсы

Инструменты и ресурсы

Инструменты Photoshop

• Инструмент «Текст»
• Наложение градиента
• Инструмент «Кисть»
• Инструмент «Ластик»

Внешние ресурсы

Приступим к созданию эффекта шероховатого металлического текста в Photoshop.

Шаг 1

Создайте новый документ ( Ctrl + N ) 1100 × 800 размера.

Create New Document

Step 2

Добавьте Grungy Image в Photoshop, чтобы начать наш эффект шероховатого текста.

Добавить изображение в стиле гранж

Шаг 3

Теперь выберите Text Tool и введите текст любым шрифтом, здесь я использую шрифт Gunpaly.

Введите текст

Шаг 4

После ввода текста перейдите к слою Layer > Layer Style и примените к этому текстовому слою несколько параметров наложения .

Drop Shadow

Drop Shadow

Outer Glow

Outer Glow

Bevel and Emboss

Bevel and Emboss

Satin

Satin

Color Overlay

Color Overlay

Color Overlay

Color Overlay

Color Overlay

Color Overlay

Color Overlay

Color После применения этих параметров наложения мы получаем потрясающий эффект на текстовом слое.

Get Awesome Effect

Step 5

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

Инструмент «Выбрать кисть»

Удерживая нажатой клавишу Ctrl , щелкните миниатюру текстового слоя. Теперь созданное выделение примените кистью к слою с царапинами, как в предварительном просмотре.

Paint With Brush

Step 6

Нажмите ( Ctrl + D ), чтобы снять выделение, затем перейдите к Blending Options и примените Layer Styles к слою с царапинами.

Drop Shadow

Drop Shadow

Bevel and Emboss

Bevel and Emboss

Color Overlay

Color Overlay

Применяя эти стили слоя, мы получаем хороший эффект на слое с царапинами.

Get Nice Result

Step 7

Выберите Eraser Tool и сотрите царапины с темных и светлых сторон всего текстового слоя.