Как делать 3d текст в фотошопе: Создаём 3D текст с помощью новых возможностей Photoshop CS5

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как создать 3D-эффект для текста на тему фильма «Отряд самоубийц»

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

Вся типографика и брендинг фильма «Отряд самоубийц» разработаны с использованием многоцветного неонового свечения. В трейлере мы видим, как на экране вспыхивает надпись «Worst Heroes Ever«, в которой используется шероховатая текстура, различные цвета и яркие световые эффекты:
Чтобы воссоздать текстовый эффект в стиле фильма «Отряд самоубийц» мы будем использовать Photoshop. 3D-функции версии CS6 позволяют воспроизвести случайное расположение букв, а кисти Photoshop и комбинирование режимов смешивания поможет добавить яркие цветные вспышки:
Откройте Adobe Photoshop и создайте новый документ. Я использую довольно большой размер холста – 3000 на 2000 пикселей. Активируйте инструмент «Текст» и выберите желаемый шрифт для создания объемных букв в Фотошопе. Я использую League Gothic. Введите только первую букву нужного слова:
Нажмите Ctrl + J, чтобы продублировать слой первой буквы столько раз, сколько букв будет в вашем слове. Затем отредактируйте текст в каждом слое и переместите буквы, как нужно:
Выберите слой первой буквы и перейдите в 3D> Новая 3D-экструзия из выделенного слоя, чтобы преобразовать его в 3D-объект:
В Photoshop теперь будет выведен 3D-интерфейс. При выбранном инструменте «Перемещение» аккуратно потяните мышью за 3D-рычаги, чтобы повернуть букву по осям X, Y и Z.

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

Выполните аналогичные действия для всех букв, развернув и расположив их случайным образом. Также можно перемещать и растягивать буквы, чтобы дополнительно смешать их расположение:
Выделите все 3D-слои букв и выберите 3D> Слияние 3D слоев. Все слои отдельных букв будут объединены в один 3D элемент, что позволит проще текстурировать его:
Выберите в панели «3D» объект «Источник света» и переместите ручку появившегося на экране инструмента, чтобы настроить угол освещения сцены. В панели «Свойства» отключите параметр «Тень»:
Перед тем, как сделать объемные буквы в Фотошопе, нажмите на кнопку «Капитель» и в открывшейся панели установите ширину — 10%, а затем задайте для контура небольшой изгиб, чтобы закруглить края:
После этого в панели «3D» нажмите на «Материал передней выпуклости«, а затем, удерживая нажатой клавишу Shift, кликните по самому последнему слою. В панели «Свойства» выберите материал «Метал-сталь»:
Можно использовать бесплатную текстуру потрескавшегося бетона наподобие этой. Откройте изображение в Photoshop, обесцветьте его и настройте контрастность с помощью корректировки уровней. Затем сохраните новый файл в формате JPEG:
Вернитесь к основному документу создания объемных букв в Фотошопе, нажмите на маленькую иконку папки рядом с параметром «Рассеивание» и загрузите текстуру потрескавшегося бетона:
Кроме этого установите для цвета блика черный цвет, для блеска — 100% для отражения — 50%, для плавности — 0%, для непрозрачности — 100% и для коэффициента преломления — 1.000:
Можно создать «умные» контуры краев, выбрав материалы, которые применяются к «Скосу». Удерживая нажатой клавишу CTRL, кликните на каждом слое «Материала переднего скоса«. Удалите конкретную текстуру и задайте для цвета блика и рассеивания белый цвет:
3D-модель все еще выглядит довольно неприглядно, потому что ее нужно визуализировать. Создайте область выделения вокруг текста, затем нажмите на иконку «Рендеринг» в панели «3D». Подождите, пока завершится рендеринг, или нажмите клавишу Esc, когда дизайн будет выглядеть хорошо:
Перейдите в окне Photoshop обратно к основной рабочей среде и добавьте поверх 3D-объекта новый корректирующий слой «Кривые». Затемните темные области, чтобы объемные буквы в Фотошопе выглядели более контрастно:
Быстрый и простой способ добавить к тексту яркие цвета — наложить на сцену изображение космического пространства. Найдите в интернете нужное изображение, которое соответствует вашей цветовой гамме, и установите для него режим наложения «Умножение»:
Удерживая CTRL, кликните по миниатюре 3D-слоя, чтобы выделить его, а затем используйте выделение, чтобы обрезать текстуру по контуру текста с помощью маски слоя. Выберите мягкую черную кисть и нарисуйте в маске слоя черные области, чтобы вручную удалить текстуру в верхней части букв:
Чтобы усилить цвета нарисованных букв объемных в Фотошопе, добавьте корректирующий слой «Сочность», изменив его настройки по своему усмотрению. Будьте осторожны, чтобы не слишком перенасытить цвета:
Скачайте бесплатную кисть брызг аэрозольного балончика и подберите для нее цветовой оттенок с изображения. Настройте размер и положение кисти, а затем нанесите несколько брызг в новом слое:
Добавьте к слою брызг маску слоя, а затем с помощью той же кисти удалите ненужные области, которые перекрывают основной текст:
Добавьте второй слой брызг и используйте другую кисть, чтобы добавить небольшие брызги по краям букв. Добавьте к этому слою маску слоя и сотрите ненужные части текста:
Цвета космического пространства можно улучшить или изменить, наложив на них другие цвета. На новом слое закрасьте текст с помощью мягкой кисти. Выделите 3D-текст и снова удалите лишние части этого слоя вне контура букв, а затем измените его режим смешивания на «Мягкий свет». Уменьшите значение для «Заливки», чтобы смягчить эффект наложения цвета в объемных буквах в Фотошопе:
Выберите в палитре цветов ярко-розовый оттенок и в новом слое нанесите по всему тексту несколько пятен различного размера. Подрежьте этот слой по контуру текста и установите для него режим наложения «Осветление основы». Уменьшите значение заливки до 70—80%:
Добавьте еще один новый слой и выберите мягкую белую кисть. Случайным образом нанесите на текст светлые участки, а затем, изменяя форму кисти и разворачивая ее, чтобы она соответствовала краям букв, нанесите по краям несколько бликов. Установите для этого слоя режим наложения «Осветление основы», непрозрачность — 60%:
Выберите инструмент «Перо» и с его помощью очертите угол одной из букв. Удерживая клавишу CTRL, кликните по холсту, чтобы завершить контур и перейти к следующей букве. Нанесите несколько коротких контуров вдоль углов различных букв:
Переключитесь на инструмент «Кисть» и выберите для нее форму круга. Задайте для кисти жесткость — 0%, размер — около 5 пикселей и ярко-голубой цвет. Затем снова переключитесь на инструмент «Перо» и, кликнув правой кнопкой мыши, выберите из контекстного меню пункт «Обвести контур». Выберите нужную кисть и установите флажок для опции «Имитировать нажим»:
Эти короткие контуры превратятся в красивые светлые блики. Установите режим смешивания слоя на «Осветление основы», а затем, если нужно будет создать более яркое свечение для нарисованных букв объемных в Фотошопе, добавьте стиль слоя «Внешнее свечение», установив белый цвет:
Окончательный результат будет похож на надпись из трейлера фильма «Отряд самоубийц«. Нанося пятна различного цвета и устанавливая режимы смешивания «Осветление основы» или «Мягкий свет», можно создать интересные световые эффекты.

Данная публикация является переводом статьи «How To Create a Suicide Squad Inspired 3D Text Effect» , подготовленная редакцией проекта.

3D эффект. Описанный вокруг объекта текст

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

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

Шаг2. Вначале выделим круглую область вокруг планеты, для чего используем панель инструментов Photoshop и выбираем Elliptical Marquee Tool. Чтобы получить круг, а не эллипс произвольной формы, используем Shift и Alt для выделения из центра изображения.

Шаг3. Дальше будем использовать наше выделение как траекторию для описываемого текста, используя такую новую возможность Фотошоп как «text on a path»(текст по контуру). Но проблема в том, что наше выделение есть именно выделение области, а не траектория (путь) для текста. Adobe Photoshop позволяет достаточно просто инвертировать выделение в траекторию. Чтобы сделать это, щелкнем на Paths palette, которая пуста до тех пор, пока мы не используем никакой траектории (контура) в документе.
Чтобы превратить выделение в контур следует щелкнуть на Make Work Path From Selection (сделать из выбранной области рабочий контур) – кнопка на вкладке Paths (Контуры).

Пунктирная линия выделения превратилась в сплошную линию – контур или траекторию для текста.

Шаг4. Теперь пришло время вставить текст. Используем Photoshop Type Tool — кнопка вставка текста. На панели опций выбираем Helvetica Black 14pt. Цвет текста выберем желто-оранжевый eec10e.

Шаг5. После того как установлены опции для текста, щелкнем курсором на том месте траектории, с которого начнется текст, и напечатаем текст «WELCOME TO PLANET EARTH» или любой другой. Предполагается, что текст должен охватывать объект полностью, поэтому продублируем его. Промежутки между словами лучше сделать одинаковыми с помощью пробелов. Результат должен быть примерно такой:

Шаг6. Так как Adobe Photoshop не является 3D программой, то мы сейчас создадим иллюзию 3D. Используем команду фотошоп Free Transform. Нажимаем Ctrl+T и перетаскиваем верхний левый курсор вправо и вниз, нажимаем Ctrl+Alt чтобы правый нижний угол сместился симметрично относительно центра. Можно использовать команду Искажение, если вам так привычнее. Текст должен измениться вот таким образом:

Шаг7. Текст уже выглядит неплохо

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

Это добавит маску к текстовому слою. Щелкнем на ней, чтобы сделать активной.

Шаг8. Выделим с помощью Photoshop Elliptical Marquee Tool планету тем же способом, который использовали в начале урока.

Работая в маске текстового слоя (проверьте чтобы маска была выделена) выбираем инструмент Brush Tool (кисть), основной цвет черный, и «закрашиваем» текст, который должен быть скрытым за планетой. Выделение планеты нужно для того, чтобы закрашивая текст не затронуть ту часть текста, которая должна остаться видимой.

Шаг9. Добавим градиент используя Layer Styles. Щелкнем кнопку для добавления стиля слоя,

выберем Gradient Overlay и зададим параметры для градиента:

Вот результат нашей работы:

Объемный текст — уроки фотошоп

Объемный текст в фотошопе

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

Вы же можете сделать надпись более естественной.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: http://photoshop-work.ru/obemnyj-tekst-v-fotoshope

Сделать 3D текст в «Фотошоп» — Фотография.Инфо

Мастер-классы

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

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

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

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

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

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

Так ваш текстовый слой автоматически конвертируется в трехмерный.

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

