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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

www.pscraft.ru

Делаем эффектный 3D текст в Фотошоп

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

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

Скачать архив с материалами к уроку

Примечание:

Автор использовал платный шрифт. Вы можете использовать свой вариант шрифта либо использовать альтернативный из архива с материалами к уроку .

1. Создаем текстовую основу

Шаг 1

Создаем новый документ размером 3500 х 2000 пикселей.

Затем добавляем текст, используя шрифт HWT Artz. Размер текста устанавливаем на 600 pt и Tracking (Трэкинг) на 150 pt.

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

Шаг 2

Называем текстовый слой «Текст», кликаем по нему правой кнопкой мышки и выбираем Convert to Shape (Преобразовать в кривые).

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

2. Создаем обводку

Шаг 1

Дублируем текстовый слой (Ctrl+J) и называем копию «Обводка 1».

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

Шаг 2

Берем Direct Selection Tool (A) (Частичное выделение) и переходим на верхнюю панель инструментов.

Примечание: в некоторых версиях программы инструмент Direct Selection Tool переводится как «Стрелка»

Устанавливаем Fill (Заливка) на None (Нет), Size (Размер) на 25 и в качестве цвета обводки выбираем черный. Затем кликаем на кнопку выбора типа обводки и в выпадающем меню Align (Выравнивание) выбираем Outside (Снаружи).

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

Шаг 3

Дублируем слой «Обводка 1» и называем копию «Обводка 2». Меняем ширину обводки дубликата на 35.

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

Шаг 4

Дублируем слой «Обводка 2» и называем копию «Обводка 3». Затем меняем ширину обводки дубликата на 50.

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

3. Создаем 3D-слои

Шаг 1

Для каждого слоя с текстом применяем 3D – New 3D Extrusion from Selected Path (3D – Новая 3D-экструзия из выделенного контура).

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

Шаг 2

Выбираем все 3D-слои, которые у нас есть и переходим

3D – Merge 3D Layers (3D – Слияние 3D-слоев).

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

4. Работаем с 3D-сценой

Шаг 1

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

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

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

Шаг 2

Если активировать Move Tool (V) (Перемещение), в верхней части панели параметров появится набор специальных 3D-режимов.

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

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

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

5. Редактируем сетку 3D-объекта

Шаг 1

На панели 3D выбираем элемент Text (Текст), затем на панели свойств устанавливаем Extrusion Depth (Глубина экструзии) на 200.

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

Шаг 2

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

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

6. Редактируем капитель 3D-объекта

Шаг 1

Снова выделяем компонент Text (Текст) на панели 3D. Затем кликаем на кнопку Cap (Капитель) в верхней части панели свойств.

Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) на 5%, Contour (Контур) на Half Round (Полукруг) и Inflate - Strength (Раздувание - Интенсивность) на 10%.

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

Шаг 2

Теперь жмем на кнопку Stroke (Обводка) на панели свойств. Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) на 20%, Contour (Контур) на Ring (Кольцо).

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

7. Настраиваем размещение объектов сцены

Шаг 1

На панели 3D выделяем все компоненты текста (сам текст и три обводки), затем кликаем на значок меню в правом верхнем углу панели и выбираем Move Object to Ground Plane (Переместить объект на плоскость основания).

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

Шаг 2

Берем Move Tool (V) (Перемещение) и используем 3D-оси, чтобы отделить обводки друг от друга.

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

Также вы можете перейти в меню View – Show – 3D Secondary View (Вид – Показать – Второстепенный 3D-вид), кликнуть на маленькую стрелку в левой части и выбрать Top (Вид сверху), чтобы лучше контролировать процесс перемещения обводок.

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

Шаг 3

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

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

8. Применяем текстуру с блестками

Шаг 1

На панели 3D выбираем Text Front Inflation Material (Материал передней выпуклости), затем на панели свойств кликаем на значок Diffuse (Рассеивание) и выбираем Edit Texture (Редактировать текстуру).

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

Шаг 2

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

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

Шаг 3

Жмем Ctrl+U, чтобы открыть окно настроек Hue/Saturation (Цветовой тон/Насыщенность), активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 37.

Переходим File – Save (Файл – Сохранить), затем File – Close (Файл – Закрыть), чтобы вернуться к 3D-сцене.

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

