Как сделать 3д текст в Фотошопе
В отличие от предыдущих версий Photoshop, где инструменты 3D были реализованы весьма посредственно, Adobe Photoshop CS6 позволяет создавать реалистичные 3D объекты и текст быстро и просто.
Из этого урока вы узнаете, как добавить 3D текст на фотографию, используя только Photoshop.Шаг 1.
Открываем изображениеДля начала, откройте изображение и дважды кликните по слою левой кнопкой мыши, чтобы разблокировать его.
Обратите внимание, что лучше всего подходят фотографии, на которых четко виден горизонт и присутствуют прямые линии для размещения текста.
На данном фото есть линии и перила пирса, которые помогут нам легко найти фокусное расстояние и угол фотографии.
Если вы знаете фокусное расстояние вашей фотографии, то можете использовать это значение в процессе. Если же не знаете, то ничего страшного.
Шаг 2.
Создаем текстовый блокСоздайте большой текстовый блок, используя
Шаг 3.
Открываем панель 3д объектов
Выделите ваш текст, затем откройте перейдите в меню Окно > 3D (Window > 3D). Затем выберите пункт 3D — экструзия (3D Extrusion) и нажмите кнопку Создать (Create).
Вы увидите, что на панели 3D появились новые объекты.
Шаг 4.
Вкладка «Окружение»Для начала, кликните на вкладку Окружающий фон (Environment).
Шаг 5.
Изменяем непрозрачностьИзмените Непрозрачность (Opacity) Теней (Shadows) на 95% в разделе Плоскость основания (Ground Plane).
Можете сверить ваши настройки с изображением ниже:
Шаг 6.
Поворачиваем камеруТеперь вам нужно повернуть камеру, используя Инструмент Поворот 3D-объекта (3D Object Rotate Tool), чтобы линии 3D сетки совпадали с линией горизонта на фото.
Шаг 7.
Редактируем сектор обзораДалее на вкладке Свойства (Properties) мы будем редактировать Сектор обзора — FOV (Field of View), пока сходящиеся линии сетки не станут параллельны сходящимся линиям на вашем фото.
Шаг 8.
Настройка камераНастройка может занять некоторое время, и вам может понадобиться несколько раз изменить размер самого текста, чтобы добиться нужного результата.
Настройки камеры для данного изображения и текста такие:
Шаг 9.
Настройка экструзииДалее мы настроим экструзию текста. Кликните левой кнопкой мыши по тексту, чтобы он стал активным.
На вкладке Фильтр по: Сетке (Filter By: Meshes) установите Глубину экструзии (Extrusion Depth) 150 – этот параметр регулирует толщину 3D текста, поставьте галочки Захватить тени (Catch Shadows) и Наложить тени (Cast Shadows).
Затем передите на вкладку Капитель (Cap) и установите Ширину фаски (Bevel Width) 10% и Угол (Angle) 45 градусов
Шаг 10.
Добавляем текстуруТеперь мы добавим текстуру нашему 3D тексту.
Кликните на слой Материал передней выпуклости (Front Inflation Material), чтобы открыть окно Свойства материалов (Materials properties).
Шаг 11.
Загружаем текстуру с компьютераНажмите на иконку рядом со строкой Материал — Диффузный (Diffuse material) и нажмите Загрузить текстуру (Load Texture), найдите текстуру на компьютере и загрузите ее.
Шаг 12.
Редактируем свойства текстурыТеперь кликните по той же иконке еще раз и выберите пункт
Масштаб (Scale) U и Масштаб (Scale) V: 100%.
Нажмите ОК.
Шаг 13.
Добавляем рельеф
Проделайте те же действия из шага 7, но для параметра Рельеф (Bump).
Установите значение Рельеф (Bump) 10% — это добавит текстуре некоторую глубину и шероховатость.
Шаг 14.
Создаем материалДалее нажмите стрелочку рядом с пиктограммой 3D материала, затем нажмите значок настроек и выберите пункт Новый материал (New Material), придумайте название вашему материалу и нажмите ОК.
Шаг 15.
Редактируем материалШаг 16.
Настраиваем светВ заключении мы отредактируем освещение, чтобы оно соответствовало освещению на фотографии.
По умолчанию в Photoshop добавлен источник Бесконечный свет (Infinite Light).
Выберите слой Бесконечный свет (Infinite Light).
Шаг 17.
Настраиваем светУстановите интенсивность (Intensity) света 75%, поставьте галочку Тень (Shadow) и значение
Шаг 18.
Настраиваем светЗатем поверните источник света так, чтобы он совпадал с источником света на фотографии. На этой фотографии свет падает слева.
Шаг 19.
Финальное изображение.
Теперь перейдите в меню 3D > Рендеринг — 3D > Render (Alt+Shift+Ctrl+R), чтобы отрендерить сцену. Наберитесь терпения: в зависимости от размера изображения и возможностей вашего компьютера это может занять более 5-10 минут.
Как только 3D отрендерился, вы можете переключиться на панель Слои (Layers) и продолжить работу с другими слоями. Также вы можете в любой момент вернуться на панель
Как добавить 3D текст в пейзаж в Фотошопе CS6. Как добавить 3д текст в фото. Как сделать 3д текст в фотошопе. Как сделать 3д текст в фотошопе. Как сделать 3д текст в фотошопе cs6. Как сделать 3д текст в фотошопе cc. Как сделать 3д текст в фотошопе cs5. Как сделать красивый 3д текст в фотошопе. Как сделать 3д текст в фотошопе сс.
Ссылка на источник
Как сделать 3D текст в фотошопе
В данном уроке мы рассмотрим основные инструменты программы фотошоп для работы с 3D объектами, а именно с текстом.
В фотошопе можно без труда смоделировать красивую 3D надпись, например для логотипа сайта или группы в социальной сети. Объемный текст в фотошопе создается гораздо проще, чем в 3D редакторах и так, приступим!
1) Создадим новый документ, необходимого Вам размера, я задал квадратный размер 1024 на 1024 пикселя. Для этого в верхнем меню слева выбираем «Файл» — «Создать» и устанавливаем необходимые параметры. Если вы не опытный пользователь программы фотошоп, то рекомендую ничего не менять, оставить все параметры по умолчанию, кроме размера документа.
2) Теперь напишем текст, который в дальнейшим будем делать трехмерным. Для этого в левом боковом меню программы выбираем инструмент «Текст», кликнув по нему левой кнопкой мыши.
Теперь, выбрав необходимый инструмент, кликаем левой кнопкой мыши на нашем холсте и печатаем необходимый текст. Для настройки размера текста, шрифта, его цвета и тп.. необходимо в панельке с правой стороны выбрать вкладку «Символ».
Если у Вас данная вкладка не отображается, то ее необходимо включить, выбрав в верхнем меню программы «Окно» — «Символ». Слева от пункта «Символ» должна стоять галочка, значит данный пункт включен. Если галочки нет, просто кликните по этому пункту левой кнопкой мыши.
3) И так, мы напечатали необходимый нам текст, настроили его размеры, цвет, выбрали шрифт, теперь преобразуем его в объемную 3D модель. Для этого в верхнем меню программы выбираем пункт «3D» — «Новая 3D — экструзия из выделенного слоя» и в всплывающем окне просто нажимаем «Ок».
При этом слой с текстом в правой панели снизу должен быть выделен, если выделен другой слой, то кликните левой кнопкой мыши по слою с текстом, чтобы выделить именно его.
4) Выполнив все описанные выше действия мы попадаем в режим 3D редактирования нашего текста. Вы можете поворачивать и перемещать текст в любом направлении, используя 3 оси, выбирая нужную и удерживая левую клавишу мыши. Так же можно произвольно выбирать ракурс текста, для этого наведите мышь за пределы текста (лучше над ним), нажмите левую кнопку мыши и удерживая ее перемещайте мышь.
5) При работе в режиме 3D редактирования нам становится доступна панель настроек в правой верхней части программы. С помощью данной панели можно настроить различные эффекты для нашего текста, попробуйте что-нибудь изменить двигая ползунки установок в данной панели. Поэкспериментировав с данными настройками можно получить необычный и интересный результат.
Вот, к примеру, регулируя ползунок настройки «Скручивание» я получил вот такой интересный эффект:
6) Создав необходимый вам текст с эффектами и нужным ракурсом его можно преобразовать в «Смарт-объект» и работать с ним уже как с обычным слоем, а не 3D объектом. Для этого в правой нижней панели перейдите из вкладки «3D» во вкладку «Слои» и выберите слой с текстом, нажмите на нем правой кнопкой мыши и выберите «Преобразовать в Смарт-объект». Но учтите, после преобразования текста в Смарт-объект вы его уже не сможете редактировать, т.е. изменить сам текст надписи, поменять шрифт, сменить эффекты 3D и т.п., поэтому данное действие лучше делать по окончанию работы.
7) Если вы хотите сделать надпись допустим на половину скрученой, а вторую часть надписи просто объемной и повернутой боком, то соответственно изначально вам необходимо создать два разных слоя в каждом из которых будет часть этой надписи и с каждым из слоев работать по отдельности, редактируя часть надписи.
Как быстро сделать объемный 3D текст в фотошопе
Объемный текст с 3D эффектом может быть прекрасным дополнением вашей рекламе, как и другие текстовые эффекты. Слово написанное объемными буквами сразу захватывает внимание и придает необычности вашему макету.
В этом уроке будет подробно рассматриваться создание надписи 3D в двух стилях (обычный и с отражением окружающей среды), а также подробно описаны настройки внешнего вида.
Стоит сразу отметить, что 3D эффекта можно достичь по разному. Например, применяя эффект слоя тиснение, рисование вручную и т.д.
В этом уроке речь пойдет о применении функции 3D, которая доступна во всех последних версиях фотошопа.
Создание надписи 3D
В самом начале нужно создать новое изображение в Photoshop или открыть изображение, на котором должна быть ваша надпись.
Далее создаем текстовый слой. Кстати, сам эффект 3D будет работать не только с текстовым слоем. Выдавливать объем можно из любого другого слоя.
Выделяем текст и нажимаем соответствующую кнопку, как показано на скриншоте ниже:
Также можно нажать правой кнопкой мыши на слой с текстом и выбрать «New 3D Extrusion from Selected Layer»
Текст сразу же приобретает толщину и становиться объемным. Теперь его можно покрутить, передвинуть или поменять размер.
Настройка 3D текста
Чтобы попасть внутрь настроек, необходимо выделить слой текста и открыть панель «3D». Здесь вы можете отрегулировать все необходимые параметры надписи.
Среди них есть Environment, Scene, Curretn Veiw, Infinite Light, TEXT — настройка материалов текста. На русский это можно перевести как: среда, сцена, текущий вид, бесконечный свет и ваш текст.
Кликнув по одному из пунктов открываются настройки в панели «Properties» или «свойства». Здесь настраиваются все параметры данного пункта.
Во вкладке свет (Infinite Light) настраивается расположение источника света, от него зависит степень освещенности букв и расположение тени.
Во вкладке вид (Curretn Veiw) выставляется основные виды, также можно сохранить выбранный вид, чтобы затем к нему вернуться.
Выберите в панели 3D ваше слово. В свойствах будут доступны готовые пресеты (наборы настроек). Выберите то выдавливание текста, которое вам больше нравиться, как показано на скриншоте ниже.
Здесь также можно менять общий цвет вашей надписи, выбрав все материалы в раскрывающемся списке.
Если вы сделали ошибку в тексте или хотите изменить слово, то это можно сделать в той же панели нажав кнопку «Edit source».
Например, я сделаю слово заглавными буквами.
После изменения текста обязательно необходимо сохранить изменения в файле, после чего ваш текст измениться и эффект 3D обновится.
Среди настроек «Environment» есть функция автоматического отражения текста. Если ваш текст стоит на поверхности, то этот эффект будет хорошо дополнять.
Теперь, когда вы ознакомились с основными настройками, сделайте текст так, как вам нравится. Можно также добавить фон и эффект отражения.
В самом конце для наиболее качественного отображения 3D текста необходимо нажать кнопку «Render» и немного подождать.
В итоге может получаться вот так:
3D текст с отражением фона
Усложним задачу и сделаем отражение окружающей среды в буквах.
Для этого нужно во вкладке Environment удалить текущую текстуру и поставить новую.
Новая текстура по умолчанию создается белой. Перейдите на вкладку слои и скопируйте слой фона нажав CTRL+A и CTRL+C.
Откройте текстуру выбрав «Edit Texture». Нажмите CTRL+V и фон текстуру. Закройте изображение текстуры с сохранением изменений.
Отражение окружения должно появится на ваших буквах.
Чтобы его лучше было видно, желательно сделать цвет букв черным.
Буквы можно разделить и развернуть в под разными углами. Для этого в меню выберите 3D/Split Extrusion. Теперь положение букв регулируется отдельно.
Чтобы текст не терялся, фон пришлось немного затемнить. В моем случае получилось следующим образом:
Видео урок создание текста 3D
В видео уроке подробно описаны все этапы создания объемного текста в обычном режиме, а также с отражением окружающего фона на буквах.
(Visited 3 790 times, 2 visits today)
Блестящий объёмный 3D текст в Photoshop CC
Это действие сразу выдавит текст и под буквами появится поверхность плоскости основания:
ШАГ ТРЕТИЙ: Наш текстовый слой назывался «PLAY». Созданный из него 3D-слой называется так же. Найдите его в панели 3D и кликните по нему. Затем, если не открылась сама, откройте панель свойств (Окно —> Свойства или Window —> Properties) и задайте глубину экструзии (Extrusion Depth) в 0:
Буквы стали плоским, что нам и нужно.
ШАГ ЧЕТВЕРТЫЙ: В верхней части панели свойств нажмите на третий значок слева, в этом разделе мы можем изменить угол и интенсивность раздувания фигуры фигуры.
Сначала, кликните по выпадающему меню «Стороны» (Sides) вверху панели и установите на «Спереди и сзади» (Front and Back). Затем перейдите к разделу «Раздувание» (Inflate) и установите «Угол» (Angle) на 90 ° и «Интенсивность» (Strength) на 20%. Буквы сразу становятся раздутыми. Это хорошо видно на дополнительном виде сверху:
ШАГ ПЯТЫЙ: На данный момент все буквы в слове являются единым объектом. Я же хочу использовать каждую букву, как отдельный элемент. Но, перед тем, как разделить объект из букв, давайте настроим свойства поверхности объекта. На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств, в окне выбора материалов найдите материал с названием «Без текстуры» (No Texture):
Продолжим работу с панелью свойств. Нажмите на прямоугольник-образец цвета рядом с Рассеиванием» (Diffuse) и выберите белый в палитре цветов, затем нажмите OK. Установите «Блеск» (Shine) на 100%, «Отражение» (Reflection) на 75%, «Плавность» (Roughness) около 25% и «Рельеф» (Bump) 10%:
ШАГ ШЕСТОЙ: Пройдите по вкладке главного меню 3D —> Разделить экструзию (3D —> Split Extrusion). Это позволит Вам манипулировать с каждой буквой в отдельности, сохраняя при этом все буквы в том же 3D-слое. Переключитесь на инструмент «Перемещение (Move Tool) и наведите курсор на первую букву. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить позицию и масштаб этой буквы, не затрагивая остальные буквы:
ШАГ СЕДЬМОЙ: Давайте раскрасим каждую букву в свой цвет, начнём с выбранной на данный момент самой левой буквы. В панели 3D нажмите на На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств нажмите на квадратик рядом с » Рассеиванием» (Diffuse) и выберите, к примеру, зелёный цвет в палитре цветов. Нажмите OK. Сделайте то же самое для остальных букв, задавая каждой из них свой цвет. Вы заметите, что отражающие свойства поверхностей букв остаются без изменений, даже при изменении цвета:
Обращаю Ваше внимание, что в панели 3D надо переключать на «Материал передней выпуклости» для каждой отдельной буквы:
ШАГ ВОСЬМОЙ (для Photoshop CS6): Если Вы используете Photoshop CC, то Вы видите несколько отражающих бликов на 3D-объектах. Эти блики создаются по умолчанию основе освещения IBL (Image Based Light — источник света на базе изображения). В Photoshop CS6 изображение, на основе которого эти источнике света, по умолчанию сплошное чёрное, т.е. никаких источников нет, соответственно, и бликов не будет. На рисунке ниже я показал, как выглядит это изображение в Photoshop CC, также, я показал, каким образом можно открыть и посмотреть изображение IBL:
Это изображение похоже на потолочные светильники, оно и создаёт эффект бликов на буквах. Поэтому, в Photoshop CS6 его надо создать самостоятельно. Действия по созданию новой текстуры похоже на действия на рисунке выше, только вместо «Редактировать текстуру» (Edit Texture) нажмите строку «Новая текстура» (New Texture). Photoshop автоматически откроет окно создания нового документа, введите размеры 538 на 302 пикселя и нарисуйте серо-белый холст, похожий на показанный на рисунке выше, затем сохраните документ.
ШАГ ЗАВЕРШАЮЩИЙ: Освещение готово, и 3D текст разделен на буквы. Теперь, Вы можете с помощью инструментов 3d перемещения, масштаба и виджетов перемещать, наклонять и масштабировать буквы. Кроме того, буквы будут взаимодействовать друг с другом, отражая не только источники света, но и друг друга. Это будет видно после проведения рендериннга. И не забывайте, что даже если вы можете манипулировать с каждой буквой в отдельности, все они по-прежнему остаются на одном 3D-слое.
В Photoshop CC имеется прекрасная система текстовых подсказок. Когда Вы наводите курсор на объект, отображается «габаритный контейнер» объекта, или Gismo, а также его оси. Далее наводим и перемещаем курсор вдоль одной из осей, и Photoshop выдаёт нам варианты, напр., «вращение по оси Z», «перемещение вдоль оси Y», «масштаб вдоль оси X» и т.д.:
Вот как выглядит мой финальный результат. Этот рисунок получен после рендеринга документа, запустит рендеринг можно клавишами Ctrl+Shift+Alt+R:
На финальном изображении я скрыл 3D плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.
Создаем 3D-текст в Фотошоп • ARTshelter
В этом уроке я покажу вам, как создать 3D-текст в Фотошоп. По ходу вы научитесь работать с 3D-инструментами, настраивать форму текста, создавать источники света, добавлять материалы и сохранять финальный результат. Для работы вам понадобится версия Photoshop CC или CS6 Extended.
3D-текст в Фотошоп: создание основы
Шаг 1
Для начала создаем новый файл File – New (Файл – Новый). Выбираем любой размер, Resolution (Разрешение) – 72 пикселя/дюйм, цветовой режим RGB.
Активируем инструмент Type Tool (T) (Текст) и пишем любое слово. Я использовала шрифт Streetwear: переходим по ссылке и жмем на кнопку Download.
Шаг 2
Проверяем, чтобы на панели слоев был выбран текстовый слой, и переходим 3D – New 3D Extrusion from Selected Layer (3D – Новая 3D-экструзия из выделенного слоя).
Работаем с 3D
Шаг 3
После этого текст превратился в 3D-объект со стандартными настройками. Перед редактированием давайте подкорректируем параметры сцены. На панели Window – 3D (Окно – 3D) выбираем созданный 3D-объект (в данном случае надпись Beautiful) и на панели Window – Properties (Окно – Свойства) переходим на вкладку Coordinates (Координаты). Устанавливаем угол X на 90 градусов.
Шаг 4
Далее на панели 3D выбираем Current View (Текущий вид) и на верхней панели активируем первый 3D Mode (3D-режим) – Поворот. Кликаем и тянем мышкой за пределами текста, пока на рабочем документе не появятся красная и синяя оси.
Шаг 5
Переходим на вкладку Coordinates (Координаты) и во второй колонке устанавливаем поворот по оси X на 90 градусов.
Шаг 6
При необходимости, выбираем режим Перемещением и корректируем положение текста, чтобы он располагался четко по центру.
Читайте также:
Создаем фон
Шаг 7
Давайте добавим фон. Возвращаемся на панель слоев, активируем Rectangle Tool (U) (Прямоугольник) и рисуем фигуру по размеру всего документа.
Шаг 8
Затем применяем к фигуре 3D – New Mesh from Layer – Depth Map to – Plane (3D – Новая сетка из слоя – Карта глубины – Плоскость).
Шаг 9
Выбираем оба слоя 3D-слоя и переходим 3D – Merge 3D Layers (3D – Слияние 3D-слоев).
Шаг 10
На верхней панели выбираем самый последний 3D-режим и корректируем размер прямоугольника, чтобы он полностью заполнял всю сцену. Если потянуть за ось Z (синяя стрелка), то можно увеличить толщину надписи.
Настраиваем текст
Шаг 11
Теперь настроим параметры 3D-текста. На панели Properties (Свойства) переходим на первую вкладку и выбираем Shape Presets (Набор фигур). Выбираем любую из списка. Имейте в виду, что их все можно дополнительно настроить.
Шаг 12
Для настройки объекта переходим на вкладку Cap (Капитель). Здесь с помощью множества параметров можно выполнить тонкую настройку фигуры. Я решила добавить простую обводку с очень тонким скосом и небольшим отступом.
Шаг 13
Пришло время поработать с источником света. Внизу панели 3D находим компонент Infinite Light (Бесконечный свет) и выбираем его. Поверх текста появится сфера. Если ее подвигать, то вы измените положение света.
Шаг 14
На панели свойств корректируем Intensity (Интенсивность) и Softness (Сглаживание).
Шаг 15
Создадим еще один источник света. В нижней части панели 3D кликаем на значок в виде лампочки и выбираем New Infinite Light (Новый бесконечный свет).
Шаг 16
Временно отключаем первый источник света и перемещаем второй свет так, чтобы он освещал, в основном, контуры надписи. Также следите, чтобы тень была плавной.
Шаг 17
На панели 3D переходим на вкладку Materials (Материалы) и на панели свойств выбираем новые цвета для каждого материала. Diffuse (Рассеивание) отвечает за основной цвет объекта. Specular (Цвет блика) – за цвет света и бликов. Ambient (Освещение) – за цвет теней. Для получения реалистичного результата все цвета должны быть одного цветового тона.
Шаг 18
Закончив с цветами, жмем на кнопку выбора материала и выбираем New Material (Создать материал).
Шаг 19
В списке материалов на панели 3D выбираем прямоугольник и применяем для него материал.
Шаг 20
Если хотите, чтобы тени были светлее, можете изменить цвет Global Ambient (Глобальное освещение). Для этого выбираем компонент Environment (Среда) и на панели свойств настраиваем нужный цвет освещения. Также чуть ниже можете настроить интенсивность этого света.
Рендеринг 3D-текста в Фотошоп
Шаг 21
Закончив, в нижней части панели свойств жмем на кнопку рендеринга. После его завершения вы увидите, как на самом деле выглядит результат работы. Это может занять достаточно много времени, в зависимости от сложности сцены. Но даже спустя несколько слоев обработки, вы увидите примерный результат.
Шаг 22
Если вы заметили недостатки, нажмите клавишу Escape, чтобы остановить рендеринг. Подкорректируйте все, что необходимо: интенсивность освещения, его направление или настройки материалов. Не бойтесь останавливать рендеринг! Лучше несколько раз это сделать и довести работу до ума, чем спустя длительный процесс визуализации финальной картинки жалеть о том, что вы вовремя не исправили мелкие ошибки.
На этом все! Теперь вы знаете, как создавать 3D-текст в Фотошоп. Надеюсь, урок вам понравился. Пишите комментарии, показывайте свои результаты и делитесь публикацией в соц. сетях. Приятного творчества!
Как быстро сделать 3D текст в Illustrator
Хотите придать немного объема своим шрифтовым работам? В этом уроке мы покажем как за несколько минут сделать оригинальный 3D текст в Adobe Illustrator. С его помощью вы можете сделать оригинальный постер и, разумеется, это будет еще одна популярная работа в вашем портфолио, если вы зарабатываете на стоках.
Шаг 1. Надпись
Выберем какой-либо шрифт без засечек и с возможностью начертания Light. Например, Nexa Light. Напишем нужный нам текст (Т).
Шаг 2. Цвет
Скучный черный цвет в этот раз заменим, на что-то более веселое. Скажем, на оттенки палитры Beach, которую можно найти в стандартных библиотеках Swatch Library.
Шаг 3 Придаем объем
Переводим текст в кривые (Ctrl+O) и разгруппировываем. Теперь мы можем работать с каждой буквой независимо. Выделяем первую из них и применяем эффект Вытягивание и Скос (Effect > 3D > Extrude & Bevel ) с параметрами
X-Axis: -33°
Y-Axis: 40°
Z-Axis: -18°
Extrude Depth: 20 pt
Surface: Plastic Shading
Повторяем действие для каждой последующей буквы, меняя значения углов наклона по своему вкусу.
В итоге получим цельную надпись, которую также можем подправить, для более красивого отображения.
Шаг 4. Подготовка поверхностей
Поработаем над поверностями букв. Для этого нам надо будет Развернуть (Expanded) объекты. После этого необходимо убедиться, что все контуры (особенно боковые) являются замкнутыми кривыми. Лучше всего для этого подходит поочередное выделение каждой грани и использование инструмента Объединение на панели Pathfinder. Так мы сможем избежать досадных лишних точек и линий, из-за которых, например, легко можно получить отказ на стоке.
После того, как все боковые грани будут обработаны, зальем лицевые стороны букв каким-либо цветом.
Шаг 5. Градиенты
Придадим выразительности граням, добавив для них градиент. Следите за углами и направлением света.
Шаг 6. Тени
Последний штрих — добавим фон и тени. Здесь также всё элементарно. Рисуем пером (Р) простые фигуры и заливаем их градиентом под нужным углом. После создания, тени помещаем на задний план (Ctrl+[)
Наш оригинальный объемный текст готов!
Автор урока: Mary Winkler
Объемный текст в фотошопе: как легко и быстро сделать 3D текст
Как вы, наверное, уже поняли, возможности программы Photoshop безграничны благодаря множеству комбинаций использования очень простых инструментов. Порой даже удивляешься, сколь красивую идею можно воплотить в жизнь всего парочкой операций. Сегодня я покажу вам подобную вещь. Вам не потребуется глубоких знаний программы для ее создания. Тем не менее, выглядит она очень эффектно.
Мы разберем, как в фотошоп сделать 3D текст. Думаю, вы уже слышали, что последние версии программы содержат модуль, позволяющий создавать 3D объекты, но сегодня я покажу вам, как легко можно справиться и без него.
Для создания объемной надписи для начала подумайте над цветом шрифта. Представьте себе объемный предмет любимого цвета. Есть определенная разница между светлой и темной частью объекта. Основной цвет практически не меняется, но, тем не менее, оттенки совершенно разные. Цвет надписи играет существенную роль в создании 3D текста. Я немного утрировала цвета. Вы же можете сделать надпись более естественной.
Для начала пишем текст на белой рабочей области. Еще одна оговорка: воспользуйтесь шрифтом с жирным начертанием для первого раза. С его помощью у вас точно все получится. В то время как шрифты с изящным начертанием подходят далеко не все. Я использовала шрифт dino pro. Цвет текста пока не важен. Мы перекроем его градиентом.
В окне слоев кликаем делаем клик по слою с надписью правой клавишей мыши. В выпадающем окне выбираем «параметры наложения».
Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.
Такой градиент у нас получился.
Теперь переходим в окно слоев. Кликаем правой клавишей мыши по слою с текстом и в выпадающем списке выбираем «создать дубликат слоя».
Наша задача состоит в том, чтобы переместить его вниз и влево на 1 пиксель. Сделали. И в окне слоев выбираем тот слой, что находится сзади. Открываем «параметры наложения».
Убираем галочку с градиента. И ставим на «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет являться бликом на 3D тексте. Так наши буквы будут казаться более объемными.
Делаем еще один дубликат слоя. Перетаскиваем его в окне слоев так, чтобы он стал первым после фона. Накладываем цвет #342328. И смещаем на пиксель вверх и вправо.
Что-то уже начинает вырисовываться.
Повторите последнюю манипуляцию 10 раз. Или больше. В зависимости от того, какой толщины буквы объемного текста вы хотите получить.
Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.
Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:
Теперь при помощи «параметров наложения» меняем цвет этого слоя на белый. Слой стал для нас невидимым. И снова преобразовываем его в смарт объект.
Нажимаем клавишу ctrl+shift+n, чтобы создать новый слой. Выделяем рабочую область соразмерную со шрифтом. На панели инструментов ищем «градиент».
Его настройки найдем здесь:
Кликаем и задаем их:
Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.
Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.
Протягиваем мышкой по выделенной области снизу вверх. И снимаем выделение.
Теперь кликаем по данному слою в окне слоев правой клавишей мыши и выбираем «создать обтравочную маску».
Сводим слои. Сохраняем. Все!
Как видите, мы воспользовались очень простыми приемами, но тем не менее, достигли нужно эффекта. 3D текст у нас в самом деле получился.
Создание трехмерного текста в Photoshop: пошаговое руководство
В этом уроке мы покажем вам, как создать произведение трехмерного искусства с реалистичным трехмерным текстовым эффектом. Вы также узнаете, как редактировать несколько изображений с помощью настроек и основных инструментов.
Первая часть этого урока проходит в 3D-среде Photoshop CC, что означает, что вам придется работать с тремя разными панелями почти одновременно. Панель «Слои» — это место, где вы размещаете и создаете трехмерный текст. На панели 3D вы получаете доступ к командам 3D, а на панели свойств вы применяете эффект выдавливания, искажаете и применяете различные материалы для добавления реализма.Работать в трехмерном пространстве довольно легко, но на это нужно обращать пристальное внимание.
Вторая часть учебника возвращается к знакомой 2D территории с использованием инструментов выделения, масок, корректирующих слоев и других основных техник. Не забудьте скачать ресурсы.
01. Создайте фон
Перейдите в рабочее пространство 3D и загрузите фоновое изображениеСначала измените рабочее пространство. Перейдите в Window> Workspace> 3D. Теперь создайте новый пустой холст ( cmd / ctrl + N) .Назовите его 3D Text, установив ширину на 1500 пикселей, высоту на 620 пикселей, разрешение на 300 пикселей на дюйм и затем нажмите OK. Перейдите в File> Place Embedded ‘pix_117004_background.jpg’, отрегулируйте размер и нажмите return / enter .
02. Загрузите новый шрифт
Загрузите нужный шрифт перед тем, как продолжитьПерейдите на сайт dafont.com и загрузите шрифт South Afirkas 2100 от zanatlija. Разархивируйте файл и установите его в своей системе. Возьмите инструмент «Текст» ( T ). В разделе «Параметры» выберите Тип шрифта: Южная Африка, Размер: 70 пунктов, а затем введите слово САФАРИ.
03. Добавить текстуру
Придайте тексту немного текстурыПерейдите в меню «Файл»> «Поместить встроенный» pix_2068284_texture1.jpg. Поместите поверх текста и затем обрежьте слои, нажмите cmd / ctrl + opt / alt + G . Удерживая Shift , щелкните слой Safari. Когда оба слоя активны, нажмите cmd / ctrl + E для объединения. Переименуйте слой Safari_texture.
04. Создайте 3D-слой
Теперь вы можете выдавить текст в 3D.Перейдите в 3D> Новое 3D-выдавливание из выбранного слоя.На панели «Свойства» щелкните «Сетка», выберите «Отображение текстуры: масштаб» и установите для параметра «Глубина выдавливания» значение 10 мм. На панели 3D нажмите Safari_Texture Front Inflation Material, установите Roughness на 80% и Bump на 100%.
05. Добавьте больше текстур
Другая текстура улучшает внешний вид вашего 3D-текстаНа панели 3D-слоя щелкните Safari_Texture Extrusion Material. Теперь на панели «Свойства» щелкните значок «Рассеивание» и выберите «Заменить текстуру», найдите файл pix_2068284_texture2.jpg ‘и откройте. Установите Шероховатость на 80% и Наращивание на 100%.
06. Редактирование свойств UV
Настройте текстуру, отредактировав ее свойства UVТеперь мы собираемся редактировать текстуру выдавливания. В свойствах снова откройте значок Diffuse и выберите Edit UV Properties. Установите Масштаб U / X на 65% и Масштаб V / Y на 50%, а затем нажмите OK.
07. Эффект скоса
Отредактируйте слой Safari_Texture, чтобы придать ему эффект скосаНа панели 3D щелкните слой Safari_Texture.Теперь на панели «Свойства» щелкните «Cap». Установите стороны на передний план, ширину скоса на 35% и измените контур на конус_инвертированный.
08. Перемещение трехмерного текста
Переместите камеру, чтобы придать тексту более трехмерный вид.Выберите инструмент «Перемещение» ( V ). В рабочей области 3D нажмите на 3D-камеру Dolly (это третий значок в левом нижнем углу). Удерживая кнопку мыши, перетащите вверх, чтобы переместить текст дальше. Нажмите на орбиту и панорамируйте 3D-камеру, чтобы повернуть и переместить изображение вниз.
09. Регулировка света
Получите более эффектный вид, отрегулировав светНа панели 3D нажмите «Бесконечный свет». С помощью контроллера на изображении отрегулируйте свет, поместив его перед трехмерным текстом и переместив на 75 градусов в верхний левый угол. Выполните рендеринг изображения, перейдя в 3D> Render 3D Layer.
10. Создайте маску слоя
Используйте маску слоя и кисть Dune Grass, чтобы смешать с травойНа панели «Слои» нажмите cmd / ctrl + J , чтобы дублировать слой Safari_Texture.Перейдите в Layer> Rasterize> 3D. (Скройте исходный слой 3D Safari_Texture.) Добавьте маску слоя. Возьмите инструмент «Кисть». Нажмите F5 и выберите кисть Dune Grass, настройте Shape Dynamics и Scattering, затем закрасьте маску, смешивая траву.
11. Внесите коррективы
Увеличьте резкость изображения и настройте тонаВо-первых, давайте немного увеличим резкость изображения. Щелкните эскиз Safari_Texture. Перейдите в Filter> Sharpen> Sharpen More. Теперь отрегулируйте тона. Перейдите в Layer> New Adjustment Layer> Levels.Установите Inputs на 0, 1.15, 215 и обрежьте слои.
12. Поместите льва
Пора добавить немного дикой природыПерейдите в Файл> Поместить встроенный ‘pix_1236169_lion.jpg’. Возьмите инструмент «Быстрое выделение» ( W ) и выберите льва. Перейдите в Select> Select and Mask. Измените режим просмотра на Overlay. Установите Радиус обнаружения края на 15 пикселей, установите флажок «Умный радиус» и используйте инструменты для улучшения выделения. Вывод на «Новый слой с маской слоя».
13. Дополнительные настройки
Несколько корректировок помогут льву более естественно вписаться в сцену.Возьмите кисть Dune Grass и закрасьте маску, чтобы скрыть лапы и хвост за кустами.Теперь перейдите в Filter> Sharpen> Sharpen. Затем перейдите в Слой> Новый корректирующий слой> Уровни. Установите Inputs на 0, 0.95, 245 и обрежьте слои.
Добавьте слона и с помощью инструмента «Перо» вырежьте его.Перейдите в меню «Файл»> «Поместить встроенный» pix_602530_elephant.jpg. Возьмите инструмент «Перо» ( P ) и нарисуйте путь вокруг слона. В разделе «Параметры» нажмите «Сделать: выбор», а затем нажмите «ОК». Перейдите в Layer> Layer Mask> Reveal Selection. Нажмите cmd / ctrl + T и отрегулируйте размер.
15. Добавьте дополнительные настройки
Как и в случае со львом, вам нужно настроить слона, чтобы он не торчал.Перейдите в Слой> Новый корректирующий слой> Яркость / Контрастность. Установите Яркость на 30, Контрастность на 15, обрежьте слои и нажмите ОК. Теперь сделайте быструю цветокоррекцию. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Deep Yellow, установите Density на 30%, обрежьте слои и нажмите OK.
16. Принесите страуса
Пора немного больше дикой природыПерейдите в «Файл»> «Поместить встроенный» pix_341989_ostrich.jpg ‘. Возьмите инструмент «Быстрое выделение» ( W ) и выберите изображение. В разделе «Параметры» нажмите «Выбрать и замаскировать». Используйте инструмент Refine Edge Brush ( R ) или Brush tool ( B ), чтобы улучшить маску, затем нажмите OK. Измените размер изображения и поместите страуса рядом со слоном.
17. Регулировка кривых
Используйте корректировку Кривые, чтобы придать тонам формуТеперь давайте применим корректировку Кривые для корректировки тонов. Перейдите в Layer> New Adjustment Layer> Curves.Поместите курсор мыши в центр и потяните немного вниз или установите для параметра «Вход» значение 45 и значение «Выход», значение 40, обрежьте слои и нажмите «ОК».
18. Поместите больше изображений
Хорошо, давайте обезьяну …Перейдите в меню «Файл»> «Поместите встроенный файл pix_1224295_monkey.jpg». Используйте инструмент «Быстрое выделение», чтобы выбрать изображение, и команду «Выделение и маска», чтобы уточнить выделение. Измените размер изображения и поместите его над буквами. Используйте настройку «Кривые», чтобы скорректировать тона.
19. Добавьте жирафа
…и жираф. Что возможно могло пойти не так?Поместите pix_927281_giraffe.jpg. Выберите и замаскируйте жирафа. Добавьте новый слой поверх него и обрежьте слои ( cmd / ctrl + opt / alt + G ). Измените режим наложения на Мягкий свет, возьмите инструмент «Кисть» и, используя светло-желтый цвет, закрасьте тело, чтобы осветлить тени.
20. Коррекция цвета
Добавьте фильтр потепления для последнего тонального штрихаПоместите новый корректирующий слой поверх стопки слоев.Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Warming Filter (85), установите плотность на 25% и нажмите OK.
21. Создайте снимок
Последняя корректировка, и все готово.Нажмите shift + cmd / ctrl + opt / alt + E , чтобы создать снимок. Теперь сделайте окончательную настройку. Перейдите в Фильтр> Фильтр Camera Raw. Установите Exposure на +0.25, Highlights на -30, Clarity: +10 и Saturation: +5, затем нажмите OK.
Эта статья впервые появилась в выпуске 152 Photoshop Creative. Подпишитесь здесь .
Статьи по теме:
Создание трехмерного текста в After Effects без каких-либо подключаемых модулей
ШАГ 1. СОЗДАНИЕ СЛОЯ ТЕКСТА
В вашей новой композиции используйте инструмент Type Tool для создания текста. В этом примере я буду использовать слово 3D, но вы можете использовать все, что захотите. Затем перейдите на панель «Персонаж» и настройте шрифт по своему вкусу. Шрифты без засечек лучше всего выглядят в 3D.
ШАГ 2. ИЗМЕНИТЕ НАСТРОЙКИ РЕНДЕРА НА 3D RENDERER
Это может показаться нам сбивающим с толку, но мы будем использовать средство визуализации Cinema 4D для создания трехмерного текста. Если вы используете After Effects CC, у вас есть встроенный Cinema 4D Lite.
Щелкните Composition> Composition Settings , а затем щелкните 3D Renderer . В раскрывающемся меню выберите Cinema 4D .
Затем откройте Параметры и установите для параметра «Качество » значение 1 на данный момент.Это позволит нам работать быстрее в AE, а затем мы сможем увеличить это, прежде чем мы визуализируем окончательный 3D-текст.
Щелкните ОК и ОК.
ШАГ 3. СОЗДАЙТЕ СЛОЙ 3D-ТЕКСТА
В настройках композиции выберите значок 3D-слоя в текстовом слое.
Теперь вы можете управлять текстом в трехмерном пространстве (сочетание клавиш W, и вы можете вращать), но сам текст по-прежнему плоский.
ШАГ 4. ДОБАВИТЬ ГЛУБИНУ К ТЕКСТУ
Чтобы получить традиционный трехмерный вид, вам нужно добавить тексту глубины.Для этого откройте текстовую композицию , настройки слоя , откройте Geometry Options и настройте Extrusion Depth .
ШАГ 5. ОСВЕЩЕНИЕ 3D-ТЕКСТА
С этого момента все упор делается на то, чтобы ваше 3D-изображение выглядело хорошо, а освещение и текстурирование — ключ к тому, чтобы заставить его работать. Начнем с того, что добавим изюминки.
Перейдите в слой Layer> New> Light… В меню Light откройте раскрывающийся список Light Type и выберите Spot .
А пока давайте воспользуемся обычным белым светом.
Отрегулируйте цвет на белый , увеличьте интенсивность до 100%, , установите Shadow Darkness на 100%, и выберите Cast Shadows . Ударьте OK .
ШАГ 6. ДОБАВЛЕНИЕ КАМЕРЫ
Теперь нам нужно добавить камеру в наш проект.
Перейдите в Слой > Новый> Камера … Выберите двухузловую камеру и для его проекта мы установим фокусное расстояние на 30 мм .Нажмите ОК .
Используйте кнопку C на клавиатуре для переключения между параметрами камеры. Вы можете панорамировать, наклонять и масштабировать камеру.
Мы собираемся на повернуть камеру на и найти хороший вид для нашего 3D-текста. Мы делаем успехи, но пока не очень хорошо.
ШАГ 7. ДОБАВЛЕНИЕ СКОСОВ В 3D ТЕКСТ
Выберите слой с 3D текстом и дважды нажмите клавишу A. Теперь вы увидите все параметры 3D в меню слоев.
Измените стиль Bevel Style на Convex , затем преувеличьте внешний вид, добавив еще Bevel Depth . Это позволяет свету отражаться от текста, а не просто освещать плоскость.
ШАГ 8: ДУБЛИРУЙТЕ СВЕТ
Дублируйте ваш прожектор с помощью CMD + D на Mac (Ctrl + D на ПК). Затем нажмите клавишу P , чтобы открыть настройки положения. Отрегулируйте положение источника света , чтобы уловить выдавленный край текста.
ШАГ 9: ДОБАВЛЕНИЕ ТЕНИ
По умолчанию слои AE не отбрасывают тени.
На трехмерном текстовом слое в разделе «Параметры материала» включите Отбрасывать тени на .
ШАГ 10: ОТРЕГУЛИРУЙТЕ ЦВЕТ СВЕТА
Чтобы изменить цвет 3D текста, собирались настроить наши прожекторы.
Выберите первый прожектор и дважды нажмите A на клавиатуре, чтобы открыть настройки. Откройте панель цветов и выберите цвет по вашему выбору .Немного цвета имеет большое значение в 3D, поэтому даже более светлый оттенок добавит серьезного стиля.
Проделайте то же самое со вторым прожектором , на этот раз выбрав другой дополнительный цвет.
ШАГ 11: ДОБАВИТЬ ОКРУЖАЮЩЕЕ ОСВЕЩЕНИЕ
Затем мы хотим добавить рассеянный свет к нашему трехмерному тексту.
Перейдите к Layer> New> Light…
Установите Light Type на Ambient и выберите цвет. Нажмите ОК и ОК .Не беспокойтесь об этих результатах, мы еще не закончили.
Перейдите к слою Ambient light и дважды нажмите A, понизьте интенсивность . В этом примере я использую около 10%.
ШАГ 12. ДОБАВЛЕНИЕ ОБРАЗЦА
Теперь мы хотим добавить к нашему тексту подсветку. Вы можете быстро сделать это, скопировав наш передний прожектор .
Нажмите P на дублированный прожектор и отрегулируйте положение вниз и сбоку от нашего текста.Я также собираюсь изменить цвет и отрегулировать его интенсивность .
ШАГ 13: ОТРЕГУЛИРУЙТЕ ОСОБЫЕ ОПЦИИ МАТЕРИАЛА
В слое 3D-текста перейдите к раскрывающемуся списку Параметры материала . Здесь мы собираемся поиграть с с Specular Intensity и Specular Shininess .
Слегка отрегулировав эти две настройки, вы получите несколько хороших горячих точек и отражений.
ШАГ 14: СОЗДАЙТЕ ФОН
Давайте подведем итоги, сделав несколько заключительных корректировок.Сначала создайте фон.
Перейдите в Слой > Новый> Сплошной… и выберите цвет . Я просто использую темно-серый. Теперь перетащите это твердое тело на нижний слой иерархии.
ШАГ 15: НАСТРОЙКА ЦВЕТА
Мы почти закончили. Чтобы окончательно контролировать свои изменения, создайте новый корректирующий слой.
Перейдите в Слой > Новый> Корректирующий слой и перетащите корректирующий слой на верхний уровень вашей иерархии.
Перейдите в Window> Effects & Presets (или нажмите CMD + 5) и на панели Effects & Presets найдите Curves .
Перетащите эффект «Кривые коррекции цвета » на корректирующий слой .
В меню «Кривые» давайте создадим традиционную S-образную кривую для некоторого контраста. Вы также можете перейти к своему блюзу и немного отрегулировать его.
ШАГ 16. АНИМАЦИЯ 3D ТЕКСТА
Теперь, если вы хотите оживить свой 3D-текст, давайте добавим простое движение.Это действительно просто, используя камеру, которую мы уже сделали.
Перейдите на слой Camera и нажмите P для выбора позиции. Переместите курсор воспроизведения на последнюю секунду , которую вы хотите анимировать. Если вам нужна 5-секундная анимация, перейдите к 5, если вам нужно 10, перейдите к 10 и т. Д. Я просто использую 2 секунды для этого примера. В этот конечный момент времени добавьте ключевой кадр положения .
Переместите ползунок назад на 0-секундный , а теперь добавьте наш первый ход. Нажимайте C на клавиатуре, пока не получите инструмент поворота .Перемещайте текст, пока не найдете позицию, которая вас устраивает, в качестве отправной точки.
С этого момента вы можете добавлять всевозможные эффекты, easy eaze и другие движения, но это все, что вам нужно знать, чтобы начать.
Просмотрите бесплатный файл проекта AE вверху, чтобы увидеть, как я анимировал свой 3D-текст в учебнике.
Создание простого трехмерного текста в Photoshop
Автор Стив Паттерсон.
В этом уроке Photoshop по текстовым эффектам мы узнаем, как создать простой трехмерный текст:
Последний эффект трехмерного текста.
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Шаг 1. Создайте новый документ
Для начала создадим новый документ Photoshop. Поднимитесь в меню File в верхней части экрана и выберите New или, для более быстрого способа, нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac). Какой бы способ вы ни выбрали, Photoshop открывает диалоговое окно New Document . Введите размер, который вам нужен для вашего документа.Для этого урока я собираюсь ввести Ширина 6 дюймов , Высота 4 дюйма и Разрешение 300 пикселей / дюйм , что является стандартным разрешением для профессионалов. качественная печать. Я также собираюсь установить для моего Background Contents значение White , что установит белый цвет фона моего нового документа. Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него.Ваш новый документ Photoshop появится на экране.
Создайте новый документ Photoshop, используя диалоговое окно «Новый документ».
Шаг 2. Выберите инструмент «Текст» на палитре инструментов Photoshop
Чтобы добавить текст в документ, нам понадобится программа Photoshop Type Too l. Выберите его на палитре инструментов или нажмите на клавиатуре букву T , чтобы выбрать его с помощью сочетания клавиш:
Выберите инструмент «Текст».
Шаг 3. Выберите шрифт на панели параметров
Далее нам нужно выбрать шрифт.Выбрав инструмент «Текст», вы заметите, что панель параметров в верхней части экрана изменилась, чтобы отобразить параметры для инструмента «Текст». Выберите шрифт, который вы хотите использовать, из списка шрифтов, доступных в настоящее время на вашем компьютере. Этот 3D-эффект лучше всего работает со шрифтами с большими толстыми буквами. Выбираю Impact . Вы также можете выбрать размер текста, если хотите, но на данный момент это не обязательно, поскольку мы можем легко изменить размер текста позже, как мы увидим.На данный момент нам нужен только шрифт:
.Выберите шрифт на панели параметров.
Шаг 4. Выберите цвет текста
Далее нам нужно выбрать цвет для нашего текста. Если вы посмотрите дальше вправо на панели параметров, вы увидите образец цвета . Образец цвета показывает текущий цвет текста. Чтобы изменить цвет, просто нажмите на образец цвета:
Измените цвет текста, щелкнув образец цвета на панели параметров.
Это вызовет палитру цветов Photoshop .Выберите любой цвет, который вы хотите использовать для своего текста. Я собираюсь выбрать яркий оттенок красного. Когда вы закончите, нажмите OK в правом верхнем углу палитры цветов, чтобы выйти из нее:
Выберите новый цвет для текста в палитре цветов, затем нажмите OK, чтобы выйти из него.
Образец цвета на панели параметров изменится, чтобы показать цвет, который вы выбрали.
Шаг 5. Добавьте текст в документ
Выбрав наш шрифт и цвет текста, щелкните внутри документа и добавьте свой текст.Я собираюсь набрать «ФОТОШОП» заглавными буквами, чтобы усилить эффект. Не волнуйтесь, если текст сейчас кажется слишком большим или слишком маленьким. Мы можем исправить это мгновенно:
Щелкните внутри документа и добавьте свой текст.
Когда вы закончите вводить текст, нажмите на отметку на панели параметров, чтобы принять текст и выйти из режима редактирования текста:
Выйдите из режима редактирования текста, щелкнув галочку на панели параметров.
Если мы посмотрим на нашу палитру слоев, мы увидим, что Photoshop удобно разместил наш текст на своем собственном слое над фоновым слоем.Это то, что позволит нам работать с текстом независимо от белого фона за ним:
Текст отображается на отдельном слое в палитре «Слои».
Шаг 6. При необходимости измените размер шрифта
Если вы обнаружите, что текст слишком маленький (или слишком большой), мы можем легко исправить это с помощью команды Photoshop Free Transform . Во-первых, убедитесь, что ваш текстовый слой выбран в палитре слоев (выбранные слои выделены синим). Затем перейдите в меню Edit вверху экрана и выберите Free Transform .Вы также можете выбрать команду «Свободное преобразование» с помощью сочетания клавиш Ctrl + T (Win) / Command + T (Mac):
Выберите «Свободное преобразование» в меню «Правка».
Вы увидите поле «Свободное преобразование», а вокруг текста в документе появятся маркеры. Чтобы изменить размер текста, удерживайте нажатой клавишу Shift , затем щелкните любой из угловых маркеров (маленькие квадраты) и перетащите угол внутрь, чтобы сделать текст меньше, или наружу, чтобы сделать его больше.Удерживание клавиши Shift при перетаскивании ограничивает соотношение сторон, чтобы вы случайно не исказили форму текста при изменении его размера. Я собираюсь сделать текст немного больше, перетащив ручку в правом нижнем углу наружу. Вы также можете переместить текст, если вам нужно, щелкнув в любом месте внутри поля Free Transform и перетащив текст в новое место внутри документа:
Измените размер и переместите текст по мере необходимости с помощью Free Transform.
Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменение и выйти из команды Free Transform.
Шаг 7. Преобразование текста в форму
Чтобы создать наш 3D-эффект, нам нужно изменить перспективу нашего текста. Но есть только одна проблема. Photoshop не позволяет нам изменять перспективу текста (видите, как это может быть проблемой?). Чтобы показать вам, что я имею в виду, убедитесь, что у вас все еще выделен текстовый слой, затем перейдите в меню Edit вверху экрана и выберите Transform из списка. Появится вторичное меню, показывающее все различные способы преобразования содержимого текущего выбранного слоя.Обратите внимание, как параметры Distort и Perspective неактивны? Это означает, что в настоящее время они недоступны для нас, и это потому, что Photoshop не может выполнять ни один из этих двух типов преобразований текста.
Решение состоит в том, чтобы преобразовать наш текстовый слой в так называемый слой формы . Преобразуя текст в форму, мы сможем изменить его перспективу и создать наш эффект. Единственным недостатком преобразования текста в форму является то, что текст больше нельзя будет редактировать.Однако в этом случае, поскольку нам не нужно редактировать текст, нам не нужно об этом беспокоиться.
Не снимая выделения с текстового слоя, перейдите в меню Layer вверху экрана, выберите Type , а затем выберите Convert to Shape :
Перейдите в Layer> Type> Convert to Shape.
Если мы посмотрим на палитру «Слои», то увидим, что текстовый слой теперь выглядит совершенно по-другому, и это потому, что это больше не текстовый слой.Photoshop преобразовал его в слой-фигуру, что означает, что теперь мы можем применить к нему преобразование перспективы и создать эффект 3D-текста:
Текстовый слой преобразован в слой-фигуру.
Шаг 8: Измените перспективу
Вернитесь в меню Edit . Вы увидите, что параметр «Преобразование», который мы рассматривали недавно, был заменен новым параметром с именем Transform Path . Опять же, это потому, что теперь мы имеем дело с формой.Выберите Transform Path из списка. Когда появится дополнительное меню, вы увидите, что теперь доступны параметры «Искажение» и «Перспектива». Выберите Перспектива из списка:
Перейдите в меню «Правка»> «Трансформировать контур»> «Перспектива».
Тот же прямоугольник и ручки, которые мы видели ранее, когда выбирали команду «Свободное преобразование», появятся вокруг текста (формы). Разница в том, что теперь мы работаем в режиме перспективы. Чтобы изменить перспективу текста и придать ему трехмерный вид, просто нажмите на ручку в правом нижнем углу и перетащите ее прямо вниз.По мере перетаскивания высота правой стороны текста будет увеличиваться от его центра, в то время как левая сторона останется неизменной:
Щелкните ручку в правом нижнем углу и потяните вниз.
Когда вас устраивает сдвиг перспективы, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование. Теперь ваш текст должен выглядеть примерно так:
Теперь текст отображается в трехмерной перспективе.
Шаг 9: Создайте несколько копий слоя формы, каждая из которых немного сдвинута вправо
Следующий шаг — самое интересное.Мы собираемся очень быстро создать несколько копий нашего слоя с фигурой, каждая из которых будет перемещена на один пиксель вправо от предыдущей. Это придаст глубине нашим буквам. Сначала выберите Move Too l на палитре инструментов или просто нажмите на клавиатуре букву V , чтобы выбрать его с помощью ярлыка. Этот трюк работает только с выбранным инструментом «Перемещение»:
Выберите инструмент «Перемещение».
Выбрав инструмент «Перемещение» и слой-фигуру, выбранный в палитре «Слои», удерживайте нажатой клавишу Alt (Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на клавиатуре.Затем нажмите еще раз. Тогда снова. И опять. Обратите внимание на то, что происходит? Каждый раз, когда вы нажимаете клавишу со стрелкой вправо с зажатой клавишей Alt / Option, вы создаете новую копию слоя-фигуры и перемещаете новую копию на один пиксель вправо. Удерживая нажатой клавишу Alt / Option, Photoshop каждый раз создает новую копию формы, а не просто перемещает существующую форму. Чем больше раз вы нажимаете клавишу со стрелкой вправо, тем больше копий слоя вы создаете и тем большую глубину мы придаем нашим буквам.
Удерживайте нажатой клавишу со стрелкой вправо, пока не будете довольны результатом. В моем случае я нажал клавишу со стрелкой в общей сложности 68 раз, создав 68 копий моей фигуры, каждая из которых сместилась на один пиксель вправо. Количество нажатий клавиши со стрелкой зависит от разрешения документа, с которым вы работаете. Когда вы закончите, ваш текст должен выглядеть примерно так:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите клавишу «Стрелка вправо» несколько раз, чтобы задать глубину букв.
Шаг 10: переместите слой с исходной фигурой в верхнюю часть стопки слоев на палитре слоев
Каждый раз, когда мы создавали новую копию нашей формы, мы создавали новый слой формы в палитре слоев, и Photoshop помещал каждый новый слой непосредственно над предыдущим слоем. В моем случае палитра слоев теперь содержит 68 копий моего исходного слоя с фигурой. Слой с исходной фигурой находится над фоновым слоем, а все копии сложены поверх него. Вы можете сказать, что это оригинал, потому что это единственный слой-фигура, в названии которого нет слова «копия».
Нам нужно переместить исходный слой на самый верх стопки, и есть простой способ сделать это. Сначала щелкните исходный слой в палитре слоев, чтобы выбрать его. Затем нажмите Ctrl + Shift +] (Win) / Command + Shift +] (Mac). Это правая скобка («]»), если вам интересно. Этот удобный ярлык мгновенно переместит текущий выбранный слой прямо в верхнюю часть стека слоев:
Исходный слой-фигура теперь отображается над другими слоями в палитре «Слои».
Шаг 11: Объедините все копии вместе
Теперь, когда наш исходный слой находится на самом верху стека слоев, нам нужно объединить все эти копии слоя-фигуры в один слой. Щелкните слой непосредственно под исходным слоем в палитре слоев (другими словами, второй слой сверху). Затем используйте полосу прокрутки справа от палитры «Слои», чтобы прокрутить вниз до слоя, расположенного непосредственно над фоновым слоем. Не просто щелкайте по нему, чтобы выбрать его, потому что это отменит выбор слоя, который вы только что выбрали вверху.Вместо этого, удерживая нажатой клавишу Shift, на клавиатуре и , затем щелкните слой, чтобы выбрать его. Это выберет оба слоя одновременно, а также все слои между ними. Все эти слои будут выделены синим цветом в палитре слоев.
Теперь, когда все наши скопированные слои выделены, перейдите в меню Layer вверху экрана и выберите Merge Layers внизу в нижней части списка. Или для более быстрого способа нажмите сочетание клавиш Ctrl + E (Win) / Command + E (Mac):
Перейдите в Layer> Merge Layers.
Photoshop объединит все выбранные слои в один слой. Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас всего три слоя. Фоновый слой находится внизу, исходный слой формы — вверху, а между ними находится наш недавно объединенный слой:
Все копии слоя-фигуры были объединены в один слой.
Шаг 12: Добавьте градиент от черного к белому к объединенному слою
Чтобы придать нашим буквам по-настоящему трехмерный вид, давайте завершим все, добавив простой световой эффект.Или, по крайней мере, то, что выглядит как световой эффект. Щелкните объединенный слой в палитре слоев, чтобы выбрать его, если он еще не выбран. Затем щелкните значок Layer Styles внизу палитры слоев. Появится список всех доступных стилей слоя. Щелкните Gradient Overlay , чтобы выбрать его:
Выберите стиль слоя «Наложение градиента» в нижней части палитры «Слои».
Это вызовет диалоговое окно Photoshop Layer Style , для которого в среднем столбце установлены параметры Gradient Overlay.Мы хотим использовать градиент от черного к белому для нашего эффекта искусственного освещения. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран другой градиент, щелкните область предварительного просмотра градиента посередине параметров:
Щелкните область предварительного просмотра градиента в диалоговом окне «Стиль слоя», чтобы выбрать новый градиент.
Это вызывает средство выбора градиента , показывающее нам все доступные градиенты, из которых мы можем выбирать.Нам нужен градиент Black, White , третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите, что имя градиента отображается при наведении курсора на миниатюру. Щелкните по нему, чтобы выбрать его, затем щелкните OK в правом верхнем углу, чтобы принять его:
Выберите черный, белый градиент.
Вернувшись к основным параметрам наложения градиента, вы увидите область предварительного просмотра градиента, в которой теперь отображается градиент от черного к белому (если это еще не было).Ниже приведены несколько важных опций. Убедитесь, что для параметра Style установлено значение Linear , а для градиента Angle установлено значение 90 ° :
Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для параметра «Угол» установлено значение 90 °.
Нажмите OK , когда вы закончите, чтобы выйти из диалогового окна Layer Style, и все готово! Photoshop применяет градиент от черного к белому к объединенному слою, создавая эффект тени на буквах и завершая наш простой эффект трехмерного текста:
Последний эффект трехмерного текста.
Куда идти дальше …
И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!
3 простых способа создания трехмерного текста в After Effects
Один из простых способов выделить вашу работу по анимационному дизайну — это добавить эффектный трехмерный текст. Проблема возникает из-за незнакомых средств 3D-рендеринга, сложных инструментов и дорогих программ. Вот почему SOM TA Сара Уэйд здесь, чтобы показать вам лучший способ. After Effects — это надежная программа, способная на большее, чем вы, вероятно, думаете.Вот почему мы хотим показать вам три простых способа создания трехмерного текста без каких-либо причудливых гаджетов или приспособлений (ладно, одно красивое выражение). Сегодня мы рассмотрим:Наложение трехмерных слоев в пространстве
Использование встроенной функции выдавливания
Строительство с помощью Cinema 4D Lite
Прежде чем мы начнем, обязательно загрузите файлы проекта так что вы можете следовать за мной!
3 простых способа создания трехмерного текста в After Effects
Укладка трехмерных слоев
Первое, что нужно сделать, это создать простой текстовый слой.Пишу 3D.
Выберите текстовый слой и установите его как 3D, переключая этот переключатель.
Это пока не похоже, но если я нажму R, откроется вращение. Если я повернусь по оси Y, вы увидите, что это трехмерный слой. По-прежнему не на что смотреть; он слишком тонкий.
Добавляя дубликаты слоев по оси Z, мы можем усилить этот текст, чтобы он выглядел трехмерным. Для этого мы воспользуемся крошечным выражением (не паникуйте!)
Alt-Click или Command + Left Щелкните секундомер, чтобы открыть меню выражений, затем введите следующую команду: [значение [0] , значение [1], индекс * 10];
Первое значение относится к первой позиции (ось X), второе — для Y, третье будет индексировать Z столько раз, сколько команда I…в данном случае я выбрал десять. Теперь, когда я дублирую этот слой, эта же формула будет переведена в Z-пространство.
Затем мы создаем новый нулевой слой и размещаем его внизу.
Выделяем все текстовые слои и подбираем их к Null. Теперь, когда все связано с нулевым значением, мы убеждаемся, что нулевой слой также установлен как 3D и …
Он выглядит трехмерным, верно? И если мы настроим цвета нижних слоев …
Если вам нужен более толстый 3D-объект, все, что вам нужно сделать, это добавить больше слоев.Обратной стороной этого метода является то, что сбоку вы увидите пространство между каждым слоем и разрушите иллюзию.
Использование функции выдавливания
Следующий метод — выдавливание слоя. В After Effects вытянутый объект — это объект, который выглядит трехмерным. Теперь существует не просто опция, позволяющая выдавливать слой. Итак, как мы собираемся это сделать?
Когда мы сделаем этот слой 3D, вы увидите всплывающую кнопку Renderer в правом верхнем углу.
Это позволяет нам выбирать между Classic 3D и Cinema 4D.Я собираюсь выбрать Cinema 4D, так как это позволяет мне выдавливать. Некоторые параметры отключены, например, смешивание и размытие в движении.
Теперь, когда я перехожу к текстовому слою, вы можете увидеть все эти новые параметры, поскольку мы используем рендеринг в Cinema 4D.
Если я добавлю значение в разделе «Вытягивание» и поверну по оси Y, вы увидите, что мой тип теперь отображается как реальный трехмерный объект.
Я могу даже добавить скашивание, если захочу. Итак, вы можете видеть, как быстро я смог создать трехмерный текст. Я даже могу поиграть с различными материалами, чтобы найти лучший вид для моего текста.
Никогда не бойтесь небольшого выдавливания.
Так же, как и маленького штруделя не надо бояться.С помощью этого метода вы также можете полностью повернуть, и он по-прежнему выглядит трехмерным, в отличие от нашего варианта сложенного слоя. Недостатком является то, что стороны текста плохо видны. Чтобы исправить это, просто перейдите к стрелке рядом с Animate и выберите «Сторона»> «Цвет»> «Оттенок». Что здорово, так это то, что все это встроено прямо в After Effects.
Построение в Cinema 4D Lite
Нашим последним методом создания трехмерного текста является использование Cinema 4D Lite, включенного в After Effects.Если вы не знакомы с C4D, ничего страшного. Это быстро и легко, и вы откроете для себя всю мощь этого программного обеспечения, оставаясь в зоне комфорта AE.
Перейдите в Layer> New> MAXON CINEMA 4D File …
Как только вы откроете новый файл C4D, он откроет для вас новое окно. Не волнуйтесь, если это покажется немного чужим Я здесь, чтобы провести вас.
Я собираюсь перейти к инструменту «Перо» и выбрать «Текст», который создаст для меня трехмерный текстовый слой.
Затем я могу быстро ввести слой, чтобы изменить текст на «3D» (до сих пор это работало для нас, так зачем ломать форму?)
Если я щелкну и перетащу, я вижу, что мой объект существует в трехмерном пространстве, но для этого нужно немного мяса на костях.
Для этого нужно щелкнуть значок выдавливания и добавить объект выдавливания, а затем перетащить текстовый объект в меню «Вытягивание». Я также могу выделить текст и удерживать клавишу Alt или Option при выборе вытягивания. Вот как должен быть родительский объект.
Теперь я могу изменить значения смещения выдавливания на вкладке моего объекта, чтобы он выглядел так, как я хотел.
Наконец, я сохраню свой проект и вернусь в After Effects, и мой 3D-текст будет ждать меня!
Те линии сетки, которые вы видите, не будут отрисованы и предназначены только для того, чтобы помочь вам.Если вы хотите избавиться от них, просто перейдите в «Настройки рендеринга» на панели «Элементы управления эффектами» и выберите «Текущий».
Теперь я хочу добавить цвет своему объекту. Мы возвращаемся в Cinema 4D и на вкладке создания выбираем новый материал по умолчанию (CTRL-N).
Я собираюсь использовать тот же пурпурно-синий, с которым работал весь день. Вы можете изменить цвет материала на панели атрибутов.
Я просто перетаскиваю его на выдавливаемый объект и … вуаля!
И поскольку это реальный трехмерный объект, стороны правильно закрашены.Я сохраняю свой проект (длинный путь или просто CTRL-S) и снова в After Effects увижу свой цветной текст в ожидании.
Теперь вы можете создавать трехмерный текст в After Effects
Видите? Не слишком сложно. After Effects — надежная программа, и как только вы овладеете основами, возможности действительно откроются. Просто помните, что вы можете складывать слои, выдавливать их с помощью модуля рендеринга C4D и сразу переходить в Cinema 4D Lite, и вы мгновенно испытаете волшебство 3D.
Если вы хотите улучшить свою AE-игру или лучше понять основы, обязательно ознакомьтесь с Animation Bootcamp и After Effects Kickstart! Мы наполнили каждый курс до краев уроками, необходимыми для перехода на следующий уровень.Изучите основы самого популярного в мире программного обеспечения для моушн-дизайна и получите навыки, необходимые, чтобы выделиться из толпы!
Как создать замечательный 3D-текст в Photoshop
В этом быстром и простом руководстве по графическому дизайну вы откроете для себя удобный процесс создания захватывающей трехмерной типографики с помощью Photoshop и некоторых творческих приемов.
Окончательный результат
Вот предварительный просмотр того, над чем мы будем работать в этом руководстве по веб-дизайну (щелкните изображение, чтобы увидеть результат в полном масштабе).Как веб-дизайнер, это навыки, которые ищут потенциальные клиенты. Это учебное пособие должно помочь вашему тексту выделяться, разрабатываете ли вы сайт для колледжа или магазина автозапчастей.
Настройка документа Photoshop
1 Прежде всего, мы собираемся открыть Photoshop и создать новый документ (Ctrl + N). В диалоговом окне «Новый документ» установите для единиц ширины и высоты дюймы (если это еще не сделано). Мы создаем квадратный холст; установите ширину и высоту 10 дюймов .Мы создаем графику с высоким разрешением, готовую к печати, поэтому установите разрешение 300 пикселей / дюйм .
2 Создав холст, залейте фоновый слой темно-серым ( # 333333 ) цветом. Один из способов сделать это — сначала установить темно-серый цвет переднего плана (на панели «Инструменты»). Затем выберите фоновый слой на панели слоев и нажмите Ctrl + A (что создает выделение вокруг всего холста — вы также можете сделать это с помощью Select> All).Наконец, выберите «Правка»> «Заливка» (Shift + F5), чтобы открыть диалоговое окно «Заливка», убедитесь, что для параметра «Использовать» установлено значение «Цвет переднего плана», а затем нажмите «ОК», чтобы применить заливку.
Создание текста
3 Теперь разместим текст на холсте. Выберите инструмент «Горизонтальный текст» на панели «Инструменты» и введите желаемый текст / логотип. Измените цвет текста на панели параметров на желтый ( # FFCC00 ), используйте довольно большой размер шрифта и попробуйте выбрать жирный шрифт, так как этот метод работает лучше всего.Здесь использовался шрифт Myriad Pro Black , размер 286pt, для слова «Шесть» и 83pt, для слова «Revisions». Начните набирать текст в центре холста; в этом руководстве используется текст «Шесть редакций», но, конечно, вы можете его изменить.
4 Растрируйте текст, чтобы нам было легче с ним работать; это имеет побочный эффект: больше не нужно изменять текст, поэтому убедитесь, что текст вас устраивает. Щелкните правой кнопкой мыши текстовый слой и выберите Rasterize Type (или Rasterize Layer в зависимости от того, какую версию Photoshop CS вы используете).
Использование свободного преобразования текста
5 Теперь мы собираемся наклонить текст, чтобы придать ему более драматичный трехмерный вид. Убедитесь, что у вас есть слой с нашим текстом, выбранным на панели слоев, затем нажмите Ctrl + T, чтобы мы могли редактировать в разделе «Свободное преобразование» («Правка»> «Свободное преобразование»).
6 Удерживая нажатой клавишу Ctrl, щелкните верхний правый элемент управления преобразованием поля. Перетащите угол влево. Сделайте то же самое с верхним средним элементом управления преобразованием. У вас должно получиться что-то вроде того, что показано ниже.
Добавление стилей слоя
7 Мы собираемся добавить несколько стилей слоя к нашему тексту. Убедитесь, что текстовый слой выбран на панели «Слои», а затем щелкните значок «Добавить стиль слоя» в нижней части панели «Слои». Выберите Bevel and Emboss, чтобы открыть диалоговое окно Bevel and Emboss Layer Style. Установите его на настройки, которые у меня есть ниже; это сделает края текста действительно резкими. Не забудьте изменить цвета светлых и темных участков.Блик — # FFCC66 , а тень — # DFA125 .
8 Вернитесь в диалоговое окно «Стили слоя» (если вы вышли из диалогового окна «Стили слоя», просто дважды щелкните слой на панели «Слои», чтобы вернуться назад) и примените стиль слоя «Атлас». Это придаст некоторую глубину цвету нашего текста, а не просто сплошному или градиентному. Измените цвет на # F3881F .
9 Последнее, что мы собираемся сделать с лицевой стороной текста, — это добавить стиль слоя Gradient Overlay.Щелкните градиент и измените левую границу цвета на # F7F3A7 , а правую границу цвета на # F3881F .
Создание 3D-эффекта
10 Мы собираемся придать этому тексту трехмерный вид. Во-первых, мы хотим продублировать наш текстовый слой; выберите слой и нажмите Ctrl + J, чтобы продублировать слой. Перейдите к дублированному слою и избавьтесь от стилей слоя, щелкнув и перетащив их в значок корзины в правом нижнем углу панели слоев.
11 Теперь, когда у нас есть логотип без стилей слоя, мы собираемся настроить цвет. Откройте параметры «Кривые», выбрав «Изображение»> «Коррекция»> «Кривые» (Ctrl + M), и настройте их так, как показано ниже, чтобы придать слою более темный цвет.
12 Мы хотим снизить насыщенность, потому что цвет слишком яркий, чтобы быть тенью. Перейдите в Hue / Saturation с помощью Ctrl + U (или Image> Adjustments> Hue / Saturation) и настройте параметры, как показано ниже.
13 Теперь мы собираемся создать края текста, чтобы он выглядел трехмерным. Во-первых, мы хотим щелкнуть и перетащить наш слой под исходный желтый текстовый слой и переместить его на одно место влево с помощью клавиши со стрелкой. Удерживая Alt, несколько раз нажмите стрелки вниз и влево. Это будет дублировать коричневый слой каждый раз, когда вы нажимаете кнопку со стрелкой. Продолжайте дублировать слой, пока не получите нужный размер и глубину.
Объедините дублированные слои
14 Давайте объединим все эти дублированные слои в один.Для этого нажмите на самый верхний коричневый текстовый слой на Панели слоев, удерживайте Shift, а затем нажмите на самый нижний коричневый текстовый слой, чтобы выделить их все. Затем, выбрав все соответствующие слои, щелкните значок Связать слои в нижней части панели слоев. Значок цепочки должен появиться на всех коричневых текстовых слоях, когда вы щелкнете по нему. Как только вы соедините все коричневые текстовые слои вместе, снова выберите все слои на панели слоев (если вы каким-то образом отменили их выбор) и нажмите Ctrl + E, чтобы объединить все связанные слои вместе.
15 Давайте добавим стиль слоя Gradient Overlay к нашему комбинированному текстовому краевому слою, чтобы он соответствовал градиенту на нашем желтом тексте. Цвета — черный (# 000000 ) и белый ( #FFFFFF ) (дважды щелкните объединенный слой, чтобы открыть диалоговое окно «Стили слоя»).
Создать тень
16 Дублируйте слой с коричневой кромкой текста с помощью Ctrl + J, пока он выбран на панели слоев. Мы собираемся использовать его для создания тени на нашем тексте.Перейдите в Filter> Blur> Gaussian Blur и настройте его так, чтобы параметр Radius был равен 8p x. Теперь перейдите в Curves, нажав Ctrl + M, и настройте их так, как они есть у меня. Это должно дать вам черноватую тень.
17 Если вы увеличите масштаб по краям букв с помощью инструмента «Масштаб» (Z), вы заметите, что коричневые стороны, выходящие из углов, зазубрины. Мы займемся этим и исправим их. Используя инструмент Polygonal Lasso Tool, щелкните фигуру вокруг области, которую нужно удалить, и нажмите клавишу Delete.Повторите это для каждой области, которая в этом нуждается, пока не получите гладкие края на всех ваших буквах.
Некоторые необязательные шаги
18 Пока это выглядит неплохо, и мы, вероятно, могли бы остановиться на этом и быть довольны этим, но если вы хотите приложить дополнительные усилия, мы можем начать добавлять еще несколько теней. Наш свет исходит из верхнего левого угла, поэтому мы должны спланировать, чтобы наши тени были самыми темными из нижнего правого угла. Чтобы получить правильные тени, мы собираемся использовать инструмент Burn Tool на коричневом слое с краем текста, чтобы затемнить его.Прежде чем мы начнем добавлять нашу тень, мы хотим использовать инструмент Polygonal Lasso Tool, чтобы создать некоторые края, где на тексте будут углы. Сделайте это для всех углов нашего текста, удерживая Shift и перетаскивая мышь, чтобы добавить к выделению области.
Инструмент для прожига
19 Теперь мы можем начать прожиг в выбранных областях. Измените настройки записи на панели параметров так, чтобы для параметра «Диапазоны» было установлено значение , основные моменты, , а для параметра «Экспозиция» — значение , 50%, .Я также использовал кисть с Master Diameter, установленным на 125px с жесткостью 0% Hardness.
20 С такими же настройками затемнения мы собираемся обработать остальные области, которым нужны тени. Поскольку у вас все еще должны быть выделены области, мы можем сделать обратное выделение, Select> Inverse (Ctrl + Shift + I), затем мы можем записать области, которые мы еще не сделали, не сжигая области, которые мы уже сделали.
21 Мы также можем сделать некоторые блики с помощью Dodge Tool.Используйте ту же кисть, те же настройки и тот же метод, что и с инструментом затемнения.
Готово!
Вот он, трехмерный текст, использующий только Photoshop. Вот что у меня получилось:
Поделитесь своей работой на Flickr
Почему бы вам не поделиться своей работой в группе Six Revisions Flickr и не продемонстрировать ее сообществу?
Скачать
Если вы хотите загрузить файл Photoshop, использованный в этом руководстве, вы можете сделать это ниже.
Связанный контент
Как создать трехмерный текст в After Effects
Adobe создала After Effects, чтобы удовлетворить практически любую потребность в анимированной графике после обработки в киноиндустрии. Сегодня я объясню, как создавать 3D-текст в After Effects без помощи таких плагинов, как Element 3D из Video Copilot.
Когда был выпущен Adobe After Effects CC 2017, я услышал о новой функции: рендеринг Cinema 4D внутри AE! Эта функция заменила старый 3D-рендеринг с трассировкой лучей.Я не был большим поклонником 3D с трассировкой лучей — он рендерился слишком медленно, что делало его непопулярным. Появился Cinema 4D, который ускорил процесс.
В зависимости от того, насколько сложной вы или ваш клиент хотите, чтобы анимация была сложной, есть разные способы подойти к этой теме:
Простой трехмерный текст в AE одним нажатием кнопки
1. Введите текст
Это так просто, как кажется. Во-первых, вы должны ввести свой текст с помощью текстового инструмента. Вы можете писать все, что хотите, но в этой статье я буду использовать « 3D ».
2. Перейдите к переключателям слоев и активируйте параметр «3D-слой» на текстовом слое.
Во-вторых, вам нужно перейти к переключателям слоев вашего текстового слоя и активировать опцию 3D Layer , щелкнув флажок, расположенный под маленьким кубом. Это позволит управлять слоем в 3-х измерениях.
3. Анимируйте текст, используя доступные параметры
Теперь вы можете анимировать текст в 3D-режиме с помощью новых свойств 3D-преобразования, которые появляются после того, как вы установили флажок 3D-слой.
Недостатком этого метода является то, что он больше похож на 2D-анимацию, чем на 3D-анимацию, потому что 3D-текст не имеет глубины. Но этот метод идеально подходит для простых 3D-анимаций, подобных этой.
Я создал эту анимацию, поиграв с опцией вращения для всех трех осей: x, y и z. Если вы хотите узнать, как создать базовую анимацию в After Effects или как добавить ключевой кадр, вы можете проверить ссылку здесь.
Включить посимвольное 3D
Это скорее опция внутри инструмента анимации текста, чем способ сделать ваш текст трехмерным.Активировав его, вы сможете индивидуально анимировать каждый символ текста в трехмерном виде.
Активируйте вводом текста и откройте свойства
Чтобы активировать его, вы должны написать текст, а затем открыть свойства текстового слоя. Справа вы увидите « Animate », рядом с ним вы увидите точку с треугольником внутри, нажмите на нее и выберите Включить посимвольный 3D .
Создание реалистичного трехмерного текста в After Effects с помощью модуля рендеринга Cinema 4D
Этот метод создания реалистичного трехмерного текста в AE намного сложнее, чем предыдущий, но с его помощью вы сможете создавать более сложные анимации трехмерного текста.Чтобы узнать его, выполните следующие простые шаги:
Шаг 1. Установите Cinema 4D Renderer вместо классического 3D в After Effects
Для этого необходимо изменить тип Renderer внутри After Effects. Перейдите к настройкам композиции (Control + K в Windows или CMD + K на Mac) > вкладка 3D Render > Renderer> выберите Cinema 4d и нажмите « OK ».
Теперь, с помощью некоторых источников света, цветокоррекции и камеры, эти свойства помогут нам создать реалистичное ощущение нашему тексту.
Шаг 2. Измените свойства геометрии слоя 3D-текста в After Effects
Прежде всего, мы должны установить флажок 3D-слой для текстового слоя. Если вы откроете свойства текстового слоя, вы увидите 2 дополнительных свойства, называемых Geometry Options и Material Options .
Откройте параметры геометрии — наиболее важный параметр называется «Глубина вытягивания». Это придаст тексту толщину или глубину, которую вы хотите в трехмерном тексте. Идите и установите любое значение, которое хотите, я установлю его на 200.Вы уже можете заметить, что он начал выглядеть как трехмерный текст, но нам нужно дополнительно настроить свойства внутри AE, чтобы получить этот реалистичный вид.
Я также изменю значения Bevel Depth и Bevel Style , но не сейчас. Я рекомендую сделать это после того, как вы настроите камеру и немного света внутри вашей композиции. Таким образом вы сможете лучше понять, что делают эти свойства.
Шаг 3 — Создание камеры и источников света внутри After Effects
Чтобы создать камеру в After Effects, щелкните правой кнопкой мыши в любом месте временной шкалы (не на слоях), перейдите к New и выберите Camera .
Появится новое окно. Я предпочитаю использовать пресет 35 мм , но вы можете использовать любой пресет, какой захотите.
Назовите камеру и нажмите OK . На временной шкале появится новый слой с вашей камерой. Чтобы перемещаться с помощью камеры, нажмите « C », это вызовет инструмент камеры.
Чтобы использовать инструмент камеры , щелкните текст и перетащите курсор в любом направлении, которое вы хотите, вы заметите, что перспектива изменится.Кроме того, если вы нажмете « C » несколько раз, инструмент камеры изменится, и вы сможете перемещаться в разных стилях.
Создайте новый источник света
Чтобы создать новый источник света в After Effects, щелкните правой кнопкой мыши в любом месте временной шкалы (не на слоях), перейдите к New, и выберите Light.
Появится новое окно. Вы можете изменить вещи, если хотите, в настройках. Я буду использовать 4 прожектора и 1 рассеянный свет.Вам нужно разместить прожекторы вокруг 3D-текста, чтобы лучше осветить его и создать красивые тени.
Теперь мы можем изменить Bevel Style и Bevel Depth . Вы можете пройтись по трем стилям скоса и точно увидеть, как они выглядят, но я буду использовать « Convex » с Bevel Depth , установленным на 10.
Стилизация и текстурирование текста
Я создал это видео, чтобы показать вам, как точно разместить источники света и как активировать тени.По умолчанию тени отключены, их нужно активировать. Я также покажу вам, как играть с цветом источников света, чтобы текстурировать ваш 3D-текст.
В конце я добавлю корректирующий слой и применим плагин цветокоррекции под названием Curves . Это мой любимый плагин цветокоррекции: он действительно прост в использовании и отлично работает. Не волнуйтесь, он уже установлен в After Effects — вам не нужно покупать или устанавливать его у третьих лиц.
Вы освоили!
Теперь вы знаете, как создавать трехмерный текст в After Effects, как играть с источниками света и камерой для текстурирования текста и создавать с его помощью базовую анимацию.О трехмерном тексте в AE можно поговорить гораздо больше, но я позволю вам, ребята, узнать больше после того, как вы овладеете основами.
Статьи по теме
Узнайте, как создать эффект 3D-текста в стиле ретро
Применяются ли еще текстовые эффекты в стиле ретро-3D? Определенно, множество текстовых 3D-эффектов остается неизменной тенденцией в области типографики. На этой неделе мы покажем вам, как придать тексту винтажный вид с помощью трехмерного эффекта «сделай сам». Мы будем использовать обычный шрифт без засечек, Bebas Neue, с чистыми линиями и четким, простым внешним видом.Этот бесплатный шрифт, разработанный дизайнером Рёити Цунекава, необычайно универсален и отлично подходит для добавления текстовых эффектов.
В этом уроке мы расскажем, как создать простой ретро-эффект 3D-текста с помощью инструмента «Переход» в Illustrator. Если вы пытаетесь использовать это руководство и уже имеете в виду шрифт, поэкспериментируйте с ним.
Что вам понадобитсяПрограмма для творчества, например Vectr , Pixlr или Illustrator | Шрифт: Bebas Neue
Как создать свой ретро-эффект 3D-текста
Введите свой текстНачните с любого текста, эффект которого вы хотите создать.Отрегулируйте отслеживание слова так, как вы считаете нужным.
Выберите тип, щелкните его правой кнопкой мыши и выберите «Создать контуры» (Shift + Ctrl + O).
Давайте поработаем над тем, чтобы придать вашему тексту немного глубины. Выделите слово, дважды нажмите Копировать (Ctrl + C) и Вставить на передний план (Ctrl + F) . Возьмите одну из копий и перетащите ее влево и вниз.
Выберите копию, которую вы только что перетащили, и одну из других.
Перейдите в Blend Options (Object> Blend> Blend Options) . Выберите «Указанные шаги» и добавьте число 100. Чем больше число, тем лучше.
Теперь переходим Object> Blend> Make (Alt + Ctrl + B) .
В качестве альтернативы, вы также можете выбрать Blend Tool (W) и щелкнуть по обеим копиям, чтобы создать Blend.
Выберите только что созданную смесь и разверните ее (Объект> Разобрать) .
Все копии будут расширены, поэтому теперь нам нужно объединить их через Pathfinder (Window> Pathfinder).
Давайте начнем добавлять цвета! Для тени мы выбрали следующий цвет: #EDDCCE.
А теперь вернемся в конец. Щелкните тень правой кнопкой мыши, выберите «Упорядочить»> «На задний план» (Shift + Ctrl + [).
Теперь вы можете изменить цвет самого слова! Мы пошли с оранжевым # D86745.
Пора добавить тени еще больше. Используйте Pen Tool (P), чтобы добавить еще один цвет в нижнюю часть тени. Для этого мы использовали более темный оттенок # 877972 .
Для буквы «О» создайте градиент с двумя цветами тени. Вот где он будет выглядеть более гладким.
Разгруппируйте оранжевые буквы, щелкнув их правой кнопкой мыши и выбрав Разгруппировать (Shift + Ctrl + G) .
Давайте добавим детали внутри букв, чтобы создать идеальный трехмерный вид.
Выберите букву «R», скопируйте ее (Ctrl + C) и дважды вставьте на передний план (Ctrl + F) . Перетащите последнюю копию вправо и вниз несколько раз.
Выберите копию, которую вы только что перетащили, и другую на обратной стороне. В меню Pathfinder выберите опцию Minus Front.
Измените цвет оставшейся формы, чтобы ее было легче различить. Мы использовали более темный оттенок оранжевого # 9B3828 .
А теперь давайте добавим к нему больше измерений.Возьмите инструмент «Перо» (P) и обведите левую фигуру.
Щелкните правой кнопкой мыши более темный оттенок оранжевого и разгруппируйте его. Для других форм создайте градиент с двумя цветами ( # C24852 и # 9B3828 ).
Повторите тот же процесс для каждой буквы. На это нужно время, но нужно писать каждую букву отдельно.
После того, как вы закончите создание градиентов, снова сгруппируйте (Ctrl + G) все оранжевые буквы.
Скопируйте слово и вставьте его перед всем.
Измените заливку на «Нет» и обводку на белый. На панели «Обводка» выберите «Выровнять обводку по внутренней стороне».
На панели «Слои» нажмите «Создать новый слой», чтобы выделить отдельный слой для цвета фона. Выберите инструмент «Прямоугольник» (M) и создайте фон. Мы использовали жирный бирюзово-зеленый цвет: # 088B8D, в качестве цвета фона.
Давайте добавим текстовому эффекту большей глубины, добавив еще одну деталь: еще одну тень за всем текстом.
Выберите более светлую тень и перейдите в Эффект> Стилизация> Тень. Эта тень уйдет на противоположную сторону (вправо).
И готово! Вот как выглядит окончательный текстовый эффект:
Теперь, когда у вас есть потрясающий трехмерный текстовый эффект в стиле ретро, давайте попробуем включить его в иллюстрацию. Мы взяли этот винтажный набор иллюстраций из библиотеки 123RF. Посмотри на эту сладкую конфету!
Откройте изображение в Illustrator, скопируйте и вставьте его в новый документ.Мы выбрали стандартный размер А3.
Сгруппируйте (Ctrl + G) всех объектов, чтобы вы могли переместить весь выбор, не теряя ни одной части плаката. Когда вы впервые скопируете его в новый документ, он будет выглядеть, как на изображении ниже:
Измените размер плаката, чтобы он соответствовал размеру A3. Возьмите Selection Tool (V) и увеличьте размер плаката, чтобы он соответствовал высоте монтажной области.
Как видите, плакат не совсем пропорционален монтажной области A3.Мы собираемся выровнять плакат по центру монтажной области. Вы можете открыть панель «Выровнять» («Окно»> «Выровнять») и выбрать вариант по центру.
Теперь давайте разгруппируем (Shift + Ctrl + G) все объекты. Причина, по которой мы разгруппировали все, заключается в том, что нам придется перемещать и удалять некоторые объекты по отдельности.
Возьмите Selection Tool (V) и выделите коричневый прямоугольник сзади. Давайте увеличим вес прямоугольника, чтобы он соответствовал монтажной области.
Удалите заголовок «Конфеты», чтобы можно было вставить в него свой собственный ретро-текст.
Перейдите в свой ретро-текстовый документ и скопируйте его (Ctrl + C) , а затем вставьте его (Ctrl + V) в документ плаката.
Если размер вашего текста оказывается слишком маленьким или слишком большим, вы всегда можете изменить его размер, чтобы он идеально вписался в ваш плакат. Вот как это будет выглядеть после добавления текстового эффекта:
Мы также можем изменить цвета плаката на нашу исходную палитру, например, изменить фон на зеленый, который мы использовали раньше.
Вот как выглядит финальный плакат:
И вот он, сладкий ретро-эффект 3D-текста на винтажном плакате. Избавьтесь от хлопот; не нужно искать конкретный шрифт, просто воспользуйтесь этим руководством, если вы в затруднительном положении.