Содержание

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

Автор Дмитрий Евсеенков На чтение 6 мин Просмотров 768 Обновлено

В этом уроке мы попытаемся сделать забавную композицию из текста в 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» в Photoshop

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

Панель «3D» с параметрами группы «Сцена»

A. Отобразить параметры групп «Сцена», «Сетки», «Материалы» и «Источники света» B. Меню «Наборы рендеринга» C. Заказные настройки рендеринга 

D. Выбрать текстуру для рисования E. Настройки поперечного сечения F. Переключить перекрытия G. Добавить новый источник света H. Удалить источник света 

Кнопки вверху панели 3D фильтруют компоненты, отображаемые в верхней части панели. Нажмите на кнопку «Сцена», чтобы отобразить все компоненты, кнопку «Материалы», чтобы отобразить только материалы, и так далее.

Отображение панели 3D

  1. Выполните одно из следующих действий.

    • Выберите «Окно» > «3D».

    • Дважды щелкните значок 3D-слоя  на панели «Слои».

    • Выберите «Окно» > «Рабочая среда» > «Расширенные параметры 3D».

Фильтрация отображаемых параметров 3D

  1. Вверху панели 3D нажмите на кнопку «Сцена», «Сетка», «Материалы» или «Источники света».

Отображение или скрытие 3D-сетки или освещения

  1. В верхней части панели 3D щелкните значок с глазом рядом с элементом сетки или освещения.

    Управлять видимостью материалов на панели 3D нельзя. Однако можно изменить настройки видимости для связанных текстур на панели «Слои». См. раздел Параметры 3D-материалов.

Настройки доступа для 3D-сцены

  1. Нажмите на кнопку «Сцена».

  2. Если элемент «Сцена» не выбран, щелкните его вверху списка компонентов.

Настройки доступа для сетки, материала или источника света

  1. Выполните одно из следующих действий.

    • Нажмите на кнопку «Сцена», чтобы отобразить все компоненты сцены. Затем в верхней части выберите сетку, материал или источник света.

    • Нажмите на кнопку «Сетки», «Материалы» или «Источники света», чтобы временно отобразить только соответствующие компоненты. Затем выберите сетку, материал или источник света.

Раскрытие или сворачивание списка материалов сетки

  1. Нажмите на кнопку «Сцена».

  2. Щелкните треугольник слева от значка сетки.

Просмотр плоскости основания

Плоскость основания представляет собой сетку, которая расположена на уровне основания и относительно которой расположена 3D-модель.

Значок переключателя активен, только если в системе имеется OpenGL.

Отображение и скрытие направляющих света

  1. Внизу на панели «3D» щелкните значок переключения  и выберите «3D-свет»

Выделение контуров выбранного материала или сетки в окне документа

  1. Внизу на панели «3D» щелкните значок переключения  и выберите «3D-выделение».

При выборе материалов или сеток на панели в окне документа появляется цветной контур, который помогает найти текущий элемент.

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

Выделение контуров выделенных элементов в окне документа

A. Материалы обведены цветной линией B. Сетки окружены ограничительной рамкой 

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

Настройки рендеринга

Задает набор параметров рендеринга для модели. Чтобы настроить параметры, нажмите «Редактировать».

Качество

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

Интерактивно (рисование)

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

Черновик трассировки лучей

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

Окончательная трассировка лучей

Эта функция оптимальна для окончательного вывода. Она выполняет полный рендеринг отражений и теней.

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

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

Рисование

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

Целевую текстуру также можно выбрать в меню «3D» > «Режим рисования 3D».

Глобальный цвет освещения

Задает глобальный цвет освещения, видимый на всех отражающих поверхностях. Цвет освещения смешивается с цветом отдельных материалов. См. раздел Параметры 3D-материалов.

Поперечное сечение

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

Просмотр поперечных сечений

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

  1. Выберите «Поперечное сечение» в нижней части вкладки «Сцены».

  2. Задайте параметры выравнивания, позиции и ориентации:

    Плоскость

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

    Пересечение

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

    Обратить поперечное сечение

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

    Сдвиг и наклон

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

    Выравнивание

    Для пересекающейся плоскости выберите ось (X, Y или Z). Плоскость будет расположена перпендикулярно выбранной оси.

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

Каждую сторону поперечного сечения можно просматривать с использованием различных режимов рендеринга; например, 3D-модель может просматриваться как каркас или как единое целое.

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

  2. Нажмите «Настройки рендеринга» или выберите «3D» > «Настройки рендеринга».

  3. В верхней части диалогового окна нажмите не выделенную в данный момент кнопку «Поперечное сечение» .

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

  4. Выберите параметры рендеринга для дополнительного поперечного сечения и нажмите «OK».

  1. Руководство пользователя Photoshop
  2. Введение в Photoshop
    1. Мечтайте об этом. Сделайте это.
    2. Новые возможности Photoshop
    3. Редактирование первой фотографии
    4. Создание документов
    5. Photoshop | Часто задаваемые вопросы
    6. Системные требования Photoshop
    7. Перенос наборов настроек, операций и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с графическим объектом Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Работа со встроенным расширением Capture в Photoshop
    6. Библиотеки Creative Cloud Libraries
    7. Библиотеки Creative Cloud в Photoshop
    8. Работа в Photoshop с использованием Touch Bar
    9. Сетка и направляющие
    10. Создание операций
    11. Отмена и история операций
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочей средой
    3. Системные требования | Photoshop на iPad
    4. Создание, открытие и экспорт документов
    5. Добавление фотографий
    6. Работа со слоями
    7. Рисование и раскрашивание кистями
    8. Выделение участков и добавление масок
    9. Ретуширование композиций
    10. Работа с корректирующими слоями
    11. Настройка тональности композиции с помощью слоя «Кривые»
    12. Применение операций трансформирования
    13. Обрезка и поворот композиций
    14. Поворот, панорамирование, масштабирование и восстановление холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получение отсутствующих шрифтов в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление параметрами приложения
    20. Сенсорные ярлыки и жесты
    21. Комбинации клавиш
    22. Изменение размера изображения
    23. Прямая трансляция творческого процесса в Photoshop на iPad
    24. Исправление недостатков с помощью восстанавливающей кисти
    25. Создание кистей в Capture и их использование в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание и использование смарт-объектов
    28. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
  5. Бета-версия веб-приложения Photoshop
    1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop 
    2. Общие сведения о рабочей среде
    3. Системные требования | Бета-версия веб-приложения Photoshop
    4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
    5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
    6. Открытие облачных документов и работа с ними
    7. Совместная работа с заинтересованными сторонами
    8. Ограниченные возможности редактирования облачных документов
  6. Облачные документы
    1. Облачные документы Photoshop | Часто задаваемые вопросы
    2. Облачные документы Photoshop | Вопросы о рабочем процессе
    3. Работа с облачными документами и управление ими в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Не удается создать или сохранить облачный документ
    6. Устранение ошибок с облачными документами Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Общий доступ к облачным документам и их редактирование
    9. Общий доступ к файлам и комментирование в приложении
  7. Рабочая среда
    1. Основные сведения о рабочей среде
    2. Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
    3. Создание документов
    4. Работа в Photoshop с использованием Touch Bar
    5. Галерея инструментов
    6. Установки производительности
    7. Использование инструментов
    8. Сенсорные жесты
    9. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    10. Обзорные версии технологии
    11. Метаданные и комментарии
    12. Комбинации клавиш по умолчанию
    13. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    14. Помещение изображений Photoshop в другие приложения
    15. Установки
    16. Комбинации клавиш по умолчанию
    17. Линейки
    18. Отображение или скрытие непечатных вспомогательных элементов
    19. Указание колонок для изображения
    20. Отмена и история операций
    21. Панели и меню
    22. Помещение файлов
    23. Позиционирование элементов с привязкой
    24. Позиционирование с помощью инструмента «Линейка»
    25. Наборы настроек
    26. Настройка комбинаций клавиш
    27. Сетка и направляющие
  8. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Просмотр на устройстве
    4. Копирование CSS из слоев
    5. Разделение веб-страниц на фрагменты
    6. Параметры HTML для фрагментов
    7. Изменение компоновки фрагментов
    8. Работа с веб-графикой
    9. Создание веб-фотогалерей
  9. Основные сведения об изображениях и работе с цветом
    1. Изменение размера изображений
    2. Работа с растровыми и векторными изображениями
    3. Размер и разрешение изображения
    4. Импорт изображений из камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов цвета
    10. HDR-изображения
    11. Подбор цветов на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стирание фрагментов изображения
    15. Режимы наложения
    16. Выбор цветов
    17. Внесение изменений в таблицы индексированных цветов
    18. Информация об изображениях
    19. Фильтры искажения недоступны
    20. Сведения о цвете
    21. Цветные и монохромные коррекции с помощью каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим (или режим изображения)
    25. Цветовой оттенок
    26. Добавление изменения цветового режима в операцию
    27. Добавление образцов из CSS- и SVG-файлов HTML
    28. Битовая глубина и установки
  10. Слои
    1. Основные сведения о слоях
    2. Обратимое редактирование
    3. Создание слоев и групп и управление ими
    4. Выделение, группировка и связывание слоев
    5. Помещение изображений в кадры
    6. Непрозрачность и наложение слоев
    7. Слои-маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Перемещение, упорядочение и блокировка слоев
    11. Маскирование слоев при помощи векторных масок
    12. Управление слоями и группами
    13. Эффекты и стили слоев
    14. Редактирование слоев-масок
    15. Извлечение ресурсов
    16. Отображение слоев с помощью обтравочных масок
    17. Формирование графических ресурсов из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких фрагментов в одно изображение
    21. Объединение изображений с помощью функции «Автоналожение слоев»
    22. Выравнивание и распределение слоев
    23. Копирование CSS из слоев
    24. Загрузка выделенных областей на основе границ слоя или слоя-маски
    25. Просвечивание для отображения содержимого других слоев
    26. Слой
    27. Сведение
    28. Совмещенные изображения
    29. Фон
  11. Выделения
    1. Рабочая среда «Выделение и маска»
    2. Быстрое выделение областей
    3. Начало работы с выделениями
    4. Выделение при помощи группы инструментов «Область»
    5. Выделение при помощи инструментов группы «Лассо»
    6. Выбор цветового диапазона в изображении
    7. Настройка выделения пикселей
    8. Преобразование между контурами и границами выделенной области
    9. Основы работы с каналами
    10. Перемещение, копирование и удаление выделенных пикселей
    11. Создание временной быстрой маски
    12. Сохранение выделенных областей и масок альфа-каналов
    13. Выбор областей фокусировки в изображении
    14. Дублирование, разделение и объединение каналов
    15. Вычисление каналов
    16. Выделение
    17. Ограничительная рамка
  12. Коррекции изображений
    1. Деформация перспективы
    2. Уменьшение размытия в результате движения камеры
    3. Примеры использования инструмента «Восстанавливающая кисть»
    4. Экспорт таблиц поиска цвета
    5. Корректировка резкости и размытия изображения
    6. Общие сведения о цветокоррекции
    7. Применение настройки «Яркость/Контрастность»
    8. Коррекция деталей в тенях и на светлых участках
    9. Корректировка «Уровни»
    10. Коррекция тона и насыщенности
    11. Коррекция сочности
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая коррекция тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшение изображения при помощи корректировки цветового баланса
    16. HDR-изображения
    17. Просмотр гистограмм и значений пикселей
    18. Подбор цветов на изображении
    19. Кадрирование и выпрямление фотографий
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Корректировка «Кривые»
    23. Режимы наложения
    24. Целевая подготовка изображений для печатной машины
    25. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Коррекция экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветление или затемнение областей изображения
    30. Избирательная корректировка цвета
    31. Замена цветов объекта
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Новые возможности Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Виньетирование, зернистость и удаление дымки в Camera Raw
    7. Комбинации клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Обратимое редактирование в Camera Raw
    10. Инструмент «Радиальный фильтр» в Camera Raw
    11. Управление настройками Camera Raw
    12. Обработка, сохранение и открытие изображений в Camera Raw
    13. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
    14. Поворот, обрезка и изменение изображений
    15. Корректировка цветопередачи в Camera Raw
    16. Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
    17. Обзор новых возможностей
    18. Версии обработки в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
    2. Заплатка и перемещение с учетом содержимого
    3. Ретуширование и исправление фотографий
    4. Коррекция искажений изображения и шума
    5. Основные этапы устранения неполадок для решения большинства проблем
  15. Преобразование изображений
    1. Трансформирование объектов
    2. Настройка кадрирования, поворотов и холста
    3. Кадрирование и выпрямление фотографий
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, фигур и контуров
    6. Перспектива
    7. Использование фильтра «Пластика»
    8. Масштаб с учетом содержимого
    9. Трансформирование изображений, фигур и контуров
    10. Деформация
    11. Трансформирование
    12. Панорама
  16. Рисование и живопись
    1. Рисование симметричных орнаментов
    2. Варианты рисования прямоугольника и изменения обводки
    3. Сведения о рисовании
    4. Рисование и редактирование фигур
    5. Инструменты рисования красками
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавление цвета в контуры
    9. Редактирование контуров
    10. Рисование с помощью микс-кисти
    11. Наборы настроек кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Заливка и обводка выделенных областей, слоев и контуров
    15. Рисование с помощью группы инструментов «Перо»
    16. Создание узоров
    17. Создание узора с помощью фильтра «Конструктор узоров»
    18. Управление контурами
    19. Управление библиотеками узоров и наборами настроек
    20. Рисование при помощи графического планшета
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Рисование стилизованных обводок с помощью архивной художественной кисти
    25. Рисование с помощью узора
    26. Синхронизация наборов настроек на нескольких устройствах
  17. Текст
    1. Добавление и редактирование текста
    2. Универсальный текстовый редактор
    3. Работа со шрифтами OpenType SVG
    4. Форматирование символов
    5. Форматирование абзацев
    6. Создание эффектов текста
    7. Редактирование текста
    8. Интерлиньяж и межбуквенные интервалы
    9. Шрифт для арабского языка и иврита
    10. Шрифты
    11. Поиск и устранение неполадок, связанных со шрифтами
    12. Азиатский текст
    13. Создание текста
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Общие сведения о видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Рисование кадров в видеослоях
    6. Импорт видеофайлов и последовательностей изображений
    7. Создание анимации кадров
    8. 3D-анимация Creative Cloud (предварительная версия)
    9. Создание анимаций по временной шкале
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использование эффектов группы «Галерея размытия»
    3. Основные сведения о фильтрах
    4. Справочник по эффектам фильтров
    5. Добавление эффектов освещения
    6. Использование фильтра «Адаптивный широкий угол»
    7. Фильтр «Масляная краска»
    8. Эффекты и стили слоев
    9. Применение определенных фильтров
    10. Растушевка областей изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в других графических форматах
    5. Перемещение проектов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать через Photoshop
    3. Печать и управление цветом
    4. Контрольные листы и PDF-презентации
    5. Печать фотографий в новом макете раскладки изображений
    6. Печать плашечных цветов
    7. Дуплексы
    8. Печать изображений на печатной машине
    9. Улучшение цветной печати в Photoshop
    10. Устранение неполадок при печати | Photoshop
  22. Автоматизация
    1. Создание операций
    2. Создание изображений, управляемых данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Воспроизведение операций и управление ими
    6. Добавление условных операций
    7. Сведения об операциях и панели «Операции»
    8. Запись инструментов в операциях
    9. Добавление изменения цветового режима в операцию
    10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
  23. Управление цветом
    1. Основные сведения об управлении цветом
    2. Обеспечение точной цветопередачи
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Управление цветом документов для просмотра в Интернете
    6. Управление цветом при печати документов
    7. Управление цветом импортированных изображений
    8. Выполнение цветопробы
  24. Подлинность контента
    1. Подробнее об учетных данных для содержимого
    2. Идентичность и происхождение токенов NFT
    3. Подключение учетных записей для творческой атрибуции
  25. 3D-объекты и технические изображения
    1. 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях
    2. 3D-анимация Creative Cloud (предварительная версия)
    3. Печать 3D-объектов
    4. 3D-рисование
    5. Усовершенствование панели «3D» | Photoshop
    6. Основные понятия и инструменты для работы с 3D-графикой
    7. Рендеринг и сохранение 3D-объектов
    8. Создание 3D-объектов и анимаций
    9. Стеки изображений
    10. Процесс работы с 3D-графикой
    11. Измерения
    12. Файлы формата DICOM
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Коррекция экспозиции и тонирования HDR
    18. Настройки панели «3D»

В Photoshop CS6 функциональные возможности 3D-рисования были доступны в Photoshop Extended. Все возможности Photoshop Extended доступны в Photoshop. Photoshop не имеет специальной версии Extended.

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

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

Чтобы отображались тени, настройте источники света и выберите качество визуализации «Трассировка лучей». См. раздел Настройки 3D-сцены.

Захватить тени

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

Чтобы захватить тени от плоскости основания на сетках, выберите «3D» > «Захват тени на плоскости основания». Чтобы выровнять эти тени с объектами, выберите «3D» > «Привязать объект к плоскости основания»

Наложить тени

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

Невидимая

Скрывает сетку, отображая только тени на ее поверхности.

Непрозрачность тени

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

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

  1. В верхней части панели 3D щелкните значок с глазом рядом с названием сетки.

Манипуляция отдельными сетками

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

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

  2. Для перемещения сетки воспользуйтесь инструментом «Позиционирование» в нижней части панели.

Для манипуляции всей моделью при выборе отдельной сетки используйте 3D-инструменты на панели «Инструменты».

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

Выбранный материал и связанные с ним текстурные карты.

A. Отображает параметры группы «Материалы» B. Выбранный материал C. Палитра материалов D. Инструменты перетаскивания и выбора материалов E. Значок меню текстурной карты F. Типы текстурных карт 

Выбрав материал в верхней части панели 3D, в нижней части можно просмотреть сведения о текстурных картах, используемых в нем. В основе некоторых типов текстуры, например «Диффузия» и «Рельеф», обычно лежит 2D-файл, в котором хранится определенный цвет или узор, необходимый для воссоздания текстуры. Для текстуры других типов 2D-файл может не потребоваться. Например, настройку эффектов «Глянец», «Блеск», «Непрозрачность» или «Отражение» можно выполнять путем непосредственного ввода значений.

Находящиеся в основе материала текстурные карты также представлены в списке «Текстуры» на панели «Слои», где они сгруппированы по категории карты текстуры.

Чтобы увидеть миниатюру изображения карты текстуры, наведите мышь на имя текстуры (например «Отражение» или «Свечение»).

Диффузия

Цвет материала. Это может быть чистый цвет или любой цвет из 2D-содержимого. При отсутствии связанного 2D-содержимого используется образец цвета «Диффузия». Карту диффузии можно создать с помощью непосредственного рисования на модели. См. раздел 3D-рисование.

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

Регулирует прозрачность материала (значение от 0 до 100 %). Также значение прозрачности можно задать с помощью ползунка. Степень прозрачности материала регулируется с помощью значений градации серого карты текстуры. Чем светлее оттенок, тем больше коэффициент прозрачности, и наоборот.

Рельеф

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

Значение в поле «Рельеф» увеличивает или уменьшает выпуклость. Поле активно только при наличии карты выпуклости. Укажите числовое значение выпуклости или воспользуйтесь соответствующим ползунком.

С увеличением угла эффект выпуклости уменьшается.

Обычный

Подобно текстуре карты выпуклости обычная карта повышает степень детализации поверхности. В отличие от карты рельефной текстуры (одноканального изображения в градациях серого), в основе карты нормалей лежит многоканальное изображение (RGB). Значения каждого канала цвета соответствуют параметрам x, y и z для нормали поверхности модели. Обычная карта может использоваться для сглаживания поверхностей сеток с небольшим числом полигонов.

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

Окружение

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

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

Отражение

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

Свечение

Задает цвет, который отображается вне зависимости от освещения. Создает эффект свечения 3D-объекта.

Глянец

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

Блеск

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

Настройка глянца (число слева) и блеска (число справа)

Если в 3D-объекте содержится более девяти типов текстур, то на панели «Слои» и в списке «Режим 3D-рисования» появляются дополнительные текстуры. (Для отображения списка выберите «3D» > «Режим 3D-рисования» или воспользуйтесь командой «Рисовать на» в разделе «Сцена» панели 3D

Отражающий

Цвет, используемый для свойств отражения (например, для подсветки глянцевитости).

Окружение

Задает цвет окружающего освещения, который отражается от поверхностей. Этот цвет смешивается с глобальным цветом освещения всей сцены. См. раздел Настройки 3D-сцены.

Преломление

Задает коэффициент преломления при выборе качества «Трассировка лучей», а также параметра «Преломления» в диалоговом окне «3D» > «Настройки рендеринга». Преломление — это изменение направления света, возникающее в месте соприкосновения двух материалов (например, воздуха и воды), обладающих различными коэффициентами преломления. По умолчанию для новых материалов используется значение 1,0 (приблизительный коэффициент преломления воздуха).

Выбор и применение материалов непосредственно на объектах

Инструмент «Выбор 3D-материала» работает почти так же, как инструмент «Заливка», и позволяет брать образец материала и применять его прямо на 3D-объектах.

  1.  На панели «3D» выберите «Выбор 3D-материала»  .

  2.  Наведите указатель на 3D-объект в окне документа. Когда нужный материал выделен контуром, нажмите кнопку мыши, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).

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

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

Выбор материалов непосредственно на объектах

  1.  На панели «3D» нажмите и удерживайте значок инструмента «Выбор 3D-материала»  и выберите инструмент «Выделение 3D-материала» .

  2.  Наведите указатель на 3D-объект в окне документа. Когда выбранный материал будет выделен контуром, нажмите кнопку мыши.

Применение, сохранение или загрузка наборов материалов

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

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

  2. На всплывающей панели набора выполните любое из следующих действий.

    • Чтобы применить набор, дважды щелкните по его миниатюре.

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

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

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

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

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

  1. Нажмите значок папки рядом с типом карты текстуры.

  2. Выберите «Новая текстура».

  3. Укажите имя, размеры и цветовую модель для новой карты, затем нажмите «OK».

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

    Название новой текстурной карты отображается рядом с типом текстурной карты на панели «Материалы». Ее название также отображается в списке текстур в 3D-слое на панели «Слои». По умолчанию название состоит из названия материала и типа текстурной карты.

Загрузка текстурной карты

Для каждого из девяти доступных типов текстурных карт можно загрузить созданный 2D-файл текстуры.

  1. Нажмите значок папки рядом с типом текстуры.

  2. Выберите «Загрузить текстуру», затем найдите и откройте 2D-файл текстуры.

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

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

  1. На панели «Инструменты» щелкните образец «Выберите фоновый цвет».

  2. В палитре цветов задайте одинаковые значения для цветов R, G, B и установите уровень яркости на 50 %. Нажмите кнопку «ОК».

  3. На панели «3D» нажмите значок папки рядом с параметром «Рельеф».

  4. Выберите «Новая текстура».

  5. В диалоговом окне «Новый» задайте следующие настройки:

    • «Цветовая модель» — «Оттенки серого»

    • «Содержимое фона» — «Фоновый цвет»

    • (Необязательно) Настройте параметры ширины и высоты так, чтобы размеры карты текстуры диффузии соответствовали размеру материала.

  6. Нажмите кнопку «ОК».

После создания текстурная карта выпуклости добавляется в список файлов текстурных карт на панели «Материалы», а также становится доступной в качестве текстуры на панели «Слои».

Открытие текстурной карты для редактирования

  1. Нажмите значок изображения и выберите «Открыть текстуру».

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

Удаление текстурной карты

  1. Нажмите значок изображения рядом с типом текстуры.

  2. Выберите «Удалить текстуру».

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

Редактирование свойств текстуры

Текстура накладывается на определенную область поверхности модели в зависимости от ее параметров UV-наложения. Если необходимо повысить качество наложения текстурных карт на модель, можно настроить масштаб и смещение UV.

  1. Нажмите значок изображения рядом с типом текстуры.

  2. Выберите «Редактировать свойства».

  3. Выберите целевой слой и задайте значения «Масштаб UV» и «Смещение». Значения можно ввести вручную или воспользоваться соответствующими ползунками.

    Назначение

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

    Масштаб U и V

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

    Смещение U и V

    Изменение позиции отображаемых текстур.

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

Добавление и удаление отдельных источников света

  1. На панели 3D выполните одно из следующих действий:

    • Чтобы добавить источник света, нажмите кнопку «Создать новый источник света»  и выберите его тип.

      • Точечные источники света светят во всех направлениях подобно электрическим лампочкам.

      • Прожекторы освещают область в форме конуса, параметры которого можно настроить.

      • Неограниченные источники света светят с одной направленной плоскости, как например, солнечный свет.

      • Основанные на изображении источники света формируют освещенное изображение на 3D-сцене.

    • Чтобы удалить источник света, выберите необходимый источник света из списка в верхней части раздела «Источники света» . Затем нажмите кнопку «Удалить»  в нижней части данной панели.

Настройка свойств источника света

  1. В разделе «Источники света»  на панели 3D выберите из списка требуемый источник света.

  2. В нижней половине панели задайте следующие параметры.

    Предустановленный набор

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

    Источник

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

    Интенсивность

    Корректирует уровень яркости.

    Цвет

    Определяет цвет освещения. Установите флажок, чтобы выбрать цвет из палитры цветов.

    Изображение

    Указывает растровое изображение или 3D-файл для источников света, основанных на изображении. (Для получения особенно выраженных эффектов можно использовать 32-битные HDR-изображения.)

    Отброс теней

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

    Сглаживание

    Размывает границы теней, что делает переходы цвета более плавными.

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

    Центр освещенности

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

    Рассеивание

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

    Использовать ослабление

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

    Наведите указатель на параметры затухания «Центр освещенности», «Рассеивание», «Внутренний радиус» и «Внешний радиус». Красные контуры значка справа указывают на задействованный элемент источника света.

Позиционирование источников света

  1. В разделе «Источники света»  на панели 3D выберите одно из следующего:

    Инструмент «Поворот» 

    (Только направленные, бесконечные и основанные на базе изображения источники света) Вращает источник света, сохраняя его положение в 3D-пространстве.

    Чтобы быстро нацелить источник света на определенную область, щелкните нужную точку в окне документа, удерживая кнопку «Alt» (Windows) или «Option» (Mac OS).

    Инструмент «Панорама» 

    (Только прожекторы и точечные источники света) Перемещает источник света в другую область в пределах той же 3D-поверхности.

    Инструмент «Перемещение» 

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

    Направить свет в начало координат 

    (Только для прожекторов) Направляет луч света в центр модели.

    Перейти к текущему виду 

    Помещает источник света в ту же позицию, что и у камеры.

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

Добавление направляющих света

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

  1. Внизу на панели «3D» щелкните значок переключения  и выберите «3D-свет».

Изменить цвет направляющих можно в разделах «3D» диалогового окна «Установки».

Направляющие источников света:

A. Точечный источник света B. Прожектор C. Неограниченный источник света 

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

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

  1. В меню панели 3D  выберите:

    Сохранить набор света

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

    Добавить свет

    Добавляет ранее сохраненную группу источников света к текущему набору.

    Заменить свет

    Заменяет текущий набор ранее сохраненной группой источников света.

Еще похожее

  • Создание UV-перекрытий

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

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

 

Всем привет!

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

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

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

Затем при помощи направляющих определим центр холста.

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

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

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

 

 

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

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

Левая Контрольная точка (позиция 0%) – оттенок # 0a1333;

Правая Контрольная точка (позиция 100%) – оттенок # ffffff.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

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

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

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

Снова переходим в меню Просмотр-Новая направляющая и создаем вертикальную направляющую.

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

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

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

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

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

Переходим в меню Редактирование-Трансформирование-Перспектива. Тянем за верхние уголки внутрь и в верхней панели настроек инструмента Перспектива запоминаем значение, на котором остановились.

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

В панели слоев активируем слой «Низ», переходим в уже знакомое нам меню Редактирование-Трансформирование-Перспектива и тянем за нижние уголки к центру. В верхней панели настроек инструмента Перспектива вводим значение ниже, чем применяли к слою «Верх».

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

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

Активируем Свободное трансформирование и подкорректируем размер слоя «Фото 1». Чтобы увеличить, тянем за уголки рамки наружу, чтобы уменьшить – внутрь. Для сохранения пропорций при трансформировании зажимаем клавишу Shift, а для того, чтобы трансформирование происходило из центра – клавишу Alt. При помощи инструмента Перемещение располагаем слой «Фото 1». Я уменьшила слой «Фото 1» и подняла его вверх.

В панели слоев активируем слой «Низ», помещаем в документ (Файл-Поместить встроенные) изображение «Фото 2», добавляем к слою «Фото 2» обтравочную маску, при помощи Свободного трансформирования уменьшаем слой и располагаем его с помощью инструмента Перемещение.

Выше слоя «Фото 2» в панели слоев создаем новый пустой слой и называем его «Тень». Добавляем к слою «Тень» обтравочную маску (ПКМ по слою в панели слоев-Создать обтравочную маску).

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». В панели цвета в качестве основного выставляем черный оттенок. Для этого достаточно нажать на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию – черному и белому. Выбираем кисть, отмеченную стрелочкой. Проводим линию на слое «Тень». Для этого делаем клик мышью в начальной точке линии, зажимаем клавишу Shift и делаем клик в той точке, где линия заканчивается.

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

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

В панели цвета в качестве основного оттенка устанавливаем белый. Для этого сначала нажмите на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию (черному и белому), затем – клавишу X, чтобы поменять оттенки переднего и заднего плана местами. Используя ту же мягкую круглую кисть, что и в прошлом шаге, рисуем белую полосу на слое «Свет».

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

На данном этапе видимость направляющих можно отключить. Для этого переходим в меню Просмотр-Показать-Направляющие.

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

Во вкладке Тень используем черный оттенок (# 000000) и вводим настройки, как на рисунке ниже.

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

В панели слоев двойным щелчком по слою «Верх» вызываем стили слоя.

Во вкладке Тень используем черный оттенок (# 000000) и меняем настройки на следующие.

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

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

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

 

 

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

 

 

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


 

Понравилось? Поделитесь:
Добавить комментарий

Стиль для фотошоп — 3D текст / Creativo.one

Стиль для фотошоп — 3D текст / Creativo.one

Фильтры

Курсы со скидкой

Курс недели -30% -30% -20%

ГлавнаяДополненияСкачать бесплатно стили для ФотошопаОстальныеСтиль для фотошоп — 3D текст

Объёмный 3D шрифт для создания креативных, оформительских надписей.

 Формат — PSD. Размер — 43 мб. 

Скачать Стиль для фотошоп — 3D текст

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

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

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

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


Хотите взять максимум?

Активируй Premium подписку и получи 15 преимуществ на Creativo

Premium-контент

110 видеоуроков только для Premium-пользователей.

Закрытые трансляции

Регулярные трансляции с профессионалами, обычным аккаунтам они доступны платно.

Приоритет в проверке работ

Все работы в вашем портфолио рассматриваются в приоритетном порядке.

Статистика переходов в соцсети

Сколько человек перешли по ссылкам из вашего профиля

Возможность
скачивать видеоуроки

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

Premium-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная ссылка

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

Вы сами решаете, в какое время пост появится в ленте.

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

Голосования с прогрессивным рейтингом, создание викторин

Поддержка от кураторов

Напрямую получайте поддержку от кураторов команды Creativo.

Поддержка в телеграм-чате

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

Подарки, призы, розыгрыши

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

Разбор работ от авторов

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

Активировать Premium



Хотите узнавать

обо всех событиях?

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







Скопировать ссылку

Работа скрыта

Войти, чтобы проголосовать

title»/> {{percent(index)}}

{{(index + 1)}}.

Изображение удалено

{{percent(index)}}

Всего проголосовало: {{total}}

Вы можете выбрать до {{max_variants}} вариантов. Голос будет распределён равномерно между всеми выбранными.

{{item.title}}

Изображение удалено

Создать опрос

Сделать мультиголосование

Можно выбрать несколько вариантов. Максимум {{lex(‘response’, max_variants)}}

Название опроса

Ответ {{(index + 1)}} Удалить ответ

Добавить ответ

Прогрессивный подсчет результатов

Автоматически завершить опрос 0″> через {{lex(‘days’,closeday)}}

{{lex(‘feed_type_’ + tp)}} {{counts[tp]}}

Сортировка:

По релевантности По дате По популярности

Показывать превью

subtitle»>{{item.subtitle}}

Закреплен

Опрос

По вашему запросу ничего не найдено

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

Не удалось загрузить работу. Возможно она была удалена.

= 0}»> GIF {{work.bite}} Мб Загрузить

Редактировать Удалить

18+

Работа имеет содержимое для 18+ лет

Жалоба

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

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

1. Название и описание 2. Миниатюра 3. Исходник 4. Тэги 5. Прочие настройки

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

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

Скрывать в портфолио (доступ по ссылке)

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

Название:
{{name}}

Описание:
Исходник:

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

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

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

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

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

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

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

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

Работа 18+

Отключить комментарии

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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

Автоматически перейти в портфолио
Остаться на текущей странице

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

{{pub_dates[pub_date] || pub_dates[0]}}

Отменить планирование

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

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

Как сделать 3d шрифт в фотошопе cs6. Объемный текст в фотошопе

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

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «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 надпись, например для логотипа сайта или группы в социальной сети. Объемный текст в фотошопе создается гораздо проще, чем в 3D редакторах и так, приступим!

1) Создадим новый документ, необходимого Вам размера, я задал квадратный размер 1024 на 1024 пикселя. Для этого в верхнем меню слева выбираем «Файл» — «Создать» и устанавливаем необходимые параметры. Если вы не опытный пользователь программы фотошоп, то рекомендую ничего не менять, оставить все параметры по умолчанию, кроме размера документа.

2) Теперь напишем текст, который в дальнейшим будем делать трехмерным. Для этого в левом боковом меню программы выбираем инструмент «Текст», кликнув по нему левой кнопкой мыши.

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

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

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

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

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

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

Вот, к примеру, регулируя ползунок настройки «Скручивание» я получил вот такой интересный эффект:

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

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

Как сделать объемный 3D текст с «Фотошоп» CS6 и CS5

Программа Adobe Photoshop в первую очередь является редактором растровой графики. Но не менее хорошо она справляется и с другими задачами. Мы уже знаем о её возможностях по работе с векторными фигурами. Ещё программа способна преобразовывать обычные фигуры в трехмерные.

3D текст в «Фотошоп» CS5

На этом уроке речь пойдет о работе с 3D текстом в «Фотошопе» CS5 или более поздней версии. Лучше всего для этих целей всё же подходит самая последняя версия, входящая в состав Creative Cloud. Именно в ней имеется наибольшее количество инструментов для обработки объемного текста.

Сделать объемный текст в «Фотошоп»

Для начала вам необходимо открыть «Фотошоп» и создать новый файл. Задайте разрешение 600 x 600 пикселей. Сразу при создании документа выберите черный цвет и залейте им изображение (для этого используется инструмент «Заливка»). Возьмите инструмент «Горизонтальный текст» и напишите белым цветом одно слово. Подберите подходящий шрифт и его размер. В нашем случае это KorinnaBlackC с кеглем в 172 пункта. Текст лучше писать заглавными буквами.

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

3D текст в «Фотошоп» CS6

3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D». Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись. Прямо во время оформления объемного текста в «Фотошопе»! Однако не всё так просто. 3D текст редактируется в «Фотошопе» CS6. В более ранних версиях он перед переводом в трехмерный режим растрируется, поэтому редактирование становится невозможным.

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

Следующая вкладка получила наименование «Деформировать». Здесь можно поработать над экструзией объемного текста (фактически его толщиной по оси Z). Вы можете изменить глубину, скрутить её, придать ей эффект конусообразности и совершить прочие действия.

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

Создание 3D текста в «Фотошоп»

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

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

На этом создание 3D текста в «Фотошопе» практически завершено. Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения. Сам источник освещения будет виден на композиции, он имеет значок с изображением солнышка.

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

3Д текст в «Фотошоп» CS6

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


Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) размером 1250х1000 пикселей. Установите шрифт «Franks Regular», задайте размер 280pt и заглавными буквами напишите «GOOD LUCK».


Шаг 2

Если у Вас две или более строк текста, установите Интерлиньяж (Leading) на 250. Сделать это можно на панели Символ (Окно > Символ) (Window > Character). Также измените Трекинг (Tracking).


2. Преобразование в фигуры

Шаг 1

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в кривые (Convert to Shapes). Создайте копию полученного слоя (Ctrl + J) и назовите её «Stroke».


Шаг 2

Активируйте инструмент Выделение узла (Direct Selection Tool) и на верхней панели включите обводку цветом #e5bf25.

3. Создание 3D-слоёв

Шаг 1

Выберите оба текстовых слоя и перейдите в меню 3D > Новая экструзия из выделенного контура (3D > New Extrusion From Selected Path).


Шаг 2

Оба 3D-слоя нужно объединить в один (3D > Слияние 3D-слоёв) (3D > Merge 3D Layers)


Шаг 3

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

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

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

Шаг 1

Выберите текстовую сетку и измените Глубину экструзии (Extrusion Depth) до 70 пикселей.


Шаг 2

Перейдите во вкладку Капитель (Cap) и измените свойства, как показано на скриншоте.

Шаг 3

Выберите сетку «Stroke» на панели 3D и измените Глубину экструзии (Extrusion Depth).

5. Создание текстуры для Материала передней выпуклости (Front Inflation Material)

Шаг 1

Выберите Материал передней выпуклости (Front Inflation Material) текстовой сетки. Кликните на иконке параметра Рассеивание (Diffuse) и выберите пункт Редактировать текстуру (Edit Texture).


Шаг 2

У Вас откроется новый документ с буквами. Измените цвет букв на #61129d.


Шаг 3

Выберите инструмент Прямоугольник (Rectangle Tool) и создайте полоску толщиной 15 пикселей цветом #e5bf25. Создайте копию этой полоски.

Шаг 4

Активируйте режим Свободное трансформирование (Free Transform) и сдвиньте копию вниз. Нажмите Enter, чтобы применить изменения.


Шаг 5

Нажмите Ctrl + Shift + T несколько раз, чтобы повторить последние изменения. Как покроете весь текст полосками, объедините слои. Полученный слой назовите «Stripes» и сохраните документ, но не закрывайте его.


6. Создание отражений и текстуры рельефа

Шаг 1

В документе, с которым мы только что работали, перейдите в меню Файл > Сохранить как (File > Save As) и дайте имя «Reflection». Сохраните файл в папку проекта, чтобы его легче было найти.


Шаг 2

Измените цвет текста на #535353.

Шаг 3

К слою «Stripes» примените стиль Наложение узора (Pattern Overlay): узор Satin.


Сохраните документ (Ctrl + S).


Шаг 5

Сохраните ещё одну копию файла под именем «Bump».


Шаг 6

Измените цвет текста на #1c1c1c и сохраните документ.

7. Настройка материалов 3D-сетки

Шаг 1

Вернитесь к первоначальному документу и выберите Материал передней выпуклости (Front Inflation Material). Кликните на иконке параметра Отражение (Reflection) и выберите пункт Загрузить текстуру (Load Texture). Загрузит текстуру «Reflection», которую мы создали ранее. Затем сделайте то же самое для параметра Рельеф (Bump).


Шаг 2

Остальные свойства настройте, как показано на скриншоте.


Шаг 3

Выберите оба материала скоса (Bevel Material) и Материал задней выпуклости (Back Inflation Material), настройте их так:

Шаг 4

Выберите Материал экструзии (Extrusion Material) и удалите текстуру.

Шаг 5

Измените цвета Материала экструзии так:
Рассеивание (Diffuse): 70, 9,93
Цвет блика (Specular): 207, 178, 75


Шаг 6

Настройте все материалы обводки:

Шаг 7

Выберите Материал экструзии (Extrusion Material) и удалите текстуру Рассеивания (Diffuse), цвет — 229, 191, 37.

8. Удаление сеток и смена ракурса

Шаг 1

Выберите обе текстовые сетки и перейдите во вкладку Координаты (Coordinates). Измените угол вращения. После этого перейдите в меню 3D > Переместить объект на плоскость основания (3D > Move Object to Ground Plane).


Шаг 2

Инструментом Перемещение (Move Tool) расположите обводку в середине текста.


Шаг 3

Выберите Текущий вид (Current View) на панели 3D и задайте вид Сверху (Top).


9. Освещение

Шаг 1

Выберите Бесконечный свет 1 (Infinite Light 1) на панели 3D и измените его:

Шаг 2

Добавьте новый точечный свет.


Шаг 3

Настройте его, как показано ниже. Цвет 249, 247, 238.

Шаг 4

Расположите источник света здесь:


После этого вернитесь к виду сверху.

Шаг 5

Выберите Среду (Environment), кликните на иконке параметра ИСБИ (IBL) и выберите пункт Заменить текстуру (Replace Texture). Выберите изображение комнаты и измените интенсивность.


Шаг 6


Расположение текстуры можно изменить.


Шаг 7

Вставьте размытый фон под слой с текстом и переверните его (Transform — Flip Vertical). Для фона можно использовать какую-нибудь градиентную заливку или сильно размытие любое изображение.

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

10. Рендеринг

Шаг 1

Как закончите работу со сценой, запустите рендеринг (3D > Рендеринг) (3D > Render). Его можно остановить в любой момент нажатием на клавишу Esc.


Шаг 2

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

Шаг 3

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


11. Выравнивание краёв полос и цвет текста

Шаг 1

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


Шаг 2

Выберите инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) мягкого типа и закрасьте неровности.


Шаг 3

Также можно работать и инструментом Штамп (Clone Stamp Tool).


Шаг 4

Такой результат у Вас должен получиться:


Шаг 5

Создайте корректирующий слой Уровни (Layer — Levels).

Шаг 6

Создайте обтравочную маску и измените точку теней.

12. Звёзды

Шаг 1

Откройте второе изображение из набора «Deep Space 10K Backgrounds Vol2». Перейдите в меню Изображение > Размер изображения (Image > Image Size) и установите Разрешение (Resolution) на 72 пикселя.

Перенесите изображение в основной документ и назовите слой «Stars». Преобразуйте его в смарт-объект. Установите режим наложения Осветление (Screen) и уменьшите непрозрачность до 60%. Создайте копию слоя (Ctrl + J) и уменьшите непрозрачность до 30%.


Шаг 2

К верхнему слою звёзд примените фильтр Размытие диафрагмы (Фильтр > Галерея размытия > Размытие диафрагмы) (Filter > Blur > Iris Blur).


Шаг 3

Настройте размытие так:


Шаг 4

Этот шаг дополнительный. Мы удалим звёзды под эффектом Bokeh. К оригинальному слою звёзд добавьте маску (Layer Mask). Инструментом Ластик (Eraser Tool) белого цвета или чёрной кистью сотрите белые точки внутри кругов.

В этом уроке вы узнаете, как создать глянцевый 3D текст в Фотошоп.

Шаг 1. Создаем документ размером 800х1000 пикселей разрешением 300 dpi. Есть три причины, почему мы выбрали такой большой размер документа.
Во-первых, когда вы создаете что-то в Фотошопе и затем импортируете это в какой-либо проект, может понадобится отрегулировать размер изображения, а если исходный материал будет маленьким, то при увеличении он может сильно потерять в качестве.
Во-вторых, при работе с большими изображениями мы можем уделить больше внимания мелким деталям.
В-третьих, мы имеем больше свободного пространства для работы.

Шаг 2. Первое, что мы должны сделать, это создать букву. Я решил использовать шрифт Defeqto с сайта www.dafont.com.
Я буду работать с буквой B, но вы можете использовать любую другую. Мне кажется, что глянцевый эффект будет лучше смотреться именно на таком шрифте.
Кликаем правой кнопкой мышки по букве и выбираем Rasterize Type (Растрировать текст). Это даст нам возможность его отредактировать.

Шаг 3. (в этом шаге мы будем приводить в порядок букву, если это необходимо, конечно. Вы можете пропустить эту часть и сразу перейти к Шагу 6)
Края шрифта немного грубоваты, давайте исправим это. Активируем Elliptical Marquee Tool (Овальное выделение) (M). Удерживая SHIFT, создаем выделение, чтобы оно повторяло форму верхней части буквы. Как видно на рисунке ниже, положение выделения не совсем правильно, поэтому кликаем правой кнопкой мышки по выделению и выбираем Transform Selection (Трансформировать выделение). Регулируем положения, как показано на скриншоте. Затем просто жмем DELETE , чтобы удалить выделенную часть. Благодаря этому, очертания буквы стали плавными, как мы и хотели.

Шаг 4. Также нам необходимо поправить внешние края, для этого создаем выделение как в предыдушем шаге и инвертируем его SHIFT+CTRL+I . Затем берем Eraser Tool (Ластик) (E) с Opacity (Непрозрачность) и Flow (Нажим) на 100%. Стираем лишние края.

Шаг 5. Активируем инструмент Pen Tool (Перо) (P) и создаем плавную кривую на углу буквы, как показано на фигуре 1. Жмем правой кнопкой мышки и выбираем Make Selection (Создать выделение). Убедитесь, что параметр Feather (Растушевка) установлен на 0.2 пикселя. Не оставляйте углы слишком жесткими и не делайте их слишком загругленными. Применяем эти действия к другим частям буквы, которым необходимы коррекция. На фигуре 3 показано,что получилось в итоге.

Шаг 6. Мы подошли к той части урока, в которой будем создавать эффект 3D с неоновым свечением. Переходим Edit — Transform — Free Transform (Редактирование — Трансформация — Свободная трансформация) (CTRL+T). Удерживая SHIFT+ALT+CTRL , тянем за правый угол вниз, чтобы деформировать букву в перспективе (фигура 1). Затем тянем один из боковых узелков к центру, как на фигуре 2.

Шаг 7. Теперь придадим тексту объемности. Берем инструмент Move Tool (Перемещение) (V), активируем слой с буквой, зажимаем клавиши CTRL+ALT и, появившейся двойной стрелкой, передвигаем букву вправо 18 раз, чтобы создать 18 копий. После этого, зажимаем CTRL и выделяем копии 8, 9 и 10, затем объединяем их комбинацией CTRL+E. Называем этот слой «СВЕЧЕНИЕ». Далее применяем к нему (Изображение — Коррекция — Цветовой тон/Насыщенность) (CTRL+U). Устанавливаем параметр Lightness (Яркость) на максимум.

Шаг 8. Затем выделяем копии 11-17 и объединяем их (CTRL+E), называем слой «ПЕРЕДНЯЯ ЧАСТЬ». Теперь выделяем копии 1-7 вместе с оригиналом и также объединяем. Называем слой «ЗАДНЯЯ ЧАСТЬ». Затем выделяем копию 18 и переименовываем ее на «ОФОРМЛЕНИЕ».

Шаг 9. Создаем новый слой «СИЯНИЕ» над слоем «ОФОРМЛЕНИЕ». Затем, зажимаем клавишу ALT и кликаем между этими двумя слоями. В результате, возле слоя «СИЯНИЕ» должна появиться маленькая стрелка направленная вниз, которая означает, что для этого применяется обтравочная маска. Активируем Rectangular Marquee Tool (Прямоугольное выделение) (M), создаем выделение ВСЕЙ буквы и заливаем его белым цветом Edit — Fill (Редактирование — Заливка). Далее берем Elliptical Marquee Tool (Овальное выделение) (M) и выделяем нижнюю часть буквы, как показано на фигуре 2. Жмем клавишу DELETE , чтобы удалить выделенную часть, как показано на фигуре 3. Теперь создадим слой-маску. Вы можете это сделать, кликнув на маленький прямоугольник с окружностью внутри внизу панели слоев Add layer mask (Добавить слой-маску). Активируем маску, кликнув по второму белому прямоугольнику на слое «СИЯНИЕ».

Берем Gradient Tool (Градиент) (G) от черного к белому, линейный, деактивируем опцию Reverse (Перевернуть), если она активна. Проводим градиентом от верха к низу документа и уменьшаем Opacity (Непрозрачность) слоя «СИЯНИЕ» примерно на 50-60%. Убедитесь, что ваша буква выглядит как моя.

Шаг 11. Нам необходимо, чтобы белая линия в центре светилась, но перед этим избавимся от той части слоя, которую мы не видим. Удерживая CTRL , кликаем на миниатюре слоя «ПЕРЕДНЯЯ ЧАСТЬ». Вы должны кликнуть именно на миниатюре, так как нам необходимо загрузить выделение слоя. После этого переходим на слой «СВЕЧЕНИЕ» (просто кликаем по нему) и жмем DELETE. Скройте слои «ПЕРЕДНЯЯ ЧАСТЬ» и «ОФОРМЛЕНИЕ» и вы увидите результат данных манипуляций. Снимаем выделение CTRL+D. Теперь перемещаем слой «СВЕЧЕНИЕ» в самый верх панели слоев. После этого, выделяем слои «ПЕРЕДНЯЯ ЧАСТЬ» и «ЗАДНЯЯ ЧАСТЬ» и объединяем их вместе (CTRL+E). Называем новый слой «ТЕЛО».

Шаг 12. Активируем слой «СВЕЧЕНИЕ» и кликаем на кнопку «fx» внизу панели слоев и выбираем Outer Glow (Внешнее свечение). Я хочу, чтобы свечение было бирюзового цвета. Устаналиваем размер свечения на 6 и цвет 00E1F5.

Шаг 13. Теперь сделаем углы буквы более плавными. Для этого, загружаем выделение слоя «ОФОРМЛЕНИЕ». Переходим Select — Modify — Contract (Выделение — Модификация — Сжать). Вводим 2 пикселя, затем инвертируем выделение SHIFT+CTRL+I. Перед тем, как мы продолжим, убедитесь, что активен слой «СИЯНИЕ». Теперь жмем DELETE, чтобы удалить лишнюю часть.

Шаг 15. Активируем слой «ОФОРМЛЕНИЕ» и кликаем на кнопку «fx» внизу панели слоев. В меню выбираем Inner Glow (Внутреннее свечение).

Шаг 16. Снова кликаем на кнопке «fx» и выбираем Create layers (Создать слои), в выскочившем окошке кликаем OK . Теперь стиль слоя с внутренним свечением находится на отдельном слое. Переименовываем его на «СВЕЧЕНИЕ КРАЕВ». Убедитесь, что ваши слои выглядят также, как и мои.

Шаг 17. Создаем слой-маску для слоя «СВЕЧЕНИЕ КРАЕВ» и жмем CTRL+I , чтобы изменить ее цвет на черный. Убедитесь, что ваша панель слоев выглядит также.

Шаг 18. Берем кисть (B) средней жесткости белого цвета размером около 100 пикселей с Opacity (Непрозрачность) на 100% и Flow (Нажим) на 15%. Убедитесь, что цвета переднего и заднего планов установлены на черный и белый соответственно, если это не так, то нажмите клавишу D . Чтобы быстро сменить цвет с черного на белый, нажмите клавишу X. Кликайте кистью в тех местах, в которых белая окантовка должна быть видна. Можете также поэкспериментировать с параметрами кисти. Делайте это только в тех местах, где есть закругленные края, и совсем немного на жестких, как показано на фигуре ниже. Запомните, что у сияния должен быть источник света, а так как я сделал букву немного развернутой, то свет будет падать с левой стороны. Не делайте все углы светящимися, так как это будет выглядеть нереалистично.

Шаг 19. Теперь мы должны добавить немного отражений. Активируем слой «ОФОРМЛЕНИЕ», переходим File — Place (Файл — Поместить) и выбираем любое изображение, желательно высокого разрешения. Я использовал фото с цветами. Затем помещаем новый слой так как показано на фигуре 2.

Шаг 20. Если изображение преобразовалось в смарт-объект, кликните на нем правой кнопкой мышки и выберите Rasterize Layer (Растрировать слой). Теперь мы можем редактировать этот слой. Далее нам необходимо октрыть окно Hue/Saturation (Цветовой тон/Насыщенность). Image — Adjustments — Hue/Saturation (Изображение — Коррекция — Цветовой тон/Насыщенность) или CTRL+U. Уменьшаем Saturation (Насыщенность) примерно до -95% или -90% и жмем OK. Теперь уменьшаем Opacity (Непрозрачность) до 20-25%.

Шаг 21. Создадим слой-маску для изображения, которое вы решили использовать в качестве отражения. После этого используем Gradient Tool (Градиент) (G) так же, как мы делали это в Шаге 10, но в этот раз проведите градиентом в верхней части буквы, чтобы маска была не полностью удалена.

Шаг 22. На этом можно закнончить, но вы можете продолжить, чтобы добавить больше деталей.
Сейчас мы добавим небольшой симпатичный эффект. Я использовал рукописный текст с отсканированной мною книги. Импортируем его на рабочий документ через File — Place (Файл — Поместить). Если изображение стало смарт-объектом , растрируйте его. Располагаем изображение, как показано на фигуре 1. Полностью обесцвечиваем изображение с текстом SHIFT+CTRL+U. Теперь необходимо применить Levels (Уровни) (CTRL+L), чтобы остались только черный и белый цвета. Нам не нужны оттенки серого, поэтому открываем уровни Image — Adjustments — Levels (Изображение — Коррекция — Уровни) и передвигаем ползунок Highlights (Света) вправо и ползунок Shadows (Тени) влево до тех пор, пока на изображении не остануться только черный и белый, как показано на фигуре 3. Устанавливаем режим смешивания слоя на Screen (Осветление). Затем уменьшаем Opacity (Непрозрачность) до 70%.

Шаг 23. Продолжаем работать на слое с текстом. Загружаем выделение слоя «ОФОРМЛЕНИЕ» и сжимаем его на 2 пикселя, как мы делали это раньше через Select — Modify — Contract (Выделение — Модификация — Сжать). Затем Select — Modify — Feather (Выделение — Модификация — Растушевка), вводим 1 пиксель. Инвертируем выделение Select — Inverse (Выделение — Инвертировать) (SHIFT+CTRL+I) и дважды жмем DELETE . Выделение все еще активно, выделяем слой с изображением, которое мы использовали для отражения (то, которое с цветами) и снова дважды жмем DELETE. Сравниваем фигуру 1 и фигуру 2.

Шаг 24. Остальное за вами! На черном фоне буква выглядит неплохо! Если вы выберите темный фон, то вам необходимо будет добавить свечения на черные области, так как сделал это я. Повторяем Шаги 15-17, но в этот раз применяем все к слою «ТЕЛО».

Деревянный 3D текст в Фотошоп. Уроки Photoshop CS6/CS5

В этом уроке мы будем создавать объемный деревянный текст в Photoshop CS6 Extended. Можно также использовать версию CS5, но это должна быть расширенная версия для работы с 3D проектами.

Финальное изображение:

Шаг 1

Создайте новый документ размером 1000х1000 пикселей с разрешением 72. Назовите этот документ «3D Text».


Шаг 2

Начнем создавать фон. Залейте фоновый слой цветом #ccb79f.

Шаг 3

Откройте изображение деревянного фона, выделите самую четкую часть и перенесите ее на новый документ. Слой с деревянным фоном назовите «Wood». При помощи инструмента Свободное трансформирование (Free Transform Tool) (Ctrl + T) растяните слой с деревянным фоном по размеру документа. Измените режим наложения слоя с деревянной текстурой на Умножение (Multiply), уменьшите его непрозрачность до 77%, и уменьшите параметр Заливка до 84%.

Шаг 4

Добавьте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation)и установите такие значения:

Цветовой тон (Hue): 28;
Насыщенность (Saturation): 21;
Яркость (Lightness): -32;
Включите флажок Тонирование (Colorize).

Шаг 5

Установите шрифт в Фотошоп, напишите слово PSD. Для шрифта используйте цвет #9d8365 и размер 24 пункта.

Шаг 6

К текстовому слою примените фильтр Экструзия (3D – Новая 3D Экструзия из выделенного слоя) (3D>New 3D Extrusion from Selected Layer). Палитра Слоев автоматически примет вид 3D палитры. В панели свойств Вы увидите камеру. В верхнем левом углу Вы увидите плавающее окно: это Ваша текущая камера. В верхнем плавающем окошке камера показывает текст сверху.

Шаг 7

Выберите инструмент Перемещение  (Move Tool ) и Вы заметите, что станет активна команда Поворот 3D объектов (Rotate the 3D Object). В палитре 3D выберите кнопку Вращать – после этого курсор примет вид стрелки. Поверните текст.

Шаг 8

В 3D палитре Вы найдете 3D слои. Ниже слоя «Текущий вид» (Current View) Вы найдете слой с пиктограммой Т, который называется PSD. Этот значок показывает, какое содержимое находится внутри слоя. Внутри также Вы найдете еще 5 слоев, из которых состоит 3D объект.

При активном слое PSD панель свойств изменится. Войдите в нее и измените глубину экструзии до 347.

Шаг 9

Теперь в панели свойств выберите команду Капитель (Cap). В секции Фаска (Bevel) измените параметр Ширина (Width) до 2% и в параметре Полукруг (Contour) выберите круглый. В секции  Inflate измените параметр Угол (Angle) до 90º. После этого, начнется процесс изменения.

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

Результат:

Шаг 10

Добавим к тексту текстуру. В  3D  палитре выделите последние 4 слоя внутри группы PSD. Теперь в панели свойств кликните по стрелке около изображении сферы, чтобы открыть доступный список текстур и найдите в нем текстуру Wood Balsa. Убедитесь в том, что в параметре Диффузия (Diffuse) выбран цвет #c18759 , а в параметре Свечение ( Illumination) выбран цвет #352c22.

Остальные параметры настройте так:
Блеск (Shine): 50%;
Отражение (Reflection): 15%;
Рельеф (Bump): 37%
Коэффициент преломления (Refraction): 1,550.

Результат:

Шаг 11

Сделайте активным слой PSD Extrusion Material , перейдите в панель свойств и измените деревянную текстуру на любую с трещинами, например, на Wood Ash. Измените цвет параметра Диффузия (Diffuse)  на  #c99b37 и значение параметра Рельеф (Bump) на 30%.
Теперь можете включить рендеринг изображения, чтобы посмотреть, каким оно станет.

Результат:

Шаг 12

Также, Вы можете добавить и собственную текстуру. Выделите слой PSD Front Inflation Material, войдите в панель свойств и кликните по иконке папки  Рельеф (Bump) правой кнопкой мыши и выберите пункт  Загрузить текстуру (Load Texture). Теперь в открывшемся окне выберите деревянную текстуру.

Шаг 13

В панели свойств измените вот эти параметры:

Диффузия (Diffuse): #9d8365;
Блик (Specular): #020202;
Свечение (Illumination): #000000;
Освещение (Ambient): #030303;
Блеск (Shine): 50%;
Отражение (Reflection): 15%;
Рельеф (Bump): 37%;
Коэффициент преломления (Refraction): 1,550.

Результат:

Шаг 14

В версии CS5, после окончания работы в секции 3D, вы не можете изменить созданный 3D объект. Но в версии CS6 есть возможность изменять 3D объект. Перейдите в 3D панель и выберите свой 3D объект (PSD). Затем, на панели свойств кликните по кнопке Изменить источник (Edit Source). Этот параметр позволяет открыть новый документ, в котором Вы можете изменить текст. Я изменю текст и добавлю слово FAN .

Шаг 15

Давайте увеличим расстояние между буквами. Откройте палитру Символы (Character) и увеличьте трекинг до 128. Теперь измените значение Интерлиньяж до 16, 55 пунктов.

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

Шаг 16

Теперь примените команду Привязать объект к плоскости основания (3D > Привязать объект к плоскости основания) (3D>Snap 3D Object to Ground Plane). Здесь будем добавлять тень к тексту. Скорректируйте положение текста по оси Y.

Результат:

Шаг 17

Эта текстура слишком большая, давайте ее изменим. Выделите слой PSD FAN Front Inflation Material, в панели свойств кликните по иконке папки справа от параметра Рельеф (Bump)  и выберите пункт Редактировать UV-свойства (Edit UV Properties). Измените значения до 100%. Результат Вы можете увидеть ниже:

Шаг 18

То же самое сделайте со слоем PSD FAN Extrusion Material. Установите вот такие значения:
U-масштаб (U Scale): 63,37%;
V-масштаб (V Scale): 85,15%;
U-смещение (U Offset): -18,81%;
V-смещение (V Offset): 2,97%
Также, можете нажать Alt+Ctrl+Shift+R.

Финальное изображение:

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

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

В этом уроке текстовых эффектов Photoshop мы научимся создавать простой 3D-текст:

Окончательный 3D текстовый эффект.

Начнем!

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выберите «Слой» > «Текст» > «Преобразовать в форму».

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

.

Текстовый слой преобразован в слой формы.

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

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

Выберите «Правка» > «Преобразовать контур» > «Перспектива».

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

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

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

.

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

Выберите «Слой» > «Объединить слои».

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

.

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

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

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

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

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

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

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

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

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

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

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

.

Окончательный 3D текстовый эффект.

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

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

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

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

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

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

Содержание

  • 2 способа создания 3D-текста в Photoshop
    • Способ 1: без 3D-инструмента
    • Способ 2: с использованием 3D-инструмента

      Если вы не знакомы с 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 (текст) на панели «Слои», щелкните правой кнопкой мыши и выберите Rasterize Type .

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

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

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

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

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

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

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

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

      Способ 2.

      Использование 3D-инструмента 

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

      Шаг 2: Перейдите в верхнее меню и выберите 3D > Новое 3D-выдавливание из выбранного слоя .

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

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

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

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

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

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

      По сути, вы уже создали 3D-текст, но есть еще эффекты, которые вы можете добавить к нему, и я покажу вам пару в следующих шагах. Если вас все устраивает, переходите сразу к Шаг 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 будет работать очень хорошо.

      О Джун

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

      Создание 3D-текста в Photoshop: пошаговое руководство

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

      • 5 лучших ноутбуков для Photoshop (открывается в новой вкладке)

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

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

      01. Создать фон

      Переключиться в рабочее пространство 3D и загрузить фоновое изображение

      Сначала измените рабочее пространство. Перейдите в «Окно» > «Рабочее пространство» > «3D». Теперь создайте новый пустой холст ( cmd / ctrl+N) . Назовите его 3D-текст, установите ширину на 1500 пикселей, высоту на 620 пикселей, разрешение на 300 пикселей на дюйм и нажмите кнопку ОК. Перейдите в меню «Файл» > «Поместить встроенный файл pix_117004_background. jpg», отрегулируйте размер и нажмите 9.0005 возврат/ввод .

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

      Загрузите нужный шрифт, прежде чем двигаться дальше

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      На панели 3D щелкните слой Safari_Texture. Теперь на панели «Свойства» нажмите «Заглушка». Установите Sides на Front, Bevel Width на 35% и измените Contour на Cone_Inverted.

      08. Перемещение 3D-текста

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

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

      09. Настройте свет

      Получите более драматичный вид, настроив свет

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

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

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

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

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

      Повышение резкости изображения и настройка тонов

      Во-первых, давайте немного увеличим резкость изображения. Нажмите на миниатюру Safari_Texture. Выберите «Фильтр» > «Резкость» > «Резкость больше». Теперь настройте тона. Перейдите в Слой > Новый корректирующий слой > Уровни. Установите Inputs на 0, 1.15, 215 и обрежьте слои.

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

      Время добавить дикую природу

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

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

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

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

      14. Инструмент «Перо»

      Добавьте слона и вырежьте его с помощью инструмента «Перо». Возьмите инструмент Перо ( P ) и нарисуйте путь вокруг слона. В разделе «Параметры» нажмите «Создать: выбор», а затем нажмите «ОК». Перейдите в меню «Слой» > «Слой-маска» > «Показать выделение». Нажмите cmd/ctrl+T и отрегулируйте размер.

      15. Добавьте больше настроек

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

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

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

      Время для еще немного дикой природы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      Нажмите shift+cmd/ctrl+opt/alt+E , чтобы создать снимок. Теперь произведите окончательную настройку. Выберите «Фильтр» > «Фильтр Camera Raw». Установите Экспозицию на +0,25, Света на -30, Четкость: +10 и Насыщенность: +5, затем нажмите OK.

      Первоначально эта статья была опубликована в выпуске 152 журнала Photoshop Creative. Подпишитесь здесь (откроется в новой вкладке) .

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

      • Работа со слоями в Photoshop: Стили слоев (открывается в новой вкладке)
      • Создание повторяющегося узора в Photoshop (открывается в новой вкладке)
      • 10 заповедей этикета Photoshop (открывается в новой вкладке)

      Спасибо, что прочитали 5 статей в этом месяце* Присоединяйтесь сейчас, чтобы получить неограниченный доступ

      Наслаждайтесь первым месяцем всего за 1 фунт стерлингов / 1 доллар США / 1 евро

      У вас уже есть аккаунт? Войдите здесь

      * Читайте 5 бесплатных статей в месяц без подписки

      Присоединяйтесь и получите неограниченный доступ

      Попробуйте первый месяц всего за 1 фунт стерлингов / 1 доллар США / 1 евро

      У вас уже есть аккаунт? Войдите здесь

      Даниэль — цифровой художник и фотограф.

      Как создать 3D-текст в Photoshop — Parker Photographic