9. Настраиваем выпуклость материала

Шаг 1

На панели 3D выделяем компоненты Text Front Inflation Material (Материал передней выпуклости), Text Front Bevel Material (Материал переднего скоса), Text Back Bevel Material (Материал заднего скоса) и

Text Back Inflation Material (Материал задней выпуклости). На панели Properties (Свойства) настраиваем компоненты:

  • Specular (Цвет блика): (221, 161, 32)
  • Shine (Блеск): 50
  • Reflection (Отражение): 20
  • Bump (Рельеф): 3
  • Refraction (Коэффф. преломления): 1.299

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

Устанавливаем оба параметра Tile (Мозаика) на 1.

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

Шаг 5

Теперь выделяем Text Front Bevel Material (Материал переднего скоса), Text Back Bevel Material (Материал заднего скоса) и Text Back Inflation Material (Материал задней выпуклости). Кликаем на иконку папки возле Bump (Рельеф) и в выпадающем списке выбираем текстуру Metallic_Silver.

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

10. Настраиваем материал экструзии текста

Шаг 1

Выделяем компонент Text Extrusion Material (Материал экструзии), кликаем на иконку рядом с Diffuse (рассеивание) и выбираем Remove Texture (Удалить текстуру).

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

Шаг 2

Настраиваем остальные параметры:

  • Diffuse (Рассеивание): (232, 226, 211)
  • Specular (Цвет блика): (153, 151, 137)
  • Shine (Блеск): 20
  • Reflection (Отражение): 20
  • Roughness (Плавность): 31
  • Refraction (Коэфф. преломления): 1.2

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

11. Редактируем материал обводки

Шаг 1

Выделяем все материалы передней/задней выпуклостей и скосов для всех трех обводок, затем удаляем текстуру Diffuse (Рассеивание) и настраиваем остальные параметры:

  • Diffuse (Рассеивание): (92, 90, 83)
  • Specular (Цвет блика): (170, 168, 152)
  • Shine (Блеск): 50
  • Reflection (Отражение): 20
  • Refraction (Коэфф. преломления): 1.2

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

Шаг 2

Выделяем материалы экструзии всех обводок, удаляем текстуру Diffuse (Рассеивание) и настраиваем остальные параметры:

  • Diffuse (Рассеивание): (228, 183, 63)
  • Specular (Цвет блика): (51, 51, 51)
  • Shine (Блеск): 20
  • Reflection (Отражение): 20
  • Refraction (Коэфф. преломления): 1.2

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

12. Настраиваем освещение сцены

Шаг 1

Выделяем компонент Infinite Light (Бесконечный свет) и на панели свойств устанавливаем Intensity (Интенсивность) на 50% и Shadow – Softness (Тень - Сглаживание) на 30%.

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

Шаг 2

С помощью Move Tool (V) (Перемещение) вы можете двигать источник света или кликнуть на иконку Coordinates (Координаты) на панели Properties (Свойства) и ввести числовые значения координат.

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

Шаг 3

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

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

Шаг 4

Снова кликаем на иконки IBL (ИСБИ), выбираем Edit Texture (Редактировать текстуру), затем жмем Ctrl+U и устанавливаем Saturation (Насыщенность) на -65.

Сохраняем и закрываем файл.

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

Шаг 5

Устанавливаем Intensity (Интенсивность) на 50%.

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

Шаг 6

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

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

13. Визуализация текста и подготовка к дальнейшему редактированию

Шаг 1

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

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

Шаг 2

Когда рендеринг закончится, кликаем правой кнопкой по 3D-слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

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

Шаг 3

Переходим Image – Image Size (Изображение – Размер изображения) и устанавливаем Width (Ширина) на 1500 пикселей.

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

14. Добавляем корректирующие слои

Шаг 1

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

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

Шаг 2

Трансформируем корректирующий слой в обтравочную маску для слоя с надписью (Ctrl+Alt+G) и настраиваем его:

Yellows (Желтые):

  • Cyan (Голубой): 9
  • Magenta (Пурпурный): 6
  • Yellow (Желтый): 13
  • Black (Черный): 3

Greens (Зеленые):

  • Black (Черный): -80

Cyans (Голубые):

  • Black (Черный): -50

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

Whites (Белые):

  • Cyan (Голубой): -15
  • Magenta (Пурпурный): 10
  • Yellow (Желтый): 20
  • Black (Черный): -90

Neutrals (Нейтральные):

  • Cyan (Голубой): -2
  • Yellow (Желтый): 5

Blacks (Черные):

  • Cyan (Голубой) : -5
  • Magenta (Пурпурный): 5
  • Yellow (Желтый): -20
  • Black (Черный): 5

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

Таким образом, мы улучшили цвета картинки.

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

Шаг 3

Добавляем корректирующий слой Levels (Уровни), также трансформируем его в обтравочную маску и устанавливаем Highlights (Яркие тона) на 27, Gamma (Средние тона) на 1,03 и Shadows (Темные тона) на 231.

Это улучшит контрастность работы.

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

15. Создаем фон

Шаг 1

Выше фонового слоя добавляем слой с градиентной заливкой. Цвета используем следующие (справа-налево): #8f8e8e, #ebeaea и #8f8e8e.

Устанавливаем Angle (Угол) на 105 и Scale (Масштаб) на 250. Вы можете мышкой перемещать градиент внутри рабочей области, чтобы подобрать наилучшее расположение.

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

Шаг 2

Выше градиентного слоя вставляем картинку с эффектом боке. При необходимости регулируем ее размер, переименовываем слой на «Блестки» и устанавливаем режим смешивания на Soft Light (Мягкий свет).

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

Шаг 3

Добавляем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) и трансформируем его в обтравочную маску для слоя с блестками, активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 40.

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

Шаг 4

Находим в наборе с картинками пузырей изображение hybrid03 и вставляем его выше слоя с блестками. Называем слой с пузырями «Фоновая текстура 1».

Меняем режим смешивания этого слоя на Screen (Осветление) и, при необходимости, корректируем размер.

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

Шаг 5

Добавляем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) и трансформируем его в обтравочную маску для слоя с пузырями, активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 38.

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

Шаг 6

Размещаем изображение Platinafx4 из набора с абстрактными картинками выше слоя «Фоновая текстура 1» и называем его «Фоновая текстура 2».

Меняем режим смешивания этого слоя на Screen (Осветление) и, при необходимости, корректируем размер.

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

Шаг 7

Добавляем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) и трансформируем его в обтравочную маску для слоя «Фоновая текстура 2», активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 35.

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

16. Добавляем блики

Шаг 1

Активируем Brush Tool (B) (Кисть) и открываем панель Window – Brush (Окно – Кисть).

Выбираем любую понравившуюся кисть из набора со звездами и бликами. Затем настраиваем Shape Dynamics (Динамика формы): Size Jitter (Колебание размера) 50%, Angle Jitter (Колебание угла) 100%.

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

Шаг 2

Устанавливаем цвет переднего плана на #d6d6d6, создаем новый слой выше всех предыдущих, называем его «Блики» и устанавливаем режим смешивания на Overlay (Перекрытие).

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

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

17. Добавляем Карту градиента

Шаг 1

Добавляем корректирующий слой Gradient Map (Карта градиента) и меняем его режим смешивания на Soft Light (Мягкий свет) с непрозрачностью 15%.

В окне настройки градиента активируем параметр Dither (Дизеринг), затем выбираем цвета (слева-направо): #5a5871, #b79787 и #fdcd90.

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

Шаг 2

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

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

Поздравляю, мы закончили!

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

Затем конвертировали слои в 3D-объекты и настроили их внешний вид. После этого доработали освещение и визуализировали готовый текст.

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

Автор: Rose

photoshop-master.ru

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

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

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

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

Шаг 1. Открываем изображение

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

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

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

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

Шаг 2. Создаем текстовый блок

Создайте большой текстовый блок, используя Инструмент Текст – Type Tool (T) и жирный шрифт без засечек. В уроке использован шрифт Franchise. У вас должно получиться что-то наподобие этого:

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

Шаг 3. Открываем панель 3д объектов

Выделите ваш текст, затем откройте перейдите в меню Окно > 3D (Window > 3D). Затем выберите пункт 3D - экструзия (3D Extrusion) и нажмите кнопку Создать (Create).
Вы увидите, что на панели 3D появились новые объекты.

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