3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D».

Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись.

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: http://fotografiya.info/?p=711

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

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

Вначале, откроем файл с блестками. Я использовал текстуру синего цвета.
Затем создадим Паттерн. Нажимаем Редактирование > Определить узор (Edit > Define Pattern) затем нажимаем ОК и закрываем файл с текстурой.

Шаг 2.

Создание документа

Создаем новый документ размером 860х640 px. Затем в качестве фона, переносим туда текстуру рисовой бумаги, которая также находится в материалах к уроку. Масштабируем ее так, чтобы она заняла все место в рабочем документе.

Шаг 3.

Добавление текста

Создаем нужный текст размером 150 pt и цветом #B3BEC1. Используйте наиболее подходящий для вас шрифт.

После этого конвертируйте текстовый слой в Смарт-объект, для этого необходимо нажать правой кнопкой мыши в панели слоев по нужному слою и выбрать Преобразовать в Смарт-объект (Convert to Smart Object).

Шаг 4.

Наложение эффектов

Теперь нажимаем правой кнопкой по Смарт-объекту в панели слоев и выбираем самый верхний пункт Параметры наложения.

Там выбираем Тиснение (Bevel and Emboss) и выставляем следующие настройки:

Метод — Жесткая огранка (Technique — Chisel Hard)
Контур глянца – Двойное кольцо (Gloss Contour — Ring- Double)
Сглаживание ставим галочку (Anti-aliased)
Режим подсветки — Яркий свет (Highlight Mode — Vivid Light)
Непрозрачность — 100% (Opacity — 100%)
Непрозрачность тени – 50% (Shadow Mode — Opacity 50%)

Шаг 5.

Наложение эффектов

Затем добавляем эффект Контур (Contour) со следующими настройками:

Контур – Перевернутый конус (Contour — Cone Inverted)
Сглаживание — Поставить галочку (Anti-aliased)

Шаг 6.

Наложение эффектов

Добавляем Эффект Текстура (Texture).

Узор (Pattern) – Используем узор который мы сделали в первом шаге (текстуру с блестками).

Шаг 7.

Наложение эффектов

Добавляем эффект Наложение узора (Pattern Overlay) со следующими настройками:

Режим наложения – Яркий свет (Blend Mode — Vivid Light)
Узор (Pattern) — используем узор который мы сделали в первом шаге (текстуру с блестками)
Масштаб (Scale) — 10%

Шаг 8.

Наложение эффектов

Добавляем эффект Тень (Drop Shadow) со следующими настройками:

Режим наложения – Яркий свет (Blend Mode — Vivid Light)
Цвет (Color) — #FFFFFF
Непрозрачность (Opacity) — 100%
Смещение (Distance) — 2
Размер (Size) — 2
Шум (Noise) — 5

Шаг 9.

Наложение эффектов

Дублируем Смарт-объект, для этого в панели слоев нажимаем по слою правой кнопкой и выбираем Создать дубликат слоя (Duplicate Layer). После этого у нового слоя удалим все Эффекты, а для этого опять нажмем правой кнопкой по слою и выберем Очистить стиль слоя (Clear Layer Style).

Далее поместим наш новый слой под основной оригинальный текстовый слой и перейдем опять в панель Параметры наложения (Blending Options) и добавим Тень (Drop Shadow) со следующими настройками:

Режим наложение – Умножение (Blend Mode — Multiply)
Цвет (Color) — #000000
Непрозрачность (Opacity) — 20%
Глобальное освещение — Убрать галочку (Use Global Light)
Угол (Angle) -45
Смещение (Distance) — 3
Размер (Size) — 8
Шум (Noise) — 5

Шаг 10.

Промежуточный результат

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

Шаг 11.

Добавление корректирующего слоя

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

Шаг 12.

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

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

После этого автоматически текст обновиться и на него наложатся все наши эффекты.

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

Источник: https://sveres.ru/lessons/tekstovye-effety/kak-sozdat-vydavlennyy-blestyashchiy-tekst-v-adobe-photoshop.html

Объемный текст

Чтобы создать красивый объемный текст в фотошопе, нужно потрать 15-20 минут или больше, в зависимости от того, что вы хотите получить в итоге. Никаких сложных 3dmax вам не понадобятся.

В самом начале урока я покажу какой результат получиться в конце. Это стильный объемный 3d текст:

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

Этап 1 — фон

Создайте новое изображение в фотошопе. Я создавал большого размера 1280х1024 пикселя, 72 dpi.

Создайте новый слой и залейте его белым цветом.

Сначала мы подготовим фон для изображения.

Примените к этому слою стиль Gradient Overlay, в режиме Radial — круглый градиент.

Цвета и другие параметры градиента:

Теперь добавьте фигуру с помощью Custom Shape Tool (вызвать на клавиатуре — кнопка U). Фигура из стандартного набора фотошопа. Если такой фигуры у вас нет, подыщите что-нибудь похожее. Или вообще не рисуйте фон, главная цель урока это текст.

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

Установите прозрачность для слоя с фигурой 70%, Fill — 0. Fill — это заливка.

Примените стиль Gradient Overlay

Создайте новый слой и выберите кисть черного цвета (B), прозрачность 10%. Зарисуйте её края изображения.

Этап 2 — текст

С помощью Text Tool напишем слово, в данном случае слово «style». Желтым цветом.

А сейчас произведем небольшую деформацию букв. Для этого используйте Edit — Free Tranform — Skew — чтобы наклонить текст.

Зажмите CTRL+ALT и нажмите несколько раз на слой с текстом, в поле изображения. При этом перетаскивая мышкой вниз. В результате этого мы создадим несколько копий слоя с текстом и расположеных последовательно вниз.

Соедените все слои, кроме верхнего. Для этого выберите слои и нажмите CTRL+E.

К полученному слою примените стиль Gradinet Overlay

Стиль Stroke

Создадите новый слой и соедените его с этим (над которым только что работали).

С помощью инструмента Burn Tool (O) нанесите теней на буквы.

А с помощью Dodge Tool (O) нарисуем бликов.

Теперь выберите самый верхний слой с желтыми буквами и примените стиль Gradient Overlay

И стиль Stroke

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

Далее нарисуйте белые линии, с помощью Line Tool (U). Обводите края граней на буквах.

На этом работа непосредственно с буквами закончена.

Этап 3 — декорации к тексту

С помощью Pen Tool нарисуйте кривую черного цвета, как на рисунке.

Применим к линии наш любимый стиль Gradient Overlay

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

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

Заключительная — третья линия

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

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

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

Режим смешивания для слоя поставьте Overlay

Создайте еще слой и на нем нарисуйте такой же орнамент как на изображении.

Примените фильтр Filter — Blur — Gaussian Blur

Параметр Fill — 50%

С помощью Pen Tool, используя цвет #545E4E нарисуйте линии

Результат — объемный текст

Автор перевода — zealot (pixelbox.ru)

Источник: https://pixelbox.ru/obemnyj-tekst

Создаём объёмный металлический текст в Фотошоп

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

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

Итоговый результат

1. Создаём задний фон

Шаг 1

Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.

Шаг 2

Создайте новый документ, идём Файл — Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с задним фоном, продублируйте его, для этого идем Слой — Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

Шаг 4

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

Перейдите Слой — Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), выберите текстуру ‘black_background.pat’ из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

Шаг 5

Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

2. Создаём текст

Шаг 1

Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

Примечание переводчика: метод сглаживания можно поменять в нижнем правом углу, в настройках шрифта.

Шаг 2

Далее, выберите инструмент Перемещение(Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3

Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.

3. Применяем стилизацию к основному слою

Шаг 1

Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2

Мы будем работать со слоем ‘A01’. Перейдите Слой — Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

Шаг 4

Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.

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

Шаг 5

Далее, идём Слой — Стиль слоя – Глянец (Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.

Выберите контур ‘Cove – Deep’ из набора контуров.

Шаг 6

Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой — Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 7

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой — Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

4. Применяем стилизацию ко второму слою

Шаг 1

Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 2

Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой — Стиль слоя — Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

Шаг 3

Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

Шаг 4

Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой — стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

Шаг 5

Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.

Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.

Шаг 6

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

Отличная работа, мы завершили урок!

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

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

Источник: https://itc-life.ru/sozdayom-obyomnyj-metallicheskij-tekst-v-fotoshop/

Всё для фотошопа — Объёмный текст

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

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

Шаг 1. Для начала создадим основу. Запустите программу Photoshop, создайте новый документ (Ctrl + N) размером 1600 на 1200 пикс. Далее перейдите в Слои — Стиль слоя — Наложение цвета. Используйте настройки, как на рисунке ниже.

Далее идем в пункт «Наложение градиента«. Здесь будут следующие настройки.

В этом же окне нажмите на редактор градиентов и задайте значения для 6 контрольных точек:

1-я: позиция — 0%, цвет — #858585;

2-я: позиция — 20%, цвет — #4e4e4e;

3-я: позиция — 40%, цвет — #676767;

4-я: позиция — 80%, цвет — #ffffff;

5-я: позиция — 85%, цвет — #ffffff;

6-я: позиция — 100%, цвет — #dadada;

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

Шаг 2. С основой закончили, теперь перейдем к дополнительному тексту. Выберите инструмент «Горизонтальный текст» (Т) и напишите какое-нибудь слово, например, Photoshop. Поместите его в нижней части слоя. Цвет текста черный, размер 250 пт. Я использовал шрифт Rockwell, Вы можете взять любой другой.

Используйте следующие стили слоя для текста:

тень (цвет тени — #a44f4f)

внутренняя тень

Уменьшите заливку слоя до 27%. Смотрите на полученный результат.

Шаг 3. Теперь займемся созданием основного текста. Снова выберите инструмент «Горизонтальный текст» и напишите по центру слово «ps». Цвет текста — черный, размер — 1000 пт, шрифт Tierra Negra из коллекции «173 дизайнерских шрифта«. Сделайте два дубликата этого слоя (Ctrl + J).

Настройки стиля для верхнего слоя.

Внутренняя тень

Тиснение

Наложение градиента

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

1-я контрольная точка: позиция — 29%, цвет — #858383;

2-я точка: позиция — 45%, цвет — #4f4d4d;

3-я точка: позиция — 58%, цвет — #6а6969;

4-я точка: позиция — 78%, цвет — #ffffff;

5-я точка: позиция — 82%, цвет — #ffffff;

6-я точка: позиция — 100%, цвет — #c9c7c7;

Обводка

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

1-я контрольная точка: позиция — 0%, цвет — #858383;

2-я точка: позиция — 19%, цвет — #4f4d4d;

3-я точка: позиция — 42%, цвет — #6а6969;

4-я точка: позиция — 80%, цвет — #ffffff;

5-я точка: позиция — 87%, цвет — #ffffff;

6-я точка: позиция — 100%, цвет — #dbd8d8;

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

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

Стиль слоя «Внешнее свечение«

Тиснение

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

Шаг 5. Уберите видимость слоя «ps копия» как и в предыдущем шаге, затем переходите к слою «ps». Добавьте ему следующие стили с настройками ниже:

тень

тиснение

Вот, что должно получиться

Шаг 6. Верните видимость двум верхним слоям.

Выделите средний слой «ps копия» и инструментом «Перемещение» (V) сместите текст немного вверх, чтобы он слегка выступал над серебристым текстом.

Можете немного растянуть его по вертикали с помощью инструмента «Свободное трансформирование» (Ctrl + T). Для большей точности увеличьте масштаб отображения до 100%.

Далее выделите нижний слой «ps» и аналогичным образом сместите текст чуть ниже для придания эффекта трехмерности.

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

Смотрим на финальный результат нашей работы.

Добавив немного фантазии, можно получить следующее.

Смотреть в оригинальном разрешении

{jcomments on}

Источник: http://style-ps.ru/uroki-photoshop/collekciya-1/3d-text.html

Объёмный гранжевый текст

Конечный результат:

Шаг 1 – Illustrator
Создайте новый документ в Illustrator. Шрифтом kilogram напишите текст (я написал “Graphic Design”). Каждое слово должно находиться на своей строке. Поэкспериментируйте с размером и отступами, чтобы создать вид прямоугольника. Можете использовать мои настройки:

Шаг 2
Инструментом Selection Tool выберите текст, кликните правой кнопкой и выберите create outline, потом перейдите в меню Filters>>3D>>Extrude & Bevel. Настройте так:

Шаг 3
Выберите 3d объекты и перейдите в меню Object >> Expand Appearance:

Шаг 4
Разгруппируйте объекты (нажмите Ctrl+Shift+G много раз). Кликните дважды на инструменте Magic Wand Tool и установите значение Допуска (Tolerance) – 0. Сделайте выделение верхней части текста и нажмите Ctrl+G, поднимите вверх. Затем выделите нижнюю часть и также сгруппируйте (Ctrl+G).

Шаг 5 — Photoshop
Создайте новый документ размером 1024х700 пикселей.

Шаг 6
Откройте эту текстуру, перетащите в наш документ и подгоните под размер холста. Установите Заливку (Fill) слоя – 65%. Назовите этот слой BG.

Шаг 7
Вставьте ещё одну текстуру, подгоните под размер холста и установите Заливку (Fill) слоя – 40%, установите Режим наложения – Затемнение основы (Blending Mode – Color Burn). Назовите слой “BG02”.

Шаг 8
Перетащите объёмный текст из Illustrator в Photoshop (нужно будет по отдельности перенести верхнюю и нижнюю части). Вставьте как векторные смарт-объекты. Измените размер обоих слоёв:

Шаг 9
Светлый слой назовите “Upper Part”, а нижний “Below Part”.

Шаг 10
Сделайте копию слоя “BG02” и установите Заливку (Fill) слоя – 0%, Режим наложения – Нормальный (Blending Mode – Normal). В размере уменьшите до 60%. В палитре слоёв расположите этот слой над слоем “Upper Part”. Потом сделайте выделение слоя “Upper Part” (Ctrl+Click).

Шаг 11
Выберите копию слоя “BG02” и кликните на иконке маски слоя в низу палитры слоёв. Скройте слой “Upper Part”.

Шаг 12
Проделайте предыдущие два шага для слоя “Below Part”. Но ко второй копии слоя “BG02” нужно применить стиль Отбрасывание тени (Layer Style — Drop Shadow):

Режим – Умножение

Наложение градиента (Режим – Свечение, Стиль – Линейный):

Шаг 13
Создайте новый слой (Create New Layer) и залейте его чёрным цветом. Понизьте Непрозрачность до 60%. Выберите инструмент Ластик (Eraser Tool) размером 700 пикселей и непрозрачностью 30%, сотрите чёрный цвет с холста, оставив только края нетронутыми.

Шаг 14
Сделайте копию слоя “Upper Part” (она должна быть видимой), понизьте Заливку (Fill) слоя до 0% и примените к ней стиль Наложение цвета (Layer Style — Color Overlay).

Инструментом Свободное трансформирование (Free Transform) измените копию так:

Шаг 15
Сделайте ещё одну копию слоя “Upper Part” и проделайте шаг 14 ещё раз (непрозрачность стиля наложения цвета – 30%). После применения стиля примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 2 пикселя. Трансформировать копию нужно так:

Источник: http://silverphoto.my1.ru/publ/objomnyj_granzhevyj_tekst/7-1-0-637

Создаем 3D-текст с эффектом золота | by PFY (Твой фотошоп)

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

Создаем новый документ (Ctrl+N) со следующими настройками:

Width (Ширина): 850 пикс.
Height (Высота): 500 пикс.
Resolution (Разрешение): 72 PPI

Дублируем фоновый слой Layer — Duplicate Layer (Слой — Создать дубликат слоя) или жмем сочетание клавиш Ctrl+J. Называем копию «Фоновый узор».

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

Дважды кликаем по слою «Фоновый узор», чтобы открыть окно Layer Style (Стиль слоя). Выбираем стиль Pattern Overlay (Наложение узора) и кликаем на кнопку выбора узора. В открывшемся меню находим узор Pattern01 и жмем ОК.

Чтобы немного затемнить фон, мы добавим еще один стиль слоя с серой полупрозрачной заливкой. Дважды кликаем по слою «Фоновый узор», чтобы открыть окно со стилями, и выбираем стиль слоя Color Overlay (Наложение цвета).

Blend Mode (Режим наложения): Normal (Нормальный)
Цвет: #000000
Opacity (Непрозрачность): 50%

Активируем инструмент Type Tool (T) (Текст) и пишем любое слово, например, GOLD. На панели Window — Character (Окно — Символ) выбираем для него шрифт Anton.

Размер шрифта: 230 px
Tracking (Трекинг): -20 pt
Anti-aliasing mode (Метод сглаживания): Smooth (Плавное)
Цвет: #ffffff

Дублируем (Ctrl+J) текстовый слой GOLD и называем верхнюю копию «GOLD A», а нижнюю — «GOLD B». С помощью этих двух слоев и стилей мы создадим 3D-эффект.

Активируем Move Tool (V) (Перемещение), на панели слоев с зажатой клавишей Ctrl выбираем оба текстовых слоя и фоновый, затем на верхней панели выравниваем их:

Align Horizontal: Center (Выравнивание центров по горизонтали)
Align Vertical: Center (Выравнивание центров по вертикали)

В этом разделе мы будем работать со слоем «GOLD A». Выбираем его и переходим Layer — Layer Style — Pattern Overlay (Слой — Стиль слоя — Наложение узора). В открывшемся окне жмем на кнопку выбора узора и в списке находим узор Pattern02. Эту текстуру мы будем использовать в качестве основы для эффекта золотого металла.

Далее начинаем придавать сияние, для этого применяем стиль слоя Bevel and Emboss(Фаска и тиснение) со следующими настройками.

Style (Стиль): Inner Bevel (Внутренний скос)
Technique (Метод): Smooth (Плавное)
Depth (Глубина): 675%
Direction (Направление): Up (Вверх)
Size (Размер): 190 пикс.
Soften (Смягчение): 0 пикс.
Angle (Угол): 90º
Use Global Light (Глобальное освещение): убираем галочку
Altitude (Высота): 30º

Теперь мы применим установленный CustomContours.shc. Кликаем по кнопке GlossContour (Контур глянца) и в открывшемся списке выбираем CustomContour01.

Настраиваем его:

Anti-aliased (Сглаживание): ставим галочку
Highlight Mode (Режим подсветки): Linear Dodge (Add) (Линейный осветлитель)
Highlight Color (Цвет подсветки): #ebe89b
Highlight Opacity (Непрозрачность подсветки): 30%
Shadow Mode (Режим тени): Color Dodge (Осветление основы)
Shadow Color (Цвет тени): #655f54
Shadow Opacity (Непрозрачность тени): 40%

После этого применяем Layer Style — Inner Shadow (Стиль слоя — Внутренняя тень), чтобы подсветить края. Используем настройки, показанные ниже:

Blend Mode (Режим наложения): Vivid Light (Яркий свет)
Opacity (Непрозрачность): 50%
Цвет: #ffffff
Angle (Угол): 90º
Use Global Light (Глобальное освещение): убираем галочку
Distance (Смещение): 1 пикс.
Choke (Стягивание): 0%
Size (Размер): 0 пикс.
Contour (Контур): по умолчанию
Anti-aliased (Сглаживание): ставим галочку
Noise (Шум): 0%

Добавляем стиль слоя Inner Glow (Внутреннее свечение) со следующими настройками, чтобы подчеркнуть осветленные контуры букв:

Blend Mode (Режим наложения): Color Dodge (Осветление основы)
Opacity (Непрозрачность): 20%
Noise (Шум): 0%
Цвет: #ffffff
Technique (Метод): Softer (Мягкий)
Source (Источник): Edge (На краях)
Choke (Стягивание): 0%
Size (Рамер): 3 пикс.

Теперь мы применим установленный CustomContours.shc. Кликаем по кнопке Contour(Контур) и в открывшемся списке выбираем CustomContour02.

Настраиваем его:

Anti-aliased (Сглаживание): снимаем галочку
Range (Диапазон): 50%
Jitter (Колебание): 0%

Далее мы доработаем блики, чтобы улучшить реалистичность. Переходим Layer Style — Satin (Стиль слоя — Глянец) и настраиваем стиль слоя.

Blend Mode (Режим наложения): Color Dodge (Осветление основы)
Цвет: #fffae6
Opacity (Непрозрачность: 20%
Angle (Угол): 90º
Distance (Смещение): 150 пикс.
Size (Размер): 230 пикс.

Теперь мы применим установленный CustomContours.shc. Кликаем по кнопке Contour(Контур) и в открывшемся списке выбираем CustomContour03.

Настраиваем его:

Anti-aliased (Сглаживание): ставим галочку
Invert (Инвертировать): убираем галочку

В этом шаге мы применим градиентную заливку, чтобы сгладить эффект золота. Открываем окно Layer Style (Стиль слоя) и применяем Gradient Overlay (Наложение градиента).

Blend Mode (Режим наложения): Darken (Затемнение)
Opacity (Непрозрачность): 100%
Reverse (Инверсия): убираем галочку
Style (Стиль): Linear (Линейный)
Align with Layer (Выровнять по слою): ставим галочку
Angle (Угол): 90º
Scale (Масштаб): 100%

Затем кликаем по градиентной полосе, чтобы открыть редактор градиента:

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

Цвет первой контрольной точки: #8e6617
Положение первой контрольной точки: 0%
Цвет второй контрольной точки: #876b2c
Положение второй контрольной точки: 25%
Цвет третьей контрольной точки: #997a35
Положение третьей контрольной точки: 45%
Цвет четвертой контрольной точки: #e0b545
Положение четвертой контрольной точки: 67%
Цвет пятой контрольной точки: #947632
Положение пятый контрольной точки: 83%
Цвет шестой контрольной точки: #886218
Положение шестой контрольной точки: 53%

Чтобы улучшить реалистичность текста, применяем Layer Style — Color Overlay (Стиль слоя — Наложение цвета) со следующими настройками:

Blend Mode (Режим наложения): Hue (Цветовой тон)
Цвет: #fff0c9
Opacity (Непрозрачность): 100%

Далее мы продолжим работу со слоем «GOLD B», поэтому убедитесь, что вы выбрали именно его!

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

Активируем свободную трансформацию (Ctrl+T) и на верхней панели устанавливаем Width (Ширина) на 92%. Жмем Enter, чтобы применить изменения.

Чтобы оба текстовых слоя выглядели, как одно целое, мы применим ко второму ту же самую текстуру металла. Переходим Layer Style — Pattern Overlay (Стиль слоя — Наложение узора), кликаем на кнопку выбору узора и в списке находим Pattern02. Эта текстура будет основой 3D-эффекта.

Настраиваем стиль:

Blend Mode (Режим наложения): Normal (Нормальный)
Opacity (Непрозрачность): 100%
Scale (Масштаб): 100%
Link with Layer (Связать со слоем): ставим галочку

Далее с помощью градиента мы улучшим эффект 3D. Открываем стили слоя и применяем Gradient Overlay (Наложения градиента):

Blend Mode (Режим наложения): Overlay (Перекрытие)
Opacity (Непрозрачность): 100%
Reverse (Инверсия): убираем галочку
Style (Стиль): Linear (Линейный)
Align with Layer (Выровнять по слою): ставим галочку
Angle (Угол): 90º
Scale (Масштаб): 100%

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

Цвет первой контрольной точки: #1a1b1e
Положение первой контрольной точки: 0%
Цвет второй контрольной точки: #525458
Положение второй контрольной точки: 15%
Цвет третьей контрольной точки: #83878c
Положение третьей контрольной точки: 31%
Цвет четвертой контрольной точки: #eff0ee
Положение четвертой контрольной точки: 41%
Цвет пятой контрольной точки: #ffffff
Положение пятый контрольной точки: 46%
Цвет шестой контрольной точки: #797d82
Положение шестой контрольной точки: 53%
Цвет седьмой контрольной точки: #5d6063
Положение седьмой контрольной точки: 59%
Цвет восьмой контрольной точки: #4e5057
Положение восьмой контрольной точки: 65%
Цвет девятой контрольной точки: #3c3e45
Положение девятой контрольной точки: 72%
Цвет десятой контрольной точки: #4e5057
Положение десятой контрольной точки: 82%
Цвет одиннадцатой контрольной точки: #1a1b1e
Положение одиннадцатой контрольной точки: 100%

Чтобы подкорректировать цвет золота, применяем Color Overlay (Наложения цвета) со следующими настройками:

Blend Mode (Режим наложения): Hard Light (Жесткий свет)
Цвет: #443a1d
Opacity (Непрозрачность): 100%

В этом разделе мы добавим реалистичную тень под текстом. Применяем к слою «GOLD B» стиль Inner Shadow (Внутренняя тень).

Для контура используем установленный набор CustomContours.shc. Нажимаем на выпадающее меню Contour (Контур) и выбираем CustomContour04.

Настраиваем стиль слоя, как показано ниже:

Blend Mode (Режим наложения): Soft Light (Мягкий свет)
Цвет: #000000
Opacity (Непрозрачность): 20%
Angle (Угол): -41º
Use Global Light (Глобальное освещение): убираем галочку
Distance (Смещение): 28 пикс.
Choke (Стягивание): 100%
Size (Размер): 0 пикс.
Anti-aliased (Сглаживание): ставим галочку
Noise (Шум): 100%

Продолжаем работать над добавлением тени и применяем стиль слоя Outer Glow(Внешнее свечение):

Blend Mode (Режим наложения): Darker Color (Темнее)
Opacity (Непрозрачность): 80%
Noise (Шум): 20%
Цвет: #000000
Technique (Метод): Softer (Мягкий)
Spread (Размах): 0%
Size (Размер): 30%
Contour (Контур): по умолчанию
Anti-aliased (Сглаживание): убираем галочку
Range (Диапазон): 50%
Jitter (Колебание): 0%

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

Blend Mode (Режим наложения): Normal (Нормальный)
Цвет: #010101
Opacity (Непрозрачность): 20%
Angle (Угол): 90º
Use Global Light (Глобальное освещение): убираем галочку
Distance (Смещение): 20 пикс.
Spread (Размах): 100 пикс.
Size (Размер): 5 пикс.
Contour (Контур): по умолчанию
Noise (Шум): 0%
Layer Knocks Out Drop Shadow (Слой выбивает тень): ставим галочку

Отличная работа, мы закончили!

PFY

Как в фотошопе сделать надпись объемную

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

Автор: Галина Соколова. Дата публикации: 16 марта 2016. Категория: Обработка фотографий в фотошопе.

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

Итак, приступим к уроку и создадим новый документ CTRL+N с размерами как указано на скриншоте:

Теперь для удобства работы зальём слой 50% серым цветом. Для этого нажмём сочетание клавиш SHIFT+Delete и в появившемся окне Заполнить в строке Использовать установим параметр 50% серого:

Теперь активизируем инструмент Текст, установим основной цвет Белый, нажав сначала клавишу D, а затем X, после чего выберем любой жирный шрифт и напишем текст. Затем вызовем рамку Трансфрормации CTRL+T и увеличим текст, удерживая клавишу SHIFT:

Затем дважды щёлкнем внутри рамки левой клавишей мышки, чтобы трансформация применилась:

Как мы видим две последние буквы склеились вместе – между ними нет просвета. Чтобы исправить расположение букв нужно активизировать инструмент Текст и щёлкнуть курсором между буквами, а затем удерживая клавишу ALT несколько раз щёлкнуть на клавиатуре по клавише со стрелочкой, которая направлена вправо. В результате последняя буква передвинется вправо и появится промежуток между буквами:

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

Как мы видим, что текст приобрёл толщину и тень. Курсор в рабочей среде 3D позволяет поворачивать 3D объект в любых направлениях. Повернём наш текст так, чтобы толщина текста была видна нагляднее:

Теперь щёлкнем по тексту мышкой и затем щёлкнем по значку Свойства, в результате откроется окно Свойства, где нужно щёлкнуть по опции Набор фигур и выбрать фигуру под названием Раздувание и подвинуть движок параметра Глубина экструзии приблизительно до 40-50:

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

Чтобы выйти из режима Капитель в режим Обзора нужно щёлкнуть по пустому месту рабочей среды:

Теперь создадим цвет букв. Для этого выделим все текстовые слои: кликнем по первому слою и затем удерживая клавишу SHIFT, кликнем по последнему слою в результате слои выделятся:

Затем перейдём в окно Свойства и выберем готовый материал:

Теперь раскрасим буквы в цвет, который мы выберем сами на палитре цветов, например в оранжевый. Для этого мы вернёмся в исходное положение, когда текст был белым, нажав несколько раз сочетание клавиш ALT+CTRL+Z и выделим тестовые слои, затем в окне Свойства нажмём на квадратик Рассеивание и в палитре цветов выберем оранжевый цвет:

Добавим Блик. Для этого выберем цвет блика белый и передвинем движок параметра Блеск так, чтобы блик смотрелся реалистично:

Теперь раскрасим каждую букву отдельно. Для этого перейдём в меню 3D и нажмём на опцию Разделить экструзию в результате мы получим редактирование каждой буквы по отдельности:

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

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

Теперь в Палитре 3D перейдём к слою Бесконечный свет1 и установим параметр Тень на 20-30%

Теперь перейдём на слой Окружающая среда и установим параметр Отражение на 60% и Плавность 30%:

Теперь запустим Рендеринг ALT+SHIFT+CTRL+R – операция, которая обработает информацию, в результате чего, появится окончательный результат, после чего необходимо перейти в палитру Слои на слой с фоном:

На этом урок «Как сделать 3D текст в фотошопе CS6» окончен.

Узнать подробности работы с 3D объектами в фотошопе

Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.

Форма для подписки находится ниже.

Печать

👌 Как сделать объемный текст в Photoshop, увлечения и хобби

Хочу поделиться личным опытом в создании объемного текста в программе Photoshop. Одним из минусов программы Photoshop является то, что в ней не предусмотрена функция быстрого создания объемного текста, а также нет библиотеки с уже готовыми шаблонами (на любой вкус и цвет). В интернете есть несколько способов, как сделать объемный текст самому. Но, методом проб и ошибок, я разработала для себя такой. На мой взгляд, он проще и удобнее, чем те, которые мне попадались. Для начала создайте любой текст. Шрифт и цвет выбирайте тот, который вам больше всего нравится или в зависимости от будущего назначения надписи.

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

После того как вы создали достаточное количество слоев (учтите, что самый верхний слой будет «лицом» вашего текста), измените цвет последнего «лицевого» слоя. Это подчеркнет объем текста и сделает его интереснее. Название слоя должно изменится: пропадут слова «копия…».

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

Объемный текст готов. Теперь выделите все текстовые слои.

Кликните по ним правой кнопкой мышки и выберите Растрировать текст (обычно это 9-я строка сверху).

Все. Теперь вы можете их объединить. Не убирая выделения с растрированных слоев, кликните по ним еще раз правой кнопкой мыши. В открывшемся окне вы найдете функцию Объединить слои (3-я строка снизу). Это делается для удобства. Но если вы не уверены в конечном варианте, то лучше не торопиться. Если вы не уверены только в «лицевом» слое, то можете (для сокращения количества слоев) растрировать и объединить все слои, кроме последнего. Готово.

Чтобы получать лучшие статьи, подпишитесь на страницы Алимеро в Яндекс Дзен, Вконтакте, Одноклассниках, Facebook и Pinterest!

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

Вначале, откроем файл с блестками. Я использовал текстуру синего цвета. Затем создадим Паттерн. Нажимаем Редактирование > Определить узор (Edit > Define Pattern) затем нажимаем ОК и закрываем файл с текстурой.

Шаг 2. Создание документа

Создаем новый документ размером 860х640 px. Затем в качестве фона, переносим туда текстуру рисовой бумаги, которая также находится в материалах к уроку. Масштабируем ее так, чтобы она заняла все место в рабочем документе.

Шаг 3. Добавление текста

Создаем нужный текст размером 150 pt и цветом #B3BEC1. Используйте наиболее подходящий для вас шрифт.

После этого конвертируйте текстовый слой в Смарт-объект, для этого необходимо нажать правой кнопкой мыши в панели слоев по нужному слою и выбрать Преобразовать в Смарт-объект (Convert to Smart Object).

Шаг 4. Наложение эффектов

Теперь нажимаем правой кнопкой по Смарт-объекту в панели слоев и выбираем самый верхний пункт Параметры наложения.

Там выбираем Тиснение (Bevel and Emboss) и выставляем следующие настройки:

Метод — Жесткая огранка (Technique — Chisel Hard)
Контур глянца – Двойное кольцо (Gloss Contour — Ring- Double)
Сглаживание ставим галочку (Anti-aliased)
Режим подсветки — Яркий свет (Highlight Mode — Vivid Light)
Непрозрачность — 100% (Opacity — 100%)
Непрозрачность тени – 50% (Shadow Mode — Opacity 50%)

Шаг 5. Наложение эффектов

Затем добавляем эффект Контур (Contour) со следующими настройками:

Шаг 6. Наложение эффектов

Добавляем Эффект Текстура (Texture).

Узор (Pattern) – Используем узор который мы сделали в первом шаге (текстуру с блестками).

Шаг 7. Наложение эффектов

Добавляем эффект Наложение узора (Pattern Overlay) со следующими настройками:

Режим наложения – Яркий свет (Blend Mode — Vivid Light)
Узор (Pattern) — используем узор который мы сделали в первом шаге (текстуру с блестками)
Масштаб (Scale) — 10%

Шаг 8. Наложение эффектов

Добавляем эффект Тень (Drop Shadow) со следующими настройками:

Режим наложения – Яркий свет (Blend Mode — Vivid Light)
Цвет (Color) — #FFFFFF
Непрозрачность (Opacity) — 100%
Смещение (Distance) — 2
Размер (Size) — 2
Шум (Noise) — 5

Шаг 9. Наложение эффектов

Дублируем Смарт-объект, для этого в панели слоев нажимаем по слою правой кнопкой и выбираем Создать дубликат слоя (Duplicate Layer). После этого у нового слоя удалим все Эффекты, а для этого опять нажмем правой кнопкой по слою и выберем Очистить стиль слоя (Clear Layer Style).

Далее поместим наш новый слой под основной оригинальный текстовый слой и перейдем опять в панель Параметры наложения (Blending Options) и добавим Тень (Drop Shadow) со следующими настройками:

Режим наложение – Умножение (Blend Mode — Multiply)
Цвет (Color) — #000000
Непрозрачность (Opacity) — 20%
Глобальное освещение — Убрать галочку (Use Global Light)
Угол (Angle) -45
Смещение (Distance) — 3
Размер (Size) — 8
Шум (Noise) — 5

Шаг 10. Промежуточный результат

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

Шаг 11. Добавление корректирующего слоя

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

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

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

После этого автоматически текст обновиться и на него наложатся все наши эффекты.

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

Объемные надписи. Делаем в фотошоп cs4

06.12.2013

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

Данная программа не содержит достаточно функций, чтобы создавать объемные надписи, тем не менее, к данному вопросу можно подойти с иной стороны. И все у нас получится! Создаем документ А4.

Делаем надпись при помощи инструмента Tool. Размер шрифта 300 pt. Цвет букв Вы можете выбрать произвольный. У меня #d85366.

Применяем стили слоя к надписи. Layer / Layer Style. В открывшемся окне выполняем настройки:

Далее дублируем слой с текстом (Ctrl+J) и при помощи стрелочек на клавиатуре опускаем новый слой на пиксель вниз и влево. Повторяем процедуру 10 раз. Количество слоев можно уменьшить или увеличить. В зависимости от того, на сколько, Вы хотите сделать текст объемным.

Делаем тень. Создаем новый слой внизу в панели Layers. Делаем выделение нижнего слоя с текстом (удерживая Ctrl, кликаем по слою) и заливаем выделение черным цветом.

Дублируем нижний слой с надписью и переворачиваем его вертикально. Edit / Transform / Flip Vertical. Для удобства сольем слои с верхней надписью. Выделяем слои и жмем Ctrl+E. В результате у нас останется 4 слоя (фон, перевернутый текст, тень, объемный текст).

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

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

Переходим к работе с тенью. Edit / Transform. Далее удерживая клавишу Ctrl, деформируем тень, смещая угловые точки.

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

Дорабатываем тень. Применяем фильтр размытие по Гауссу (Filter / Blur / Gaussian Blur) и прозрачность слоя 65% Заливаем фон.

Инструментом Marquee выделяем нижнюю часть фона и заливаем градиентом. Цвета # 2a5159 и # dee7ee. То же проделываем с верхней частью фона.

Сделаем отражение более естественным. Создаем новый слой над перевернутым текстом, изменяем цвет градиента #dee7ee на 100% прозрачности. Заливаем градиентом новый слой.

Готово. Таким образом, можно с легкостью создавать объемные надписи и в фотошоп cs4.

Copyright © Внимание! Сайт idei-photoshop.com защищен законом об авторском праве. Копирование материала может быть использовано только с разрешения администратора сайта и указанием активной ссылки на сайт.Все права защищены.

⚙КАК СОЗДАТЬ 3D ЭФФЕКТ ТЕКСТА В ФОТОШОПЕ

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

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

ГРАФИЧЕСКИЙ ДИЗАЙН

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

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

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

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

Как вы можете видеть, это простой способ придать тексту другой оттенок, чтобы он не был плоским, а также позволял комбинировать его с другими методами, такими как плоский дизайн, при сохранении стандартов, 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 из списка. Когда появится дополнительное меню, вы увидите, что теперь доступны параметры «Искажение» и «Перспектива». Выберите Perspective из списка:
Перейдите в меню «Правка»> «Трансформировать контур»> «Перспектива».
Тот же прямоугольник и ручки, которые мы видели ранее, когда выбирали команду «Свободное преобразование», появятся вокруг текста (формы). Разница в том, что сейчас мы работаем в режиме перспективы. Чтобы изменить перспективу текста и придать ему трехмерный вид, просто нажмите на ручку в правом нижнем углу и перетащите ее прямо вниз.По мере перетаскивания высота правой части текста будет увеличиваться от его центра, в то время как левая сторона останется неизменной:
Щелкните ручку в правом нижнем углу и потяните вниз.
Когда вас устраивает сдвиг перспективы, нажмите Введите (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.Мы хотим использовать градиент от черного к белому для нашего эффекта искусственного освещения. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран какой-либо другой градиент, щелкните область предварительного просмотра градиента в середине опций:
Щелкните область предварительного просмотра градиента в диалоговом окне «Стиль слоя», чтобы выбрать новый градиент.
Это вызывает Gradient Picker , показывая нам все доступные градиенты, из которых мы можем выбирать.Нам нужен градиент Black, White , третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите, что имя градиента отображается при наведении курсора на миниатюру. Щелкните по нему, чтобы выбрать его, затем щелкните OK в правом верхнем углу, чтобы принять его:
Выберите черный, белый градиент.
Вернувшись к основным параметрам наложения градиента, вы увидите область предварительного просмотра градиента, в которой теперь отображается градиент от черного к белому (если это еще не было).Ниже приведены несколько важных опций. Убедитесь, что для параметра Style установлено значение Linear , а для градиента Angle установлено значение 90 ° :
Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для параметра «Угол» установлено значение 90 °.
Нажмите OK , когда вы закончите, чтобы выйти из диалогового окна Layer Style, и все готово! Photoshop применяет градиент от черного к белому к объединенному слою, создавая эффект тени на буквах и завершая наш простой эффект трехмерного текста:
Последний эффект трехмерного текста.
Куда идти дальше …
И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!
Как создать замечательный 3D-текст в Photoshop
В этом быстром и простом руководстве по графическому дизайну вы откроете для себя удобный процесс создания захватывающей трехмерной типографики с помощью Photoshop и некоторых творческих приемов.
Окончательный результат
Вот предварительный просмотр того, над чем мы будем работать в этом руководстве по веб-дизайну (щелкните изображение, чтобы увидеть результат в полном масштабе).Как веб-дизайнер, это навыки, которые ищут потенциальные клиенты. Это учебное пособие должно помочь вашему тексту выделяться, разрабатываете ли вы сайт для колледжа или магазина автозапчастей.
Настройка документа Photoshop
1 Прежде всего, мы собираемся открыть Photoshop и создать новый документ (Ctrl + N). В диалоговом окне «Новый документ» установите для единиц ширины и высоты дюймы (если это еще не сделано). Мы создаем квадратный холст; установите ширину и высоту 10 дюймов .Мы создаем графику с высоким разрешением, готовую к печати, поэтому установите Разрешение на 300 пикселей / дюйм .
2 Создав холст, залейте фоновый слой темно-серым ( # 333333 ) цветом. Один из способов сделать это — сначала установить темно-серый цвет переднего плана (на панели «Инструменты»). Затем выберите фоновый слой на панели слоев и нажмите Ctrl + A (что создает выделение вокруг всего холста — вы также можете сделать это с помощью Select> All).Наконец, выберите «Правка»> «Заливка» (Shift + F5), чтобы открыть диалоговое окно «Заливка», убедитесь, что для параметра «Использовать» установлено значение «Цвет переднего плана», а затем нажмите «ОК», чтобы применить заливку.
Создание текста
3 Теперь разместим текст на холсте. Выберите инструмент «Горизонтальный текст» на панели «Инструменты» и введите желаемый текст / логотип. Измените цвет текста на панели параметров на желтый ( # FFCC00 ), используйте довольно большой размер шрифта и попробуйте выбрать жирный шрифт, так как этот метод работает лучше всего.Здесь использовался шрифт Myriad Pro Black , размер 286pt, для слова «Six» и 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 Теперь мы можем начать прожиг в выбранных областях. Измените параметры записи на панели параметров так, чтобы для параметра «Диапазоны» было выбрано значение , Highlights , а для экспозиции — , 50%, .Я также использовал кисть с Master Diameter, установленным на 125px с твердостью 0% .
20 С такими же настройками затемнения мы собираемся обработать остальные области, которым нужны тени. Поскольку у вас все еще должны быть выделены области, мы можем сделать обратное выделение, Select> Inverse (Ctrl + Shift + I), затем мы можем записать области, которые мы еще не сделали, не сжигая области, которые мы уже сделали.
21 Мы также можем сделать некоторые блики с помощью Dodge Tool.Используйте ту же кисть, те же настройки и тот же метод, что и с инструментом затемнения.
Готово!
Вот он, трехмерный текст, использующий только Photoshop. Вот что у меня получилось:
Поделитесь своей работой на Flickr
Почему бы вам не поделиться своей работой в группе Six Revisions Flickr и не продемонстрировать ее сообществу?
Скачать
Если вы хотите загрузить файл Photoshop, использованный в этом руководстве, вы можете сделать это ниже.
Связанное содержимое
Как создать 3D-текст в Photoshop
Этот урок Photoshop легко выучить, используя доступные вам инструменты. Я покажу вам, насколько просто создать 3D-текст в Photoshop.
Трехмерный текст в Photoshop
Я буду использовать собственное название веб-сайта и превращу его в золотой текстовый логотип в качестве простого примера. Затем вы можете использовать следующие методы, которые вы изучите в этом руководстве, для создания собственного логотипа или чего угодно. Просто посмотрите на GIF-изображение выше, чтобы увидеть, как мы проектируем текст в 3D.
Я использовал «Tutorial Bone Yard», потому что хотел создать дизайн логотипа, но это всего лишь одна вещь, которую вы можете сделать с трехмерным текстом. Так что проявите творческий подход!
Также не пугайтесь размера текста в этом уроке. Вы можете делать свои проекты такими большими или маленькими, как вам нравится. Я использовал большой размер в демонстрационных целях, чтобы вам было легче визуализировать трехмерный текст.
Вот некоторые из 3D-эффектов в Photoshop, которые я буду использовать:
* Введите текст ( любого размера по вашему желанию).
* Затем используйте Free Transform , чтобы наклонить текст.
* Научитесь Растрировать текстовых слоев для редактирования пикселей
* Нажатие Ctrl + Alt + Стрелка вниз для создания глубины 3D.
* Нанесите немного Color Dodge на определенные участки, чтобы добавить блеска.
* Добавьте Bevel and Emboss для большей глубины.
* Для большей глубины добавьте Drop Shadow .

Посмотреть видео:
Вот финал, который я создал примерно за 30 минут. Продолжайте читать, чтобы увидеть, как я все это сделал.
Создайте простой золотой логотип в Adobe Photoshop
Итак, приступим к созданию золотого текстового 3D-логотипа Photoshop (или для любой другой цели):
1. Откройте любую версию Photoshop, создайте новый документ и введите свой текст. В качестве шрифта я использовал Arial.Используйте для текста цвет # ad842d.
2. Продолжайте выделять текстовый слой и перейдите в Edit> Free Transform или нажмите Ctrl + T , чтобы войти в режим свободного преобразования. На панели инструментов свободного преобразования введите значение высоты 50% и горизонтального угла -25º, а затем нажмите Введите , чтобы подтвердить преобразование.
3. Теперь скопируйте или продублируйте текстовый слой. Чтобы скопировать текстовый слой, выберите слой, затем перейдите в Layer> New> Layer via copy или просто нажмите Ctrl + J .
4. Теперь перетащите новый слой под исходный текстовый слой, который у нас был. Выделив новый слой, перейдите к Layer> Rasterize> Type . Растеризация преобразует текстовый слой в нормальный слой.
5. Теперь, когда слой выбран, выберите инструмент Перемещение (на панели инструментов или нажав V ). Теперь зажмите Ctrl + Alt и несколько раз нажмите Стрелку вниз . Каждый раз, когда вы нажимаете стрелку вниз, вы получаете новый дублирующий слой, а ваш текст будет на 1 пиксель толще.Удерживайте нажатой стрелку вниз, пока не получите желаемую толщину.
6. Теперь выделите все новые слои вместе и перейдите к Layer> Merge Down или нажмите Ctrl + E . Теперь у нас есть единственный слой, который содержит толщину нашего текста.
7. Перейти к исходному текстовому слою. Теперь выберите инструмент Color Dodge Tool из палитры слоев. Установите Fill на 50%. Это придаст яркости трехмерному тексту, придав ему большую глубину.
8. Теперь выберите слой, который содержит толщину текста (слой копии). Используйте инструмент Polygonal Lasso Tool из панели инструментов и сделайте выбор, как показано ниже. Мы хотим добавить свечение этим областям для получения блестящего эффекта.
9. Щелкните скопированный слой. Теперь выберите Dodge tool .
10. Внутри каждого выделения используйте кисть с разными уровнями яркости.Проделайте это со всеми буквами на слое копии. Настройте заливку Color Dodge на исходном текстовом слое. Тусклый трехмерный текст теперь оживает ниже. Теперь он блестящий и золотой, как вы видите ниже.
11. Щелкните исходный текстовый слой. В меню перейдите в Layer >> Layer Style >> Bevel and Emboss . Это добавит немного большей глубины.
12. Затем перейдите на слой-копию и добавьте Layer Style , но просто добавьте Dropshadow .Теперь трехмерный текст выделяется больше.
Конечный результат:
Поздравляю !! Ваш учебник по 3D-тексту в Photoshop готов. Это было не так уж и сложно. Как вы видели, усилия, вложенные в 3D-текст с помощью Photoshop, были почти нулевыми.
Добавьте эту страницу на свой веб-сайт, в блог или на форум. Расскажите своим друзьям об этом руководстве: Photoshop_3D_Text
Чирикать, порекомендовать или поставить палец вверх!
Учебное пособие по Photoshop с эффектом 3D-текста
Хотите сохранить этот урок для использования позже или поделиться им с другом? Прикрепите это изображение!
Это простой учебник по 3D-текстовому фотошопу с использованием простых сочетаний клавиш и смарт-объектов.Мы будем использовать эти инструменты для создания 3D-текстов за считанные минуты без использования 3D-среды Photoshop, которая может напугать новых пользователей.
Создайте этот 3D-текстовый PSD-файл Photoshop для использования в качестве шаблона для любого текста. Создавайте текст с любым цветом, рисунком или градиентом. Я покажу вам, как все это сделать, в этом видео.
Используйте этот эффект трехмерного текста на главном изображении веб-сайта или в качестве центральной части ваших рекламных листовок и как часть дизайна плаката и это лишь некоторые из них.
ВАЖНОЕ ПРИМЕЧАНИЕ ПО ПРОГРАММНОМУ ОБЕСПЕЧЕНИЮ Программное обеспечение: Photoshop CC 2020 У вас может быть другая конфигурация в вашей версии Photoshop. В обновлениях все перемещается. Некоторые функции этой версии Photoshop могут быть недоступны в более старых версиях. Пожалуйста, оставьте комментарий, если вы застряли или вам не хватает какой-либо функции, и я сделаю все возможное, чтобы вам помочь.
ИЗУЧАЙТЕ ИНСТРУМЕНТЫ ДИЗАЙНА ОДИН ШАГ ЗА ВРЕМЯ
Изучите и освоите самые неприятные аспекты таких сложных программ, как Photoshop и Illustrator, в увлекательной и увлекательной форме с помощью руководств по дизайну PrettyWebz.
Обучающие проекты, подобные тем, которые мы публикуем здесь, в блоге, предназначены для того, чтобы помочь вам понять использование наиболее эффективных аспектов программного обеспечения для проектирования, шаг за шагом. В процессе вы создадите свои дизайнерские активы, чтобы создать потрясающий маркетинговый дизайн для своего бизнеса.
Не забудьте зарегистрироваться ниже в нижнем колонтитуле, чтобы стать частью семьи PrettyWebz и никогда не пропустить ни одного урока.
Также присоединяйтесь ко мне на YouTube, чтобы проверить плейлисты, которые я создал для Photoshop, PowerPoint и другого программного обеспечения, которое вы можете использовать для создания своей онлайн-графики.
РЕСУРСЫ ДЛЯ Учебного пособия по эффектам 3D-текста
Шрифт, используемый в этом руководстве: Lust Script из Adobe Fonts
Другие уроки, упомянутые в этом видео: Эффект Swirl Text
Дополнительные сообщения по этой теме
Эффект Swirl Text
Pixel Растянуть фон
Шоколадный текстовый эффект
Подобные продукты премиум-класса
Эффект трехмерного текста ВИДЕО Учебник
Ссылки на изображения для учебного пособия по эффектам трехмерного текста
Настройки текста
Мы начнем с сплошного основного цвета и добавим эффекты слоя для градиенты и узоры, чтобы изменить внешний вид эффекта 3D-текста позже в видео.
Добавить стили слоя
Стили слоя не являются обязательными, но они добавят уникальности вашему эффекту трехмерного текста. Вы можете включать и выключать слои градиента и узора по мере необходимости при использовании этого PSD с трехмерным текстовым эффектом в качестве шаблона.
Преобразуйте текстовый слой в смарт-объект, щелкнув слой правой кнопкой мыши и выбрав «Преобразовать в смарт-объект»
Применить стиль слоя (вне смарт-объекта)
Наклон и тиснение
Применить размытие по Гауссу
Хотите сохранить это учебник на потом или поделитесь им с другом? Прикрепите это изображение!
Создайте элегантный эффект 3D-текста в Photoshop CS6 — Medialoot
Из этого туториала Вы узнаете, как использовать атрибуты формы Photoshop CS6 и возможности 3D для создания элегантного королевского трехмерного текстового эффекта.Он проведет вас через изменение настроек формы, работу с трехмерными элементами, создание различных материалов, настройку источников света и изменение результата рендеринга. Давайте начнем!
Учебные материалы
Шрифт Elsie.
Выкройка на подкладке от Chris Baldie.
Плиточные текстуры светлого дерева от WebTreatsETC.
Металлическая текстура трубы от фотофрекции (достаточно маленького изображения).
Gradient-shape for Photoshop от ilnanny (Загрузите файл METALS.grd файл).
Шаг 1
Создайте новый документ размером 1000 x 800 пикселей и залейте фон черным цветом.

Создайте текст белым цветом, используя шрифт Elsie, размер шрифта 250 pt и установите значение отслеживания 50.
Шаг 2
Перейдите в меню «Тип»> «Преобразовать в форму». Это преобразует текстовый слой в слой-фигуру, что означает, что он больше не будет редактироваться как текст. Поэтому не забудьте изменить текст перед его преобразованием.

Дублируйте слой с фигурой текста и выберите инструмент «Прямое выделение», чтобы получить параметры формы на панели параметров.Измените Заливку на Нет, цвет Обводки на любой серый цвет, Размер Обводки на 10 и Выровнять по внешней стороне.

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

Выберите все имеющиеся у вас 3D-слои (щелкните верхний слой, нажмите и удерживайте клавишу Shift, затем щелкните нижний слой) и перейдите в меню «3D»> «Объединить 3D-слои».
Это поместит все 3D-слои в одну сцену.

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

Выберите инструмент «Перемещение» и проверьте его панель параметров. Вы найдете набор 3D-режимов для инструмента справа от панели. Когда вы выбираете один из них, вы можете затем щелкнуть и перетащить, чтобы внести любые изменения (на выбранном элементе на панели 3D).
Шаг 4
Выберите вкладки имени сетки текстовой формы на панели 3D (выберите одну, затем Ctrl / Cmd + выберите другую) и измените значение глубины выдавливания на панели свойств на 250.

Щелкните значок «Кепка» в верхней части панели «Свойства» и измените ширину скоса на 3, а контур — на полукруглую.

Щелкните значок Координаты и измените угол поворота X на 90 °. Это сделает текстовые сетки перпендикулярными плоскости земли.

Выберите имя плоской сетки и также измените ее угол поворота по оси X на 90 °.

Вы можете залить фоновый слой любым цветом, кроме черного, чтобы было легче видеть трехмерные сетки.
Шаг 5
Снова выберите 3D-слой, затем имя плоской сетки на панели 3D. Перейдите в меню 3D> Привязать объект к плоскости земли и в разделе «Координаты» на панели «Свойства» увеличьте значение Y Position, которое у вас есть, на 0.1, так что плоскость не находится в точности на исходной плоскости земли.

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

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

Выберите плоскую сетку, затем масштабируйте ее равномерно, пока она не покроет все пустые области вокруг текста.
Шаг 6
Время работать над материалами.
Начните с выбора всех вкладок материалов обеих текстовых сеток на панели 3D, за исключением материалов для выдавливания (Ctrl / Cmd + щелчок по вкладкам для выбора).Затем на панели «Свойства» щелкните значок «Рассеянная текстура» и выберите «Удалить текстуру».

Измените цвет Diffuse на # bea221, Specular на # bbb08c, значение Shine на 55%, Reflection на 35% и Refraction на 1,35. Это создаст блестящий золотой материал.

Выберите вкладку материала для выдавливания внутреннего текста, удалите текстуру Diffuse, затем измените цвет Diffuse на # 6c1e98, Specular на # e3e1d7, Illumination на # 000000, Ambient на # 4d1972, значение Shine на 75%, Отражение до 25%, непрозрачность до 30% и преломление до 1.1. Это создаст стеклянный материал.
Шаг 7
Щелкните вкладку материала Extrusion внешней текстовой сетки, удалите текстуру Diffuse, затем измените цвет Diffuse на # 4b2262, Specular на # a7a188, значение Shine на 75%, Reflection на 25% и Refraction на 1,3.

Щелкните значок папки Bump и выберите New Texture.

Введите 1000 и 550 для значений ширины и высоты.

Щелкните значок текстуры «Рельеф» и выберите «Редактировать текстуру».

Это откроет файл текстуры. Дублируйте фоновый слой.
Шаг 8
Дважды щелкните слой с копией фона, чтобы применить эффект наложения узора с использованием узора «Padded».

Щелкните значок «Создать новый слой заливки или корректирующего слоя» на панели 3D и выберите «Яркость / Контрастность».

Измените Яркость на 1 и Контрастность на -50.

Еще раз щелкните значок «Создать новый слой заливки или корректирующего слоя», но на этот раз выберите «Уровни».Затем измените значение Shadows на 7 и значение Highlights на 210.
Сохраните файл (файл> Сохранить) и закройте его (Файл> Закрыть), чтобы вернуться к исходному 3D-документу.

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

Щелкните значок текстуры Bump и выберите Edit UV Properties.Затем измените Масштаб U на 1000%, Масштаб V на 100%, а U-смещение и V-смещение на 0.
Шаг 9
Щелкните вкладку материала плоскости, затем щелкните значок текстуры «Рассеивание» и выберите «Заменить текстуру». Загрузите изображение «webtreats_light_wood4.jpg» из пакета «Tileable Light Wood Textures», затем снова щелкните значок Diffuse текстуры и выберите Edit Texture, чтобы открыть файл.

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

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

Еще раз щелкните значок Diffuse texture и выберите Edit UV Properties. Измените U Scale на 1000%, V Scale на 300%, а U Offset и V Offset на 0. Возможно, вам понадобится использовать другие значения, если вы хотите получить большую или меньшую деревянную плитку.

Что касается других настроек, измените цвет Specular на # 5e5e5e, значение Shine на 90%, Reflection на 20% и удалите текстуру Opacity.
Шаг 10
Щелкните вкладку «Бесконечный свет 1» на панели «3D», затем на панели «Свойства» измените его цвет на # faf8f1, интенсивность на 80% и мягкость тени на 30%.

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

Щелкните значок «Добавить новый источник света в сцену» на панели «3D» и выберите «Новый точечный свет».
Измените цвет точечного света на # fff7d5, его интенсивность на 55% и снимите флажок с его тени. Затем установите флажок LightFalloff, измените значение Inner на 50 и Outer на 200. Это заставит свет постепенно исчезнуть.
Шаг 11
Перед тем, как расположить точечный свет, рекомендуется сохранить вид с камеры. Для этого перейдите на вкладку «Текущий вид», затем выберите «Сохранить» в раскрывающемся меню «Просмотр» на панели «Свойства».

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

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

Щелкните вкладку «Среда» на панели 3D, затем щелкните значок папки IBL на панели «Свойства» и выберите «Загрузить текстуру».

Откройте «текстуру металлических труб …» и измените интенсивность на 50%.

Щелкните значок текстуры IBL и выберите «Редактировать текстуру», чтобы открыть файл текстуры. Затем перейдите в Image> Adjustments> Hue / Saturation. Щелкните поле Colorize и измените значение Hue на 30, чтобы придать текстуре оранжевый оттенок. Сохраните и закройте файл.

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

По завершении рендеринга щелкните значок «Создать новый слой заливки или корректирующего слоя» и выберите «Карта градиента».

Измените режим наложения корректирующего слоя на Мягкий свет, его непрозрачность на 35% и используйте градиентную заливку «Bronze Bz 22» из МЕТАЛЛОВ.grd файл.
Заключение
И готово! Множество настроек и параметров материалов являются мощной частью 3D-среды в Photoshop CS6, а также инструментов 3D-сцены и типов света. Таким образом, используя правильное сочетание текстур, цветов и настроек, вы можете получить отличный результат.
Надеюсь, вам понравилось это руководство, и вы нашли его полезным.
Мы будем рады, если вы попробуете этот урок и расскажете нам о своих результатах!
Роуз — графический дизайнер-фрилансер, начавший использовать Photoshop в 2007 году.Она является основателем textuts.com: блога с учебниками по текстовым эффектам. Помимо написания руководств по текстовым эффектам, она также работает над различными типами печати и 3D-дизайном.
Надутый текст с использованием 3D в Photoshop CC
Давайте немного повеселимся с 3D. Давай, просто попробуй! В этом упражнении мы создадим увеличенный текст, используя функции 3D в Photoshop. Благодаря улучшенным свойствам поверхности вы можете создать отражающий металлический вид за считанные минуты.( Примечание: Для этой техники вам понадобится Photoshop CS6 Extended или CC.)
ШАГ ПЕРВЫЙ: Участники KelbyOne могут начать с открытия файла загрузки, используемого в этом руководстве, по адресу http://kelbyone.com/magazine/issue/october-2013/. [ Все загружаемые файлы предназначены только для личного использования. Чтобы узнать больше о KelbyOne, посетите http://kelbyone.com.] Если вы не являетесь участником KelbyOne, вы можете просто создать новый документ и следовать за ним своим собственным текстом. В любом случае вам нужно использовать шрифт с закругленными краями и углами.Это поможет добавить округлые формы готовому 3D-тексту. Мы использовали шрифт Bell Bottom и набрали слово «PLAY». Поскольку это специализированный шрифт, маловероятно, что он у многих из вас есть, поэтому загружаемый файл содержит текст как слой-фигуру.
ШАГ ВТОРОЙ: Преобразуем текст в трехмерный объект. С активным текстовым слоем или слоем-фигурой на панели «Слои» выберите «3D»> «Новое 3D-выдавливание из выбранного слоя». Это немедленно вытянет текст и сделает видимой плоскость заземления проволочной сетки.(Если вы не видите наземную плоскость, переключитесь на инструмент «Перемещение» [V], затем выберите «Просмотр»> «Показать»> «Трехмерная наземная плоскость».)
ШАГ ТРЕТИЙ: На панели 3D (Окно> 3D) найдите текстовый элемент 3D в списке и щелкните по нему (ИГРАТЬ в этом примере). Затем откройте панель «Свойства» («Окно»> «Свойства») и установите для параметра «Глубина выдавливания» значение 0. Нам не нужны стороны, только передняя и задняя грань.
ШАГ ЧЕТВЕРТЫЙ: В верхней части панели «Свойства» щелкните значок «Кепка», который является третьим значком слева.Здесь вы можете изменить настройки наклона и наклона. Сначала щелкните раскрывающееся меню вверху и установите для параметров «Стороны» значение «Передняя» и «Задняя». Затем перейдите в раздел «Надувание», установите угол 90 ° и увеличьте силу примерно до 20%. Это придаст тот надутый вид, который нам нужен.
ШАГ ПЯТЫЙ: Прежде чем мы разделим буквы, давайте настроим свойства поверхности для текстовых элементов. На панели 3D выделите Материал передней инфляции для текста.На панели «Свойства» вы увидите различные элементы поверхности. Щелкните значок шара в правом верхнем углу, чтобы открыть инструмент выбора материала, и выберите материал без текстуры. Нажмите на образец цвета рядом с Diffuse, выберите белый в палитре цветов и нажмите OK. Установите Shine на 100%, Reflection на 75% и Roughness примерно на 25%. Примените те же настройки к материалу обратной инфляции.
ШАГ ШЕСТОЙ: Перейдите в 3D> Split Extrusion.Это позволит вам управлять каждой буквой индивидуально, сохраняя при этом все буквы в одном 3D-слое. Переключитесь на инструмент «Перемещение» (V) и нажмите на первую букву, чтобы вокруг нее появилась трехмерная рамка. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить положение и масштабировать эту букву по отношению к другим буквам.
ШАГ СЕДЬМОЙ: Давайте дадим каждой букве свой цвет. Начиная с этой первой выбранной буквы, нажмите на ее Front Inflation Material на панели 3D.В верхней части панели «Свойства» щелкните образец цвета рядом с «Рассеивание» и выберите красный цвет в палитре цветов. Когда закончите, нажмите OK. Проделайте то же самое с каждой из оставшихся букв, придавая каждой другой цвет. Вы заметите, что все свойства отражения остаются неизменными даже при изменении цвета.
ШАГ ВОСЬМОЙ: Если вы используете Photoshop CC, вы увидите несколько зеркальных точек на тексте. Они создаются с помощью света на основе изображения по умолчанию, который был применен к тексту (IBL сплошного черного цвета в Photoshop CS6).Он имитирует отражение окружающей среды, в которой находится 3D-объект. В этом случае это похоже на отражение потолочного света от поверхности, но я хочу использовать что-то другое.
ШАГ ДЕВЯТЫЙ: На панели 3D щелкните Environment в самом верху списка. В верхней части панели «Свойства», под Global Ambient, вы увидите IBL (Image Based Light). Щелкните значок справа от эскиза предварительного просмотра и выберите «Новая текстура». В диалоговом окне «Новый» найдите имя своего 3D-файла в раскрывающемся меню «Предустановка», чтобы использовать те же размеры, что и у основного файла для этого нового файла, убедитесь, что для параметра «Содержимое фона» установлено значение «Белый», и нажмите «ОК».
ШАГ ДЕСЯТЫЙ: После создания нового файла вернитесь в меню IBL и выберите «Редактировать текстуру». Когда файл откроется, нажмите Command-I (ПК: Ctrl-I), чтобы изменить белый фон на черный. Затем щелкните значок «Создать новый слой» в нижней части панели «Слои» и используйте инструмент «Эллиптическая область» (вложенный в инструмент «Прямоугольная область» [M] на панели инструментов), чтобы создать большое овальное выделение внутри холста. Нажмите Shift-Delete (ПК: Shift-Backspace), выберите 50% серого в раскрывающемся меню Use в диалоговом окне Fill и нажмите OK.Закройте и сохраните файл Image Based Light.
ШАГ ОДИННАДЦАТЬ: Это изменит внешний вид света и отраженных элементов в тексте. Когда свойство Environment по-прежнему выбрано на панели 3D, вы можете использовать инструменты 3D для перемещения и поворота IBL, чтобы изменить способ его отображения в тексте. По сути, вы перемещаете отражение по поверхности объекта. Чтобы получить доступ к 3D-инструментам, активируйте инструмент «Перемещение», и вы увидите все 3D-инструменты в конце настроек на панели параметров.
ШАГ ДВЕНАДЦАТЫЙ: Как только это будет сделано, вы можете изменить положение и масштабировать каждую букву с помощью 3D-инструментов или виджетов. Буквы будут взаимодействовать друг с другом, отражая не только свет на основе изображения, но и друг друга после рендеринга 3D-объекта (3D> Render). Помните, что даже если вы можете управлять каждой буквой по отдельности, все они остаются на одном трехмерном слое.
Эта статья любезно предоставлена журналом Photoshop User , официальным изданием KelbyOne, которое предоставляет качественное онлайн-образование для творческих людей.Для получения дополнительной информации посетите KelbyOne.com.
Как сделать 3D текст в Photoshop
1. Используйте 3D-шрифты
Использование трехмерных шрифтов для создания трехмерного текста в Photoshop — самый простой способ сделать это каждый. Однако 3D-шрифтов довольно мало, да и шрифтов не так много. Но если вам просто нужно создать простой 3D-шрифт, этот метод довольно быстрый и эффективный.
2. Создайте простой трехмерный текст с эффектом падающей тени
Шаг 1: Вы создаете окно для работы с помощью сочетания клавиш Ctrl + N .Затем щелкните инструмент Text (1) => Horizontal Type Tool (2) => введите текстовое содержимое (3) .
Шаг 2: Щелкните правой кнопкой мыши текстовый слой (1) => Параметры наложения. (2) .
Шаг 3: Щелкните элемент Drop Shadow (1) . После этого вы установите цвет (2) в соответствии с цветом текста, но цвет может быть немного светлее.Что касается непрозрачности , вы должны установить средний уровень, около 30-50% (3) только . Чтобы отрегулировать угол затенения, установите количество углов в Угол (4) , чтобы отбрасывать 3D-тень в нужном вам направлении. Distance (5) part установит длинную или короткую тень, но для наиболее реалистичного 3D-эффекта вы должны установить расстояние тени на 3-6 пикселей . Убедившись в своем выборе, нажмите OK (6) для завершения.
И, наконец, у вас есть простая 3D-модель изображения с эффектом Drop Shadow .
3. Создавайте трехмерные буквы автоматически с помощью трехмерных инструментов
Шаг 1: Перейдите в File => New или нажмите Ctrl + N , чтобы создать новый файл. Затем вы установите, как показано на рисунке ниже, с параметрами length ( Width ) и length ( Height ) (1) , которые вы можете установить по своему усмотрению.Разрешение Раздел должен быть установлен на 300 пикселей / дюйм (2) . Для Color Mode — это RGB Color System 8-бит (3) . Что касается Background Contents , вы должны оставить фон белым (Белый) (4) . Готово, нажмите Create (5) , чтобы открыть новое окно.
Шаг 2: Нажмите на инструмент Text (1) => выберите Horizontal Type Tool (2) => введите содержимое для создания 3D-шрифта (3) .
Шаг 3: Щелкните правой кнопкой мыши текстовый слой (1) => Новая 3D-экструзия из выбранного слоя (2) .
Если есть сообщение как на картинке, нажмите Да .
После этого 3D-интерфейс будет отображаться как изображение ниже, а ваш текст — в 3D.
Шаг 4: Затем щелкните первый слой в трехмерной части, как показано ниже, с именем этого слоя Front Inflation Material .
Затем щелкните изображение 3D (1) => выберите 3D-модель в списке (2) .
Шаг 5: Перейдите в Properties и установите цвет (1) для каждой области, щелкнув каждую цветовую область. Далее выбираем цвета в палитре (2) => OK (3) .
Шаг 6: Вы устанавливаете то же самое с 3-м слоем 3D Extrusion Material (1) .Затем вы устанавливаете 3D (2) , цвета для каждого 3D объекта (3) , выбираете цвета (4) => OK (5) .
Шаг 7: Вернитесь в раздел «Слои» и щелкните правой кнопкой мыши фоновый слой (1) => Открытка (2) .
Шаг 8: Удерживая нажатой клавишу Ctrl , щелкните слой Background и слой Text (1) .Затем перейдите в меню 3D (2) => Объединить 3D-слои (3) .
Шаг 9: После объединения двух слоев в один перейдите в меню 3D (1) => Render 3D Layer (2) .
После этого начнется процесс рендеринга изображения, время завершения которого можно увидеть в разделе « Оставшееся время » ниже.
Шаг 10: После рендеринга щелкните правой кнопкой мыши фоновый слой (1) => Rastersize 3D (2) .
И после этого у вас будет полная 3D-модель, как показано ниже:
4. Создайте 3D-текст вручную в Photoshop
Это один из самых сложных и трудоемких способов создания трехмерного текста. Однако мы можем упростить шаги, следуя приведенным ниже инструкциям.Чтобы создать законченное трехмерное слово, вам понадобятся такие навыки, как добавление теней, освещение, создание теневых границ. чтобы создать лучшее трехмерное слово.
Шаг 1: Вы создаете новое рабочее окно в Photoshop. На этот раз мы воспользуемся инструментом заливки фона (1) => Paint Bucket Tool (2) , чтобы залить фон темным фоном.
Шаг 2: Создайте обычный текст, щелкнув инструмент Текст (1) => Инструмент горизонтального текста (2) => Введите текст для создания 3D текста (3) .
Шаг 3: Щелкните правой кнопкой мыши текстовый слой (1) => Растрировать тип (2) , чтобы упростить редактирование текста.
Шаг 4: Перейдите в меню Edit (1) => Free Transform (2) или используйте сочетание клавиш Ctrl + T для редактирования текста.
Затем вы перетаскиваете влево, вправо, по вертикали и по горизонтали, чтобы изменить размер текста.Чтобы создать курсив, удерживайте Ctrl и щелкните по буквам , чтобы переместиться влево или вправо, чтобы создать трехмерный наклон для текста.
Шаг 5: Щелкните правой кнопкой мыши текстовый слой (1) => Параметры наложения. (2) .
Шаг 6: Проверьте Bevels & Emboss с контуром (1) . Затем вы устанавливаете цвет фона (2) и (3) для границы 3D-текста.
Шаг 7: Вы переключаетесь на Satin card (1) , чтобы установить цвет (2) , выберите угол Angle shadow (3) и установите расстояние мяч (Дистанция) и размер (Размер) (4) .
Шаг 8: Переключиться на Gradient Overlay (1) . Затем вы устанавливаете непрозрачность цвета (2) на 50-70% и создаете красивый градиент (3) .Затем выберите Angle (4) по своему вкусу и нажмите OK (5) .
Шаг 9: Щелкните правой кнопкой мыши текстовый слой (1) => Duplicate Layer. (2) => назовите новый слой (3) => OK (4) .
Шаг 10: Перейти к Изображение (1) => Корректировки (2) => кривых. (3) .
Шаг 11: Перетащите линию Curves вниз (1) и щелкните OK (2) .
Шаг 12: Вы переходите к Image (1) => Adjustments (2) => Hue / Saturation. (3) .
Шаг 13: Установите Saturation (1) на -50 , как показано на рисунке, и выберите OK (2) .
Шаг 14: Нажмите Ctrl + T и начните редактировать и растягивать текст для создания трехмерных изображений. Вы можете объединить его с клавишей ALT , а затем щелкнуть левой кнопкой мыши по углам, чтобы выровнять его так, чтобы изображение находилось на уровне глаз.
Шаг 15: Перейдем к созданию цветных границ, чтобы сделать трехмерное изображение более заметным. Нажмите на копию слоя текста (1) => Blending Options. (2) .
Шаг 16: Перейдите в раздел Stroke (1) , установите размер границы (Размер) на 1 пиксель (2) . Что касается непрозрачности, приемлемым является уровень 50-60% (3) . Затем вы выбираете цвет фона (4) для границы, и вы должны использовать темный или серый цвет фона и нажимать OK (5) .
И, наконец, у нас есть трехмерные буквы с довольно красивыми и интересными эффектами.Для большего профессионализма вы можете добавить тени, цвета или другие эффекты для выделения.
Узнав, как создавать трехмерный текст в Photoshop от базового до продвинутого, читатели могут легко создать шрифт, который вам больше всего подходит. Удачи!
.
No related posts.