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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 23 ноября 2020. Категория: Уроки фотошопа текст.

 

Всем привет!

Сегодня мы будем создавать яркий 3d текст.

Такой текст хорошо будет смотреться на постерах и афишах.

Сначала мы создадим новый документ и зальем фоновый слой синим цветом.

Затем установим шрифт из папки с исходниками и при помощи инструмента Текст напишем текст.

Далее создадим дубликат текстового слоя и применим к обоим слоям стили слоя.

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

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

 

 

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

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

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

Активируем инструмент Заливка. В панели цвета в качестве цвета основного плана устанавливаем оттенок # 193a8c. Кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Растягиваем рамку создания текста по ширине холста и пишем слово «Ария». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на белый (# ffffff), увеличиваем размер текста и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст по центру холста.

В панели слоев кликаем ПКМ по текстовому слою и выбираем «преобразовать в смарт-объект».

В панели слоев создаем дубликат текстового слоя (Ctrl+J). Переименовываем копию слоя в «Текст 2», а оригинальный слой – в «Текст».

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

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

Во вкладке Обводка используем оттенок # fec822 и вводим настройки, как на рисунке ниже.

Во вкладке Внутренняя тень используем оттенок # b76e05 и меняем настройки на следующие.

Во вкладке Наложение цвета меняем оттенок на # fed222 и вводим настройки, как на скриншоте.

Результат после применения стилей слоя.

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

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

Во вкладке Наложение цвета меняем оттенок на # e62fac и вводим настройки, как на рисунке ниже.

Результат после применения стилей слоя.

Активируем инструмент Перемещение и сдвигаем слой «Текст» на 2 пикселя вправо и на 2 пикселя вниз. Для перемещения используем клавиши стрелки. 1 клик клавишей стрелкой=сдвиг на 1 пиксель. В панели слоев возвращаем видимость слою «Текст 2».

Создаем дубликат слоя «Текст» (Ctrl+J) и сдвигаем дубликат слоя на 2 пикселя вправо и на 2 пикселя вниз. Создаем дубликат копии слоя «Текст» и снова сдвигаем на 2 пикселя вправо и на 2 пикселя вниз.

Повторяем действия 7-10 раз – создаем копию слоя, который в предыдущем шаге был создан посредством копирования и сдвигаем на 2 пикселя вниз и на 2 пикселя вправо. У меня получилось 9 копий слоя «Текст».

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

В панели слоев кликаем ПКМ по слою «Обводка» и выбираем «Очистить стиль слоя». При помощи клавиш стрелок сдвигаем слой «Обводка» на 15 пикселей вправо и 15 пикселей вниз. 1 клик клавишей стрелкой с зажатой клавишей Shift=сдвиг на 10 пикселей.

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

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

Во вкладке Внешнее свечение меняем оттенок на # 3fd5fb и вводим настройки, как на рисунке ниже

Результат после применения стилей слоя.

В панели слоев при помощи клавиши Shift выделяем все слои с текстом и передвигаем их немного влево и вверх.

Выше слоя «Фон» создаем новый пустой слой и называем его «Градиент».

Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Если в активном в данный момент градиенте есть более одной точки, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.

Для левой нижней Контрольной точки (позиция 0%) устанавливаем оттенок # 2dccf4. Для верхней левой Контрольной точки (позиция 0%) устанавливаем 100% непрозрачность, для правой верхней Контрольной точки (позиция 100%) понижаем непрозрачность к 0%. В верхней панели настроек инструмента Градиент выбираем радиальный тип градиента. Проводим градиент, как на показано ниже.

В панели слоев понижаем прозрачность слоя «Градиент»

Яркий 3d текст готов. Урок «Как сделать 3D текст в фотошопе» завершен.

Яркого настроения и творческих успехов!

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.

 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

Как сделать 3D текст? Фотошоп

Главная > Частозадаваемые вопросы > Как сделать 3D текст? Фотошоп

Сначала создадим фон, а далее будем работать непосредственно с текстом.

Создаем новый документ:
Файл — Создать, или используем комбинацию клавиш «Ctrl + N»

.

• Ширина: 600 пикс.
• Высота: 450 пикс.
• Цветовой режим: RGB
• Содержимое фона: Белый
• Сохраняем параметры.

В палитре цветов выберем красный цвет (#ff0000) и при помощи инструмента «Заливка» окрашиваем наше изображение. Далее выбираем: Фильтр — Рендеринг — Эффекты освещения. В появившемся окошке, при необходимости, изменяем параметры.

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

Далее выбираем:

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

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

Но текст получился несколько «шершавым», поэтому, чтобы его выровнять, переходим: Окно — 3D. У нас открывается

«3D (Сцена)», после чего, мы опускаемся к настройкам рендеринга. Изменяем подпункт «Качество»: Окончательная трассировка лучей. После чего происходит обработка всего 3D-объекта.

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

Просмотров: 2259



Похожие статьи

Похожие вопросы

Комментарии

Написать комментарий

Как создать 3d слой в фотошопе. Создаем текстовые слои. Как добавить новый слой

Цель этого урока, на примере создания 3D текста, познакомить вас, любители фотошопа, с некоторыми инструментами и возможностями 3D, в Adobe Photoshop CS5 Extended. С такими как, управление инструментом 3D-камера, создание собственных текстур для 3D объектов, и другими.

Шаг 1. Создайте новый документ размером 800*600 пик. Возьмите инструмент Горизонтальный текст Размер: 100пт. Цвет: не имеет значения, но лучше взять какой-нибудь яркий, чтобы дальше было проще с ним работать. Обратите внимание, Псевдополужирный стиль текста должен быть отключен.

Напишите: 3D . На новом слое напишите: ТЕКСТ

Шаг 2. Теперь создадим 3D объекты. Для этого перейдите в меню 3 D на панели фотошопа, и выберите команду Чеканка>Текстовый слой. Появится окно предупреждения о том, что текст будет растрирован, нажмите ОК. Откроется окно чеканки, ни чего не изменяя нажмите ОК. Повторите этот шаг и для следующего слоя.

Шаг 3. Теперь у нас два 3D слоя которые нужно объединить. Есть два способа это сделать:
1) Как при слиянии обычных слоев нажать сочетание Сtrl+Shift+E (объединить видимые). Но этот метод не всегда подходит при работе с 3D так как, если у вас будет хоть один растровый слой, то и 3D растрируются.
2) Более подходящий способ, выделить оба слоя в палитре слоев, и перейдя в меню 3D, дать команду Слияние 3 D -слоев .

Шаг 4. Теперь у вас в палитре слоев есть только один 3D слой. С ним мы и будем работать. Откройте Окно-3D. В этом окне, 3D объект обозначен как Сцена, в которую включены сетки чеканки, в нашем случае это сетка 3 D и сетка ТЕКСТ.

Активируйте сетку 3 D (кликнув по ней), возьмите любой инструмент управления 3D-камерой.

У вас должны появится оси управления 3D. Если нет, то нужно их включить (Просмотр-показать — Оси 3 D ).

Примечание: Описывать оси и элементы управления на осях, я не буду. Более подробно о них вы можете прочитать в моем уроке « Создаём 3D DVD коробку в Фотошоп »

Включите показ 3D-плоскость основания: Просмотр-показать — 3 D -плоскость основания. Теперь ваше рабочее пространство выглядит так

Шаг 5. При активном инструменте из группы управление 3 D камерой .

Примечание: Очень важно знать.Использовать нужно именно управление 3 D -камерой . Так как в дальнейшем я хочу применить захват тени на основание, то управление поворотом самого объекта, может привести к тому что объект оторвется от основания и тень будет неправильная.

Откройте выпадающее окно Вид , и переключите на вид: Слева.

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

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

Нам нужно поставить его весь на плоскость. Для этого перейдите в меню 3D и примените команду: Привязать объект к плоскости основания .

Как видите, картина изменилась. Теперь объект ТЕКСТ стоит на плоскости , а 3 D поднялся вверх.

Шаг 6. В этом шаге мы изменим наш объект, использую инструменты управление сетками чеканки.

При активной сетке 3 D , возьмите инструмент «Скольжение 3- D сетки» , и сместите сетку 3 D немного вправо.

Используя прямоугольник на оси Z

увеличьте размер сетки 3 D в 2-2,5 раза.

Примечание: Этого можно добиться и другим путем. Используя инструмент «Масштабирование 3 D сетки», прописать вручную в окне Масштаб ось Z , значение от 2 до 2,5. У меня это значение составило 2,22

Теперь используя наконечник на оси Z (синяя ось), сдвиньте этот объект вниз, так чтобы он стал на плоскость основания.

Шаг 7. Вернитесь к инструментам управления 3D-камерой и измените вид на вид спереди. Используя эти инструменты или оси управления (это проще так как не нужно постоянно переключать инструменты), попробуйте установит обзор под таким углом как на скриншоте, или так как вам понравится, в данном уроке это не главное.

Вновь взяв инструменты управление сетками чеканки, и используя прямоугольник оси Х (красная ось) можете намного расширить буквы 3D.

Шаг 8. В этом шаге мы начнем создавать текстуру в виде сетки.
Активируйте сетку 3 D -Материал передней выпуклости .

Откройте текстуру Рассеивания, для этого клик ПКМ на значке рядом с цветом текстуры и выполнить команду: Открыть текстуру.

Текстура откроется как отдельный документ, в котором вы увидите текст, из которого создавали первый объект. Объем этого документа больше мегабайта, а так как 3D в фотошопе получается очень «тяжелое», то мы попробуем это исправить. Залейте весь слой таким цветом, каким хотите сделать сетку (я выбрал #880088). Закройте этот документ, согласитесь на сохранение изменений.
Примечание: Вы можете вовремя создания текстуры, наблюдать за изменениями вашего 3D объекта, для этого можно упорядочить окна и переключаться между ними.
Измените размер этого документа до 100пик на 100 пик.

Шаг9. Теперь нужно создать текстуру прозрачности. Для этого клик на значке папки напротив Непрозрачности. Выполнить команду: Новая текстура…

Примечание: 3 D -объект, это по сути смарт-объект хранящий в себе несколько PSD документов. Каждая текстура в 3 D -объекте это PSD документ.

Откроется окно создания нового документа. Задайте размер: 30 на 30 пикселей. Разрешение: 72 . Цвет: прозрачный . Нажмите ОК. Окно исчезнет, ничего видимого не произойдет, но значек рядом с Непрозрачностью изменится. Кликните на этом значке и выберите команду: Открыть текстуру.

Примечание: Создавая текстуру прозрачности, нужно знать что: Черное- 100%прозрачное Белое- 100%непрозрачное. Оттенками серого, можно регулировать прозрачность.

В открывшемся окне, создайте вот такую фигуру с размерами указанными на скриншоте (размеры указаны в пикселях).

Закройте этот документ, согласившись на изменения. Как видите, передняя часть букв 3 D изменилась, но это еще совсем не похоже на решетку. Добиться нужного эффекта очень просто. Снова клик на значке текстуры прозрачности, и выберите пункт: Редактировать свойства … В открывшемся окне измените показания U -шкалы и V -шкалы на 10.

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

Шаг10. Текстура для передней стороны готова. Сохраните её.
Для этого: Клик на треугольник чтобы открыть все материалы (на скриншоте 1). Клик на треугольник что бы открыть меню параметров материалов (на скриншоте 2). Выберите пункт: Создать материал (на скриншоте3).

Задайте какое ни будь имя этой текстуре (к примеру, Сетка). В дальнейшем если она понадобится, вам достаточно будет её просто применить. Активируйте 3 D -материал задней выпуклости , и примените к нему ваш сохраненный материал.

Шаг 11. В этом уроке я хотел показать несколько вариантов изменения 3 D -текстур . Поэтому к задней стороне можно применить самый простой способ изменить цвет текстуры. Для этого клик на значке текстуры рассеивания и выполнить команду: Удалить текстуру. В палитре выбора цвета рассеивания

подберите цвет, который вам понравится. Если вы видите что сетка передней стороны и задней полностью слились, можно заднюю сетку немного сдвинуть. Клик на значке текстуры непрозрачности: Редактировать свойства . Немного измените значение U- смещение (горизонтальное) или V -смещение (вертикальное).

Шаг 12. Этот шаг повторение предыдущих, в нем мы изменим 3D-материал экструзии. Для примера мы сделаем его немного шершавым. Активируйте сетку 3 D -материал экструзии. Удалите материал рассеивания, в этом примере он не понадобится. Создайте материал рельефа с размером 100 на 100 пик. Как это делать, вы уже знаете из шага №9 этого урока. Залейте его черным цветом. Примените фильтр шум добавить шум с параметрами: Эффект: 150%. Равномерный. Монохром.

Примечание: При создании текстурырельефа, важен размер документа. Если текстура будет маленькой, то она размажется по фигуре. Для нормальной мелкой шершавости, при таком размере 3 D объекта, нужна текстура размером примерно 500*500, но это увеличит общий объем нашего документа, а я стараюсь этого избежать. Редактирование свойств текстуры как в шаге №9 , и увеличение значений U и V шкалы до максимального значения, даст нужный эффект.

Цвет этой текстуры подберите в палитре цвета рассеивания, как в шаге №10 этого урока.

Шаг 13. В этом шаге будем обрабатывать сетку «ТЕКСТ».
Активируйте сетку ТЕКСТ-Материал передней выпуклости .

Удалите текстуру рассеивания. Подберите цвет, и понизьте непрозрачность процентов до 45-55.

Шаг 14. Активируйте сетку ТЕКСТ-материал экструзии. Создайте новую текстуру рассеиванияс размерами50*50 пикселей и откройте её. Создайте градиент, примерно такой как на скриншоте

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

Залейте слой текстуры получившимся градиентом. Тип: Линейный. Протяните его сверху вниз.

Закройте этот документ. Откройте редактирование свойств этой текстуры и увеличьте значение V -шкалы ,примерно до 2. Так что бы градиент принял нормальный вид, а не был размазан по текстуре. Значение U -шкалы оставьте без изменений. Понизьте непрозрачность процентов до 75-
85 .

Шаг 15. Активируйте сетку ТЕКСТ-материал задней выпуклости . В этом уроке можно обойтись и без него, поэтому удалите материал рассеивания, и понизьте непрозрачность до 0%

Шаг 16. Надеюсь принцип создания текстур вы поняли, теперь осталось создать тени. Именно для того что бы фотошоп сам построил нам правильные тени, мы изначально устанавливали обзор с помощью 3D камер, а не управления объектом.
В меню 3D включите: Захват тени на плоскости основания . В меню Просмотр включите Показать 3 D -свет. У вас включились маркеры источников света. Активируйте один из источников света, переключите вид на «Точка».

Используя инструменты управления 3D светом, и ось элементы оси управления,

передвиньте источник света так, как показано на скриншоте

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

Шаг 17. Можете вернуться к сетке сцены включить черновую трассировку лучей и посмотреть, как ложится тень.

Мне не понравилось, что ближняя сторона очень темнеет из-за тени, это можно исправить.

Активируйте следующий источник света, переключите вид на «Направленный», передвиньте его так что бы он был направлен на те участки которые нужно осветить.

Установите Центра освещенности 31-35%. Рассеивание 65-75%. И так как нам не нужно что бы тень от этого источника перебивала ту которую мы хотим сделать, снимите галочку с пункта Создать тень.

Шаг 18. Вернитесь к сетке сцены, и переключите качество на Окончательная трассировка лучей. Не кликайте мышкой и ни чего не делайте в фотошопе, пока идет трассировка (это может занять продолжительное время). Если вам кажется что качество приемлемое, достаточно кликнуть мышкой, и трассировка остановится.
В принципе 3D текст готов. Осталось добавить фон (какой фон вы для себя решите сами), и показать еще один нюанс. Вы знаете что плотность тени зависит от общего освещения, тень в яркий солнечный день и тень ранним утром, будут сильно отличаться своей плотностью. Поэтому если в вашей работе нужна не такая плотная тень, её можно ослабить, активируя сетки чеканки (в моем случае это сетка 3D и сетка ТЕКСТ), и изменить непрозрачность тени.

После этого снова запустите трассировку.

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

Заключение: Надеюсь этот урок окажется для вас полезен, и благодаря ему вы поймете принцип создания текстур для 3D объектов, и найдете применение приемам из этого урока в своих работах. Такие текстуры можно применять не только к тексту, а к любому объекту, созданному в меню 3D, Adobe Photoshop CS5 Extended. Работа с источниками света, всегда поможет правильно вписать объект в изображение, и что главное, создать реалистичную тень. Главное помнить что, любой урок, это только подсказка направления, а что и как из него использовать вы решаете сами. Не бойтесь экспериментировать, и ваши работы будут радовать вас и тех для кого вы их делаете.

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

Например, можно открыть какое-либо изображение, и сделать его трехмерным, к примеру, кубом. Изображение в этом случае будет одной из сторон куба. При этом объект становится похожим на : внутри него будет множество элементов. Они видны на палитре Слои . Каждый элемент можно отредактировать отдельно, например, подобрав картинку для каждой стороны. Это делается двойного клика по элементу. Открывается новый документ с этим элементом, и его можно редактировать. После этого можно элемент сохранять и удалять — все изменения будут видны в итоговом изображении.

Трехмерные объекты можно рассматривать со всех сторон, поворачивать, или деформировать с помощью в программе Adobe Photoshop CS5.

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

На панели палитр при использовании этой среды появляются палитры: 3D, Маски, Наборы кистей , а также инструменты поворота и деформирования 3D-объектов.

Один из способов создания 3D-объекта — чеканка . Откройте в программе Adobe Photoshop CS5 новый документ, и нарисуйте на нем контур какой-либо фигуры, например, многоугольника. Кликните по слою на палитре Слои , чтобы его выделить.

Затем перейдите в меню 3D — Чеканка — Выделенный контур .

Откроется окно Чеканка , в котором можно выбрать параметры объекта. Изменяя в окне Чеканка значения параметров, можно изменять форму 3D-объекта. Глубина показывает, насколько будет растянут объект. Масштаб означает перспективу — направляющие могут сходиться, а могут и расходиться в разные стороны.

Двигая мышкой оси слева от 3D-объекта, можно даже во время редактирования его параметров вращать его, и рассматривать со всех сторон.

В окне Чеканка можно также выбрать форму поверхности 3D-объекта. Можно выбрать стандартную форму, форму тиснения, или любую другую из списка.

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

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

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

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

Также можно создать объемный 3D-текст . Для начала проверьте, чтобы текст не использовал псевдополужирный стиль. Чтобы это проверить, вызовите палитру Символ . В предпоследнем ряду, там, где идет ряд букв Т, самая левая и самая жирная буква должна быть отжата. Затем выберите инструмент Текст , и напишите что-нибудь. Кликните по текстовому слою на палитре Слои , чтобы его выделить. После этого перейдите в меню 3D — Чеканка — Текстовый слой .

Появится предупреждение о растрировании текста. Его нужно принять. Затем текст станет трехмерным, и появится окно Чеканка . Измените в этом окне параметры на нужные Вам.

Материалы для трехмерного текста можно выбрать в палитре 3D. В этой палитре Вы можете выбрать любой материал из списка, любого цвета. Таким образом можно подобрать любой материал для, например, трехмерного текста.

Видео о том, как создается трехмерный текст в программе Adobe Photoshop CS5

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

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

Adobe преодолевает разрыв между двумерной и трехмерными изображениями. Все началось с CS3, где у нас появилась возможность импорта 3D объектов в 3D-слои и появились специальные сторонние для .

В Photoshop CS4 сделал большой скачок возможностей в создании и редактировании 3D. Теперь вы можете импортировать и добавлять освещение к 3D-сценам.

В этом уроке мы рассмотрим создание 3D объектов в фотошоп и импорт 3D-объектов в 3D-слои в CS4+. Вы научитесь управлять 3D объектами при помощи специальных инструментов.

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

Если вы новичок в 3D-моделирования и наложения текстур на 3D-объекты, то CS4 поможет вам познакомиться с основными инструментами создания 3D и возможностями текстурирования через его интуитивно понятный интерфейс. Модели являются базовыми 3D-фигурами. Это сферы, цилиндры, кубы, конусы и другие. Все эти 3D-модели вы найдете по пути 3D -> New Shape from Layer –> или в руссскоязычной версии фотошоп это звучит так 3D –> Новая фигура из слоя –> далее откроется список с простейшими 3D-объектами. Для примера я выбрала фигуру Cube (Куб).

При выборе 3D-слоя становятся все инструменты управления 3D моделями. Изменить внешний вид сцены можно при помощи группы инструментов 3D камеры.

Основные 3D Navigations

При выборе любого навигационного инструмента 3D руководство компании Axis автоматически появляется рядом с вашей моделью, которая имеет красный, зеленый и синий обозначения цвета. Они соответствуют X, Y и Z оси. На сетке «X» оси (красный) просто движение происходит слева направо. У оси (зеленый) движение идет вверх или вниз. И, наконец, оси Z (синий) это движение происходит в или на сцене.

Программа Adobe Photoshop CS5 поддерживает целый ряд форматов по работе с 3D объектами. Вы можете обрабатывать и объединять существующие 3D объекты, создавать новые 3D объекты, создавать и редактировать 3D текстуры, а также объединять 3D объекты с 2D изображениями.

Как создавать простейшие 3D объекты в фотошоп.

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

Инструменты по работе с трехмерными объектами расположены в нижней части панели инструментов. Они разделены на две группы

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

Рассмотрим все доступные инструменты первой группы по порядку. Инструмент “Поворот 3D-объекта” позволяет вращать трехмерный объект в пространстве. Выберите инструмент, наведите его на объект, зажмите левую кнопку мыши и начните вращение. Инструмент “Вращение 3D объекта ” позволяет вращать трехмерных объект вокруг оси. С помощью инструмента “Панорамирование 3D объекта” вы можете перемещать трехмерный объект по горизонтали или вертикали. Инструмент “Скольжение 3D объекта ” позволяет перетаскивать объект, движения вверх по документу при выбранном этом инструменте отдаляет трехмерный объект, а смещение курсора вниз приближает 3D модель. Для того, чтобы перетащить объект с помощью инструмента “Скольжение 3D объекта ” нужно перемещать мышь по одной из этих осей с зажатой клавишей Alt. Инструмент “Масштабирование 3D объекта ” позволяет отдалить или приблизить 3D модель. Для этого нужно перемещать курсор мыши вниз или вверх соответственно. Для того, чтобы масштабировать 3D модель по оси Z (сжимать или расширять объект) нужно перемещать курсор вдоль оси Z с зажатой клавишей Alt.

Импорт сторонних моделей

Adobe Photoshop CS5 дает возможность открывать 3D файлы, созданные в различный программах и поддерживает следующие форматы 3D-файлов:

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

Как только объект импортируется вы увидите в вашей палитре слоев не только эскиз модели, но текстуры, которые были применены к нему.

Отображение импортированной модели из LightWave:

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

Отображение текстуры для тела корабля

Эта текстура может быть отредактирована, как и любое изображение в Photoshop. Мы можем использовать кисть и рисовать прямо на модели. Для начала важно, чтобы открыть слой 3D палитры. В нижней части палитры вы увидите вариант, который говорит: «Paint On ‘. Убедитесь в том, что выбран слой «Рассеивание». Эта опция просто позволяет вам рисовать прямо на поверхности текстуры в пределах данного слоя.

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

Создайте новый слой над текстурой

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

Все трехмерные (3D) объекты, которые мы хотим создать должны быть вначале нарисованы в фотошопе в градациях серого. Что это значит? Все просто, трехмерные объекты в фотошоп рисуются на основании заданных цветов которые лежат от черного к белому, но обязательно в градациях серого (не путайте с черно-белым изображением). На скриншоте который расположен ниже показан этот спектр цветов:

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

Необходимо заметить, что все 3D объекты имеют стандартный геометрический набор в четырех направлениях:

Плоскость;

Двусторонняя плоскость;

Цилиндр;

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

2. Подготовка рабочей среды программы к работе

Если у Вас еще не включена отрисовка OpenGL , включаем ускорение трехмерных объектов:
(Редактирование — Настройки — Производительность), ставим галочку и нажимаем Ok .

Нам понадобится палитра для работы с 3D объектами. Если у Вас ее нет сделайте следующее: (Окно — 3D).

Вы узнаете:

• Как открывать 3D документы.
• Как создать 3D открытку, 3D фигуры и 3D сетку из градаций серого.
• Как работать инструментами трансформации 3D объектов и 3D камеры.
• Как управлять инструментом 3D-Axis (3D-оси).
• Чем отличается панель параметров в разных версиях программы.
• Как придать объем тексту с помощью инструмента Repousse (Чеканка).
• Как объединить несколько 3D слоев в одно изображение.
• Как включить отрисовку OpenGL.

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Зачем 3D формат нужен в Photoshop.

5. Открытие 3D файла.
6. Инструменты для трансформации 3D объектов.
7. Инструменты для трансформации 3D орбиты/камеры.
8. Значения инструментов в левой части панели одинаковы для всех версий Photoshop.

12. Создание объемного текста и фигур инструментом Repousse (Чеканка).

15. Вопросы.
16.Домашнее задание.

Зачем 3D формат нужен в Photoshop

Зачем нам: фотографам, цветокорректорам, отрисовщикам и коллажистам знать возможности 3D? Пусть этим занимаются те, кто работает в 3D Max, Maya или других редакторах 3Д графики. Они ведь и раньше редактировали и создавали текстуры для своих моделей в PhotoShop. Может этот раздел меню сделан именно для них? Давайте разбираться…

С каждой новой версией раздел 3D становится все объемнее. Инструменты для работы с трехмерными моделями в PhotoShop нужны не для создания и редактирования 3D моделей, а для добавления готовых моделей в ваши изображения и для превращения ваших фотографий в трехмерные объекты.

Бывают ситуации, когда вы для создания коллажа ищете в интернете нужный рисунок. Находите его, но он снят в таком ракурсе, что, вставив его в свое изображение, вы понимаете, что подделка на лицо. Вот если бы его чуть-чуть повернуть, градусов на 20 или 30, тогда бы он идеально вписался в ваш коллаж. Сегодня в интернете полно готовых, бесплатных 3D моделей, которые только и ждут, чтобы их скорее скачали. Поместив такую модель в документ, вы сможете без труда повернуть ее под нужным углом, окрасить любым цветом, наложить на нее необходимую текстуру и задать любой масштаб без потери качества. После придания объекту нужного положения и вида вы можете преобразовать его в обычное двухмерное изображение и продолжить работу в обычном режиме (сделать отрисовку, применить к нему любые инструменты и фильтры PhotoShop).

Начнем с самого простого. Если у вас версия PhotoShop CS3, то сразу переходите к разделу Открытие 3D файла, т. к. функция перевода изображения в фигуры еще не была внедрена в программу.

Откройте любую фотографию. В меню 3D выберите пункт New Shape From Layer (Новая фигура из слоя). Из открывшегося списка выберите Cone (Конус), Cube (Куб), Cylinder (Цилиндр), Donut (Тор), Hat (Шяпа), Pyramid (Пирамида), Ring (Кольцо), Soda Can (Бутылка газированной воды), Sphere (Сфера), Spherical Panorama (Сферическая панорама) или Wine Bottle (Винная бутылка). В CS5
к этому списку добавился пункт (Кубическая деформация).

Попробуйте выбрать каждую из этих фигур. Выше показано как будет выглядеть работа Лены З.(д/з к уроку по маскам), если выбрать пункты Soda Can (Бутылка газированной воды), Wine Bottle (Винная бутылка), Sphere (Сфера) и Кубическая деформация в CS5.

В панели инструментов есть две группы, позволяющие манипулировать 3D объектами и 3D камерами. Как только вы создадите
сразу станет возможно работать этими инструментами

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

Открытие 3D файла.

Чтобы открыть 3D-файл в Photoshop CS3 выберите в меню Layer (Слой) – 3D Layers (3D слои) –New Layer From 3D Files (Новый слой из 3D файла). Для того чтобы начать работу с 3D объектом выберите в меню Layer (Слой) – 3D Layers (3D слои) – Transform 3D Model (Трансформирование 3D модели).

Чтобы открыть 3D-файл как новый документ в Photoshop CS 4 и CS 5 , войдите в меню File (Файл) – Open (Открыть) и выберите нужный файл.

Чтобы добавить 3D-файл как слой в открытый документ, выберите 3D — (Создать слой из 3D-файла). Можно использовать несколько 3D-моделей в одной 3D-сцене. При добавлении файла в качестве 3D-слоя этот слой примет размеры существующего файла.

В Photoshop (в расширенном варианте Extented) можно открыть и отредактировать 3D-файлы форматов 3DS, U3D, OBJ, KMZ и DAE, созданные в программах Adobe® Acrobat® 3D Version 8, 3D Max, Alias, Maya и Google Earth. Большинство готовых моделей в интернете вы сможете найти в формате ЗDS.

Создайте новый документ, в разделе Preset (Набор) выберите пункт Web . Документ будет создан с размерами 640х480.

В меню Window (Окно) – Default Workspace (Рабочая среда) – выберите Расширенный 3D/3D. Останутся только самые необходимые палитры, а лишние исчезнут. Я бы к ним добавила еще палитру History (История). В меню Window (Окно) – Default Workspace (Рабочая среда) – выберите Save Workspace (Сохранить рабочую среду). Назовите ее My 3d. В CS5 она уже есть.

В меню 3D – выберите New Layer From 3D Files (Новый слой из 3D файла). В открывшемся окне выберите файл колокол.3DS. В палитре Layers (Слои) появится 3D слой.

Инструменты для трансформации 3D объектов.

В панели инструментов выберите . Теперь инструменты для 3D трансформации доступны не только в панели инструментов, но и в панели параметров.

Photoshop .

– Return to initial object position (Возврат в исходное положение) .

– Rotate the 3D Object (Поворот 3D объекта ). При движении мышки вверх-вниз происходит вращение объекта вокруг оси X. При движении мышки влево-вправо происходит вращение объекта вокруг оси Y. Вращать объект можно абсолютно в любых направлениях. Зажав клавишу Alt, инструмент переключится в режим вращения вокруг оси Z, т. е. приобретет свойства инструмента Roll the 3D Object (Прокрутка/Вращение3D объекта).

– Roll the 3D Object (Прокрутка/Вращение3D объекта). Инструмент совершает вращение вокруг оси Z (Ось проходит перпендикулярно экрану монитора). Зажав клавишу Alt, инструмент переключится в режим поворота Rotate the 3D Object (Поворот 3D объекта) .

– Drag the 3 D Object (Панорамирование/3 D панорама) . Инструмент перемещает объект в горизонтальном и вертикальном направлениях. Зажав клавишу Alt, инструмент переключится в режим Slide the 3D Object (Обход/Скольжение 3D объекта)

– Slide the 3 D Object (Обход/Скольжение 3 D объекта) . Инструмент удаляет и приближает объект. Зажав клавишу Alt, инструмент переключится в режим Drag the 3D Object (Панорамирование/3D панорама).

– Scale the 3 D Object (Масштаб/Масштабирование 3 D объекта) . Инструмент изменяет размер модели, другими словами, меняет ее масштаб. При движении мышки вверх, с зажатой левой кнопкой, масштаб увеличивается. При движении вниз – уменьшается. Зажав клавишу Alt, инструмент будет масштабировать объект, вытягивая или сжимая его относительно оси Z. Зажав клавишу Shift, модель будет масштабироваться по оси Х.

Следом расположено меню View (Вид), в котором есть предустановленные виды положения объектов. Этот список будет доступен независимо от того выбран режим работы с объектом или с камерой. На объект можно посмотреть Left (Слева), Right (Справа), Top (Сверху), Bottom (Снизу), Back (Сзади) и Front (Спереди). Также можно сохранить свой собственный вид, нажав на значок дискеты, справа от меню View (Вид). Значок корзины будет доступен, если вы захотите удалить вид, который сами создали.

Во всех предустановках камеры используется ортогональная проекция.

Правая часть панели параметров для CS3 отличается от CS4 и CS5.

С помощью этого окна владельцы CS3 могут менять освещенность объекта.

Как влияет тип освещения на объект, лучше проверить опытным путем — выбирайте разные настройки и смотрите, в каком случае модель выглядит лучше. Для CS4 и CS5 освещение настраивается на специальной вкладке 3D Lights (Свет) в панели 3D.

А с помощью этого окна в CS3 можно выравнивать по осям X, Y и Z., задавать смещение.
Для CS4 и СS5 в правой части появился числовой ввод координат ориентации, положения и масштаба (Зависит от выбранного инструмента).

Точный контроль вращения и перемещения можно осуществить в настройках опции (Ориентация) в меню параметров инструмента.

Инструменты для трансформации 3D орбиты/камеры.

Панель параметров камеры для CS4 и CS5

Значения инструментов в левой части панели одинаковы для всех версий Photoshop.

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

– Roll the 3D Camera (Прокрутка / Вращение вида 3D-объекта). Камера наклоняется либо по часовой стрелке, либо против.

– Pan the 3D Camera (Панорамирование / Вид 3D-панорамы). Камера перемещается параллельно плоскости рабочей области.

– Walk the 3D Camera (Обход / Перемещение вида 3D-объекта). Камера приближается, либо отдаляется от сцены.

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

Меню параметров инструмента – Zoom the 3D Camera (Масштаб / Увеличение или Уменьшение 3D-объекта) выглядит так:

Камера перспективы (только масштаб). Отображает две параллельные линии, сходящиеся в одной точке.

Ортогональная камера (только масштаб). Сохраняет параллельные линии без пересечений. Масштаб модели сохраняется и отображается без искажений перспективы.

Любое изображение можно преобразовать в 3D слой.

Откройте любую фотографию.

В меню 3D – выберите New 3D Postcard from Layer (Новая 3D‑открытка из слоя). Инструментами трансформации для 3D объектов измените положение, масштаб и ориентацию слоя. Правда, похоже на обычную трансформацию (Ctrl +T)? И нет ничего сложного! Дважды щелкнув в палитре Layers (Слои) по 3D слою, вы попадете в знакомое окно настройки стилей. Добавьте слою тень и тиснение.

Фотография девушки для этого коллажа сделана Надеждой Глазовой

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

Сетка – это обязательный элемент любой трехмерной модели.

Рассмотрим еще один способ преобразования в 3D слой из слоя в градациях серого.

Создайте новый документ, в разделе Preset (Набор) выберите пункт Web. Создайте новый слой. Выберите инструмент градиент. Проведите линию от нижнего края листа к верхнему, зажав клавишу Shift.

В меню 3D – New Mesh From Grayscale (Новая сетка из градаций серого) доступны следующие варианты: (Плоскость) – (Двусторонняя плоскость) – (Цилиндр) – (Сфера).

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

Откройте любую фотографию. Создайте ее копию в палитре Layers (Слои). Создайте 3D слои из фонового слоя и из его копии. Сделайте это любыми способами, перечисленными в этом уроке.
Я создала сферу и кольцо. Дайте слоям новые имена, переименовав их в палитре Layers (Слои) в соответствии с их видом.

Для объединения 3D слоев в одном документе необходимо выбрать один из них в палитре Layers (Слои). Пусть это будет «кольцо». Для CS3 в панели параметров переключиться на Edit the 3D Camera (Редактировать камеру). Для CS4 и CS5 выбрать инструмент в панели инструментов .

В верхней панели параметров нажмите вкладку View (Вид).
В выпадающем меню выберите предыдущий слой «Сфера».

В меню Layers (Слои) выберите пункт Merge Down

(Объединить с предыдущим) или нажмите Ctrl+E. Этого же результата можно добиться, если выделить оба слоя и выбрать в меню 3D – Merge 3D Layers (Слияние 3D-слоев).
В результате вы получите объединенный 3D слой.

Создание объемного текста и фигур инструментом Repousse (Чеканка)

В Photoshop CS5 появилась новая замечательная функция, позволяющая придавать объем тексту и фигурам. Называется она , что в переводе означает рельеф. Такой инструмент есть в любом редакторе трехмерной графики. Действует он по принципу выдавливания. Из окружности получится труба, из квадрата получится либо куб, либо брусок – зависит от коэффициента выдавливания. Выдавливать можно либо текстовый слой, либо слой с маской. В противном случае появится окно с предупреждением.

Для корректной работы инструмента необходимо «Включить отрисовку OpenGL » в меню Edit (Редактирование) – Preferences (Установки) – Performance (Производительность/Выполнение) и на вкладке 3d в разделе «Интерактивный рендеринг» также отметить OpenGL.

А теперь создадим трехмерный текст. Выберите инструмент Type Tool (Горизонтальный текст), шрифт большой, начертание жирное. Напишите любой текст.
Применять к тексту стили слоя не обязательно.

В меню 3D – Repousse (Чеканка) выберите Text Layer (Текстовый слой). В появившемся окне, подтвердите растрирование текста или растрируйте его предворительно.

Открыть окно Repousse (Чеканка) можно из палитры 3D (палитру 3D можно вызвать из меню Window (Окно)).

Отметьте 3D Repousse Object (3D‑объект чеканки).

Нажмите кнопку Create (Создать).

Откроется окно Repousse (Чеканка).

В левой части окна в разделе Repousse Shape Presets (Набор фигур чеканки) находится предустановленный набор разных профилей выдавливания. В правой части окна в разделе Materials (Материалы) можно выбрать текстуры для отделки объемной модели.

В разделе Extrude (Экструзия) можно задать Depth (Глубину) выдавливания, Scale (Масштаб), Twirl (Скручивание) и выбрать текстуру из списка.

В разделе Bevel (Скос) можно придать граням скошенную форму.

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

Для создания объемных фигур можно использовать произвольные фигуры со слоем маской, выделенный контур и текущее выделение. В меню 3D – Repousse (Чеканка) выберите Layer mask (Слой маска), Work path (Выделенный контур) или (Текущее выделение).

После создания 3D фигуры, можно вырезать в ней отверстие. Для этого создайте выделение будущего отверстия на передней поверхности. В меню 3D – Repousse (Чеканка) выберите Edit In Repoussé (Редактировать в окне чеканка). В нижней части окна, в разделе (Внутренние ограничения), в выпадающем списке Type (Тип) выберите Hole (Дырка). Настройте остальные параметры по вашему усмотрению.

3D-оси появляются в документе при выборе 3D-слоя и 3D инструмента. Или
в меню View (Просмотр) – (Показать) – 3D – Axis (3D-оси). Они используются в качестве альтернативы 3D-инструментам. Инструмент 3D-оси становится доступен только если включен параметр «Включить отрисовку OpenGL» в меню Edit (Редактирование) – Preferences (Установки) – Performance (Производительность/Выполнение).

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

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

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

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

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

Инструмент можно уменьшить, нажав на стрелку слева. Чтобы выполнить увеличение нажмите на стрелочки справа. Инструмент 3D – оси можно перемещать по документу простым перетаскиванием.

Выберите в меню Edit (Редактирование) – Preferents (Установки) – (Выполнение).

Отметьте галочкой (Включить отрисовку OpenGL).

Стандарт OpenGL ускоряет обработку 3D-файлов. Он нужен для работы с параметрами 3D-ось, Плоскость основания и Источники света. Необходимо наличие графической платы с поддержкой OpenGL.

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

Cписок функций Photoshop CS4, выполнение которых ускоряется при помощи графического процессора видеокарты:

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

Вопросы:

1. Какой инструмент удаляет и приближает объект?

– Drag the 3D Object (Панорамирование/3D панорама).

1. При помощи, какой клавиши на клавиатуре, можно переключаться между инструментом Drag the 3D Object (Панорамирование/3D панорама) и Slide the 3D Object (Обход/Скольжение 3D объекта)?

1. Какой 3D объект нельзя выбрать в меню 3D – New Shape From Layer (Новая фигура из слоя)?

– Cube (Куб).

– Hat (Шляпа).

– Teapot (Чайник).

– Wine Bottle (Винная бутылка).

– Spherical Panorama (Сферическая панорама).

Домашнее задание:

1. Создать 3D слои из любой фотографии, текста, вырезанного объекта, создать любые фигуры из слоя. Желательно совместить их все в одном коллаже. Это отличное упражнение для освоения 3D инструментов.
2. Создать сетки (плоскость, двусторонняя плоскость, цилиндр и сфера) из градаций серого при помощи градиента Reflected (Отраженный) и Diamond (Ромбовидный). Применить к ним инструменты 3D трансформации.
3. Пользователям Photoshop CS5, создать объемный текст и фигуру при помощи инструмента Repousse (Чеканка).

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

Делаем объёмный текст в Adobe Photoshop

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

1. Как сделать объёмный текст в Photoshop
2. Вариант 1: С помощью стандартной рабочей среды
3. Вариант 2: 3D-область

Как сделать объёмный текст в Photoshop

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

Ниже мы рассмотрим два варианта преобразования обычного текста в объёмный.

Вариант 1: С помощью стандартной рабочей среды

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

Итак, давайте посмотрим, что нам нужно сделать:

• Создайте новый документ или откройте уже имеющийся. Для этого воспользуйтесь одноимёнными кнопками в главном окне программы. Также нужный файл можно просто перетащить в рабочую область Photoshop.
• При создании нового файла вы можете задать абсолютно любые параметры, которые посчитаете нужными. Здесь они не имеют серьёзного веса. Единственная оговорка, что для печати лучше использовать цветовую палитру CMYK и разрешение 300 пикселей на дюйм.
• Теперь создайте текстовый слой на изображении с помощью соответствующего инструмента в левой панели. Чтобы набрать текст просто нажмите в нужной части холста и начните набор.
• В верхней панели вы можете настроить свой текст: указать размер шрифта, сам шрифт, выполнить настройки начертания и т.д. На самом деле здесь очень много возможностей для настройки, поэтому все их рассматривать мы не будем, так как это уже тема для отдельной статьи.

• Теперь переключитесь в режим работы с эффектами слоя. Сделать это можно два раза нажав левой кнопкой мыши по пиктограмме слоя в панели со слоями.
• Здесь нужно будет включить тиснение, установив галочку напротив одноимённого пункта в левой части окна.
• Далее выполните настройки тиснения. Особое внимание нужно будет обратить на параметры «Размер», «Смягчение», «Угол» и «Высота». Меняйте значение этих параметров на своё усмотрение. Если вы установили галочку у пункта «Просмотр» в верхней правой части интерфейса, то будете видеть изменения «режиме реального времени».

• Если нужно придать тексту дополнительный объём, то выберите в левой панели инструмент «Перемещение». Он находится в самом верху панели.
• С зажатой клавишей Alt нажимайте по очереди стрелки вниз и вправо или влево (в зависимости от того, в какую сторону нужно сделать выдавливание). Делайте так до тех пор, пока не получите приемлемый для вас результат.
• После этого вы заметите, что программа создала множественные копии слоя с текстом. Это нормально. Для удобства слои можно объединить в одну группу: выделите их и нажмите на иконку папки. Также их можно объединить в один слой: выделите их и нажмите по ним правой кнопкой мыши, а в контекстном меню выберите «Объединить слои».

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

Вариант 2: 3D-область

Что касается работы с 3D, то тут Фотошоп значительно уступает многим профессиональным и узконаправленным программам. Однако инструментария для преобразования текста и некоторых плоских слоёв в 3D-формат достаточно. Вам необязательно хорошо владеть данными инструментами, однако их понимание и умение ими владеть будет преимуществом, так как позволит делать больше эффектов для текста.

Давайте рассмотрим, как с помощью указанного способа преобразовать текстовый слой в 3D:

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

• Появится окошко с предложением переключиться на рабочую 3D-среду. Вы можете оставить рабочую среду в Фотошопе по умолчанию, но в ней будут недоступны многие инструменты для работы с 3D-объектами или их будет очень сложно найти. Рекомендуем переключиться в данную среду. В противном случае вы без проблем сможете переключиться обратно.
• Также может появиться окошко о несоответствии рабочего профиля. Здесь выбирайте первый вариант из списка и жмите «Ок».
• Появится сетка для работы с 3D-объектами. Здесь можно двигать объект во всех направлениях, в том числе и менять угол его наклона в 3-х направлениях. В предыдущем способе изменить угол можно было только в 2-мерном пространстве.

• Отдельное внимание обратите на правую часть окна. В блоке «Набор фигур» можно указать 3D-текстуру и её поведение. Доступны как самые стандартные варианты, так и более необычные.
• Параметр «Глубина экспозиции» отвечает за то, насколько текст будет объёмным. Примечательно, что его можно настраивать и в обратную сторону (с минусовыми значениями).

• Ещё ниже расположена панель с перечнем элементов сцены. Здесь можно настроить освещение, отключить тени, блики и т.д.
• Закончив работу с 3D-слоями можете переключиться во вкладку «Слои», а также изменить рабочую область на привычную. Чтобы это сделать, нажмите на соответствующую иконку в верхней правой части программы (она отвечена на скриншоте). Там выберите ту рабочую область, в которой вы находились изначально. Скорее всего это будет «Основная рабочая среда».

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

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

Как сделать 3D текст в Photoshop CC

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

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

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

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

Создание надписи 3D

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

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

Выделяем текст и нажимаем соответствующую кнопку, как показано на скриншоте ниже:

Также можно нажать правой кнопкой мыши на слой с текстом и выбрать «New 3D Extrusion from Selected Layer»

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

Настройка 3D текста

Чтобы попасть внутрь настроек, необходимо выделить слой текста и открыть панель «3D». Здесь вы можете отрегулировать все необходимые параметры надписи.

Среди них есть Environment, Scene, Curretn Veiw, Infinite Light, TEXT — настройка материалов текста. На русский это можно перевести как: среда, сцена, текущий вид, бесконечный свет и ваш текст.

Кликнув по одному из пунктов открываются настройки в панели «Properties» или «свойства». Здесь настраиваются все параметры данного пункта.

Во вкладке свет (Infinite Light) настраивается расположение источника света, от него зависит степень освещенности букв и расположение тени.

Во вкладке вид (Curretn Veiw) выставляется основные виды, также можно сохранить выбранный вид, чтобы затем к нему вернуться.

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

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

Если вы сделали ошибку в тексте или хотите изменить слово, то это можно сделать в той же панели нажав кнопку «Edit source».

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

После изменения текста обязательно необходимо сохранить изменения в файле, после чего ваш текст измениться и эффект 3D обновится.

Среди настроек «Environment» есть функция автоматического отражения текста. Если ваш текст стоит на поверхности, то этот эффект будет хорошо дополнять.

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

В самом конце для наиболее качественного отображения 3D текста необходимо нажать кнопку «Render» и немного подождать.

В итоге может получаться вот так:

3D текст с отражением фона

Усложним задачу и сделаем отражение окружающей среды в буквах.

Для этого нужно во вкладке Environment удалить текущую текстуру и поставить новую.

Новая текстура по умолчанию создается белой. Перейдите на вкладку слои и скопируйте слой фона нажав CTRL+A и CTRL+C.

Откройте текстуру выбрав «Edit Texture». Нажмите CTRL+V и фон текстуру. Закройте изображение текстуры с сохранением изменений.

Отражение окружения должно появится на ваших буквах.

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

Буквы можно разделить и развернуть в под разными углами. Для этого в меню выберите 3D/Split Extrusion. Теперь положение букв регулируется отдельно.

Чтобы текст не терялся, фон пришлось немного затемнить. В моем случае получилось следующим образом:

Видео урок создание текста 3D

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

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

В этом уроке мы попытаемся сделать забавную композицию из текста в 3D Photoshop. Мы сделаем объёмные округлые буквы с блестящей отражающей поверхностью. Сам урок совсем несложный, но, несмотря на это, даёт преставление о работе с инструментами 3D в Photoshop, в частности, о создании объёмной поверхности из плоских форм, разделении поверхностей на части, добавление освещения и настройка отражающих свойств поверхности. Для выполнения урока нам потребуется Photoshop CS6 Extended или CC.

Вот что, примерно, у нас должно получиться в результате:

ШАГ ПЕРВЫЙ: Для работы нам потребуется какой-либо округлый толстый шрифт, я воспользовался шрифтом Bell Bottom, скачать который Вы можете здесь. Как установить шрифт в Photoshop, рассказано здесь.

Создайте новый документ размером 1200 на 640 пикселей. Залейте фон не очень тёмным цветом, я воспользовался сине-голубым радиальным градиентом, возьмите инструмент «Текст» (Type Tool) и введите какое-нибудь слово, я написал слово «PLAY» высотой 300 пикселей. Кроме того, для получения лучшего эффекта, я рекомендую увеличить межбуквенное расстояние:

ШАГ ВТОРОЙ: Давайте теперь преобразуем текст в 3D-объект. В панели слоёв на данный момент должен быть активным слой с текстом! Идём по вкладке главного меню 3D —> Новая 3D экструзия из выделенного слоя (3D —> New 3D Extrusion from Selected Layer). Откроется окно с предложением включить 3D-рабочую среду, нажмите ОК. Если такое окошко не открылось, переключитесь на 3D-среду самостоятельно, подробнее об управлении рабочими средами Photoshop здесь.

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

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «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 текст в фотошоп

3D текст очень просто создать в Adobe Photoshop, начиная с CS3 версии.

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

Возьмите инструмент угловой градиент для заливки фонового слоя. Цвета для градиента я взяла #4a9bf7, #1c3a78, #051698 –>

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

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

Получили фон:

На фоне теперь пишем текст жирным шрифтом.

Растрируем текстовый слой. Для этого кликаем правой кнопкой мыши по текстовому слою и выбираем пункт “Растрировать текст”

Применяем трансформирование текста Перспектива (путь: Редактирование –> Трансформирование –> Перспектива).

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

К копии текстового слоя применяем стили слоя Контур, Рельеф и Градиент (bevel, emboss и gradient). Используйте настройки для контура и рельефа, заданные по умолчанию для получения эффекта 3D текста.

При активном дубликате слоя, удерживая клавишу, нажмите стрелку вниз 2 раза. Это позволит переместить ваш слой с эффектами на 20 пикселей вниз. Не меняя активный слой, удерживая клавиши Ctrl + Alt нажмите клавишу “Стрелка вверх” 19 раз. Появится дубликатов текстового слоя с эффектами, причем каждый последующий слой будет смещен по отношении от предыдущего на 1 пиксель вверх. Таким образом мы достигнем эффекта 3D  текста.

 

По желанию вы можете изменить градиент верхнего текстового слоя, для того, чтобы изменить цвет лицевой части 3D текста. Другие преобразования 3D текста – это создание эффекта отражения или тени. Для этого нужно выделить все текстовые слои (Выделение –> Все слои) и объединить их в группу (перетащить на слои на значок создания группы). Далее дублируете группу слоев (перетаскиваем ее на значок создания нового слоя). Выбираем инструмент “Перемещение” и смещаем дубликат группы несколько вниз. Перемещаем дубликат группы под группу с оригинальными текстовыми слоями, уменьшаем непрозрачность дубликата группы. Получили 3D текст с отражением:

Делаем 3D текст из стекла в Фотошоп – Express

В этом уроке вы узнаете, как создать 3D-текст с эффектом стекла.

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

Шрифт

Текстура

Архив

Шаг 1

Создаем новый документ размером 1152 х 864 пикселей, затем пишем текст (цвет #d7d7d7, размер 150 pt). Если вы используете больше одной линии текста, установите расстояние между строками на 135 pt.

Дублируем текстовый слой (Ctrl+J), кликаем правой кнопкой мыши по копии и выбираем Convert to Shape (Преобразовать в фигуру).

Активируем инструмент Direct Selection Tool (A) (Частичное выделение), чтобы модифицировать параметры фигуры. Устанавливаем Fill (Заливка) на None (Не применять), цвет обводки на #707070, размер обводки на 5 и Align (Выравнивание) на Outside (Снаружи).

Шаг 2

Выделяем текстовый слой и переходим 3D – New 3D Extrusion from Selected Layer (3D – Новая 3D-экструзия из выделенного слоя). Затем выделяем дубликат текста и применяем 3D – New 3D Extrusion from Selected Path (3D – Новая 3D-экструзия из выделенного контура). Таким образом, мы преобразовали текстовые слои в 3D-слои.

Дублируем второй 3D-слой (т.е. тот слой, который был копией текста).

Дублируем фоновый слой и перемещаем копию в самый верх панели слоев. Затем переходим 3D – New Mesh from Layer – Postcard (3D – Новая сетка из слоя – Открытка).

Теперь у нас четыре отдельных 3D-слоя, это значит, что каждая сетка находится на отдельной сцене. Чтобы объединить их в одну, выделяем все 3D-слои и применяем 3D – Merge 3D Layers (3D – Слияние 3D-слоев).

Шаг 3

Чтобы постоянно иметь доступ к параметрам 3D, через меню Window (Окно) откроем две панели: 3D Panel (Панель 3D) и Properties (Свойства).

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

На панели 3D выделяем фоновую сетку, затем вверху на панели свойств выбираем Coordinates (Координаты). Устанавливаем параметр X Rotation Angle (угол вращения по оси Х) на 90, чтобы изменить угол наклона сетки.

Далее применяем 3D – Snap Object to Ground Plane (Привязать объект к плоскости основания). Теперь слегка увеличим параметр Y Position (положение по оси Y) примерно на 0.01, чтобы в будущем избежать проблем с рендерингом.

Шаг 4

Активируем Move Tool (V) (Перемещение). Вверху на панели параметров инструмента появятся специальные 3D-режимы (3D Mode). Выбрав один из них, вы сможете производить определенные действия с выбранным на 3D-панели элементом сцены (перемещение, вращение и т.д.).
На 3D-панели выделяем Current View (Текущий вид), чтобы изменить угол наклона камеры.

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

Шаг 5

Зажимаем клавишу Ctrl/Command и кликаем по текстовым слоям на 3D-панели. Затем переходим к Coordinates (Координаты) и устанавливаем X Rotation Angle (угол вращения по оси Х) на 90. После этого применяем 3D – Snap Object to Ground Plane (3D – Привязать объект к плоскости основания).

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

Редактируем положение сетки. Учтите, что мы меняем положение сетки, а не камеры.

Шаг 6

Выделяем основную текстовую сетку на 3D-панели (которую мы создали из самого первого текстового слоя). Теперь меняем значение параметра Extrusion Depth (Глубина экструзии) в зависимости от того, насколько длинной должна быть прозрачная часть текста. В данном уроке мы установим на 243.

Выделяем следующую текстовую сетку (копия оригинального текстового слоя) и устанавливаем параметр Extrusion Depth (Глубина экструзии) на 20.

Кликаем по иконке Cap (Капитель) на панели свойств, чтобы установить параметр Bevel Width (Ширина фаски) на 10%.

Повторяем действия для последней текстовой сетки и привязываем ее к плоскости 3D – Snap Object to Ground Plane (Привязать объект к плоскости основания).

Шаг 7

Зажимаем Ctrl/Command и выделяем материалы текста (только материалы копий текстового слоя, оригинал трогать не надо) на 3D-панели. Затем кликаем по иконке рядом с параметромDiffuse (Рассеивание) и выбираем Remove Texture (Удалить текстуру).

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

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

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

Шаг 8

Выделяем материал фоновой плоскости, удаляем текстуры Diffuse (Рассеивание) и Opacity (Непрозрачность) и применяем следующие параметры. Это добавит плоскости отражающие свойства.

Жмем по иконке с папкой рядом с Diffuse (Рассеивание) и выбираем New Texture (Новая текстура).

Устанавливаем разрешение на 1152 х 864.

Жмем на иконку текстуры и выбираем Edit Texture (Редактировать текстуру).

В открывшемся файле дублируем фоновый слой (Ctrl+J).

Дважды кликаем по копии, чтобы открыть окно Layer Style (Стиль слоя) и применяем Pattern Overlay (Наложение узора). Выбираем текстуру webtreats_light_wood4.jpg из набора, который мы скачали в начале урока.

Жмем на иконку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу панели слоев и выбираем Levels (Уровни).

Устанавливаем параметры, как показано ниже. Сохраняем этот файл File – Save (Файл – Сохранить), затем закрываем документ с текстурой File – Close (Файл – Закрыть) и возвращаемся на основной документ с 3D-текстом.

Снова жмем по иконке текстуры и выбираем Edit UV Properties (Редактировать UV-свойства).

Устанавливаем U Scale (U-масштаб) на 100%, V Scale (V-масштаб) на 200% и U Offset/V Offset (U-смещение/V-смещение) на 0.

Закончив с материалами, увеличиваем плоскость, чтобы она полностью покрыла весь фон. При необходимости, снова привяжите ее к плоскости основания 3D – Snap Object to Ground Plane (3D – Привязать объект к плоскости основания). Если часть текста отдалится, как показано ниже, откорректируйте параметр Y Position (положение по оси Y) или воспользуйтесь 3D-осями.

Шаг 9

Выделяем на 3D-панели Infinite Light 1 (Бесконечный свет 1), устанавливаем Intensity (Интенсивность) на 80% и деактивируем опцию Shadow (Тень).

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

Кроме того, источник света тоже можно двигать с помощью инструмента Move Tool (V) (Перемещение).

Жмем кнопку Add new Light to Scene (Добавить новый свет на сцену) внизу 3D-панели и выбираем New Point Light (Новый точечный свет).

Устанавливаем Intensity (Интенсивность) на 50%, Shadow Softness (Сглаживание тени) на 30%. Чтобы свет выглядел более естественно, активируем Light Falloff (Спад света). Благодаря этому, свет будет плавно затухать по мере отдаления от своего источника. Устанавливаем Inner (Внутренний) на 25.62 и Outer (Внешний) 1607.83.

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

Закончив со светом, смотрим на результат.

Шаг 10

Выше 3D-слоя создаем новый и заливаем его черным цветом.

Переходим 3D – New Mesh from Layer – Mesh Preset – Sphere (3D – Новая фигура из слоя – Сфера).

Выделяем Current View (Текущий вид) и на панели свойств в выпадающем списке View (Вид) выбираем название основного 3D-слоя (в уроке это “Thank you”). Это выровняет угол камеры для обеих 3D-слоев (для текста и сферы).

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

Дублируем сферу несколько раз (Ctrl+J). Вы должны иметь в виду, что большое количество 3D-объектов на сцене может замедлить работу вашего компьютера. Поэтому старайтесь не переборщить со сферами, 2-5 штук будет вполне достаточно.

Выделяем все 3D-слои и объединяем их 3D – Merge 3D Layers (3D – Слияние 3D-слоев), затем распределяем сферы по сцене. Можете также поэкспериментировать с их размерами.

Закончив, можем переходить к рендерингу сцены 3D – Render (3D – Рендеринг). Из-за большого количества прозрачных элементов рендеринг может занять достаточно много времени. Если кликнуть мышкой за пределами документа, то рендеринг остановится.

Шаг 11

Закончив с рендерингом, жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента).

Выбираем черно-белый градиент, затем меняем режим смешивания корректирующего слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30%. Благодаря этому, цвета станут более яркими и насыщенными.

Снова жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Solid Color (Сплошной цвет).

Цвет #120029.

Меняем режим смешивания корректирующего слоя на Exclusion (Исключение).

На этом все!

Автор: textuts

Переводчик: Daewon

Как сделать 3д буквы фотошопе. Изготовление объёмных цифр и букв своими руками

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

Как сделать 3D текст?

Для создания текста с 3D эффектом нам потребуется лишь фотошоп и время. Мы постараемся сделать вот такой текст:

Начнем нашу работу:

1. Сначала нужно создать новый документ, в котором мы и будем делать наш текст. Открываем фотошоп, ожидаем пока он загрузится, и нажимаем Cntr+N. В появившемся окне вводим размер нового холста, нам потребуется 10х10 дюймов (inches). Не забываем так же и о качестве, в строке расширение устанавливаем 300 pixels/inch.

2. Не забываем так же и об Background, нам нужен темно серый цвет, который обозначается #333333. После установки данного параметра нажимаем «ОК» чтобы создать холст создался.

3. На рабочем холсте нужно написать слова, которые мы желаем сделать в 3D эффекте. Выбираем инструмент «Текст» (обозначается буквой Т), и начинаем писать. В нашем примере использовался шрифт «Myriad Pro Black», желтым цветом (#FFCC00). Размер первого слова составляем 286pt, размер второго слова 83pt.

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

4. Теперь нам нужно растеризовать текст, но перед тем как это сделать — проверяем текст на ошибки, ведь после выполнения данной функции, текст редактировать невозможно. Чтобы растеризировать текст, нажимаем на нем правой кнопкой и в контекстном меню выбираем «Rasterize Layer».

5. Следующим шагом есть наклон текста. Так он будет лучше смотреться в трехмерности. Чтобы выделить текст и начать трансформацию, нажимаем Ctrl+Т. Затем зажимаем Ctrl, кликаем курсором по правому верхнему маркеру и перетаскиваем его немного влево. Так же делаем и с верхним средним маркером. В результате мы должны получить вот такую картинку:

6. Чтобы текст выглядел более привлекательно, добавим на него несколько эффектов. Нажимаем на иконку эффектов на панели «Layers», делаем свой выбор на пункте с названием «Bevel and Emboss». Настройки устанавливаем как на фотографии:

Не забываем, что нам так же требуется изменить цвета в строках «highlights» и «shadows». Устанавливаем #FFCC66 и #DFA125 соответственно.

7. Так же можем добиться более глубокого цвета, для этого используем эффект «Satin», в строке «Blend Mode» задаем параметр цвета #F3881F.

8. И последний шаг в окне с эффектами — «Gradient Overlay». Нажимаем на градиент и изменяем цвет находящийся слева на #F7F3A7, справа на #F3881F. Остальные настройки градиента можно посмотреть на фото:

После сохранения всех примененных эффектов мы получили такую картинку.

9. Текст подготовлен и теперь можем перейти к созданию 3D эффекта. И для начала нам нужно дублировать наш слой с текстом, это делаем с помощью клавиш Ctrl+J. Переходим на нижний дубль и удаляем все эффекты с него. Далее, нам нужно поменять на нем цвет, переходим Image > Adjustment > Curves или же открываем все нажатием Ctrl +М. Кривую нужно выгнуть, как показано на фото.

10. После прошлой операции, цвет текста станет темнее, но это ещё не конец, теперь нам нужно убрать насыщенность цвета. Делаем переход Image > Adjustments > Hue/Saturation или нажимаем клавиши Cntr+U, и выставляем в открывшемся окне значения 0, -40 и 0. Подтверждаем свой выбор.

11. Переносим наш основной слой немного выше, нежели дублированный слой. Нижний слой так же следует немного передвинуть, только в левую сторону. После перетаскивания слоев, зажимаем ALT и нажимаем на стрелки вниз и влево. Такой операцией мы дублируем коричневый слой несколько раз, в зависимости от количества нажатий — будет зависеть толщина боковой грани.

12. Все слои следует объединить, и для этого на панели Layers щелкаем по самому верхнему слою, зажимаем Shift и выделяем все остальные слоя. После выделения нажимаем Cntr+Е. Далее к этим слоям нужно добавить «Gradient Overlay», причем цвет выбираем черный и белый.

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

Создайте новый документ (Ctrl + N) размером 1280px на 1024px (RGB цветной режим) с разрешением 72 px/inch. Создайте новый слой и залейте его цветом #E0F8FF.

Вставьте маску слоя , выбрав Добавить маску слоя (Add Layers Mask)в нижней части панели «Слои», инвертируйте цвета нажав Ctrl + I и выберите мягкую круглую кисть черного цвета.

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

Нажмите инструмент «Горизонтальный Текст » (Horizontal Type Tool). Выберите шрифт, размер и цвет в панели «Символ»(Character)(я использовал шрифт Rockwell Extra Bold или если хотите, Вы можете заменить на аналогичный шрифт самостоятельно). Создайте новый слой и напишите слово «Happy».
Параметры слова «Happy»:

Создайте новый слой и на нём напишите «New».
Параметры слова «New»:

Создайте еще один слой и на нём напишите «Year».
Параметры слова «Year»:

Сделайте активным слой со словом Happy и на нем выберите Окно>3D (Windows>3D) для открытия 3D панели (для этого необходимо иметь Adobe Photoshop CS5 Extended). Скройте на время слои с другими словами и в диалоговом окне «Создать новый 3D объект (Create New 3D Object)» выберите следующее «3D объект штампованный вариант (3D Repousse Object)» и нажмите Создать:

Выберите Да , чтобы Растрировать текст (Rasterize the text).

В диалоговом окне «Штампованный (Repousse)» перейдите на «Заготовки Штампованых Форм (Repousse Shape Presets)», выберите «Extrude » и нажмите кнопку ОК.

Мы получили следующий результат:

В диалоговом окне «Render настройки» выберите «Вращение объекта (K) (Object Rotate Tool)» .

Выберите «Просмотр>Показать>Ось 3D «(View > Show > 3D-Axis) .

Используйте 3D Ось, чтобы повернуть наш объект, как показано на рисунке.

Настройки для «Front Bevel Material» :

В Extrusion Material для опции Diffuse (Рассеивание) изменим цвет на # 9f2d05.

В опциях «Back Bevel Material » и «Back Inflation Material » оставьте настройки по умолчанию. Выберите Light Rotate Tool (Вращение Света) и вращайте источник света, как показано на рисунке.

Теперь сделайте видимым слой со словом «New» :

Сделайте те же операции, что и со словом Happy. Во-первых, в диалоговом окне Создать новый 3D-объект (Create New 3D Object) выберите следующее Штампованный 3D объект (3D Repousse Object) и нажмите Создать . Нажмите кнопку Да , чтобы Растрировать текст (Rasterize the text). Откройте диалоговое окно «Штампованный»(Repousse) и перейдите на «Заготовки Штампованых Форм «(Repousse Shape Presets), выберите Extrude и нажмите кнопку ОК . В диалоговом окне «Рендер настройки «(Render Settings) выберите «Вращение Обьекта (K) «(Object Rotate Tool). Используйте «3D-Ось»(3D-Axis), чтобы повернуть наш объект, как показано на рисунке.

В «Extrusion Material» для опции Рассеивание (Diffuse) измените цвет на # a78125 .

В опциях «Back Bevel Material» и «Back Inflation Material» оставьте настройки по умолчанию. Выберите «Вращение Света

Сделать видимым теперь слой со словом Year:

В диалоговом окне «Создать новый 3D объект » (Create New 3D Object) выберите «Штампованный 3D объект «(3D Repousse Object) и нажмите Создать. В появившемся окне нажмите Да, чтобы растрировать текст. В диалоговом окне Штампованный (Repousse) перейдите на «Заготовки Штампованых Форм «(Repousse Shape Presets), выберите Extrude и нажмите кнопку ОК.

В диалоговом окне «Рендер настройки «(Render Settings) выберите «Вращение Обьекта (K)»(Object Rotate Tool). Используйте 3D-Ось (3D-Axis) , чтобы повернуть наш объект, как показано на рисунке.

Настройки для Front Bevel Material:

В Extrusion Material для опции Рассеивание (Diffuse) измените цвет на # 336f1c.

В опциях Back Bevel Material и Back Inflation Material оставьте настройки по умолчанию. Выберите «Вращение Света «(Light Rotate Tool) и вращайте источник света, как показано на рисунке.

Теперь выберите Инструмент «Эллипс (U)» (Ellipse Tool) и нарисуйте эллипс, цвет # F7189B.

Заливку (Fill) установите на 18% .

Используя этот же инструмент, попробуйте сделать еще эллипсов различных цветов и прозрачностью. Цвета: # FF9B43 , # FF0000 , # FF4C29 , # 488F28 , # FFFDE0 , # F7F4AB , # F7E3AB , # FFFFFF . Слои с эллипсами разместите под слоями с 3D обьектами.

Теперь сделаете копию слоя со словом Year и выберите Free Transform (Ctrl + T) и разместите его как на картинке ниже:

Вставьте маску слоя и выберите мягкую круглую кисть черного цвета (непрозрачность увеличьте до 20%).

Используйте эту кисть, чтобы скрыть содержимое слоя, как показано на картинке. Заливку (Fill) для этого слоя уменьшите до 60%.

Создайте новую группу (нажав на иконку группы в нижней части панели «Слои») и переместите туда все слои содержащие эллипсы. Сделайте копию группы и отразите её по вертикали выбрав Редактирование > Трансформирование > Отразить по вертикали (Edit>Transform>Flip Horizontal) или же трансформируйте комбинацией Ctrl+T, как это показано на следующем рисунке.

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

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «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 плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

Denny Tang; Переводчик: John Jackson

Примечание переводчика : Внимание! Без основ 3D моделирования Вам придется трудно понять некоторые шаги в данном уроке. Рекомендую просмотреть статьи в разделе «Учебник Фотошоп — Основы работы» перед началом.

Видеоурок:

Необходимые, бесплатные шрифты:

Шаг 1

Создайте документ размером 1920х1200 пикселей. На основе загруженных шрифтов создайте надпись, как показано ниже. Подкорректируйте текст так, чтобы он имел общую ширину, затем разместите его в середине документа.

Для расположения текста в центре, выберите инструмент Move Tool (V) (Инструмент «Перемещение»), затем в Панели Слоев выделите слой с текстом и стандартный фоновый слой, кликните в настройках инструмента по кнопке «Выравнивание центров по горизонтали» и «Выравнивание центров по вертикали».

Шаг 2

Начинаем работать с функциями 3D моделирования. Кликните по слою с текстом и выберите New 3D extrusion from layer

Имейте ввиду, если вы использовали иной шрифт, намного сложнее, в своей работе, Adobe Photoshop может вас предупредить об этом. В этом случае понадобиться помощь Adobe Illustrator, для обработки шрифта. Кликните правой кнопкой по текстовому слою и кликните по Convert to Shape (Преобразовать в кривые). Затем копируйте фигуру, Редактирование — Копировать .

Откройте Adobe Illustrator, создайте новый документ, затем вставьте фигуру, Edite — Paste . Далее Object — Path — Simplify . Поставьте галочку напротив функции Preview , настройте Curve Precision и Angle Threshold , как показано на изображении ниже. Скопируйте и вставьте фигуру обратно в Adobe Photoshop. При вставке выберите пункт Shape Layer (Как слой-фигуру). Удалите старый текстовой слой. По новому слою кликните правой кнопкой мыши и выберите New 3D extrusion from layer (Новая 3D-экструзия из выделенного слоя).

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

Шаг 3

При конвертировании слоя в 3D Adobe Photoshop автоматически откроет 3D Панель. Вернитесь обратно в Панель Слоев и выделите стандартный фоновый слой. Кликните правой кнопкой мыши и выберите Postcard (Почтовая открытка). Вернитесь снова к Палитре слоев, выделите оба 3D слоя, нажмите Ctrl+E , объединив их в один 3D слой.

Шаг 4

Начнем с уменьшения толщины текста. Выделите слой с текстом в 3D Панели.

В Панели Properties (Свойства) измените параметр Extrusion Depth (Глубина экструзии). Для предварительного просмотра результата можете сделать рендеринг 3D — Render (3D — Рендеринг). При этом Adobe Photoshop начнет процесс подготовки изображения к финальному. Процент выполнения можно наблюдать в левом нижнем углу документа. Процесс небыстрый, при желании его можно прервать, кликнув в любом месте по холсту. Для текста, приведенного в данном уроке, была выбрана глубина 100.

Шаг 5

В данном шаге мы «озолотим» текст. В 3D Панели выделите вместе слои с Материалами, как показано на изображении ниже.

В Панели Properties (Свойства) измените цвет Diffuse (Рассеивание) на #FFC000 .

Шаг 6

На данном этапе нам необходимо выровнять текст относительно фона. В левом нижнем углу находится панель управления камерой, кликните правой кнопкой мыши по ней и выберите Left (Слева). Камера изменит вид.

В Панели 3D выделите фоновый слой и текстовой при зажатой клавиши Ctrl . Выберите инструмент Move Tool (V) (Инструмент «Перемещение»), выровняйте слои по левому краю. Далее верните камеру в исходное положение, выбрав Default Camera view (Камера по умолчанию).

Шаг 7

Выполните Рендеринг изображения Alt+Shift+Ctrl+R , чтобы посмотреть, как смотрится работа, в данный момент. Выглядит хорошо, при желании можно оставить и так. Но мы останавливаться не собираемся. Необходимо поработать с освещением, которое играет большую роль при создании 3D объектов.

Для добавления нового источника света, кликните в нижней части 3D Панели на кнопку New Light (Добавить новый свет на сцену) и выберите New Point Light (Новый точечный свет).

Необходимо перенести новый источник света в правый верхний угол. Выберите инструмент Move Tool (V) (Инструмент «Перемещение»), в верхнем меню 3D выберите режим Rotate the 3D Object (Повернуть 3D-объект).

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

Либо зажмите клавишу Alt и двигайте колесиком мыши вниз, либо выберите иной режим, в меню 3D на панели настроек инструмента Move Tool (V) (Инструмент «Перемещение») — режим Slide the 3D Object (Выполнить скольжение 3D-объекта) и отодвиньте вид назад. После того как камера окажется в правильной позиции, на Панели Properties (Свойства) нажмите кнопку Move to view (К просмотру), чтобы переместить свет в текущий вид. Чтобы изменить интенсивность света поработайте с настройками Point Light (Точечный свет), а именно интенсивность цвета.

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

Шаг 8

На данный момент свет слишком яркий, а тень сильно бросается в глаза. В 3D Панели выберите слой Point Light 1 (Точечный свет 1). В Properties (Свойства) активируйте спад света Light Falloff (Спад света). Для удобства уменьшите масштаб документа. Измените параметр Outer (Внешний радиус), чтобы линии света достигали левого нижнего документа, а свет Inner (Внутренний радиус) достигал верхнего правого угла документа. Выполните Рендеринг, для просмотра результата.

Ниже показан результат до и после.

Шаг 9

Вернемся к тексту. Придадим ему обтекаемость. Выделите текстовой слой в 3D Панели, перейдите в Панель Свойства , выберите вкладку Cap (Капитель), измените параметр Width (Ширина) на 10% . Таким образом на краях букв появится тиснение.

Шаг 10

Далее, снова выделите в 3D Панели выделите вместе слои с Материалами , затем в Свойствах измените Shine (Блеск) на 0% , Reflection (Отражение) на 100% , Roughness (Плавность) на 3% . Параметр Плавность сделает текст более гладким, но не полностью.

Шаг 11

выделите отдельно слой Front Bevel Material (Материал переднего скоса). Параметры Shine (Блеск) измените на 100% , Roughness (Плавность) на 0% . Таким образом отполировав ваш текст.

Шаг 12

Сделаем текст более сияющим, придав отблеск. В Панели 3D выберите слой Environment (Окружающая среда). Перейдите в Панель Свойства и кликните по меню IBL (ИСБИ) — Image Based Lighting (Источник света на базе изображения). На данный момент текст не имеет специальной текстуры. Вы можете загрузить любое изображение, либо создать новое. Для новой текстуры кликните New Texture (Новая текстура), при этом появится окно создания нового документа, ширину и высоту оставьте такими же, как и основной документ 1920х1200 пикселей.

Снова кликните по иконке папки, выберите Edit Texture (Редактировать текстуру). Откроется новый документ, который мы только что создали, для редактирования. Выберите инструмент Rectangle Tool (U) (Инструмент «Прямоугольник»), цвет черный, без штриха. Разделите холст на пополам, по горизонтали, нижнюю часть сделайте черной.

Для смягчения, добавьте корректирующий слой Layer — New Adjustment Layer — Brightness/Contrast (Слой — Новый корректирующий слой — Яркость/Контрастность), включите параметр Use Legacy (Использовать прежние), Контрастность измените до -50

Шаг 13

С помощью инструмента Move Tool (V) (Инструмент «Перемещение») тяните окружность в середине документа до тех пор, пока текстура не переместится в середину текста. Выполните рендеринг для предпросмотра.

Шаг 14

С текстом мы закончили. Перейдем к фону. Создадим имитацию стены. В 3D Панели выберите слой Background (Фон). Перейдите в Панель Свойства , установите белый цвет Diffuse (Рассеивание), Shine (Блеск) и Reflection (Отражение) установите на 0% , Roughness (Плавность) на 100% .

В настройках Diffuse (Рассеивание) автоматически установилась текстура, в тот момент, когда мы преобразовали слой в 3D объект. Так как она нам не нужна, кликните по соответствующей кнопке и выберите Remove Texture (Удалить текстуру).

Снова кликните по той же кнопке и выберите New Texture (Новая текстура). В окне настроек нового документа установите 1920х1200 пикселей, как основной документ.

Еще раз кликните по иконке текстуры и выберите Edit Texture (Редактировать текстуру). Откроется новый документ. Примените фильтр Filter — Noise — Add Noise (Фильтр — Шум — Добавить шум), оставьте стандартные настройки, нажмите Ок . Примените Автотон нажатием клавиш Shift+Ctrl+L . Сохраните и закройте документ.

Теперь фон выглядит более похожим на стену, но еще сильно жесткий. Смягчите поверхность, уменьшив настройки Bump (Рельеф) до 5% . Выполните Рендеринг.

Шаг 15

Теперь готово. При желании можно вернуться и изменить настройки. Например, можно изменить Интенсивность Точечного света до 100% (Шаг 7). В Свойствах слоя Окружающая среда измените Softness (Сглаживание) параметра Shadow (Тень) на 100% , сгладив тень.

Шаг 16

Если результат показался вам слишком идеальным, воспользуйтесь следующим интересным способом, придав тексту эффект цветной пленки. В Панели Слои создайте новый корректирующий слой Layer — New Adjustment Layer — Curves (Слой — Новый корректирующий слой — Кривые). В Свойствах корректирующего слоя выберите Синий Канал, переместите обе точки ближе к центру, придав изображению синий оттенок и золотистость основных моментов.

Когда вы увидели название этого урока то, скорее всего, сказали: «Это невозможно!» Но это не совсем так. Текст, да и любой другой объект в фотошопе можно эструдировать (сместить/вдавить), создав 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

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

Шаг 8

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

2 быстрых способа создания 3D-текста в Photoshop (учебные пособия)

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

В этом уроке вы узнаете, как создать эффект 3D-текста в Photoshop с помощью инструмента 3D и без него.

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

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

Давайте начнем с более простого варианта.

Примечание: скриншоты взяты из версии Adobe Photoshop CC 2021 для Mac. Другие версии Windows могут выглядеть иначе. Пользователи Windows меняют Command на клавишу Crtl и Option на клавишу Alt.

Метод 1: без инструмента 3D

Шаг 1: Создайте документ Photoshop, выберите инструмент «Текст» на панели инструментов и введите текст на холсте.

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

Шаг 2: Дублируйте текстовый слой (3D) и перетащите дублированный слой (3D-копию) вверх влево.

Шаг 3: Измените цвет текста 3D-слоя на более темный цвет, потому что это будет «тень».

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

Шаг 4: Выберите 3D-слой (текст) на панели «Слои», щелкните правой кнопкой мыши и выберите Растрировать тип .

Шаг 5: Выберите инструмент Polygonal Lasso Tool и начните работать с перекрывающимися частями текста.

Щелкните, чтобы начать первую точку привязки, и щелкните, чтобы покрыть области, которые вы хотите заполнить, «теневым» цветом, в данном случае более темным зеленым.Помните, что вы работаете с нижним (3D) текстовым слоем.

Нажмите сочетание клавиш Option + Удалить , чтобы залить его цветом переднего плана. Ваш цвет переднего плана должен быть того же цвета, что и цвет «тени».

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

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

И используйте Option + Delete ключей для заполнения. Окончательный результат будет выглядеть примерно так.

Если вы хотите добавить к нему какой-то эффект, вы можете объединить слои или добавить стили слоя.

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

Метод 2: Использование инструмента 3D

Шаг 1: Создайте новый документ и введите текст на холсте. Как и в предыдущем методе, я бы порекомендовал использовать полужирный шрифт и при желании изменить цвет текста.

Шаг 2: Перейдите в верхнее меню и выберите 3D > New 3D Extrusion from Selected Layer .

Теперь ваше рабочее пространство должно выглядеть так.

Шаг 3: Перейдите на панель свойств и выберите Координаты . Установите значение X на угол 90 градусов.

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

Шаг 4: Выберите опцию Orbit 3D Camera на верхней панели инструментов, щелкните холст, верните текст на передний план и, когда увидите красное и синее пересечение, остановитесь прямо здесь.

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

Если нужно убрать тень. Разблокируйте поле Cast Shadow на панели свойств.

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

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

Шаг 5 (необязательно) : Выберите опцию Cap на панели свойств. Вы можете добавить к тексту контур и фаску.

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

Шаг 6 (необязательно) : Щелкните параметр Фильтровать по: Освещение на панели 3D.

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

На панели Properties вы можете изменить стиль освещения, цвет, интенсивность и стиль тени.

Если вы хотите добавить еще один источник света, вернитесь на панель 3D и выберите New Infinite Light внизу панели.

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

Шаг 7 (необязательно) : Вы также можете изменить цвет и материал текста.Перейдите на панель 3D и щелкните значок Materials . Выберите все параметры и перейдите на панель «Свойства», чтобы изменить цвет или материалы.

Например, я изменил этот материал и цвет текста.

Шаг 8: Нажмите кнопку Render , чтобы визуализировать 3D-эффект. Рендеринг может занять некоторое время, поэтому, если ваш Photoshop застрянет, не волнуйтесь 🙂

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

Заключение

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

Примерно 9000 июня 2 Джун — опытный графический дизайнер, специализирующийся на дизайне брендов. Photoshop — важный инструмент, который она использует каждый день вместе с другими программами Adobe для своей творческой работы.

Создание 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

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

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

3D Type with Repoussé в Photoshop CS5 Extended

Новый Adobe Photoshop CS5 Extended вот-вот будет выпущен, о нем уже было объявлено, и среди новых функций есть одна действительно особенная — Repoussé. Эта новая функция или инструмент позволит нам создавать трехмерные объекты, выдавливая тексты, выделения, контуры и маски слоев. Это действительно мощный инструмент, и у меня была возможность попробовать его, и теперь я поделюсь с вами одним из своих первых экспериментов с ним.

В этом уроке я воссоздаю изображение урока, который я сделал в прошлом году для журнала Digital Arts Magazine, в котором я использовал Photoshop и Illustrator для создания 3D-текста с девушкой поверх него. Урок был CREATE MILE-HIGH TYPE ART. Так что на этот раз я сделаю все, используя только Photoshop CS 5 Extended с Repoussé. Я также хочу упомянуть, что я все еще изучаю эти новые функции / инструменты, и я постараюсь поделиться с вами всем, чем смогу, и если вы используете бета-версию Photoshop, не стесняйтесь поделиться с нами.

Repoussé — это новая исследовательская система для интерактивного улучшения 2D-искусства с помощью 3D-геометрии. Repoussé создает 3D-форму, раздувая поверхность, которая интерполирует входные кривые. Используя среднюю кривизну, хранящуюся в граничных вершинах, в качестве степени свободы, пользователь может интуитивно и эффективно манипулировать надутой поверхностью, используя единую линейную систему. — Adobe

Шаг 1

Откройте Photoshop CS 5 Extended и наберите с помощью инструмента Horizontal Type Tool (T). введите слово 3D, используя для шрифта Impact.

Шаг 2

Перейдите в 3D> Repoussé> Text Layer , это новый 3D-инструмент, встроенный в Photoshop CS Extended. С Repoussé мы сможем создавать всевозможные выдавливания из текстовых слоев, выделений и масок слоев. В этом случае мы будем использовать текстовый слой.

Как только откроется окно настроек Repoussé, у вас будет довольно много настроек. Сначала вы можете выбрать один из нескольких предустановок формы, которые имеют базовую экструзию, различные виды скосов и другие предустановки.В этом уроке я использую базовый, но я изменил значения Extrude, чтобы создать желаемый эффект. У вас также есть настройки Materials, Bevel, Scene и Inflate, но я не буду сейчас вдаваться в них, потому что я все еще изучаю их и готовлю новые руководства по ним.

Для настроек Extrude я использовал 4,94 для глубины и 0,30 для Scale , поэтому кажется, что трехмерное изображение идет от земли к небу с очень сильной перспективой.

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

Шаг 3

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

Шаг 4

Добавлять и редактировать текстуры тоже довольно просто. Как и в Photoshop CS 4, у нас есть 3D-палитра, в которой мы можем редактировать наши 3D-объекты, вы можете получить доступ к этой палитре, перейдя в Window> 3D .Выберите 3D-объект, и тогда у вас будет 3D Front Inflation , 3D Front Bevel, 3D extrusion … — все это области, в которых вы можете применять материалы. Выберите 3D Extrusion Material , а на Diffuse щелкните папку рядом с цветом (1) и выберите Open Texture . Текстура будет открыта в новом окне, как при редактировании смарт-объектов. Итак, в этом окне вы можете создать свой материал

.

Я использую кирпичную текстуру из Shutterstock , вы можете найти ее здесь.Поэтому настройте текстуру с точки зрения цветов, а затем сохраните этот файл. Photoshop автоматически обновит 3D-объект, добавив текстуру. Если вы хотите сделать кирпичи меньше, просто нажмите еще раз на значок рядом с цветом и выберите Редактировать текстуру . Откроется диалоговое окно с Свойства текстуры , в котором вы можете настроить масштаб и смещение UV. Я использовал 10 для шкалы U и V.

Последнее, что здесь нужно, это применить ту же текстуру к карте Bump (4).Просто повторите то же самое. Выпуклость добавит текстуре глубины, как карта смещения, где светлые области поднимаются вверх, а темные — опускаются.

Шаг 5

Теперь выберите материал 3D Front Inflation Material и повторите то же самое, что и в предыдущем шаге, но на этот раз я использую другую текстуру, бетонную, которая была любезно предоставлена ​​ Shutterstock , и вы можете найти ее здесь.

Шаг 6

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

Шаг 7

Как видите, тоже есть свет. Да, вы можете добавить источники света, чтобы сделать вашу сцену более реалистичной. В этой первой части у меня только один свет. Это Point Light с интенсивностью и 2 . Он также создает тени, где я изменил на 100% мягкости , чтобы сделать тени действительно мягкими.

Шаг 8

На этом этапе я начал смешивать 3D-объект с 2D-объектами, в данном случае фотографию, которую я сделал с самолета, когда я путешествовал. Я хотел придать своему изображению какое-то ощущение тепла, поэтому сначала я пошел в Изображение> Коррекция> Цветовой тон и насыщенность и изменил оттенок на -10, насыщенность на -65 и яркость на 10. Затем я пошел на Изображение> Коррекция> Цветовой фильтр . Я выбрал оранжевый для цвета и 50% плотности. Затем, наконец, я перешел к Layer> New Adjustment Layer> Gradient Fill. Я использовал серый и черный для градиента с Radial для стиля , поэтому серый цвет будет в центре радиального градиента. После этого я изменил Blend Mode этой градиентной заливки на Color Dodge , чтобы создать солнце за трехмерным текстом.

Шаг 9

Добавьте новый слой поверх других слоев, включая 3D-объект.Затем убедитесь, что у вас есть черный и белый цвет, и перейдите в Filter> Render> Clouds . Измените режим наложения на затемнение цвета.

Шаг 10

Инструментом Eraser Tool (E) удалите части слоя, оставив только нижнюю часть слоя. Используйте изображение ниже для справки.

Шаг 11

Я уже показал вам, как создавать облака с помощью инструмента Brush Tool (B) , так что давайте сделаем это снова.Добавьте новый слой поверх остальных и перейдите в Window> Brushes . Для настройки кисти используйте изображение ниже для справки. Самая важная часть — это Текстура , где вы выбираете узор облаков. Также важно отметить, что если вы увеличите размер кисти, вам придется увеличить масштаб текстуры кисти.

Шаг 12

Выберите инструмент «Кисть » (B) и белый цвет, затем с помощью кисти, которую мы создали, начните рисовать облака.Сначала нарисуйте несколько облаков, как на изображении ниже (1-2)

Шаг 13

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

Шаг 14

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

Шаг 15

Импортируйте фотографию человека, чтобы добавить к нашей сцене. Я использую фотографию девушки, сидящей на стуле, предоставленную Shutterstock , вы можете найти ее здесь.После этого извлеките фон изображения, скопируйте его и вставьте в наш дизайн. Выберите только девушку и стул, а затем перейдите в 3D> Repoussé> Current Selection.

Шаг 16

Идея здесь состоит в том, чтобы создать 3D-объект из 2-мерной фотографии, чтобы мы могли расположить его и создать тени, а также поиграть и учиться с помощью инструмента Repoussé. Измените глубину на 0,1 и масштаб на 1 . Удалите материалы, оставив только переднюю часть .Теперь очень важная деталь, по сравнению с внутренними ограничениями , измените тип на отверстие , что создаст единое целое в областях, которые были прозрачными, иначе Photoshop будет визуализировать большое твердое тело и будет игнорировать эти прозрачные области.

Еще раз вращайте, перемещайте и масштабируйте объект, пока не найдете правильное положение. Вы можете сделать это и позже.

Шаг 17

Чтобы создать 3D-сцену с 3D-текстом и девушкой, нам нужно объединить их в один 3D-слой.Для этого выберите 3D-слои и перейдите в 3D> Объединить 3D-слои . Таким образом вы создадите один 3D-слой только с обоими объектами. Таким образом, над 3D-палитрой вы увидите 3D-текст и объекты Girl, где вы сможете редактировать их, например масштабировать, вращать, перемещать и изменять параметры вытягивания.

Шаг 18

Теперь самое важное, что нужно сделать, — это настроить объекты в 3D-сцене (1). Переместите источники света, чтобы правильно осветить сцену и поиграть с другими объектами.Как я уже упоминал, я все еще учусь, поэтому лучше всего попробовать разные вещи, отрендерить предварительный просмотр, чтобы увидеть, как это выглядит, и попробовать еще раз.

Чтобы увидеть все 3D-объекты, щелкните маленький значок в нижней части 3D-палитры, на котором изображен глаз, и выберите Показать все. (2)

Шаг 19

Самое лучшее в инструменте Repoussé — это то, что вы можете редактировать 3D-объект в любое время в процессе проектирования, поэтому, если вы думаете, что другое положение может выглядеть лучше, вы можете сделать это или попробовать другое освещение, все возможно.

Заключение

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

Итак, в основном в этом уроке / создании я показал вам немного этого невероятного нового инструмента, который поставляется с новым Photoshop CS5 Extended.Есть много вещей, которым нужно научиться и практиковаться, но я уверен, что Repoussé будет очень полезен для тех, кто, как и я, пытается смешивать 3D-объекты с фотографиями и другими 2D-объектами, которые мы привыкли делать в Photoshop.

Нажмите на изображение для полного просмотра

Загрузите файл Photoshop

Щелкните здесь, чтобы загрузить файл Photoshop, использованный для этого урока

Как создать эффект 3D-текста отряда самоубийц — Photoshop CC — tutvid.com

Загрузите файлы учебного пособия здесь!

Возможно, он получил только 26% рейтинга на Rotten Tomatoes, но в фильме «Отряд самоубийц» есть довольно симпатичный постер к фильму и классная графика, поэтому мы собираемся создать логотип «Отряд самоубийц» с помощью 3D-инструментов в Photoshop. .Мы рассмотрим работу с 3D, добавление текстур к нашим 3D-объектам, выделение нескольких граней 3D-объекта, раскрашивание текста, добавление бликов, построение фона для этого эффекта, добавление наложений облаков, добавление искр, вылетающих из нашего текста, а также добавляем мусор по краям изображения, чтобы добавить имитации глубины.

Начало работы с типом

Первое, что нам нужно сделать, это загрузить этот шрифт [http://www.fontspace.com/fz/suicide-squad-font] и ввести слово, для которого вы создаете этот эффект.Я центрировал свой шрифт с помощью панели «Абзац», а также увеличил размер слова «Squad», чтобы края были немного шире, чем у слова «Suicide». Вам нужно будет щелкнуть правой кнопкой мыши по этому слою и выбрать преобразование текста в слой-фигуру. Чтобы узнать, как именно я готовлю шрифт для преобразования в 3D, посмотрите видео выше на отметке 3:10 минут.

Создание нашего трехмерного текста

Щелкните правой кнопкой мыши текст, преобразованный в слой-фигуру, и выберите «Новая 3D-экструзия из выбранного слоя», чтобы преобразовать эту фигуру в 3D-объект.Посмотрите, как я преобразовал это в 3D-форму и начал редактировать на отметке 9:52 минуты видео выше.

Перемещение и наклон текста

Когда мы находимся в режиме 3D-редактирования, я хочу немного наклонить текст назад, как будто он падает назад, как текст на официальных примерах постеров / логотипов фильмов. Вы можете настраивать и настраивать столько, сколько захотите. Посмотрите, что я сделал на отметке 12:31 минуты видео в верхней части этого урока.

Добавление текстуры камня / бетона

Вы можете выбрать «LAYER_NAME Front Bevel Material» на панели 3D и загрузить новую текстуру. Я загружаю бетонную текстуру, которую нашел для этого урока. Вы можете скачать его здесь, а затем следить за видео в верхней части этого урока на отметке 15:43, чтобы увидеть, как именно я это делаю.

Создание цветного фона

Теперь, когда у нас есть базовый трехмерный текст и мы его отрендерили (посмотрите мой процесс визуализации на отметке 18:34 минуты видео), пора создать первый цветной фон позади нашего текста.Я нашел эталонное изображение в Google Images, взял образцы цветов из этого изображения и нарисовал большой кистью с мягкими краями, чтобы создать гладкий, плавный красочный фон. Чтобы увидеть, как именно я это сделал, и получить более подробную информацию, посмотрите видео на 20:09 минуте.

Масштабирование нашего 3D-текста

Вам нужно будет щелкнуть правой кнопкой мыши на вашем 3D-объекте и выбрать преобразование его в смарт-объект, чтобы вы могли немного уменьшить форму. Преобразуйте в смарт-объект, нажмите Cmd / Ctrl + T и масштабируйте текст вниз, чтобы шрифт лучше вписался в центр документа.На отметке 19:35 вы можете видеть, как я работаю с 3D-объектом и масштабирую его.

Раскрасить текст

После того, как мы подправим тона текста, пора раскрасить эту вещь! Я создал новый слой и установил режим наложения на «Overlay» и использовал инструмент «Кисть», чтобы взять образец цветов из фона и закрасить текст там, где он должен быть, чтобы я мог получить красивую окраску этого текста. Посмотрите видео около отметки 25:30 на видео выше и узнайте, как я это делаю.

Раскрашивание светлых пятен и бликов

Я создал новый слой и установил для него режим наложения «Overlay», закрасил его очень светло-желтым цветом и замаскировал этот слой в соответствии с формой 3D-текста везде, где мне нужны маленькие горячие точки и вспышки света. Посмотрите на отметку 32:50, чтобы увидеть, где я нарисовал несколько горячих точек на видео выше.

Картина черепа

Конечно, нам понадобится маленький череп на букве «Q». Я использовал кисти «X», которые вы можете скачать прямо здесь, и установил цвет переднего плана на насыщенный, ярко-розовый и закрасил глаза.Чтобы увидеть, как я сделал нос и зубы черепа, посмотрите видео на отметке 37:45 на видео выше.

Раскрашивая искры

Затем мы хотим создать слой под всем нашим текстом, но все еще над цветным фоном и рисовать кистью в стиле сверкания или частиц (посмотрите на Brusheezy для некоторых отличных бесплатных кистей), установив цвет переднего плана на светло-желтый. . Я также создал эффект размытия, используя Path Blur. Посмотрите видео на отметке 41:25, чтобы увидеть, как именно я добился этого небольшого эффекта.

Рисование плавающих обломков для определения глубины и добавления облаков

Последний шаг — добавить облака к фону, а также закрасить обломки по краям. Мне нравится создавать несколько слоев, чтобы можно было размыть большие куски мусора, чтобы они казались ближе к вашей точке зрения, и создать слой имитации глубины. Посмотрите, как я добавил облака и искусственную глубину на видео выше на отметке 44:07.

Это конец урока! Большое вам спасибо за проверку! Следуйте за мной в Instagram ( @tutvid ), а также проверьте меня в Snapchat ( «tutvid.com ”) и воспользуйтесь формой ниже, чтобы подписаться на рассылку новостей tutvid! Спасибо!

Посмотрите это руководство на Behance.net!

3D-текста Photoshop за СЕМЬ МИНУТ! — tutvid.com

НАЧНИТЕ ИСПОЛЬЗОВАТЬ 3D В ФОТОШОПЕ! | С помощью этого урока мы создадим простой, но красивый трехмерный текстовый эффект в Photoshop.

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

Теги: 3D Photoshop, Учебное пособие по 3D Photoshop, Как использовать, Использование 3D Photoshop, Эффект 3D текста, 3D текст Photoshop, Эффект типографии, Эффект шрифта, Тип Photoshop, Текст Photoshop, Белый 3D текст, Эффект белого 3D текста, Простой 3D текст Эффект, Учебник по Photoshop, Учебники по Photoshop, Учебник по эффектам 3D-текста в Photoshop, Как создать 3D-текст, Как создать 3D-текст, Как создать 3D-текст Photoshop, FEAT

Эксклюзивное учебное пособие для сайта Примечания к записи:

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

1. Создать документ 1920x1080px
2. Заливка фона белым цветом
3. Инструмент «Захватить текст» и введите слово, используйте шрифт Yellowtail или Jazz Script размером 400 пунктов без каких-либо других настроек на панели «Символ»
4. Установить ОЧЕНЬ светло-серый цвет текста # f7f7f7
5. Щелкните слой правой кнопкой мыши и выберите преобразование в 3D-слой
6. Щелкните правой кнопкой мыши фоновый слой и выберите преобразование его в открытку (3D-открытка)
7. Shift + щелкните оба слоя, чтобы выбрать оба, и перейдите в 3D> Объединить 3D-слои
8. Выделите трехмерный текст и установите вытягивание на 75 пикселей
9. Выделите текст и фон и переместите камеру, чтобы увидеть оба объекта с левой стороны.
10. Возьмите инструмент «Перемещение» и выберите выравнивание по левой стороне, чтобы переместить текст на «пол» и идеально выровнять его с фоном.
11. Щелкните правой кнопкой мыши виджет просмотра в нижнем левом углу и выберите восстановление режима просмотра по умолчанию.
12. Откройте настройки Photoshop, перейдите в настройки 3D и выберите рендеринг теней с очень высоким качеством и установите уровень качества для трассировки лучей не менее 4 (чем больше число, тем больше время рендеринга).

Royal 3D Text Effect: Photoshop Pleat Chair Font

Из этого туториала Вы узнаете, как использовать новые 3D-инструменты в Photoshop CS6 для создания элегантного королевского трехмерного текстового эффекта.

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

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

Подробное описание учебника

• Используемое программное обеспечение: Photoshop
• Версия: CS6 Extended
• Время: 1:15 — 2:30

Ресурсы

Следующие фильтры Filter Forge использовались для создания текстур в этом уроке:

Используемые текстуры: (щелкните правой кнопкой мыши, чтобы сохранить)

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

Надеюсь, 2013 год будет прекрасным годом для всех вас.

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

С уважением,
Роза

.

Настройки 3D
Просто убедитесь, что вы проверили настройки 3D в меню «Правка»> «Настройки»> «Производительность» и «Редактировать»> «Настройки»> «3D».

Значения

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

Шаг 1

Создайте новый документ 1600 x 1200 пикселей и залейте фон цветом Black .

Создайте белый текст, используя шрифт Dunkin Sans . Размер шрифта составляет 400 пт, и текст лучше писать заглавными буквами (если вы не используете только цифры).

Шаг 2

Выделив текстовый слой, перейдите в 3D> New Extrusion from Selected Layer . Это мгновенно преобразует текстовый слой в слой 3D .Все элементы 3D сцены можно найти на панели 3D (Окно> 3D).

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

3D-сетка Параметры и атрибуты могут быть доступны и изменены через панель Properties (Window> Properties). Если вы прокрутите вниз панель «Свойства», вы найдете кнопку панели символов , которая открывает панель символов и кнопку «Изменить источник» .

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

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

(Эта опция отсутствует в CS5, где текстовый слой растрируется перед преобразованием в 3D-слой, следовательно, его нельзя изменить.)

Четыре значка в верхней части панели Properties похожи на мини-вкладки для различных свойств. Это (слева направо): Mesh , Deform , Cap и Координаты .

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

Начните изменять 3D-сетку, изменив Extrusion Depth на 42.

Шаг 3

Перемещение различных элементов внутри 3D сцены в CS6 НАМНОГО проще. Никаких специальных инструментов не требуется, все это можно сделать с помощью инструмента Move Tool .

В этом уроке мы не собираемся перемещать сам меш. Мы просто переместим камеру, а это значит, что мы изменим вид.

Выберите Current View на панели 3D и выберите инструмент Move Tool .Вы заметите, что справа появилось несколько новых значков. Эти инструменты — Повернуть , Roll , Перетащить , Slide и Масштаб (Увеличение и уменьшение) инструменты 3D-объектов.

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

Различные элементы 3D-сцены можно выбрать либо через панель 3D , либо щелкнув их прямо в 3D-сцене с помощью инструмента Move Tool .Поэтому не нажимайте на саму трехмерную сетку при изменении обзора камеры.

Вам понадобится время, чтобы привыкнуть к перемещению трехмерных объектов, но вы довольно быстро к этому привыкнете. Сушить проще и быстрее, чем на самом деле в CS5.

На панели Properties вы можете видеть, что теперь отображается камера Settings , поскольку выбран Current View . Вы также можете изменить вид камеры здесь.

Как только вы получите вид с камеры, который вам нравится, снова щелкните имя основной 3D-сетки (2013) на панели 3D , затем на панели Properties щелкните значок Cap .

Под углом Bevel измените ширину на 33 и угол с на 45. Под Надуйте , измените угол на 44 и прочность на 10. Наконец, выберите кольцо — Triple контур.

Шаг 4

Далее мы собираемся создать используемые материалы. Начните с нажатия вкладки Front Inflation Material на панели 3D, затем перейдите на панель свойств, чтобы изменить настройки .

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

Измените цвет Diffuse на # 62603e и цвет Specular на # bbb08c . Затем измените остальные значения, как показано на изображении ниже.

Щелкните значок папки рядом со значением Bump и выберите Загрузить текстуру . Затем выберите изображение Front Inflation Material Bump Texture .

Это создаст иллюзию трехмерных складок внутри текста.

Если текст выглядит по-другому, щелкните значок текстуры рядом со значением Bump и выберите Edit UV Properties .

Установите для значений U Scale и V Scale значение 200%, а для значений U Offset и V Offset значение 0.

Шаг 5

Затем щелкните материал Front Bevel Material на панели 3D и перейдите на панель свойств.Измените цвет Diffuse на # a38228 и цвет Specular на # bbb08c . Затем измените другие значения, как показано ниже.

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

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

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

Примените сохраненный материал к материалам Back Bevel Material и Back Inflation Material . (Выберите каждый из них на панели 3D, затем щелкните значок материала в средстве выбора материала на панели свойств, чтобы применить его).

Шаг 6

Щелкните материал Extrusion на панели 3D и снова примените сохраненный материал. Затем увеличьте значение Bump до 72% и загрузите изображение Extrusion Material Bump Texture , как вы делали раньше.

Для UV Properties установите для значений U Scale и V Scale значение 100%, а для значений U Offset и V Offset значение 0.

На этом работа с материалами завершена.

Шаг 7

Щелкните Current View на панели 3D, затем щелкните значок Coordinates на панели свойств. Вы можете ввести здесь значения для положения камеры вместо перемещения камеры с помощью инструмента Move Tool .

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

Теперь щелкните вкладку Environment на панели 3D. Установите флажок IBL (Image Based Light), затем щелкните значок папки рядом с ним и выберите Загрузить текстуру . Откройте текстуру Smooth Metal .

Снимите флажок Shadow и уменьшите Intensity до 69%.

Щелкните значок текстуры IBL и выберите Редактировать текстуру .Это откроет текстуру в новом окне. Перейдите в Image> Image Rotation> 90 ° CW .

Перейдите в Файл> Сохранить , затем Файл> Закрыть , чтобы сохранить изменения и вернуться к исходному документу.

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

Щелкните Infinite Light 1 на 3D-панели, затем измените Shadow Softness на 100% на панели «Свойства».Это сделает тени более пушистыми, чем резкими.

Щелкните значок Координаты на панели «Свойства». Опять же, вы можете управлять расположением источника света с помощью этих значений или перемещая свет в сцене с помощью инструмента Move Tool .

Вот и все по тексту.

Шаг 8

Создайте новый слой поверх 3D-слоя, затем залейте его цветом # 310303 , используя инструмент Paint Bucket Tool .

Перейдите в 3D> Новая сетка из слоя> Открытка .Это преобразует слой в 3D-объект (плоскость).

На панели 3D щелкните Текущий вид . Затем на панели «Свойства» выберите имя другого (текстового) трехмерного слоя в раскрывающемся меню View .

Это сделает положения камер обоих 3D-слоев одинаковыми, что рекомендуется сделать перед объединением их в один слой (сцену).

Вернитесь к панели Layers , Ctrl / Cmd + щелкните оба 3D-слоя, чтобы выбрать их.Затем перейдите в 3D> Объединить 3D-слои . Это поместит два 3D-объекта в один слой, что означает, что они оба теперь находятся в одной сцене.

Итак, если вы откроете панель 3D, вы увидите оба перечисленных объекта. Тем не менее, вы по-прежнему можете выбирать и изменять каждый из них отдельно.

(Щелкните значок стрелки слева, чтобы развернуть / свернуть списки 3D-объектов.)

Шаг 9

Выберите имя нового слоя на панели 3D, чтобы изменить параметры материала. Настройки .

Материал Diffuse уже применен как текстура с использованием цвета заливки.

Измените цвет Specular на # 894814 и остальные значения, как показано ниже.

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

Для UV Properties установите U Scale и V Scale на 300%, а для U Offset и V Offset установите значение 0.

Выберите имя сетки слоя на панели 3D, затем снимите флажок Cast Shadows на панели свойств.

Далее нам нужно отделить текст от трехмерной плоскости (открытки). Если вы щелкните значок Координаты , вы можете использовать значения на изображениях ниже. Но вы можете пойти дальше и использовать инструмент Move Tool для выбора и перемещения объектов в 3D-сцене.

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

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

(Или переместите его по сцене с помощью инструмента «Перемещение»).

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

Шаг 10

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

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

Теперь у вас должен получиться потрясающий трехмерный текст!

Шаг 11

Установите цвет переднего плана на # 7d7d7 и цвет фона на Белый .Выберите инструмент Gradient Tool . На панели параметров выберите заливку от переднего плана до прозрачной , щелкните значок радиального градиента и установите флажок Обратный .

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

Щелкните значок Создать новый слой заливки или корректирующего слоя на панели Слои и выберите Градиентная карта .

Измените режим наложения корректирующего слоя на Overlay, а его непрозрачность Opacity на 45%. Щелкните поле «Градиент», чтобы создать используемый градиент.

Используются два цвета: # 9f9f9f слева и #dfdfdf справа.

И все!

Надеюсь, это было полезным введением в основы работы с 3D в Photoshop CS6. Пожалуйста, не стесняйтесь оставлять любые вопросы или предложения ниже.

И…. С Новым годом 😀

Начало работы с 3D текстом

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

Базовый 3D-текст Photoshop

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

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

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

Преобразование текста в 3D-объект

Чтобы преобразовать текст в 3D-объект, перейдите в 3D> Repoussé> Text Layer .

Появится предупреждающее сообщение о растеризации вашего слоя. Вы должны сделать это, чтобы преобразовать текст в 3D, поэтому нажмите Да. Если хотите, можете даже поставить галочку в поле Больше не показывать — это избавит вас от надоедливого подтверждения раз и навсегда.

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

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

Настройка вашего 3D текста

Первое то, что вы хотели бы сделать со своим текстом, — это переключиться на настройки рендеринга по умолчанию.Это можно сделать в разделе «Настройки сцены» в Repoussé .

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

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

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

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

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

Рендеринг для окончательного вывода и сохранение

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

Теперь просто установите флажок Render for Final Output и дождитесь полной загрузки текста (от 15 секунд до 30 минут в зависимости от разрешения и производительности компьютера) . Как только ваш текст будет полностью загружен, нажмите кнопку OK , а затем быстро нажмите сочетание клавиш Ctrl + Shift + S , чтобы сохранить, и все готово.

groovyTips — Используйте Photoshop с 3D-очками

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

Теперь вы готовы к более реальному 3D-опыту!

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

.

No related posts.