Как создать эффект 3D-текста в Photoshop (с изображениями)

Оглавление:

Как создать эффект 3D-текста в Photoshop (с изображениями)
Как создать эффект 3D-текста в Photoshop (с изображениями)

Видео: Как создать эффект 3D-текста в Photoshop (с изображениями)

Видео: Как создать эффект 3D-текста в Photoshop (с изображениями)
Видео: Хонда Аккорд 7 (Honda Accord) | Таких больше не делают 2024, Апрель
Anonim

Если вы хотите создать профессиональную и впечатляющую графику или документы, Photoshop может стать отличным инструментом. В отличие от некоторых более простых программ, он дает вам возможность ориентировать, вращать, искажать и наклонять текст с различными эффектами. Хотя на рынке доступно несколько версий Photoshop, от CS4 до CS6, CC Suite или Lightroom, интерфейс в основном тот же. Создать простой трехмерный текст с помощью любой из этих программ Photoshop очень просто.

Шаги

Часть 1 из 3: Создание нового файла изображения

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

Шаг 1. Перейдите к кнопке «Файл» в верхней левой части экрана

Откроется раскрывающееся меню с несколькими вариантами.

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

Шаг 2. Нажмите «Создать» из вариантов

Чтобы ускорить процесс, вы также можете открыть новое изображение, нажав Ctrl + N (Windows) или Cmd + N (Mac). Появится всплывающее окно с несколькими параметрами, которые вы можете настроить для своего нового файла Photoshop.

  • Введите имя вашего нового файла Photoshop в поле «Имя».
  • Установите размер изображения на 300 пикселей. Это улучшит качество изображения при печати.
  • Изображение по умолчанию - это обычно белый фон, но если вам нужен прозрачный фон, отметьте круглый кружок рядом с параметром «Прозрачный». Это автоматически сохранит файл как PNG. Прозрачный фон хорош по многим причинам: гибкость в использовании трехмерного текста и возможность перекрытия слоев друг над другом, и это лишь некоторые из них.
  • Когда вы закончите настройку параметров нового изображения, нажмите «ОК».
Создание эффекта 3D-текста в Photoshop. Шаг 3
Создание эффекта 3D-текста в Photoshop. Шаг 3

Шаг 3. Измените цвет фона

Если вы решили использовать белый цвет фона по умолчанию, вы можете изменить его сейчас. Для этого щелкните значок ведра с краской (Paint) на панели инструментов слева. Измените цвет первого прямоугольника между двумя квадратными прямоугольниками в нижнем левом углу панели инструментов, щелкнув по нему и выбрав предпочтительный цвет. Теперь перетащите ведро с краской и щелкните любую область на белом изображении. Документ будет заполнен выбранным вами цветом.

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

Шаг 4. Откройте изображение (необязательно)

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

Часть 2 из 3: Ввод текста для преобразования в 3D

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

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

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

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

Шаг 2. Выберите шрифт

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

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

Шаг 3. Измените размер шрифта

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

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

Шаг 4. Измените цвет шрифта

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

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

Шаг 5. Добавьте текст к изображению

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

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

Часть 3 из 3: Преобразование текста в 3D

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

Шаг 1. Убедитесь, что текстовый слой выбран

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

Если текстовый слой не находится над фоновым слоем, щелкните, удерживайте и перетащите его над фоновым слоем

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

Шаг 2. Преобразуйте текст

Если вы хотите изменить размер, ориентацию и искажение текста, вам следует использовать команду «Свободное преобразование». Для этого нажмите «Редактировать» в верхней части экрана и в раскрывающемся меню выберите «Свободное преобразование». Сочетание клавиш для этого - Ctrl + T (Windows) и Cmd + T (Mac).

  • Вокруг текста на изображении появится поле преобразования. Чтобы исказить размер текстового изображения, щелкните угловые маркеры поля и перетащите его по диагонали до нужного размера. В зависимости от того, как вы перетаскивали прямоугольник, текст может быть удлинен или сглажен. Если вы не хотите, чтобы текст искажался, удерживайте клавишу Shift перед перетаскиванием.
  • Чтобы повернуть текст, удерживайте левую кнопку мыши и щелкните маркер типа стрелки, который появляется вверху текста.
  • После преобразования нажмите «Enter» на клавиатуре для Windows и «Return» для Mac, чтобы применить преобразование и выйти из режима свободного преобразования.
Создание эффекта 3D-текста в Photoshop. Шаг 12
Создание эффекта 3D-текста в Photoshop. Шаг 12

Шаг 3. Преобразуйте текст в форму

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

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

Шаг 4. Примените перспективу

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

  • Вокруг текста появится рамка трансформации с угловыми маркерами. Чтобы придать ему вид перспективы, перетащите ручку правого нижнего угла вниз и ручку правого верхнего угла вверх. Высота текста изменится, что придаст ему вид перспективы. Вы также можете сделать это наоборот, перетащив левые боковые углы или верхние и нижние углы.
  • Когда перспектива была изменена в соответствии с вашими предпочтениями, нажмите «Enter» или «Return», чтобы внести изменения.
Создание эффекта 3D-текста в Photoshop. Шаг 14
Создание эффекта 3D-текста в Photoshop. Шаг 14

Шаг 5. Сделайте несколько копий

Выберите слой-фигуру в палитре слоев, перейдите на панель инструментов слева и выберите инструмент «Перемещение» (значок стрелки и соединения). Удерживая клавишу alt="Image" (Windows) или Option (Mac), нажмите клавишу со стрелкой вправо на клавиатуре. Нажимайте столько раз, сколько хотите. Одно нажатие даст вам новую копию слоя с фигурой в палитре, при этом каждый слой сдвинется на один пиксель в нижний правый угол. Если вы хотите, чтобы он находился слева, вместо этого нажмите стрелку влево. Нажимайте стрелку, пока не достигнете необходимой глубины перспективы.

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

Шаг 6. Переместите исходный слой наверх

После создания нескольких копий вернитесь к палитре слоев. Выберите исходный слой, который находится прямо над фоновым слоем; в его названии нет слова «Копировать». Нажмите Ctrl + Shift +] для Windows и Cmd + Shift +] для Mac. Это перенесет исходный слой в верхнюю часть стопки слоев.

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

Шаг 7. Объедините копии

Чтобы объединить все копии в один слой, удерживайте нажатой клавишу Shift (или Option) и щелкните каждый слой. Это выберет все слои; обратите внимание, что все они выделены синим цветом на палитре слоев.

Перейдите в меню «Слои» вверху и нажмите «Объединить слои». Вы также можете нажать Ctrl (или Cmd) + E. Все копии будут объединены в один слой с фоновым слоем внизу и исходным слоем вверху

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

Шаг 8. Добавьте градиент

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

  • Щелкните образец цвета рядом с «Градиентом». Вы увидите набор градиентов на выбор. Выберите цвет градиента и убедитесь, что стиль под градиентом - «Линейный», а угол поворота установлен на «90».
  • Нажмите «ОК», чтобы установить параметр для вашего 3D-текста. Теперь вы можете сохранить трехмерное текстовое изображение (Ctrl или Cmd + S), чтобы не потерять свою работу.

Рекомендуемые: