Содержание

Блестящий объёмный 3D текст в Photoshop CC

Это действие сразу выдавит текст и под буквами появится поверхность плоскости основания:

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «PLAY». Созданный из него 3D-слой называется так же. Найдите его в панели 3D и кликните по нему. Затем, если не открылась сама, откройте панель свойств (Окно —> Свойства или Window —> Properties) и задайте глубину экструзии (Extrusion Depth) в 0:

Буквы стали плоским, что нам и нужно.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели свойств нажмите на третий значок слева, в этом разделе мы можем изменить угол и интенсивность раздувания фигуры фигуры.

Сначала, кликните по выпадающему меню «Стороны» (Sides) вверху панели и установите на «Спереди и сзади» (Front and Back). Затем перейдите к разделу «Раздувание» (Inflate) и установите «Угол» (Angle) на 90 ° и «Интенсивность» (Strength) на 20%. Буквы сразу становятся раздутыми. Это хорошо видно на дополнительном виде сверху:

ШАГ ПЯТЫЙ: На данный момент все буквы в слове являются единым объектом.

Я же хочу использовать каждую букву, как отдельный элемент. Но, перед тем, как разделить объект из букв, давайте настроим свойства поверхности объекта. На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств, в окне выбора материалов найдите материал с названием «Без текстуры» (No Texture):

Продолжим работу с панелью свойств. Нажмите на прямоугольник-образец цвета рядом с Рассеиванием» (Diffuse) и выберите белый в палитре цветов, затем нажмите OK. Установите «Блеск» (Shine) на 100%, «Отражение» (Reflection) на 75%, «Плавность» (Roughness) около 25% и «Рельеф» (Bump) 10%:

ШАГ ШЕСТОЙ: Пройдите по вкладке главного меню 3D —> Разделить экструзию (3D —> Split Extrusion). Это позволит Вам манипулировать с каждой буквой в отдельности, сохраняя при этом все буквы в том же 3D-слое. Переключитесь на инструмент «Перемещение (Move Tool) и наведите курсор на первую букву. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить позицию и масштаб этой буквы, не затрагивая остальные буквы:

ШАГ СЕДЬМОЙ: Давайте раскрасим каждую букву в свой цвет, начнём с выбранной на данный момент самой левой буквы. В панели 3D нажмите на На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств нажмите на квадратик рядом с » Рассеиванием» (Diffuse) и выберите, к примеру, зелёный цвет в палитре цветов. Нажмите OK. Сделайте то же самое для остальных букв, задавая каждой из них свой цвет. Вы заметите, что отражающие свойства поверхностей букв остаются без изменений, даже при изменении цвета:

Обращаю Ваше внимание, что в панели 3D надо переключать на «Материал передней выпуклости» для каждой отдельной буквы:

ШАГ ВОСЬМОЙ (для Photoshop CS6): Если Вы используете Photoshop CC, то Вы видите несколько отражающих бликов на 3D-объектах. Эти блики создаются по умолчанию основе освещения IBL (Image Based Light — источник света на базе изображения). В Photoshop CS6 изображение, на основе которого эти источнике света, по умолчанию сплошное чёрное, т.е. никаких источников нет, соответственно, и бликов не будет. На рисунке ниже я показал, как выглядит это изображение в Photoshop CC, также, я показал, каким образом можно открыть и посмотреть изображение IBL:

Это изображение похоже на потолочные светильники, оно и создаёт эффект бликов на буквах. Поэтому, в Photoshop CS6 его надо создать самостоятельно. Действия по созданию новой текстуры похоже на действия на рисунке выше, только вместо «Редактировать текстуру» (Edit Texture) нажмите строку «Новая текстура» (New Texture). Photoshop автоматически откроет окно создания нового документа, введите размеры 538 на 302 пикселя и нарисуйте серо-белый холст, похожий на показанный на рисунке выше, затем сохраните документ.

ШАГ ЗАВЕРШАЮЩИЙ: Освещение готово, и 3D текст разделен на буквы. Теперь, Вы можете с помощью инструментов 3d перемещения, масштаба и виджетов перемещать, наклонять и масштабировать буквы. Кроме того, буквы будут взаимодействовать друг с другом, отражая не только источники света, но и друг друга. Это будет видно после проведения рендериннга. И не забывайте, что даже если вы можете манипулировать с каждой буквой в отдельности, все они по-прежнему остаются на одном 3D-слое.

В Photoshop CC имеется прекрасная система текстовых подсказок. Когда Вы наводите курсор на объект, отображается «габаритный контейнер» объекта, или Gismo, а также его оси. Далее наводим и перемещаем курсор вдоль одной из осей, и Photoshop выдаёт нам варианты, напр., «вращение по оси Z», «перемещение вдоль оси Y», «масштаб вдоль оси X» и т.д.:

Вот как выглядит мой финальный результат. Этот рисунок получен после рендеринга документа, запустит рендеринг можно клавишами Ctrl+Shift+Alt+R:

На финальном изображении я скрыл 3D плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

Трёхмерный 3D текст с тенью в Photoshop CS5

Добавим световой эффект для стены. Перейдём в Фильтр —> Рендеринг —> эффекты освещения (Filter —> Render —> Lighting Effects) и применим следующие настройки (кликните по картинке для увеличения):

Для придания эффекта реалистичности освещённой стене добавим новый корректирующий слой Уровни(Levels), кликнув по иконке «Добавить новый корректирующий слой» (Create new fill for adjustment layer) и задайте следующие настройки (кликните по картинке для увеличения):

Ну со стеной вроде бы всё. Теперь пишем текст. Для 3D букв важно, чтобы штрихи были полные, но расстояние между штрихами было не меньше ширины самих штрихов. Для этого материала, как я уже упоминал выше и слегка изменил масштаб и пропорции, зажав клавишу Ctrl и перемещая квадратики на габаритной рамке.

Для придания эффекта 3D тексту мы будем использовать инструмент «Чеканка» (Repoussé).

Сразу обращаю внимание на то, что если у Вашего компьютера слабовата видеокарта, то по умолчанию этот инструмент может быть отключен. Для включения необходимо нажать комбинацию клавиш Ctrl+K, зайти на вкладку «Производительность» (Performance) и в правом нижнем окошке поставить галку у «Включить отрисовку OpenGL» (Enable OpenGL Drawing)

Становимся на текстовый слой (если инструмент «Текст» активирован, то деактивируйте его, включив любой другой инструмент). Идём по вкладке главного меню 3D —> Чеканка —> Текстовый слой (3D —> Repoussé —> Text Layer). Фотошоп спросит у нас что-то вроде «

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

Инструментом «Поворот 3D объекта» (3D Object Rotate Tool) поворачивает текст немного вверх, так, как будто бы мы заглядываем под него.

Теперь,когда 3D-слой создан, продублируем его, нажав сочетание клавиш Ctrl+J, вернёмся на исходный 3D-слой и растрируем его, щелкнув правой кнопкой мыши на слое и выбрав строку «Растрировать 3D-слой» (Rasterize 3D). В панели слоёв у нас должна появиться такая картина:

Обратите внимание на иконки слоёв, они у Вас должны быть такими же.
Скройте видимость основного 3D-слоя. Перейдите на растрированный 3D-слой (тот, который подсвечен синим на рисунке сверху), переименуйте его в «Тень» для избежания дальнейшей путаницы, кликните по иконке «Добавить стиль слоя» и выберите «Наложение цвета» (Color overlay), где задайте цвет наложения — чёрный #000000.

Затем возьмите чёрную кисть, установите размер около 50 пикс, твердость 0% и непрозрачность 40% и затените ей отверстия внутри букв, интенсивность по вкусу(кликните по картинке для увеличения):

Пройдите по вкладке Редактирование —> Трансформирование —> Искажение (Edit —> Transform —> Distort) и исказите тень так, чтобы она была как бы «наклонена» вперёд (кликните по картинке для увеличения):

Теперь надо придать тени размытость. Перейдите на Фильтры —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur), задайте значение 10 пикселей, ОК.

Затем применим Фильтры —> Размытие —> Размытие в движении (Filter —> Blur —> Motion Blur) со значениями угол (Angle) 90º и Смещение (Distance) 30px, как показано на рисунке (кликните по картинке для увеличения):

Сотрите тень над текстом:

Теперь давайте придадим 3D тексту текстуру из файла дополнений к статье. Вставьте её в документ поверх слоя с 3D текстом и назовите «Текстура» Зажмите клавишу Ctrl и кликните по иконке слоя 3D текста. Появится выделение. Затем перейдите на слой «Текстура» и создайте слой-маску, кликнув по иконке , после чего измените режим наложения на Яркость (Luminosity):

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

Теперь дублируем слой «Текстура», удаляем его слой-маску устанавливаем режим смешивания этого слоя «Умножение» (Multiply). Создайте обтравочную маску из этого слоя, для чего зажмите клавишу Alt и кликните левой клавишей мыши между слоями «Текстура» и «Текстура копия».

Таким образом, мы текстурировали фронтальную поверхность 3D-текста. Теперь займёмся текстурированием боковин.

Дублируйте слой «Текстура», назовите его «Боковая текстура», удалите слой-маску и измените режим наложения на «Умножение» (Multiply). Этот слой будет служить текстурой для боковин.
Теперь нам необходимо получить выделение самих боковин.
Дублируйте слой с 3D текстом и растрируйте его. Расположите слои так, как показано на рисунке:

Встаньте на слой «3D текст копия» и кликните по иконке основного 3D-слоя, который у нас называется «3D-текст». В результате у нас появиться такое выделение (кликните по картинке для увеличения):


Удалим эти участки со слоя «3D текст копия», нажав клавишу «Delete». Снимем выделение, нажав Ctrl+D. Визуально удаление видно не будет, т.к. под удалённой зоной находится слой с идентичным изображением.

Затем кликаем по иконке слоя «3D текст копия». У нас появится выделение боковин.

Не снимая выделения, переходим на слой «Боковая текстура» и создаём слой-маску, кликнув по иконке в палитре слоёв. Таким образом, боковины 3D букв приняли текстуру этого слоя. Слой «3D текст копия» больше не нужен, удаляем его.

Ну вот, вроде эффект 3D готов. Но вид у текста какой-то угловатый, недоделанный. Это программа экономит ресурсы компьютера и показывает 3D-объект в упрощённом виде. Для окончательного рендеринга (визуализации 3Д-объекта надо дважды кликнуть по иконке 3Dслоя, и в открывшемся окне в настройках рендеринга выбрать пункт «Качество» — «Окончательная трассировка лучей».

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

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

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

Создадим новую группу слоёв, изменим её режим наложения на «Осветление основы» (Color Dodge). Продублируем текстовый слой «graphics-video.ru», удалим у него стили и переместим его в группу. Надпись на рисунке должна принять следующий вид, также обратите внимание на порядок слоёв:

Перейдём на предыдущий текстовый слой «graphics-video.ru». Применим к нему Фильтры —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur) с радиусом 5 пикселей, ОК.
Перейдём на копию текстового слоя «graphics-video.ru копия». Применим Размытие по Гауссу с радиусом 1 пиксель. Получится примерно так:

Далее применим к слою «graphics-video.ru копия» стили, внутреннюю тень, внешнее свечение и градиент:

Теперь осталось перейти на слой «Тень», взять мягкий прозрачный ластик и слегка стереть тень над текстом
«graphics-video.ru», а также добавить мягкой прозрачной тёмной кистью затемнение под «3D-текст».

Смотрим на результат:

Скачать архив с текстурой кирпичной стены и гранжевой текстурой выцветшей поверхности, а также файлом PSD, выполненным по материалам урока:

Красивый текстовый 3D-эффект в Adobe Photoshop

Сегодня мы будем создавать очень красивый и нежный текстовый эффект в Adobe Photoshop. Это будет урок с использованием функций 3D графического редактора. Мы придадим тексту объем, а потом оформим его красивым цветовым сочетанием и добавим эффектов.

 

Результат

Шаг 1

Создайте новый документ и введите ваш текст. Используйте шрифт Streetwear.

Шаг 2

В меню выберите 3D > New 3D Extrusion From Selected Layer/3D- Новая 3D-экструзия из выделенного слоя.

Шаг 3

Ваш текст преобразуется в 3D-объект с параметрами по умолчанию. Кликните по тексту и в палитре Properties/Параметры укажите в графе Coordinates/Координаты в окне X угол в 90 градусов.

Шаг 4

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

Шаг 5

Вернитесь к Coordinates/Координатам и укажите 90 градусов по оси X.

Шаг 6

При необходимости переместит скрещение полос по центру так, чтобы текст был по центру.

Шаг 7

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

Шаг 8

В меню выберите 3D > New Mesh from Layer > Depth Map to > Plane/3D > Новая сетка из слоя Карта глубины.

Шаг 9

Выберите оба слоя и в меню выберите 3D > Merge 3D Layers/ 3D > Объединить 3D-слои.

Шаг 10

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

Шаг 11

Теперь давайте настроим параметры для текста. Зайдите в палитру Properties/Параметры и кликните по Shape Presets/Наборы фигур. Выберите один из вариантов.

Шаг 12

Теперь кликните по иконке Cap/Капитель. Здесь много параметров, которые помогут вам добиться хорошего эффекта. Мы выбрали простой контур с тонким, аккуратным тиснением.

Шаг 13

Давайте добавим света. Проскрольтесь вниз в палитре 3D, чтобы найти Infinite Light/Бесконечный свет. Переместите его, чтобы получить красивые тени.

Шаг 14

Вы можете изменить Softness/Мягкость и Intensity/Интенсивность света в палитре Properties/Параметры.

Шаг 15

Давайте добавим еще света. Кликните по иконке белого листа в нижней части палитры 3D и выберите New Infinite Light/Новый бесконечный свет. 

Шаг 16

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

Шаг 17

Зайдите во вкладку Materials/Материалы. Выделите все материалы текста и укажите им цвет, который вам нравится. Diffuse/Рассеивание — это основной цвет объектов. Specular/Блик — цвет бликов и светлых тонов. Ambient/Освещение — цвет теней. Выбирайте для этих трех параметров близкие цвета, чтобы сохранить реалистичность.

Шаг 18

После того как вы выбрали все цвета, создайте New Material/Новый материал.

Шаг 19

Кликните по прямоугольнику и укажите ему этот материал.

Шаг 20

Если вы хотите сделать тени светлее, можете добавить немного света. Найдите Environment/Окружающая среда в палитре 3D и измените Global Ambient/Глобальное освещение на светлый цвет.

Шаг 21

Когда все будет готово, кликните иконку Render/Рендер чтобы увидеть работу в ее реальном виде.

Шаг 22

Если в процессе рендера вы заметите что-то, что захотите исправить, нажмите Escape, чтобы прервать процесс и внести изменения.

Автор урока Monika Zagrobelna

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

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

Объемный текст в фотошопе: как легко и быстро сделать 3D текст

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

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

Для создания объемной надписи для начала подумайте над цветом шрифта. Представьте себе объемный предмет любимого цвета. Есть определенная разница между светлой и темной частью объекта. Основной цвет практически не меняется, но, тем не менее, оттенки совершенно разные. Цвет надписи играет существенную роль в создании 3D текста. Я немного утрировала цвета. Вы же можете сделать надпись более естественной.

Для начала пишем текст на белой рабочей области. Еще одна оговорка: воспользуйтесь шрифтом с жирным начертанием для первого раза. С его помощью у вас точно все получится. В то время как шрифты с изящным начертанием подходят далеко не все. Я использовала шрифт dino pro. Цвет текста пока не важен. Мы перекроем его градиентом.

В окне слоев кликаем делаем клик по слою с надписью правой клавишей мыши. В выпадающем окне выбираем «параметры наложения».

Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.

Такой градиент у нас получился.

Теперь переходим в окно слоев. Кликаем правой клавишей мыши по слою с текстом и в выпадающем списке выбираем «создать дубликат слоя».

Наша задача состоит в том, чтобы переместить его вниз и влево на 1 пиксель. Сделали. И в окне слоев выбираем тот слой, что находится сзади. Открываем «параметры наложения».

Убираем галочку с градиента. И ставим на «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет являться бликом на 3D тексте. Так наши буквы будут казаться более объемными.

Делаем еще один дубликат слоя. Перетаскиваем его в окне слоев так, чтобы он стал первым после фона. Накладываем цвет #342328. И смещаем на пиксель вверх и вправо.

Что-то уже начинает вырисовываться.

Повторите последнюю манипуляцию 10 раз. Или больше. В зависимости от того, какой толщины буквы объемного текста вы хотите получить.

Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.

Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:

Теперь при помощи «параметров наложения» меняем цвет этого слоя на белый. Слой стал для нас невидимым. И снова преобразовываем его в смарт объект.

Нажимаем клавишу ctrl+shift+n, чтобы создать новый слой. Выделяем рабочую область соразмерную со шрифтом. На панели инструментов ищем «градиент».

Его настройки найдем здесь:

Кликаем и задаем их:

Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.

Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.

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

Теперь кликаем по данному слою в окне слоев правой клавишей мыши и выбираем «создать обтравочную маску».

Сводим слои. Сохраняем. Все!

Как видите, мы воспользовались очень простыми приемами, но тем не менее, достигли нужно эффекта. 3D текст у нас в самом деле получился.

Как сделать 3d текст в фотошопе?

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

Об одном из таких способов, минуя 3D-функцию, уже рассказывалось. Здесь же мы разберем, как создавать текст  в среде 3д.

Создаем в программе новый документ и пишем свой текст. При желании придаем ему цветность. Для этого два раза кликаем по слою, откроется окно настроек. Здесь выбираем «наложение цвета» – для однотонного варианта или «наложение градиента«. Тогда текст будет разноцветным по  выбранному градиенту.

После того, как мы напишем текст, отредактируем его по цвету, размерам и пр., можно переходить к 3d редактированию. Для этого на главной панели находим меню 3D и в этом меню выбираем «Новая 3D — экструзия из выделенного слоя«.

Появится окно, в котором будет вопрос о включении 3D рабочей среды. Поскольку у нас включена основная рабочая среда, а для обработки объемного текста нужна 3D рабочая среда, то соглашаемся.

Далее перед нами откроется совершенно иное окно редактирования, нежели привычная стандартная рабочая среда.

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

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

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

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

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

Несложные особенности создания 3D текста были показаны. Экспериментируйте, изучайте, это очень интересно. Удачи!

Автор публикации

0 Комментарии: 1Публикации: 179Регистрация: 02-12-2017

Эффект текста с 3D-текстурой | Photoshop

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

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

Откройте Illustrator и с помощью инструмента «Текст» введите букву или текст, я ввела букву «C«. Для нее я использовала шрифт Adobe Caslon Pro. Вы можете использовать любой, который вам нравится. Просто старайтесь применить более-менее толстый шрифт, для него эффект будет выглядеть лучше.

Я установила размер шрифта на 400 пунктов и растянула его горизонтали и по вертикали на 150% через опорные точки. Хотя особого значения размер шрифта не имеет, так как мы будем вставлять его в качестве смарт-объекта в Photoshop.

Поэтому мы можем отрегулировать размер в любой момент времени. Цвет шрифта я использовала #8CC63F:

Теперь перейдите в Эффекты> 3D> Экструзия. Используйте настройки, показанные на рисунке. Кроме значений поворота по осям X, Y и Z, я выбрала «Вытянутый круг» из выпадающего меню «Скос». Эти настройки зависят от шрифта, так что если вы использовали другой шрифт, немного поэкспериментируйте.

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

После того как вы завершили с 3D, пора перейти в Photoshop. Откройте в Photoshop новый документ. Скопируйте из Illustrator 3D текст / букву и вставьте его как смарт-объект, нажмите Enter. Теперь Вы можете изменить размер текста, как вам нужно. На самом деле, чем больше, тем лучше, но я буду использовать небольшой холст:

Полезный совет: Если по какой-либо причине, вы хотите отредактировать вставленный 3D смарт-объект, просто дважды щелкните на иконке векторного смарт-объекта в палитре слоев, нажмите OK на появившемся окне. После чего смарт-объект автоматически откроется в Illustrator. После этого произведите изменения, которые вам нужны, и затем перейдите в меню Файл> Сохранить и закройте файл. И вуаля, изменения будут отображены в файле Photoshop.

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

Откройте текстуру, которую вы хотели бы использовать. Для первого слоя я использовала текстуру из texture pack, которую назвала «Текстура 1». Перейдите в Выделить> Все, а затем Правка> Копировать, чтобы скопировать всю текстуру.

Сейчас нам нужно вставить это изображение в нашу букву, но вы должны указать Photoshop, где его вставить. Поэтому вернитесь к документу 3D текста и, удерживая Ctrl / Cmd, кликните по иконке векторного смарт-объекта. Таким образом, мы выделим весь текст / букву. В нашем случае, букву «С«.

Теперь перейдите в Правка > Вставить в (Shift + Ctrl / Cmd + V), чтобы вставить изображение текстуры в букву «C«. Измените режим смешивания слоя с текстурой на «Наложение»:

Теперь, ваше изображение и палитра слоев должна выглядеть так:

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

Если Вы используете разные изображения, поэкспериментируйте немного с режимами смешивания, «Наложение», «Мягкий свет», «Жесткий свет», «Умножение», пока не получите желаемый результат.

Повторите процедуру, описанную в пункте 4, но с другой текстурой. Я использовала текстуру из этого пакета:

Если кратко, откройте текстуру, «Выделить все» (Ctrl / Cmd + A), скопируйте ее (Ctrl / Cmd + C) и вернитесь к исходному документу. Кликните, удерживая Ctrl / Cmd, по миниатюре векторного смарт-объекта, чтобы выбрать букву / текст, и перейдите Правка, Вставить в (Shift + Ctrl / Cmd + V), чтобы вставить текстуру в букву «C«. И измените режим смешивания на «Умножение»:

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

Вот как мое изображение и палитра слоев выглядят после шага 6.

Полезный совет: Если вам нужно изменить текстуру или вам не нравится, как она выглядит на букве, вы можете ее изменить! Просто выберите инструмент «Перемещение (V)» и перетащите текстуру из выбранного слоя. Кроме того, если вам необходимо изменить размер изображения текстуры, перейдите в Правка > Трансформация.

Теперь, выберите фоновый слой и залейте его с помощью инструмента «Градиент» (G). Я использовала линейный градиент и переходы цветов, приведенные на скриншоте. Задайте переход градиента по диагонали снизу вверх:

Нажатие клавишу Shift, выберите все слои в палитре слоев, кроме фонового, и свяжите их. Также проверьте, чтобы маски были связаны с соответствующими слоями:

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

Объедините все дублированные слои в один слой и назовите его Reflection:

При активном слое Reflection перейдите в Правка >Трансформация >Поворот по вертикали и поместите слой под буквой «C«. Отрегулируйте перспективу, если это необходимо:

Далее нам нужно добавить маску для дублированного слоя. Для этого просто нажмите в палитре слоев кнопку «Добавить маску слоя»:

Теперь выберите инструмент «Градиент» (G) и нарисуйте градиент (от черного к белому) с переходом снизу до середины верхней буквы:

Наконец, уменьшите непрозрачность дублированного слоя, и все готово. Я уменьшила непрозрачность до 20%. Какого-то универсального правила тут не существует. Просто поэкспериментируйте с настройками непрозрачности и выберите то, что подходит вам.

Наконец, с помощью инструмента «Текст» я написала слова “for creativity”, настройки приведены на рисунке ниже:

Использованный шрифт Larissa можно загрузить отсюда. Я также повернула немного слова с помощью Правка > Трансформация. После этого я применила стили слоя, как показано на скриншотах ниже:

И наконец, последним штрихом я добавила «Внешнее свечение», чтобы слой векторного смарт-объекта выглядел, как показано на рисунке:

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

Это еще один пример изображения, созданный по той же методике:

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

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

Данная публикация является переводом статьи «3D Textured Text Effect» , подготовленная редакцией проекта.

Создание 3D текста в фотошопе Photoshop CS3 | Soohar

Когда вы увидели название этого урока то, скорее всего, сказали: «Это невозможно!» Но это не совсем так. Текст, да и любой другой объект в фотошопе можно эструдировать (сместить/вдавить), создав 3D эффект, даже без специальной команды как в Photoshop CS 4 и CS 5. В процессе «выдавливания» можно настроить глубину, направление пути и многие другие свойства. А  по времени это займете не более пяти минут. Звучит довольно заманчиво, да? Вы думаете что создание 3D текста в Photoshop CS3 невозможно? Вы глубоко ошибаетесь, так как с помощью стандартных инструментов и нескольких приемов это можно сделать очень быстро.

Скачать шрифт можно здесь

Шаг 1

Итак для начала создайте новый документ с помощью команды File> New … размером  2000 x 2000 пикселей в цветовом режиме RGB:

 

Шаг 2

Теперь пришло время добавить сам текст. Для этого активируйте инструмент Horizontal Type Tool (T), и добавьте текст по всей ширине документа:

 

 

Шаг 3

Обязательно сделайте дубликат этого слоя (CTRL + J). Выберите оригинальный слой, и измените цвет текста, затем на  палитре Layers (слоев) кликните правой кнопкой мыши в том месте, где показано на рисунке ниже. После этого откроется плавающее меню в котором выберите пункт «Rasterize Type»:

 

Шаг 4

Нажмите CTRL + T, чтобы войти в режим свободного трансформирования (Free Mode Transform). На панели со свойствами инструмента введите значение «99,5%» в полях Set horizontal scale и Set vertical scale, после чего нажмите Enter на клавиатуре:

 

Шаг 5

Снова продублируйте этот слой (CTRL + J). Выделите его и повторите шаг 4:

 

Шаг 6

Далее повторите предыдущие шаги до тех пор, пока не получите нужный вам результат:

 

Шаг 7

Выделите все слои, кроме самого верхнего и «фонового», кликая по ним с зажатой клавишей Shift и нажмите CTRL + E, чтобы превратить их в один единственный слой. Нажмите кнопку «FX» на палитре Layers (слоев) и в открывшемся меню выберите пункт «Blending Options». Настройте свойства «Blending Options» как показано ниже:

 

Шаг 8

Самому верхнему слою так же добавьте эффект «Blending Options» и настройте его так, как показано ниже:

 

Шаг 9

В конце можете настроить положение и перспективу с помощью инструмента свободной трансформации:

 

Результат

 

Как вы убедились создание 3D текста в Photoshop CS3 это реально, а главное просто и быстро.

Похожие уроки:

Создание простого трехмерного текста в Photoshop

Автор Стив Паттерсон.

В этом уроке Photoshop текстовые эффекты мы узнаем, как создать простой трехмерный текст:

Последний эффект трехмерного текста.

Приступим!

Загрузите это руководство в формате PDF для печати!

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

Для начала создадим новый документ Photoshop.Поднимитесь в меню File вверху экрана и выберите New , или, для более быстрого способа, нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac). Какой бы способ вы ни выбрали, Photoshop выдает диалоговое окно New Document . Введите размер, который вам нужен для вашего документа. Для этого урока я собираюсь ввести Ширина 6 дюймов , Высота 4 дюйма и Разрешение 300 пикселей / дюйм , что является стандартным разрешением для профессионалов. качественная печать.Я также собираюсь установить для моего Background Contents значение White , что установит белый цвет фона моего нового документа. Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него. Ваш новый документ Photoshop появится на экране.

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

Шаг 2. Выберите инструмент «Текст» на палитре инструментов Photoshop

Чтобы добавить текст в документ, нам понадобится Photoshop Type Too l.Выберите его на палитре инструментов или нажмите на клавиатуре букву T , чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст».

Шаг 3. Выберите шрифт на панели параметров

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

.

Выберите шрифт на панели параметров.

Шаг 4. Выберите цвет текста

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

Измените цвет текста, щелкнув образец цвета на панели параметров.

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

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

Образец цвета на панели параметров изменится, чтобы показать цвет, который вы выбрали.

Шаг 5. Добавьте текст в документ

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

Щелкните внутри документа и добавьте свой текст.

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

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

Если мы посмотрим на нашу палитру слоев, мы увидим, что Photoshop удобно разместил наш текст на своем собственном слое над фоновым слоем. Это то, что позволит нам работать с текстом независимо от белого фона за ним:

Текст отображается на отдельном слое в палитре «Слои».

Шаг 6. При необходимости измените размер шрифта

Если вы обнаружите, что текст слишком маленький (или слишком большой), мы можем легко исправить это с помощью команды Photoshop Free Transform .Во-первых, убедитесь, что ваш текстовый слой выбран в палитре слоев (выбранные слои выделены синим цветом). Затем перейдите в меню Edit вверху экрана и выберите Free Transform . Вы также можете выбрать команду «Свободное преобразование» с помощью сочетания клавиш Ctrl + T (Win) / Command + T (Mac):

Выберите «Свободное преобразование» в меню «Правка».

Вы увидите поле «Свободное преобразование», а вокруг текста в документе появятся маркеры.Чтобы изменить размер текста, удерживайте нажатой клавишу Shift , затем щелкните любой из угловых маркеров (маленькие квадратики) и перетащите угол внутрь, чтобы уменьшить текст, или наружу, чтобы сделать его больше. Удерживание клавиши Shift при перетаскивании ограничивает соотношение сторон, чтобы вы случайно не исказили форму текста при изменении его размера. Я собираюсь сделать текст немного больше, перетащив ручку в правом нижнем углу наружу. Вы также можете переместить текст, если вам нужно, щелкнув в любом месте внутри поля Free Transform и перетащив текст в новое место внутри документа:

Измените размер и переместите текст по мере необходимости с помощью Free Transform.

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменение и выйти из команды Free Transform.

Шаг 7. Преобразование текста в форму

Чтобы создать наш 3D-эффект, нам нужно изменить перспективу нашего текста. Но есть только одна проблема. Photoshop не позволяет нам изменять перспективу текста (видите, как это может быть проблемой?). Чтобы показать вам, что я имею в виду, убедитесь, что у вас все еще выделен текстовый слой, затем перейдите в меню Edit вверху экрана и выберите Transform из списка.Появится вторичное меню, показывающее все различные способы преобразования содержимого текущего выбранного слоя. Обратите внимание, как параметры Distort и Perspective неактивны? Это означает, что в настоящее время они недоступны для нас, и это потому, что Photoshop не может выполнять ни один из этих двух типов преобразований текста.

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

Не снимая выделения с текстового слоя, перейдите в меню Layer вверху экрана, выберите Type , а затем выберите Convert to Shape :

Перейдите в Layer> Type> Convert to Shape.

Если мы посмотрим на палитру «Слои», то увидим, что текстовый слой теперь выглядит совершенно по-другому, и это потому, что это больше не текстовый слой.Photoshop преобразовал его в слой-фигуру, что означает, что теперь мы можем применить к нему преобразование перспективы и создать эффект 3D-текста:

Текстовый слой преобразован в слой-фигуру.

Шаг 8: Измените перспективу

Вернитесь в меню Edit . Вы увидите, что параметр «Преобразование», который мы рассматривали недавно, был заменен новым параметром с именем Transform Path . Опять же, это потому, что теперь мы имеем дело с формой.Выберите Transform Path из списка. Когда появится дополнительное меню, вы увидите, что теперь доступны параметры «Искажение» и «Перспектива». Выберите Perspective из списка:

Перейдите в меню «Правка»> «Трансформировать контур»> «Перспектива».

Тот же прямоугольник и ручки, которые мы видели ранее, когда выбирали команду «Свободное преобразование», появятся вокруг текста (формы). Разница в том, что теперь мы работаем в режиме перспективы. Чтобы изменить перспективу текста и придать ему трехмерный вид, просто нажмите на ручку в правом нижнем углу и перетащите ее прямо вниз.По мере перетаскивания высота правой части текста будет увеличиваться от его центра, в то время как левая сторона останется неизменной:

Щелкните ручку в правом нижнем углу и потяните вниз.

Когда вас устраивает сдвиг перспективы, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование. Теперь ваш текст должен выглядеть примерно так:

Теперь текст отображается в трехмерной перспективе.

Шаг 9: Создайте несколько копий слоя формы, каждая из которых смещена немного вправо

Следующий шаг — самое интересное.Мы собираемся очень быстро создать несколько копий нашего слоя с фигурой, каждая из которых будет перемещена на один пиксель вправо от предыдущей. Это придаст глубине нашим буквам. Сначала выберите Move Too l на палитре инструментов или просто нажмите на клавиатуре букву V , чтобы выбрать его с помощью ярлыка. Этот трюк работает только с выбранным инструментом «Перемещение»:

Выберите инструмент «Перемещение».

Выбрав инструмент «Перемещение» и слой-фигуру, выбранный в палитре «Слои», удерживайте нажатой клавишу Alt (Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на клавиатуре.Затем нажмите еще раз. Затем снова. И снова. Обратите внимание на то, что происходит? Каждый раз, когда вы нажимаете клавишу со стрелкой вправо с зажатой клавишей Alt / Option, вы создаете новую копию слоя-фигуры и перемещаете новую копию на один пиксель вправо. Удерживая нажатой клавишу Alt / Option, Photoshop каждый раз создает новую копию формы, а не просто перемещает существующую форму. Чем больше раз вы нажимаете клавишу со стрелкой вправо, тем больше копий слоя вы создаете и тем большую глубину мы придаем нашим буквам.

Удерживайте нажатой клавишу со стрелкой вправо, пока не будете довольны результатом. В моем случае я нажал клавишу со стрелкой в ​​общей сложности 68 раз, создав 68 копий моей формы, каждая из которых сместилась на один пиксель вправо. Количество нажатий клавиши со стрелкой зависит от разрешения документа, с которым вы работаете. Когда вы закончите, ваш текст должен выглядеть примерно так:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите клавишу «Стрелка вправо» несколько раз, чтобы задать глубину букв.

Шаг 10: переместите слой с исходной фигурой в верхнюю часть стека слоев на палитре слоев

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

Нам нужно переместить исходный слой на самый верх стопки, и есть простой способ сделать это. Сначала щелкните исходный слой в палитре слоев, чтобы выбрать его. Затем нажмите Ctrl + Shift +] (Win) / Command + Shift +] (Mac). Это правая скобка («]»), если вам интересно. Этот удобный ярлык мгновенно переместит текущий выбранный слой прямо на верх стека слоев:

Исходный слой-фигура теперь отображается над другими слоями в палитре «Слои».

Шаг 11: Объедините все копии вместе

Теперь, когда наш исходный слой находится на самом верху стека слоев, нам нужно объединить все эти копии слоя-фигуры в один слой. Щелкните слой непосредственно под исходным слоем в палитре слоев (другими словами, второй слой сверху). Затем используйте полосу прокрутки справа от палитры «Слои» для прокрутки вниз до слоя, расположенного непосредственно над фоновым слоем. Не просто щелкайте по нему, чтобы выбрать его, потому что это отменит выбор слоя, который вы только что выбрали вверху.Вместо этого, удерживая нажатой клавишу Shift на клавиатуре и , затем щелкните слой, чтобы выбрать его. Это выберет оба слоя одновременно, а также все слои между ними. Все эти слои будут выделены синим цветом в палитре слоев.

Теперь, когда все наши скопированные слои выделены, перейдите в меню Layer вверху экрана и выберите Merge Layers внизу списка. Или для более быстрого способа нажмите сочетание клавиш Ctrl + E (Win) / Command + E (Mac):

Перейдите в Layer> Merge Layers.

Photoshop объединит все выбранные слои в один слой. Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас всего три слоя. Фоновый слой находится внизу, исходный слой формы — вверху, а между ними находится наш недавно объединенный слой:

Все копии слоя-фигуры были объединены в один слой.

Шаг 12: Добавьте градиент от черного к белому к объединенному слою

Чтобы придать нашим буквам по-настоящему трехмерный вид, давайте завершим все, добавив простой световой эффект.Или, по крайней мере, то, что выглядит как световой эффект. Щелкните объединенный слой в палитре слоев, чтобы выбрать его, если он еще не выбран. Затем щелкните значок Layer Styles внизу палитры слоев. Появится список всех доступных стилей слоя. Щелкните Gradient Overlay , чтобы выбрать его:

Выберите стиль слоя «Наложение градиента» в нижней части палитры «Слои».

Это вызовет диалоговое окно Photoshop Layer Style , для которого в среднем столбце установлены параметры Gradient Overlay.Мы хотим использовать градиент от черного к белому для нашего эффекта искусственного освещения. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран какой-либо другой градиент, щелкните область предварительного просмотра градиента в середине опций:

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

Это вызывает Gradient Picker , показывая нам все доступные градиенты, из которых мы можем выбирать.Нам нужен градиент Black, White , третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите, что имя градиента отображается при наведении курсора на миниатюру. Щелкните по нему, чтобы выбрать его, затем щелкните OK в правом верхнем углу, чтобы принять его:

Выберите черный, белый градиент.

Вернувшись к основным параметрам наложения градиента, вы увидите область предварительного просмотра градиента, в которой теперь отображается градиент от черного к белому (если это еще не было).Ниже приведены несколько важных опций. Убедитесь, что для параметра Style установлено значение Linear , а для градиента Angle установлено значение 90 ° :

Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для параметра «Угол» установлено значение 90 °.

Нажмите OK , когда вы закончите, чтобы выйти из диалогового окна Layer Style, и все готово! Photoshop применяет градиент от черного к белому к объединенному слою, создавая эффект тени на буквах и завершая наш простой эффект трехмерного текста:

Последний эффект трехмерного текста.

Куда идти дальше …

И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!

Создание трехмерного текста в Photoshop: пошаговое руководство

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

Первая часть этого урока проходит в 3D-среде Photoshop CC, что означает, что вам придется работать с тремя разными панелями почти одновременно.Панель «Слои» — это место, где вы размещаете и создаете трехмерный текст. На панели 3D вы получаете доступ к командам 3D, а на панели свойств вы применяете эффект выдавливания, искажаете и применяете различные материалы для добавления реализма. Работать в трехмерном пространстве довольно легко, но на это нужно обращать пристальное внимание.

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

01. Создайте фон

Перейдите в рабочее пространство 3D и загрузите фоновое изображение

Сначала измените рабочее пространство. Перейдите в Window> Workspace> 3D. Теперь создайте новый пустой холст ( cmd / ctrl + N) . Назовите его 3D Text, установив ширину на 1500 пикселей, высоту на 620 пикселей, разрешение на 300 пикселей на дюйм, а затем нажмите OK. Перейдите в File> Place Embedded ‘pix_117004_background.jpg’, отрегулируйте размер и нажмите return / введите .

02.Загрузите новый шрифт

Загрузите нужный шрифт перед тем, как продолжить

Зайдите на сайт dafont.com и загрузите шрифт South Afirkas 2100 от zanatlija. Разархивируйте файл и установите его в вашей системе. Возьмите инструмент «Текст» ( T ). В разделе «Параметры» выберите Тип шрифта: Южная Африка, Размер: 70 пунктов, а затем введите слово САФАРИ.

03. Добавить текстуру

Придайте тексту немного текстуры

Перейдите в меню «Файл»> «Поместить встроенный» pix_2068284_texture1.jpg. Поместите поверх текста и затем обрежьте слои, нажмите cmd / ctrl + opt / alt + G .Удерживая Shift , щелкните слой Safari. Когда оба слоя активны, нажмите cmd / ctrl + E для объединения. Переименуйте слой Safari_texture.

04. Создайте 3D-слой

Теперь вы можете выдавить текст в 3D.

Перейдите в 3D> Новое 3D-выдавливание из выбранного слоя. На панели «Свойства» щелкните «Сетка», выберите «Отображение текстуры: масштаб» и установите для параметра «Глубина выдавливания» значение 10 мм. На панели 3D нажмите Safari_Texture Front Inflation Material, установите Roughness на 80% и Bump на 100%.

05. Добавьте больше текстур

Другая текстура улучшает внешний вид вашего 3D-текста

На панели 3D-слоя щелкните Safari_Texture Extrusion Material. Теперь на панели «Свойства» щелкните значок «Рассеивание» и выберите «Заменить текстуру», найдите «pix_2068284_texture2.jpg» и откройте. Установите Шероховатость на 80% и Наращивание на 100%.

06. Редактирование свойств UV

Настройте текстуру, отредактировав ее свойства UV

Теперь мы собираемся редактировать текстуру выдавливания.В свойствах снова откройте значок Diffuse и выберите Edit UV Properties. Установите Масштаб U / X на 65% и Масштаб V / Y на 50%, а затем нажмите OK.

07. Эффект скоса

Отредактируйте слой Safari_Texture, чтобы придать ему эффект скоса

На панели 3D щелкните слой Safari_Texture. Теперь на панели свойств щелкните Cap. Установите стороны на передний план, ширину скоса на 35% и измените контур на конус_инвертированный.

08. Перемещение трехмерного текста

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

Выберите инструмент «Перемещение» ( V ).В рабочем пространстве 3D нажмите на 3D-камеру Dolly (это третий значок в левом нижнем углу). Удерживая кнопку мыши, перетащите вверх, чтобы переместить текст дальше. Нажмите на орбиту и панорамируйте 3D-камеру, чтобы повернуть и переместить изображение вниз.

09. Регулировка света

Получите более эффектный вид, отрегулировав свет

На панели 3D нажмите «Бесконечный свет». С помощью контроллера на изображении отрегулируйте свет, поместив его перед трехмерным текстом и переместив на 75 градусов в верхний левый угол.Выполните рендеринг изображения, перейдя в 3D> Render 3D Layer.

10. Создайте маску слоя

Используйте маску слоя и кисть Dune Grass, чтобы смешать с травой

На панели «Слои» нажмите cmd / ctrl + J , чтобы продублировать слой Safari_Texture. Перейдите в Layer> Rasterize> 3D. (Скройте исходный слой 3D Safari_Texture.) Добавьте маску слоя. Возьмите инструмент «Кисть». Нажмите F5 и выберите кисть Dune Grass, настройте динамику формы и рассеяние, затем закрасьте маску, смешивая траву.

11. Внесите коррективы

Увеличьте резкость изображения и настройте тона

Во-первых, давайте немного увеличим резкость изображения. Щелкните эскиз Safari_Texture. Перейдите в Filter> Sharpen> Sharpen More. Теперь отрегулируйте тона. Перейдите в Layer> New Adjustment Layer> Levels. Установите Inputs на 0, 1.15, 215 и обрежьте слои.

12. Поместите льва

Пора добавить немного дикой природы

Перейдите в Файл> Поместить встроенный ‘pix_1236169_lion.jpg’. Возьмите инструмент быстрого выбора ( W ) и выберите льва.Перейдите в Select> Select and Mask. Измените режим просмотра на Overlay. Установите Радиус обнаружения края на 15 пикселей, установите флажок «Умный радиус» и используйте инструменты для улучшения выделения. Вывод на «Новый слой с маской слоя».

13. Дополнительные настройки

Несколько корректировок помогут льву более естественно вписаться в сцену.

Возьмите кисть Dune Grass и закрасьте маску, чтобы скрыть лапы и хвост за кустами. Теперь перейдите в Filter> Sharpen> Sharpen. Затем перейдите в Слой> Новый корректирующий слой> Уровни.Установите Inputs на 0, 0.95, 245 и обрежьте слои.

Добавьте слона и с помощью инструмента «Перо» вырежьте его.

Перейдите в «Файл»> «Поместить встроенный» pix_602530_elephant.jpg. Возьмите инструмент «Перо» ( P ) и нарисуйте путь вокруг слона. В разделе «Параметры» нажмите «Сделать: выбор», а затем нажмите «ОК». Перейдите в Layer> Layer Mask> Reveal Selection. Нажмите cmd / ctrl + T и отрегулируйте размер.

15. Добавьте дополнительные настройки

Как и в случае со львом, вам нужно настроить слона, чтобы он не торчал.

Перейдите в Слой> Новый корректирующий слой> Яркость / Контрастность.Установите Яркость на 30, Контрастность на 15, обрежьте слои и нажмите ОК. Теперь сделайте быструю цветокоррекцию. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Deep Yellow, установите Density на 30%, обрежьте слои и нажмите OK.

16. Принесите страуса

Пора немного больше дикой природы

Перейдите в Файл> Поместить встроенный ‘pix_341989_ostrich.jpg’. Возьмите инструмент «Быстрое выделение» ( W ) и выберите изображение. В разделе «Параметры» нажмите «Выбрать и замаскировать».Используйте инструмент Refine Edge Brush ( R ) или Brush tool ( B ), чтобы улучшить маску, затем нажмите OK. Измените размер изображения и поместите страуса рядом со слоном.

17. Регулировка кривых

Используйте корректировку Кривые, чтобы придать тонам форму

Теперь давайте применим корректировку Кривые для корректировки тонов. Перейдите в Layer> New Adjustment Layer> Curves. Поместите курсор мыши в центр и потяните немного вниз или установите для параметра «Вход» значение 45 и «Выход», значение 40, обрезайте слои и нажмите «ОК».

18. Поместите больше изображений

Хорошо, давайте обезьяну …

Перейдите в меню «Файл»> «Поместить встроенный» pix_1224295_monkey.jpg. Используйте инструмент «Быстрое выделение», чтобы выбрать изображение, и команду «Выделение и маска», чтобы уточнить выделение. Измените размер изображения и поместите его над буквами. Используйте настройку «Кривые», чтобы скорректировать тона.

19. Добавьте жирафа

… и жирафа. Что возможно могло пойти не так?

Поместите pix_927281_giraffe.jpg. Выберите и замаскируйте жирафа.Добавьте новый слой поверх него и обрежьте слои ( cmd / ctrl + opt / alt + G ). Измените режим наложения на Мягкий свет, возьмите инструмент «Кисть» и, используя светло-желтый цвет, закрасьте тело, чтобы осветлить тени.

20. Коррекция цвета

Добавьте фильтр потепления для последнего тонального штриха

Поместите новый корректирующий слой поверх стопки слоев. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Warming Filter (85), установите плотность на 25% и нажмите OK.

21. Создайте снимок

Последняя корректировка, и все готово.

Нажмите shift + cmd / ctrl + opt / alt + E , чтобы создать снимок. Теперь сделайте окончательную настройку. Перейдите в Фильтр> Фильтр Camera Raw. Установите Exposure на +0.25, Highlights на -30, Clarity: +10 и Saturation: +5, затем нажмите OK.

Эта статья впервые появилась в 152 выпуске Photoshop Creative. Подпишитесь здесь .

Статьи по теме:

Создание 3D-текста в Photoshop

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

Как создать простой трехмерный текст

В этом примере мы будем использовать метод выдавливания для создания трехмерного текста. Экструзия — это основной метод создания 3D-объектов в Photoshop. Мы берем 2D-форму и толкаем ее обратно по оси Z, чтобы создать 3D-объект

.

Шаг 1

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

Введите ширину и высоту вашего документа, установите разрешение и цвет фона

Шаг 2

Выберите инструмент «Текст» на панели инструментов или нажмите T

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

Измените текстовый слой на 3D. Убедитесь, что 3d отмечен в главном меню windows , выберите 3d Extrusion, нажмите create.

Шаг 7

Слой и панели 3D показаны ниже

Шаг 8

Вы можете изменить способ просмотра текста с помощью камеры в левой нижней части экрана.

Шаг 9

Последний шаг — использовать кнопку рендеринга для завершения изображения

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

Как добавить и изменить материал текста и деформацию поверхности

Материал создает визуальный вид поверхности трехмерного объекта. Текстура, отражательная способность, карты рельефа и т. Д. Photoshop поставляется с 36 предустановками материалов. Деформация определяет форму поверхностей объекта; вы можете сделать его сферическим, скошенным или надутым.

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

Шаг 1

Повторите шаги из последнего примера до шага 8. Я буду использовать букву «D» вместо «текст», чтобы ясно показать вам эффект.

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

Панель свойств сетки показана на фотографии ниже.

Шаг 2

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

Шаг 3

На панелях свойств Deform и Cap вы также можете добавлять различные эффекты.

Шаг 4

Чтобы изменить материал любой поверхности 3D-модели, щелкните ее слой, появится панель свойств, выберите из доступных материалов.

Шаг 5

Щелкните Render, чтобы завершить изображение.

Как добавить свет в сцену

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

Шаг 1

Щелкните символ лампочки в нижней части 3D-меню и выберите тип света.

Шаг 2

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

Шаг 3

Выполните рендеринг изображения.Окончательное изображение показано ниже

Другой пример показан ниже

Как сделать отражение

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

Изображение Alexas_Fotos с сайта Pixabay

Шаг 1

Откройте изображение в Photoshop и продублируйте слой

Шаг 2

Размытие изображения с помощью Фильтр> Размытие> Размытие по Гауссу

Шаг 3

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

Шаг 4

В свойствах текстовой сетки выберите « Inflate » из предустановки формы (это предустановка формы 5 th )

Шаг 5

Из свойств материала всех слоев формы переместите ползунок Metallic на максимальное значение, а ползунок Roughness на минимум

Шаг 6

Выберите среду в 3D-слое

Шаг 7

Из панели свойств среды.Убедитесь, что установлен флажок IBL (Освещение на основе изображения), и нажмите Новая Текстура

Появится новое меню, щелкните O.K

Шаг 8

Выберите Редактировать текстуру, откроется новое касание.

Шаг 9

Скопируйте фоновый слой ( Ctrl + C ) и вставьте ( Ctrl + V ) его в новый тап

Используйте «Изображение»> «Показать все», чтобы показать все изображение.Затем сохраните изображение ( Ctrl + S )

Панель 3D показана ниже

Шаг 10

Трехмерное изображение будет выглядеть как на фото ниже

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

.

Окончательное изображение показано ниже

Другие примеры

Похожие сообщения

Создание трехмерного изображения — Руководство для начинающих по Photoshop

Спасибо за чтение. Надеюсь, вам понравилась статья. Если у вас есть вопросы, просто напишите ниже, и я буду рад вам ответить.

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

Учебное пособие по Photoshop с эффектом 3D-текста

Хотите сохранить этот урок для использования позже или поделиться им с другом? Прикрепите это изображение!

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

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

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

ВАЖНОЕ ПРИМЕЧАНИЕ ПО ПРОГРАММНОМУ ОБЕСПЕЧЕНИЮ Программное обеспечение: Photoshop CC 2020 У вас может быть другая конфигурация в вашей версии Photoshop. В обновлениях все перемещается.Некоторые функции этой версии Photoshop могут быть недоступны в более ранних версиях. Пожалуйста, оставьте комментарий, если вы застряли или вам не хватает какой-либо функции, и я сделаю все возможное, чтобы помочь вам.

ИЗУЧАЙТЕ ИНСТРУМЕНТЫ ДИЗАЙНА ОДИН ШАГ ЗА ВРЕМЯ

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

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

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

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

РЕСУРСЫ ДЛЯ 3D-текстового эффекта Учебник

Шрифт, используемый в этом руководстве: Lust Script из Adobe Fonts

Другие уроки, упомянутые в этом видео: Swirl Text Effect

Другие сообщения по этой теме

  • Swirl Text Effect
  • Pixel Растянуть фон
  • Шоколадный текстовый эффект

Подобные продукты премиум-класса

Эффект трехмерного текста ВИДЕО Учебник

Ссылки на изображения для учебного пособия по эффектам трехмерного текста

Настройки текста

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

Добавить стили слоя

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

Преобразуйте текстовый слой в смарт-объект, щелкнув слой правой кнопкой мыши и выбрав «Преобразовать в смарт-объект»

Применить стиль слоя (вне смарт-объекта)

Наклон и тиснение

Применить размытие по Гауссу

Хотите сохранить это учебник на потом или поделитесь им с другом? Прикрепите это изображение!

Лучшая коллекция уроков по Photoshop с 3D-текстовыми эффектами

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

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

Источник

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

Скачать

Ice Effect

с подпиской Envato Elements

Скачать

Учебное пособие по созданию эффекта блестящего отражающего 3D-текста в Photoshop

Скачать

Color Burst Effect

с подпиской Envato Elements

Скачать

Создание трехмерного текста, окруженного пламенем, в Photoshop

Скачать

Эффект текста огня

с подпиской Envato Elements

Скачать

Создание трехмерного текстурированного текста с эффектом фруктов

Скачать

Создание трехмерного текста с эффектом потрескавшейся бетонной стены в Photoshop

Скачать

Эффект зашнуровки

с подпиской на Envato Elements

Скачать

Блестящая надутая фольга с эффектом 3D текста

Скачать

Эффект простого текста для написания текста на снегу в 3D

Скачать

Текстовый эффект 3D-многослойных блоков в Photoshop

Скачать

Pipe Effect

с подпиской на Envato Elements

Скачать

Создание яркого текста с помощью Photoshop 3D

Скачать

Текстовый эффект Good Vibes

с подпиской на Envato Elements

Скачать

Эффект современного 3D текста в Photoshop

Скачать

Celebration Text Effect (золотой)

с подпиской Envato Elements

Скачать

Источник

Создание текстового эффекта «3D звезда» в Photoshop

Скачать

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

Скачать

Создание 3D-текста в Photoshop

Скачать

Создание эффекта 3D ретро текста в Photoshop

Скачать

Создание 3D-текста из резины и стекла в Photoshop

Скачать

Как создать стильный черно-золотой эффект 3D-текста в Photoshop

Скачать

Создание простого трехмерного текста в Photoshop

Скачать

Как создать трехмерную композицию текста любви

Скачать

Стеклянная 3D типографика

Скачать

Добавить цвет к трехмерному тексту

Скачать

Как создать высококачественный металлический 3D-текст в Photoshop

Скачать

Эффект трехмерного полужирного текста

Источник

Эффект 3D-текста в Photoshop и Maya

Источник

Цветочный эффект 3D текста

Скачать

Создание светящегося эффекта 3D-текста с помощью Filter Forge и Photoshop

Источник

Создание вдохновляющего трехмерного золотого текста с помощью Photoshop Extended

Источник

Мастер эффектов типа 3D

Источник

Как создать собственную типографику грязи

Источник

Всего

51

Акции

Делиться 37 Твитнуть 0 Приколи это 14

Создайте элегантный эффект 3D-текста в Photoshop CS6 — Medialoot

Из этого туториала Вы узнаете, как использовать атрибуты формы и возможности 3D Photoshop CS6 для создания элегантного королевского трехмерного текстового эффекта.Он проведет вас через изменение настроек формы, работу с трехмерными элементами, создание различных материалов, настройку источников света и изменение результата рендеринга. Давайте начнем!

Учебные материалы

  1. Шрифт Elsie.
  2. Выкройка на подкладке от Chris Baldie.
  3. Плитка из светлого дерева от WebTreatsETC.
  4. Металлическая текстура трубы от фотофреччи (достаточно маленького изображения).
  5. Gradient-shape for Photoshop от ilnanny (Загрузите файл METALS.grd файл).

Шаг 1

Создайте новый документ размером 1000 x 800 пикселей и залейте фон черным цветом.


Создайте текст в белом цвете, используя шрифт Elsie, размер шрифта 250 pt и установите значение отслеживания 50.

Шаг 2

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


Дублируйте слой с фигурой текста и выберите инструмент «Прямое выделение», чтобы получить параметры формы на панели параметров.Измените Заливку на Нет, цвет Обводки на любой серый цвет, Размер Обводки на 10 и Выровнять по внешней стороне.


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

Шаг 3

Дублируйте фоновый слой и перетащите копию поверх всех слоев. Перейдите в 3D> Новая сетка из слоя> Открытка.


Выберите все имеющиеся у вас 3D-слои (щелкните верхний слой, нажмите и удерживайте клавишу Shift, затем щелкните нижний) и перейдите в меню «3D»> «Объединить 3D-слои».

Это поместит все 3D-слои в одну сцену.

Чтобы получить доступ к настройкам и свойствам 3D-сетки, вам нужно открыть две панели: 3D-панель и панель «Свойства» (обе находятся в меню «Окно»).

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


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

Шаг 4

Выберите вкладки имени сетки текстовой формы на панели 3D (выберите одну, затем Ctrl / Cmd + выберите другую) и измените значение глубины выдавливания на панели свойств на 250.


Щелкните значок «Кепка» в верхней части панели «Свойства» и измените ширину скоса на 3, а контур — на полукруглую.


Щелкните значок Координаты и измените угол поворота X на 90 °. Это сделает текстовые сетки перпендикулярными плоскости земли.


Выберите имя плоской сетки и также измените ее угол поворота по оси X на 90 °.


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

Шаг 5

Снова выберите 3D-слой, затем имя плоской сетки на панели 3D. Перейдите в меню 3D> Привязать объект к плоскости земли и в разделе «Координаты» на панели «Свойства» увеличьте значение Y Position, которое у вас есть, на 0.1, так что плоскость не находится в точности на исходной плоскости земли.


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

Это можно сделать с помощью выбранного инструмента «Перемещение» с помощью 3D-оси. Стрелки на концах 3D-оси перемещают сетку, часть под ними используется для вращения, а кубы используются для масштабирования. Куб в центре используется для равномерного масштабирования объекта.Все, что вам нужно сделать, это щелкнуть и перетащить ту часть, которая вам нужна, чтобы внести изменения.


Когда вы закончите, выберите вкладку «Текущий вид» на панели «3D» и используйте 3D-режимы инструмента «Перемещение», чтобы перемещать сцену, пока не получите желаемый вид из камеры.


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

Шаг 6

Пора работать над материалами.

Начните с выбора всех вкладок материалов обеих текстовых сеток на панели 3D, за исключением материалов для выдавливания (Ctrl / Cmd + щелчок по вкладкам для выбора).Затем на панели «Свойства» щелкните значок «Рассеянная текстура» и выберите «Удалить текстуру».


Измените цвет Diffuse на # bea221, Specular на # bbb08c, значение Shine на 55%, Reflection на 35% и Refraction на 1,35. Это создаст блестящий золотой материал.


Выберите вкладку материала Extrusion с внутренним текстом, удалите текстуру Diffuse, затем измените цвет Diffuse на # 6c1e98, Specular на # e3e1d7, Illumination на # 000000, Ambient на # 4d1972, значение Shine на 75%, Отражение до 25%, непрозрачность до 30% и преломление до 1.1. Это создаст стеклянный материал.

Шаг 7

Щелкните вкладку материала Extrusion внешней текстовой сетки, удалите текстуру Diffuse, затем измените цвет Diffuse на # 4b2262, Specular на # a7a188, значение Shine на 75%, Reflection на 25% и Refraction на 1,3.


Щелкните значок папки Bump и выберите New Texture.


Введите 1000 и 550 для значений ширины и высоты.


Щелкните значок текстуры Bump и выберите Edit Texture.


Откроется файл текстуры. Дублируйте фоновый слой.

Шаг 8

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


Щелкните значок «Создать новый слой заливки или корректирующего слоя» на панели 3D и выберите «Яркость / Контрастность».


Измените Яркость на 1 и Контрастность на -50.


Еще раз щелкните значок «Создать новый слой заливки или корректирующего слоя», но на этот раз выберите «Уровни».Затем измените значение Shadows на 7 и значение Highlights на 210.

Сохраните файл (файл> Сохранить) и закройте его (Файл> Закрыть), чтобы вернуться к исходному 3D-документу.


Измените значение Bump на 55%. Теперь вы можете четко видеть текстуру.

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


Щелкните значок текстуры Bump и выберите Edit UV Properties.Затем измените Масштаб U на 1000%, Масштаб V на 100%, а U-смещение и V-смещение на 0.

Шаг 9

Щелкните вкладку материала плоскости, затем щелкните значок текстуры «Рассеивание» и выберите «Заменить текстуру». Загрузите изображение «webtreats_light_wood4.jpg» из пакета «Tileable Light Wood Textures», затем снова щелкните значок Diffuse texture и выберите Edit Texture, чтобы открыть его файл.


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


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


Еще раз щелкните значок текстуры Diffuse и выберите Edit UV Properties. Измените U Scale на 1000%, V Scale на 300%, а U Offset и V Offset на 0. Возможно, вам понадобится использовать другие значения, если вы хотите получить большую или меньшую деревянную плитку.


Что касается других настроек, измените цвет Specular на # 5e5e5e, значение Shine на 90%, Reflection на 20% и удалите текстуру Opacity.

Шаг 10

Щелкните вкладку Infinite Light 1 на панели 3D, затем на панели свойств измените его цвет на # faf8f1, интенсивность на 80% и мягкость тени на 30%.


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


Щелкните значок «Добавить новый источник света в сцену» на панели «3D» и выберите «Новый точечный свет».

Измените цвет точечного света на # fff7d5, его интенсивность на 55% и снимите флажок с его тени. Затем установите флажок LightFalloff, измените значение Inner на 50 и Outer на 200. Это приведет к постепенному исчезновению света.

Шаг 11

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


Введите имя представления и щелкните OK.


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

Шаг 12

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


Щелкните вкладку «Среда» на панели 3D, затем щелкните значок папки IBL на панели «Свойства» и выберите «Загрузить текстуру».


Откройте «текстуру металлических труб …» и измените интенсивность на 50%.


Щелкните значок текстуры IBL и выберите «Редактировать текстуру», чтобы открыть файл текстуры. Затем перейдите в Image> Adjustments> Hue / Saturation. Щелкните поле Colorize и измените значение Hue на 30, чтобы придать текстуре оранжевый оттенок. Сохраните и закройте файл.


Вы можете использовать инструмент «Перемещение», чтобы щелкнуть и перетащить сферу текстуры среды, чтобы переместить ее в сцене, пока она вам не понравится.
Когда вы закончите изменять сцену, продолжайте и визуализируйте ее (3D> Render).

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


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


Измените режим наложения корректирующего слоя на Мягкий свет, его непрозрачность на 35% и используйте градиентную заливку «Bronze Bz 22» из МЕТАЛЛОВ.grd файл.

Заключение

И готово! Множество настроек и параметров материалов являются мощной частью 3D-среды в Photoshop CS6, а также инструментов 3D-сцены и типов света. Таким образом, используя правильное сочетание текстур, цветов и настроек, вы можете получить отличный результат.

Надеюсь, вам понравилось это руководство, и вы нашли его полезным.

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

Роуз — графический дизайнер-фрилансер, начавший использовать Photoshop в 2007 году.Она является основателем textuts.com: блога с учебниками по текстовым эффектам. Помимо написания руководств по текстовым эффектам, она также работает над различными типами печати и 3D-дизайном.

Photoshop Tutorial # 3–3D Text. В этом посте я расскажу вам… | автор: Productive Grind

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

Шаг № 1 — Выберите Create New Document , чтобы открыть окно New Document Window.

Шаг № 2 — Сделайте ширину и высоту 1200 пикселей и Разрешение 300 пикселей.

Шаг № 4 — Выберите Foreground Color и выберите любой цвет, который вам нужен.

Шаг № 5 — Выберите Brush Tool и раскрасьте весь слой.

Шаг № 6 — Нажмите T , чтобы выбрать текстовый инструмент и установить размер текста 72. Вы можете выбрать любой стиль текста, который хотите.

Step # 7 — Введите Hi! Выберите инструмент перемещения, нажав кнопку V , а затем отцентрируйте текст.

Шаг № 8 — Дублируйте текстовый слой, нажав Ctrl + J.

Шаг № 9 — Щелкните правой кнопкой мыши Hi! текстовый слой и выберите Rasterize Layer.

Шаг № 10 — Нажмите Ctrl + U , уменьшите яркость до -100 и нажмите OK.

Шаг № 11 — Нажмите клавишу со стрелкой вниз на клавиатуре. Нажмите Ctrl + J , чтобы продублировать слой, а затем нажмите клавишу со стрелкой вправо на клавиатуре.

Шаг № 12 — Удерживая нажатой кнопку Shift , выберите Hi! и Привет! Скопируйте 2 слоя и нажмите Ctrl + E , чтобы объединить слои.