Шаг 4. Вкладка "Окружение"

Для начала, кликните на вкладку Окружающий фон (Environment).

Шаг 5. Изменяем непрозрачность

Измените Непрозрачность (Opacity) Теней (Shadows) на 95% в разделе Плоскость основания (Ground Plane).
Можете сверить ваши настройки с изображением ниже:

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

Шаг 6. Поворачиваем камеру

Теперь вам нужно повернуть камеру, используя Инструмент Поворот 3D-объекта (3D Object Rotate Tool), чтобы линии 3D сетки совпадали с линией горизонта на фото.

Шаг 7. Редактируем сектор обзора

Далее на вкладке Свойства (Properties) мы будем редактировать Сектор обзора - FOV (Field of View), пока сходящиеся линии сетки не станут параллельны сходящимся линиям на вашем фото.

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

Шаг 8. Настройка камера

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

Настройки камеры для данного изображения и текста такие:

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

Шаг 9. Настройка экструзии

Далее мы настроим экструзию текста. Кликните левой кнопкой мыши по тексту, чтобы он стал активным.

На вкладке Фильтр по: Сетке (Filter By: Meshes) установите Глубину экструзии (Extrusion Depth) 150 – этот параметр регулирует толщину 3D текста, поставьте галочки Захватить тени (Catch Shadows) и Наложить тени (Cast Shadows).


Затем передите на вкладку Капитель (Cap) и установите Ширину фаски (Bevel Width) 10% и Угол (Angle) 45 градусов - это добавит реалистичности тексту.

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

Шаг 10. Добавляем текстуру

Теперь мы добавим текстуру нашему 3D тексту.

Кликните на слой Материал передней выпуклости (Front Inflation Material), чтобы открыть окно Свойства материалов (Materials properties).

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

Шаг 11. Загружаем текстуру с компьютера

Нажмите на иконку рядом со строкой Материал - Диффузный (Diffuse material) и нажмите Загрузить текстуру (Load Texture), найдите текстуру на компьютере и загрузите ее.

 

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

Шаг 12. Редактируем свойства текстуры

Теперь кликните по той же иконке еще раз и выберите пункт Редактировать UV-свойства (Edit UV Properties) и установите такие настройки:
Масштаб (Scale) U и Масштаб (Scale) V: 100%.
Нажмите ОК.

Шаг 13. Добавляем рельеф

Проделайте те же действия из шага 7, но для параметра Рельеф (Bump).
Установите значение Рельеф (Bump) 10% - это добавит текстуре некоторую глубину и шероховатость.

Шаг 14. Создаем материал

Далее нажмите стрелочку рядом с пиктограммой 3D материала, затем нажмите значок настроек и выберите пункт Новый материал (New Material), придумайте название вашему материалу и нажмите ОК.

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

Шаг 15. Редактируем материал

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

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

Шаг 16. Настраиваем свет

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

По умолчанию в Photoshop добавлен источник Бесконечный свет (Infinite Light).

Выберите слой Бесконечный свет (Infinite Light).

Шаг 17. Настраиваем свет

Установите интенсивность (Intensity) света 75%, поставьте галочку Тень (Shadow) и значение Сглаживание (Softness) 3%

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

Шаг 18. Настраиваем свет

Затем поверните источник света так, чтобы он совпадал с источником света на фотографии. На этой фотографии свет падает слева.

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

Шаг 19. Финальное изображение.

Теперь перейдите в меню 3D > Рендеринг - 3D > Render (Alt+Shift+Ctrl+R), чтобы отрендерить сцену. Наберитесь терпения: в зависимости от размера изображения и возможностей вашего компьютера это может занять более 5-10 минут.
 

Как только 3D отрендерился, вы можете переключиться на панель Слои (Layers) и продолжить работу с другими слоями. Также вы можете в любой момент вернуться на панель 3D и внести корректировки, если будет необходимо.

Как добавить 3D текст в пейзаж в Фотошопе CS6. Как добавить 3д текст в фото. Как сделать 3д текст в фотошопе. Как сделать 3д текст в фотошопе. Как сделать 3д текст в фотошопе cs6. Как сделать 3д текст в фотошопе cc. Как сделать 3д текст в фотошопе cs5. Как сделать красивый 3д текст в фотошопе. Как сделать 3д текст в фотошопе сс.

Ссылка на источник

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

sveres.ru

Как быстро сделать 3D текст в Иллюстраторе

Хотите придать немного объема своим шрифтовым работам? В этом уроке мы покажем как за несколько минут сделать оригинальный 3D текст в Adobe Illustrator. С его помощью вы можете сделать оригинальный постер и, разумеется, это будет еще одна популярная работа в вашем портфолио, если вы зарабатываете на стоках.

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


Шаг 1. Надпись

Выберем какой-либо шрифт без засечек и с возможностью начертания Light. Например, Nexa Light. Напишем нужный нам текст (Т).

Шаг 2. Цвет

Скучный черный цвет в этот раз заменим, на что-то более веселое. Скажем, на оттенки палитры Beach, которую можно найти в стандартных библиотеках Swatch Library.

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

Шаг 3. Придаем объем

Переводим текст в кривые (Ctrl+O) и разгруппировываем. Теперь мы можем работать с каждой буквой независимо. Выделяем первую из них и применяем эффект Вытягивание и Скос (Effect > 3D > Extrude & Bevel ) с параметрами

X-Axis: -33°
Y-Axis: 40°
Z-Axis: -18°
Extrude Depth: 20 pt
Surface: Plastic Shading

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

Шаг 4. Придаем объем

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

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

Шаг 5. Придаем объем

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

Шаг 6. Подготовка поверхностей

Поработаем над поверхностями букв. Для этого нам надо будет Развернуть (Expanded) объекты. После этого необходимо убедиться, что все контуры (особенно боковые) являются замкнутыми кривыми. Лучше всего для этого подходит поочередное выделение каждой грани и использование инструмента Объединение на панели Pathfinder. Так мы сможем избежать досадных лишних точек и линий, из-за которых, например, легко можно получить отказ на стоке.

После того, как все боковые грани будут обработаны, зальем лицевые стороны букв каким-либо цветом.

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

Шаг 7. Градиенты

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

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

Шаг 8. Тени

Последний штрих — добавим фон и тени. Здесь также всё элементарно. Рисуем пером (Р) простые фигуры и заливаем их градиентом под нужным углом. После создания, тени помещаем на задний план (Ctrl+[)

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

Шаг 9. Финальное изображение

Наш оригинальный объемный текст готов!

Ссылка на источник

sveres.ru

Как сделать 3d текст в word?

Создание объемного текста в PowerPoint — это истинное удовольствие, если знаешь как! Процесс этот несколько отличается от создания объемной геометрической фигуры, поэтому хочу, не вдаваясь в особую детализацию, остановиться на некоторых нюансах, как  можно быстро и с удовольствием создавать 3D текст в PowerPoint 2010.
Итак, пошаговая инструкция по созданию объемного текста.

Заходим в PowerPoint, благо это стандартная программа Microsoft Office и найти ее не сложно
1. В разделе Вставка  находим WordArt и выбираем приглянушийся вариант. Здесь нужно помнить, что цвет как самих букв, так и контура можно поменять в процессе работы. Я выбрала эту синюю букву просто для примера и даже не поменяла стандартный заголовок Поместите здесь Ваш текст.
2. Теперь щелкните правой клавишей мыши прямо внутри текста, и вы должны получить 2 выпадающих меню: короткое и длинное. Если вы хотите сразу же изменить цвет текста, размер и тип шрифта, поработайте с коротким. Что действительно очень удобно в PowerPoint, вы сразу же видите все соверщаемые действия, не закрывая меню. Для примера я изменила цвет текста на красный, но размер и тип шрифта не меняла. Здесь же вы можете поэкспериментировать с также с другими опциями. Отменить свое действие всегда можно стрелкой возврата в левом верхнем углу программы или просто сочетанием клавиш Ctrl+Z на клавиатуре.
Для непосредственного создания объемного текста нужно щелкнуть левой клавишей мыши по второй строке снизу Параметры анимации текста, отмеченного в длинном выпавшем меню предыдущего скриншота. Появится новое меню Формат текстовых эффектов. Здесь нас будут интересовать главным образом две опции Формат объемной фигуры (не спутайте с нижней строчкой предыдущего меню Формат фигуры) и Поворот.
3. Я специально не буду останавливаться на остальных пунктах меню  нового выпавшего меню Формат текстовых эффектов, так как все это Вы можете попробовать и сами. А вот без опций Поворот и Формат объемной фигуры нам никак не обойтись. Мнения, с чего начинать сначала, расходятся. Кто-то сначала задает формат, а потом уже поворот. Однако по собственному опыту я предлагаю начать с опции Поворот, так как иначе все параметры, заданные в опции Формат объемной фигуры не будут отражаться в тексте сразу, как мы привыкли, так как объем становится виден именно при повороте фигуры. Пробуем разные варианты поворота. На скриншоте взят поворот из раздела Перспектива, но еще лучше смотрятся повороты из самого нижнего раздела Наклон.
Если сдвинуть окно с опциями влево или вправо, чтобы освободить текст, то все ваши действия будут сразу же отражаться на рисунке, вы легко сможете выбрать желаемый поворот, не выходя из меню.
4. Вот теперь можно смело переходить к опции Формат объемной фигуры. И здесь основным параметром является Глубина, так как без Рельефа, Контура и Поверхности вполне можно обойтись, хотя это очень украшает. Лично я люблю задать различные Материал и Освещение, а также рельеф для большего эффекта. Но все-таки главным образом объем текста создается именно параметрами раздела Глубина.
Опять же, сдвинув опционное окно с Вашего текста, вы сразу же будете видеть  создаваемую картинку, и таким образом устанавливать нужный цвет и величину глубины, не выходя из меню.
Вот собственно и все. А в заключение хочу рассказать об еще одном интересном моменте. Вы, наверное обратили внимание, что когда текст обрамлен рабочей рамкой, то в верхнем правом углу оранжевым цветом выделен раздел Средства рисования. Здесь есть уже знакомые вам по предыдущему меню опции — Тень, Отражение, Свечение, Рельеф, Поворот  (в PowerPoint вообще довольно часто можно встретить дублирующие опции в разных местах программы, что очень удобно), но есть здесь и новая опция Преобразовать. Здесь на скриншоте я применила вариант из раздела Траектория. Поработайте с другими вариантами и посмотрите, как будет меняться ваш объемный текст. Программа PowerPoint, на мой взгляд, позволяет испытать ни с чем ни сравнимое ощущение творца чего-то доселе недоступного и прекрасного, причем без таких титанических усилий, как, например, в Adobe Photoshop.

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

как … сделать объемный, фигурный текст в MS Word10 Oct, 2016

Использование WordArt для создания текста с тенью, объемом в Ворде

Comments

word-office.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

photoshop-work.ru

Генератор CSS для создания 3D текста

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

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

1. Не нужно далеко ходить…

Как сделать буквы 3д – Как сделать 3D текст в фотошопе
ПЕРЕЙТИ К ГЕНЕРАТОРУ

Я не стану Вас отправлять далеко на какой-нибудь посторонний сервис, потому что сейчас генератор CSS 3D текста есть и на моём сайте!

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

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

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

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

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

2. Видеодемонстрация работы генератора CSS 3D текста

Небольшое видео, где я рассказал как пользоваться сервисом по генерации 3D текста на CSS.

ПЕРЕЙТИ К ГЕНЕРАТОРУ

Вывод

Генератором CSS значительно легче сделать эффект 3D, чем писать всё это самостоятельно с нуля. Чтобы не потерять генератор CSS и постоянно не искать его, нажмите сочетание клавиш CTRL+D и он всегда будет у Вас в закладках, а Вы сможете зайти на него в любое время.

Не забудьте рассказать друзьям об этом генераторе 3D текста на CSS с помощью социальных кнопок, которые находятся ниже.

Успехов!

С Уважением, Юрий Немец

Генератор CSS 3D текста — используем генератор CSS для создания 3D текста 5.00/5 (100.00%) 4 голос(ов)

Понравилась статья - расскажи друзьям! 🙂

Facebook

Twitter

Вконтакте

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

Google+

www.sitehere.ru

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *