Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

208 686 чел. 399 983 работы 4 093 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

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

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

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

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

Архив

Шаг 1. Создайте новый файл, размером 600х450 пикселей, RGB color, 72 dpi  и прозрачным фоном. Залейте новый слой черным цветом (нажмите Alt+ Backspace , чтобы использовать фоновый цвет панели инструментов). Теперь мы создаем стиль слоя, который основывается на Gradient Overlay (наложении градиента), включающий в себя несколько серых тонов с яркими областями, они будут симулировать металлическую дверь машины.

Шаг 2. Добавим Color Overlay (наложение цвета) в режиме Multiply (Умножение) и используем цвет #990000. Но позже мы можем придать нашей машине любой цвет, который пожелаем.

Шаг 3. Создадим текст, используя очень жирный шрифт серого цвета #999999, подобный тому, который применяют для надписей на машинах. В данном случае используется шрифт TS Block . Уменьшим размер «х», как показано ниже, и увеличим смещение букв, чтобы придать большей похожести. Наберите цифру «4» и примените те же настройки к параметрам символов (смотрите рисунок ниже). Затем наберите х и примените к его стилю те же параметры, что показаны ниже, а затем скопируйте и вставьте первый слой с "4" (Ctrl+C/Ctrl+V), чтобы получить текст "4х4".

Шаг 4. Добавьте в стиль слоя обводку шириной 3 пикселя и цветом #666666.

Шаг 5. Отделим стиль с обводкой в отдельный слой. Для этого жмем правой кнопкой мышки на значок "fx" на слое и выбираем пункт "Create Layer" (создать слой).

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

Шаг 7. С некоторыми изменениями в окне стиля слоя мы создадим передний план нашего значка. Слой, который будет имитировать собой 3D тиснение, будет виден сзади.

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

Шаг 9. Теперь мы создадим черное пластиковое основание, которое имеет этот значок сзади и которым он наклеен к автомобилю. Дублируем слой с текстом и очищаем его стиль слоя. Мы будем использовать очень сильную Drop Shadow (тень) цвета  #202020, чуть большую, чем текст, и чуть смещенную вниз. Повторите шаг 5 для выделения стиля в отдельный слой.

Шаг 10. Чтобы создать 3D эффект, мы добавим еще немного стилей слоя, чтобы придать эффект выбитости этому новому элементу. Мы применим Bevel and Emboss (Тиснение) к стилю, чтобы он имел трехмерный вид. После добавим Drop Shadow (тень), которая будет имитировать тень от значка на автомобиле.

Шаг 11. Используя стиль с редактируемой надписью "4х4", мы создадим маску при помощи выделения с растушевкой (feather) в 3 пикселя.

Шаг 12. Добавим эффект внешнего свечения (outer glow) к этой маске чтобы имитировать блеск света, который проходит по значку.

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

Шаг 14. Выбираем одну из вспышек, вырезаем ее и вставляем в нашу работу. Изменяем ее размер и размещаем с левой стороны значка на полосе света.

Заключение.
Можете попробовать создать лого со своими шрифтами. Финальный результат работы вы можете видеть ниже. Удачи!

Автор: Alberto Sosa
 

Комментарии 160

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Такой отличный эффект написания стиля, но дочего запутаный урок, плахая расшифровка текста (( , а за идею спасибо!

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

Урок сделал. Но при этом получил перелом мозга. Пошёл лечить...

Хром логотип! Классный урок!

Красивый эффект.Только путано объясняется.Спасибо.

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

Урок сумбурный, эффект симпатичный - спасибо!

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

Да...описание урока то ещё...
Но всё равно спасибо за перевод))

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

Спасибо. Урок хороший, хотя описание действий не совсем точное

Спасибо!Если разобраться со слоями, то нетрудно)

Вот моя работа. Спасибо за урок.

Спасибо большое за урок!!!))

Мой вариант. Спасибо за урок.

Полезный урок. Спасибо.

После шага 8 ничего не понятно.Перелопатил кучу сайтов,что бы хоть как то понять очерёдность действий.Зачем же вы так со мной ребятушки!?(((((

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules