Стили 3д для фотошопа: Основные понятия и инструменты для работы с 3D-графикой в Photoshop

Разное 

Содержание

Реалистичные 3D-казино Стиль Лампы Вход Фотошоп Учебник

В сегодняшнем уроке мы собираемся поиграть в Photoshop, чтобы создать освещенную лампочку, похожую на ту, которая используется в казино Лас-Вегаса и на бродвейских театрах. Знак будет создан в виде отдельного фрагмента текста с использованием мощных 3D-инструментов Photoshop для имитации гиперреалистичной обстановки на складе. Затем мы добавим множество тонких световых эффектов, чтобы добавить серию ярких лампочек. Если вы когда-нибудь хотели видеть ваше имя в огнях, это ваша возможность!

Вот иллюстрация, которую мы будем создавать как часть этого урока. Он основан на этих классных вывесках в винтажном стиле, которые освещают казино, театры, кинотеатры и карнавалы. Мы собираемся использовать 3D-инструменты Photoshop как часть процесса, а это значит, что вам понадобится версия CS6 или выше. Вполне возможно создать более стилизованный эффект, используя стили слоя Bevel & Emboss для букв, но инструменты 3D действительно помогают создать красивое реалистичное изображение.

Найдите фотографию современной гостиной или пустой складской сцены, на которой будут подписаны буквы вашего казино. Я использую это старое заброшенное пустое складское изображение интерьера от Shutterstock.

Используйте инструмент «Текст», чтобы ввести выбранную вами формулировку. Выберите хороший толстый шрифт, чтобы было достаточно места для добавления лампочек в центре. Я использую шрифт с именем Eleveth, который я взял из недавнего набора шрифтов, которым я поделился в своем информационном бюллетене .

Перейдите в 3D> Новое 3D-выдавливание из выбранного слоя, чтобы активировать 3D-инструменты. Переместите текст, чтобы он находился на уровне земли, используя зеленую стрелку оси Z, затем используйте инструмент «Повернуть 3D-объект» из заголовка, чтобы выровнять текст с перспективой фоновой фотографии.

Под панелью свойств нажмите кнопку Cap, чтобы открыть параметры. Отрегулируйте ширину скоса до 30% и угол около -75 °, чтобы создать эффект вставки. Измените выделение Contour на кривые с именем Gaussian, чтобы сгладить края,

Удерживайте Shift и выберите 5 параметров материала, относящихся к вашему объекту, на панели 3D, затем щелкните значок папки рядом с параметром «Диффузия» на панели «Свойства» и выберите «Загрузить текстуру». Примените металлическую или бетонную структуру как это .

Измените цвет материала Specular на черный, перетащив выделение в левый нижний угол окна Color Picker.

Измените Shine до 100%, затем уменьшите параметр Bump до 0% на панели свойств.

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

Оставив «Бесконечный свет» по-прежнему выбранным, уменьшите интенсивность до 70%, а мягкость тени — до 45% на панели «Свойства».

Нажмите значок лампочки внизу панели 3D, чтобы добавить новый свет в сцену. Выберите New Spot Light, затем переместите меньший круг к окну, используя красные и зеленые стрелки. Увеличьте размер больших кругов, чтобы охватить текст.

Измените интенсивность светового пятна до 35% и мягкость тени до 20% из панели свойств.

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

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

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

Дважды щелкните слой, чтобы открыть параметры стиля слоя. Начните с добавления эффекта Outer Glow. Цвет выберите светло-желтый из колбы, затем измените настройки на Color Dodge, размером около 20px и положительной кривой из контура. Уменьшите непрозрачность, чтобы смягчить вибрацию этого эффекта. Я закончил с 77%.

В настоящее время есть острый край от того, чтобы вырезать лампочку из фотографии. Добавьте Inner Glow, используя настройки Color Dodge, непрозрачность 15% и размер 9px, чтобы тонко смешать лампочку с лампой накаливания.

Наконец, добавьте эффект Drop Shadow. Измените режим смешивания на Linear Burn и уменьшите непрозрачность примерно до 20%. Измените направление на 90 °, затем отрегулируйте расстояние до 2px, распространение до 18px и размер до 8px.

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

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

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

Сдвиньте и выделите все слои лампочек и перетащите их на значок «Новый слой», чтобы создать дубликат. Нажмите CMD + E, чтобы объединить их вместе, затем нажмите CMD + T и выберите Flip Vertical. Переместите зеркальные лампочки под основной текст, чтобы сформировать отражение.

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

Перейдите в Filter> Blur> Gaussian Blur и введите 5px, чтобы убрать детали с отражений лампочки.

Измените режим смешивания слоя отражений лампы на Overlay, чтобы цвета взаимодействовали с фоном. Уменьшите заливку примерно до 50%, чтобы смягчить воздействие бликов.

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

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

Измените режим смешивания этих желтых пятен на Overlay и уменьшите Fill примерно до 45%. Этот тонкий эффект осветляет некоторые луковицы, чтобы уменьшить однородность между ними.

Сделайте другой выбор цвета из луковиц, затем нарисуйте пятна под каждой буквой на новом слое. Нажмите CMD + T и раздавите эти пятна в форме эллипса.

Измените режим смешивания на Overlay и уменьшите Fill примерно до 60%, затем CMD + Щелкните по миниатюре слоя 3D текста, чтобы загрузить его выделение. Удалить этот выбор из слоя пятна.

Добавьте больше мягких мест, на этот раз используя более теплый оранжевый цвет, выбранный из луковиц. Нарисуйте вокруг земли прямо перед буквами. Измените режим смешивания на Overlay и уменьшите Fill примерно до 30%.

Используйте инструмент «Текст», чтобы сделать копию оригинального текста того же оранжевого цвета. Масштабируйте и выравнивайте текст по размеру трехмерного объекта.

Перейдите в Filter> Blur> Gaussian Blur. Согласитесь растеризовать слой, а затем смягчить края примерно на 5 пикселей.

Измените режим смешивания нового текстового слоя на Soft Light, чтобы внутри 3D-знака было ярко-оранжевое свечение.

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


Создайте эффект 3D-текста в Photoshop psd

Создайте эффект 3D-текста в Photoshop psd

ключевые слова

  • Художественный дизайн
  • фотошоп
  • учебные пособия
  • psd
  • Создайте
  • эффект
  • 3D-текста
  • в
  • Photoshop

DMCA Contact Us

бесплатная загрузка ( psd, 523.48KB )

Связанная векторная графика

  • Эффект металлического текста (стиль слоя Photoshop) psd
  • Psd неоновый текст с эффектом Photoshop psd
  • Эффект быстрого текста psd
  • Как создать текстовый эффект горячей лавы в Photoshop psd
  • Эффекты освещения в Photoshop psd
  • Эффект 3D текста psd
  • Эффект деревянного текста psd
  • Стиль текста 3D Gold psd
  • 3d золотой текстовый эффект psd
  • Эффект фиолетового текста psd
  • Стиль текста 3D Wood psd
  • Эффект 3D текста psd
  • Блестящие стили текста и графики для Photoshop psd
  • Текстовый эффект Photoshop psd
  • Доза Текст Эффект PSD psd
  • Предварительный просмотр 85 3D-эффектов блестящего золотого текста psd
  • Photoshop 3D текстовые эффекты psd
  • Эффект текста кинематографического заголовка psd
  • Бесплатный 3D эффект ретро текста psd
  • Предварительный просмотр 72 3D-эффектов блестящего золотого текста psd
  • Ошибочные эффекты Photoshop psd
  • Эффект мягкого белого текста psd
  • 3D комический текстовый эффект PSD psd
  • Бесплатный стиль текста для вечеринки в Photoshop psd
  • Супер 3d шрифт текстовый эффект вектор eps
  • 3 стиля текста Photoshop (ASL и PSD) psd
  • 06 3D горящие текстовые эффекты psd
  • Эффект текста викторины psd
  • Креативный стиль шрифта Хэллоуина Стили Photoshop psd
  • Предварительный просмотр 96 3D-эффектов блестящего золотого текста psd
  • Виноградный текст 3d зеленый стиль текстовый эффект вектор eps
  • 3d стиль шрифта текстовый эффект вектор eps
  • Эффект ретро текста psd
  • Синий стиль ретро текста psd
  • 3D-макет футболки psd
  • Стиль липкого текста, стили слоя Photoshop psd
  • Эффект блестящего металлического текста PSD psd
  • Стиль текста горячих трубок psd
  • Эффект ретро текста Psd бульвар psd
  • Текстовый эффект ужаса psd
  • Стиль текста лягушки psd
  • 87 предварительный просмотр блестящих золотых текстовых эффектов 3D psd
  • Лента Photoshop Фигуры psd csh
  • Кубики льда в стиле текста бесплатно PSD psd
  • Предварительный просмотр 10 3D горящих текстовых эффектов psd
  • 5 текстовых стилей Photoshop psd
  • Креативный дизайн 3D-текста бесплатно векторы ai
  • Конфеты Стиль текста psd
  • Стиль текста Тора psd
  • Эффект 3D текста psd
Загрузи больше
  • Contact Us

Дьявольский 3D-текст в Фотошопе · Мир Фотошопа

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

Ресурсы урока:

Шаг 1

Откройте изображение лавы в Фотошопе и перейдите в меню Edit ? Define Pattern. Это нужно для того, чтобы создать узор.

Шаг 2

Создайте новый документ с такими параметрами:

Шаг 3

Возьмите инструмент Horizontal Type Tool (T) и шрифтом «Evil Dead» напишите слово «DEVIL». Откройте панель Character (Window ? Character) и настройте шрифт:

Шаг 4

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Convert to Smart Object. Назовите смарт-объект «Main» и откройте его двойным кликом по иконке. Примените стили, показанные ниже:

Шаг 5

Поместите смарт-объект в группу (Ctrl + G) и внутри неё создайте корректирующий слой Hue/Saturation.

Шаг 6

Сохраните смарт-объект (File ? Save) и вернитесь в основной документ. Примените следующие стили к самому смарт-объекту:

Шаг 7

Создайте копию слоя «Main» и удалите с неё стили. Примените другие стили:

Шаг 8

Создайте копию слоя, с которым работали, и удалите стили. Примените стиль Color Overlay. Затем сдвиньте слой на 1 пиксель вверх и влево.

Шаг 9

Продублируйте последний слой и снова сдвиньте его на 1 пиксель вверх и влево. Сделайте это 7 раз, чтобы получить 3D-эффект.

Шаг 10

Перейдите на слой «Main» и нажмите Ctrl + Shift + ], чтобы переместить его на самый верх панели слоёв.

Шаг 11

Примените следующие стили:

Шаг 12

Создайте копию фонового слоя (Ctrl + J) и удалите стили. Уменьшите заливку до 0% и примените стиль Pattern Overlay:

Шаг 13

Вставьте изображение пламени в наш документ и наложите его на текст при помощи режима наложения Screen.

Шаг 14

Выделите текст (удерживая Ctrl, кликните на миниатюре слоя). Инвертируйте выделение (Ctrl + Shift + I) и добавьте маску к слою пламени. Уберите выделение (Ctrl + D).

Шаг 15

Создайте новый слой на самом верху, установите цвета по умолчанию (D) и примените фильтр Clouds (Filter ? Render ? Clouds). Уменьшите непрозрачность до 30%. Создайте копию этого слоя (Ctrl + J) и смените режим наложения Overlay, уменьшите непрозрачность до 15%.

Шаг 16

Так как мы работали со смарт-объектами, мы запросто можем изменить текст. Просто откройте смарт-объект «Main», измените текст и сохраните документ. В основном документ изменения появятся автоматически.

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

126 бесплатных загружаемых стилей слоя золота для Photoshop

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

Эфтахер Алам на Unsplash

Как использовать эти стили слоя золота

DeviantArt — отличный ресурс для бесплатных стилей слоя золота для Photoshop.

Некоторые из этих стилей слоя золота загружаются в архив (например,  ZIP  или  RAR ), из которого необходимо извлечь файл ASL. Используйте программу, такую ​​как  7-Zip,  чтобы распаковать их.

Если вы не уверены, как использовать стили в Photoshop, прочитайте наше руководство о том, как открыть файл ASL  и как импортировать стиль в Adobe Photoshop, что включает использование палитры стилей из  меню «  Окно» > « Стили» .

Эта коллекция золотых стилей слоя от DeviantArt DiZa-74 может быть небольшой, но это определенно хорошая упаковка.

Эти стили слоя немного темнее, чем у jen-ni, но они идеально подходят для проектов, требующих такого внешнего вида. Эти стили также имеют более простой вид — в этих стилях нет ощущения 3D.

Эти стили содержатся в файле архива RAR. Извлеките ASL из него, чтобы использовать его с Photoshop. В этой загрузке также есть PSD- файл, но он действительно полезен только для предварительного просмотра стилей.

Эти стили слоя с золотой темой также взяты из DeviantArt от пользователя mildak. Они очень похожи на эффект, показанный на картинке вверху этой страницы, но имеют несколько отличий.

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

Откройте архив ZIP, чтобы получить этот файл ASL.

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

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

Как установить дополнительные стили слоя в фотошоп

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

Вкратце — это набор эффектов (тени, свечение, глянец, тиснение и некоторые другие), которые применяются к слою в целом. Для этого нужно открыть диалоговое окно, которое так и называется Стили слоя (оно открывается двойным кликом по любому слою на палитре).

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

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

1 Способ

Откройте вкладку, которая отмечена желтой стрелкой. Посередине окна вы увидите список стилей. Этот список можно менять по своему усмотрению. Для этого нажмите на кнопочку в виде стрелочки.

В появившемся меню выберите команду Загрузить.

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

Другие команды также тесно связаны с этим процессом. Команда Восстановить — вернет обратно все стандартные стили, которые были в программе по умолчанию. Сохранить — позволит создать собственный набор. Если, например, вы открыли несколько наборов, удалили из них ненужные стили и тем самым скомпоновали под себя — это можно сохранить, чтобы в будущем только загружать и использовать. Заменить — тоже самое, что и Загрузить, с тем отличием, что стили добавляются не в конец списка, а заменяют все открытые наборы собой одним.

2 Способ Через управление наборами.

Выполните команду Редактирование — Управление наборами. Кстати о том что такое наборы и как ими пользоваться — можно узнать тут.  В результате откроется такое диалоговое окно:

Выберите из раскрывающегося списка Типа набора — Стили

Как видите, открылся набор со всеми стандартными стилями. Поскольку мы преследуем цель установить дополнительные, то нужно нажать кнопку Загрузить (она находится в правой части окна). Откроется стандартное окно, где нужно указать путь до скачанного файла. У меня он находится на рабочем столе.

Все! Дополнительные стили появятся в конце набора.

Теперь они останутся там и будут доступны при последующих загрузках программы. Если есть стили, которые вы не хотите, чтобы попадались вам на глаза — удалите. Для этого нажмите на миниатюру, а затем справа нажмите кнопку Удалить.

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

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

Также там есть команды Восстановить и Заменить. Эти задачи однотипны с теми, что я описал выше.