Текст для фотошопа 3д: Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop

Дизайн красивого стилизованного 3D-текста | Photoshop

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

Тем не менее, не все из нас владеют таким софтом и не все знают, как его использовать. В этом уроке я научу вас основам создания элегантного 3D текста с помощью Illustrator и Photoshop. Давайте приступим к работе.

Откройте Illustrator и с помощью инструмента «Текст» наберите какой-нибудь текст. Я использовал шрифт Bifurk, который доступен бесплатно. Я использовал его потому, что красивые жирные шрифты лучше всего подходят для таких задач. Использование тонкого шрифта, как правило, дает худшие результаты. Размер шрифта мною был установлен на 77pt. Однако размеру можно не уделять много внимания.

Мы будем использовать смарт-объекты, так что сможем изменить размер в любой момент:

Теперь измените цвет на белый. Если вам не нравится то, что сейчас вы не видите свой текст, то можете просто использовать другой цвет фона. Далее перейдите в Эффект — 3D- Втягивание и скос. Используйте настройки, показанные на рисунке ниже, убедившись, что режим превью включен:

Пришло время перенести нашу работу в Photoshop. Просто скопируйте и вставьте ее (или перетащите с одного холста на другой). Я предпочитаю использовать смарт-объекты.

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

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

Давайте сделаем наш дизайн еще более элегантным. В конце концов, мы создаем здесь дизайн в стиле фанк. Дважды кликните на слое с текстом, чтобы выделить его. Далее в новом слое добавьте плавный градиент от черного к белому. Установите режим смешивания слоя на «Мягкое свечение» и непрозрачность на 40%. Это создаст очень красивый контраст.

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

Если вы чувствуете, что вашу тень нужно немного размыть, перейдите в Фильтр – Размытие- Размытие по Гауссу. Используйте значение, которое вы считаете нужным. Это обычная тень, ничего слишком вычурного:

В принципе мы могли бы этим и ограничиться. А можно пойти еще дальше. Создайте дубликат смарт-объекта и произведите его растеризацию (Слой – Растеризация — Смарт-объект). Скройте нижний смарт-объект. Теперь переходим к инструменту «Штамп».

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

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

Это дополнительно подчеркивает иллюзию поверхности, на которой стоит текст. С помощью маски и прозрачной кисти вы можете дополнительно настроить этот красивый эффект:

Значение бликов часто недооценивают. Если использовать их правильно, это помогает усилить эффект светящегося объекта. Создайте новый слой поверх всего остального, и залейте его черным цветом. Перейдите в Фильтр – Рендеринг — Блик. Выберите блик с размером 105 мм.

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

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

Давайте сейчас добавим тексту немного цвета. Создайте новый слой поверх всего остального. Возьмите нечеткую, среднюю кисть и установите для нее цвет #e02c97. Начните закрашивать низ вашей надписи. Когда вы закончите, Ctrl+клик левой кнопкой мыши на слое, где находится ваш текст, чтобы выделить контур вокруг текста.

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

Давайте еще немного поработаем над фоном. Создайте новый документ с размерами 40 на 2 пикселей. Фон должен быть полностью прозрачным. Теперь заполните половину документа (20 пикселей) черным цветом. Перейдите в Редактировать — Определить узор. Затем сохраните этот новый узор:

Вернитесь к исходному проекту. На новом слое, расположенном ниже вашего текстового слоя, перейдите в Редактировать — Залить. Установите для поля использование источника «Узор». Из доступных образцов выберите только что созданный пользовательский узор из предыдущего шага. Теперь нажмите OK. Весь холст должен заполниться множеством полос.

Теперь перейдите в Редактировать – Трансформировать — Перспектива. Возьмите левую нижнюю опорную точку и, удерживая клавишу Shift, перетащите ее наружу и влево. Продолжайте до тех пор, пока ориентация полос на вид не будет соответствовать ориентации тени. Это добавляет дизайну эффект 3D.

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

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

Создайте дубликат этого слоя, уменьшите его в размерах и повторите этот процесс четыре раза или больше. Теперь у вас есть несколько колец. Объедините все эти слои. Затем добавьте свечение по умолчанию, но цвет установите белый. Затем добавьте сверху блик, как мы это делали раньше. Чтобы все выглядело красивее, я использовал маску (да, опять) и убрал часть колец:

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

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

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

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

РедакцияПеревод статьи «Design Soft Stylized 3D Type»

Обтекание текста в 3D с помощью Photoshop

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

Вот изображение планеты (старая добрая планета Земля), которую я оберну вокруг текста:

Исходное изображение.

А вот как будет выглядеть изображение после обтекания нашего трехмерного текста:

Окончательный результат «обтекание текстом в 3D».

Давайте начнем!

Шаг 1: выберите инструмент Elliptical Marquee

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

Выберите Elliptical Marquee Tool из палитры Инструменты.

Шаг 2: перетащите выделение вокруг объекта, немного больше, чем сам объект

С моим выбранным Elliptical Marquee Tool я собираюсь расположить мышь как можно ближе к центру планеты, чтобы начать с него. Затем я буду удерживать мою клавишу

Shift, чтобы ограничить свой выбор идеальным кругом, и я буду удерживать мою клавишу Alt (Победа) / Option (Mac), чтобы сказать Photoshop использовать точку, которую я собираюсь щелкните в качестве центра моего выбора, чтобы выборка распространялась во всех направлениях с этой точки. Затем я просто собираюсь щелкнуть в центре планеты и перетаскивать выделение, пока мое выделение не станет немного больше, чем планета, предоставляя место для текста, чтобы обернуть вокруг него.

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

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

Продолжайте перетаскивать и перемещать выделение, пока оно не будет правильно выровнено с объектом и не станет немного больше самого объекта:

Круговое выделение теперь добавлено вокруг объекта.

Шаг 3: преобразовать выделение в путь

Теперь у нас есть выделение вокруг объекта, и мы собираемся использовать его, чтобы добавить наш текст к изображению, используя функцию «текст по пути» в Photoshop. Проблема в том, что наш выбор — это выбор, а не путь. К счастью, Photoshop позволяет легко преобразовать любой фрагмент в путь. Чтобы сделать это, переключитесь на

палитру Paths , которая по умолчанию будет сгруппирована с палитрами Layers и Channels. Палитра Paths будет отображаться пустой, поскольку в настоящее время у нас нет путей в нашем документе. Чтобы преобразовать выделение в путь, щелкните значок « Создать рабочий путь из выделения» в нижней части палитры «Пути» (это третий значок справа):

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

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

Палитра «Пути» теперь показывает вновь созданный путь.

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

Выбор вокруг планеты был преобразован в путь.

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

Шаг 4: Выберите инструмент Type

Вернитесь к палитре слоев в этой точке. Пришло время добавить наш текст. Для этого нам нужно использовать Photoshop Type Tool

, поэтому либо выберите if на палитре Tools, либо нажмите букву T на клавиатуре:

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

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

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

Шаг 5: выберите цвет для вашего текста

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

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

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

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

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

Шаг 6: набери свой текст по круговому пути

Выбрав наш шрифт, размер шрифта и цвет текста, мы можем добавить наш текст, и мы хотим добавить его так, чтобы он шел по круговому пути, который мы создали. Для этого наведите курсор мыши на ту часть пути, с которой вы хотите начать печатать. Я собираюсь начать свой текст где-то на вершине пути. Перемещая курсор мыши по пути, вы заметите, что курсор изменится с пунктирного квадрата вокруг него на волнистую линию, проходящую через него. Эта волнистая линия говорит вам, что вы собираетесь печатать прямо на пути и что ваш текст будет следовать по форме пути, а это именно то, что нам нужно. Чтобы добавить свой тип, просто нажмите на путь и начните печатать. Эффект будет работать лучше всего, если вы будете использовать все заглавные буквы. Я собираюсь напечатать «ДОБРО ПОЖАЛОВАТЬ В ЗЕМЛЮ ПЛАНЕТЫ»:

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

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

Добавьте достаточно текста, чтобы полностью обернуть вокруг объекта.

Если вы присмотритесь, вы увидите, что я столкнулся с небольшой проблемой. На моем пути недостаточно места, чтобы вместить весь мой текст, и слово «ЗЕМЛЯ» в левом верхнем углу было обрезано. Чтобы исправить это, я собираюсь дважды щелкнуть непосредственно по миниатюре текстового слоя в палитре слоев, что скажет Photoshop выбрать весь мой текст сразу:

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

Мой текст будет выделен белым цветом на моем изображении. Затем, выделив текст, я буду удерживать нажатой клавишу Alt (Win) / Option и пару раз нажмите клавишу со стрелкой влево на клавиатуре, чтобы закрыть пространство между буквами, пока не появится достаточно места для размещения. весь мой текст и слово «ЗЕМЛЯ» появляется:

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

Чтобы расположить оба предложения на равном расстоянии друг от друга и закрыть этот большой промежуток вверху, я собираюсь щелкнуть мышью между двумя предложениями внизу (между словами «ЗЕМЛЯ» и «ДОБРО ПОЖАЛОВАТЬ») и снова удерживая клавишу Alt. (Win) / Option (Mac), я собираюсь нажать клавишу левой скобки несколько раз, чтобы добавить немного дополнительного пространства между двумя словами, пока текст не будет выглядеть одинаково сбалансированным по всему пути.

Когда я доволен интервалом в моем тексте, я собираюсь нажать Ctrl + H (Победа) / Command + H (Mac), чтобы скрыть путь из поля зрения, оставив мне только мою планету и мой текст, обведенный кружком и красиво разнесены вокруг него:

Текст теперь вращается вокруг планеты.

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

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

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

Free Transform . Когда слой типа выбран в палитре слоев, используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы вызвать маркеры Free Transform вокруг текста:

Нажмите «Ctrl + T» (Победа) / «Command + T» (Mac), чтобы получить доступ к ручкам Free Transform.

Чтобы согнуть мой текст в трехмерную перспективу, я собираюсь удерживать Ctrl + Alt (Победа) / Command + Option (Mac), а затем перетащить ручку «Свободное преобразование» в верхнем правом углу в направлении центра планеты. Чем дальше я перетаскиваю, тем больше трехмерной перспективы я создаю с моим текстом:

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

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

Нажмите «Enter» (Win) / «Return» (Mac), чтобы принять преобразование.

Шаг 8: добавь маску слоя к текстовому слою

Вещи определенно начинают выглядеть более трехмерными, за исключением одной незначительной детали. Наш текст не обтекает объект, он просто сидит перед ним. Чтобы действительно придать нам трехмерный вид, нам нужно скрыть текст в областях, где он должен находиться позади объекта, и мы можем сделать это, используя маску слоя. С выделенным текстовым слоем, нажмите на иконку Layer Mask внизу палитры Layers:

Добавьте маску слоя к текстовому слою, щелкнув значок «Маска слоя».

Это добавляет маску слоя к текстовому слою, а также добавляет миниатюру маски слоя в палитре слоев. Мы можем сказать, что маска слоя в настоящее время выбрана, потому что миниатюра имеет белую рамку выделения:

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

Шаг 9: сделай выбор вокруг своего объекта

Я хочу скрыть текст, который должен находиться за планетой, поэтому я собираюсь снова взять мой инструмент Elliptical Marquee Tool и, как и в начале этого урока, я буду использовать его для перетаскивания выбор вокруг планеты. Однако на этот раз я хочу, чтобы мой выбор распространялся только на край планеты, а не на область вокруг нее, как мы делали раньше. Итак, еще раз, я собираюсь щелкнуть примерно в центре планеты, и, удерживая Shift + Alt (Победа) / Shift + Option (Mac), я собираюсь вытянуть круговой выбор вокруг планеты. Если мне нужно изменить положение выделения при перетаскивании, я снова удерживаю клавишу пробела и переместить выделение на экране по мере необходимости, затем я отпущу пробел и продолжу перетаскивать.

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

Планета сейчас выбрана.

Шаг 10: нарисуй черным внутри выделения, чтобы скрыть текст

С нашей маской слоя, добавленной к текстовому слою и выделением вокруг планеты, мы можем легко скрыть текст, который должен находиться за планетой, просто закрасив текст. Сначала нам понадобится наша кисть, поэтому выберите Brush Tool из палитры Tools или нажмите B на клавиатуре:

Выберите инструмент Brush Tool.

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

Закрасьте текст, который вы хотите скрыть, с помощью Brush Tool. Будет затронут только текст внутри выделения.

Продолжайте рисовать текст, пока не спрячете все, что нужно спрятать. Когда вы закончите, нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы снять выделение. Если ваш путь под текстом снова стал видимым, нажмите Ctrl + H (Победа) / Command + H (Mac), чтобы скрыть его от просмотра.

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

Окончательный результат «обтекание текстом в 3D».

Шаг 11: добавь стиль наложения градиента

Чтобы закончить, давайте добавим немного освещения к нашему тексту, используя один из стилей слоев Photoshop. Нажмите на иконку Layer Styles в нижней части палитры Layers:

Нажмите на значок «Стили слоя».

Затем выберите Gradient Overlay из списка:

Выберите «Gradient Overlay».

Откроется диалоговое окно «Стиль слоя» с настройками наложения градиента в средней колонке. По умолчанию Photoshop дает нам градиент от черного к белому, что мы и хотим. Вместо того, чтобы использовать градиент, чтобы раскрасить наш текст и сделать его черно-белым, мы собираемся использовать его для добавления простого светового эффекта. Сначала измените параметр « Режим наложения» вверху с «Нормальный» на « Яркий свет », нажав стрелку вниз справа от слова «Нормальный» и выбрав «Яркий свет» из списка. Затем уменьшите значение непрозрачности до 60% . Наконец, измените параметр Угол внизу на 0 ° :

Параметры наложения градиента в диалоговом окне «Стиль слоя».

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна и применить стиль Gradient Overlay к тексту, и все готово! Вот заключительный эффект с моим простым световым эффектом, добавленным к тексту:

Финальный 3D-эффект.

Куда пойти дальше …

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

Создание вкусного 3D текста. Финальное изображение | by PFY (Твой фотошоп)

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

Исходные данные:

Некоторые файлы вы найдете в папке «Source». Вам также понадобятся бесплатный шрифт и следующие стоковые изображения из этого урока

Архив

Создайте новый документ размером Width (Ширина) 14,85см Height (Высота) 10,5см Resolution (Разрешение) 300 dpi. Установите Color Mode (Цветовой режим) в RGB, Background Contents (Содержимое фона) установите в White (Белый).

Возьмите инструмент Type Tool(T) (Текст), укажите шрифт, размер 160pt , цвет # 5d1e0f и добавьте первый символ.

Пройдите в меню 3D-> New Extrusion from Selected Layer (3D-> Новая экструзия из выделенного слоя). Если вы не получили активное 3D пространство, появится следующее приглашение.

Если вы когда-либо пользовались 3D инструментами в Photoshop CS5, то знаете, насколько в нем неудобен интерфейс. В версии Photoshop CS6 3D интерфейс полностью переделан и стал более интуитивно понятен, теперь все инструменты встроены в рабочее пространство. Возьмите Move Tool(V) (Перемещение), расположите 3D панель, как показано на рисунке.

В правой стороне вы увидите панель Properties (Свойства). Кликните по значку Cap (Капитель) и скопируйте показанные ниже настройки. Затем активируйте значок Deform (Деформировать) и установите указанные настройки. Теперь нажмите по иконке Mesh (Сетка) и выключите оба варианта теней.

Дублируйте ваш первый 3D текстовый слой. Чтобы изменить текст в 3D режиме, кликните по кнопке Edit Source (Изменить источник) на панели Properties (Свойства). Это действие откроет «дочерний документ», в котором вы сможете отредактировать текст. После того, как отредактируете текст, закройте этот документ, и ваш текст автоматически обновится. Далее перетащите новый 3D текст вдоль оси Х в 3D пространстве, чтобы изменить его расположение.
Повторите этот процесс, пока каждое слово не будет готово, затем поместите каждый символ в отдельную папку слова, как показано ниже.

Теперь используйте вкладку 3D Tools на панели свойств, чтобы повернуть/передвинуть каждую букву. Будьте осторожны, не используйте ось Z, так как, двигая объект по этой оси, вы будете его отдалять или приближать, делая его при этом больше или меньше размером.

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

В этот момент я решил добавить к верхней части изображения немного пространства для руки с клубникой. Чтобы сделать это, нажмите Alt +Ctrl + I, откроется окно Canvas Size (Размер Холста), установите опорную точку в центральной нижней части и увеличьте Height (Высота) до 11,85см.

Создайте новый слой под названием «Розовый» выше слоя «Фон». Установите цвет переднего плана # e2b4c1, затем нажмите Alt + Delete, чтобы заполнить слой выбранным розовым цветом.

Вставьте новый слой под названием «Тень на полу» выше предыдущего. Установите для него режим наложения Multiply (Умножение) с Opacity (Непрозрачность) 94%. Выберите инструмент Gradient Tool(G) (Градиент), настройте его, задав на панели опций в верхней части окна программы режим Foreground to Transparent (от Основного к Прозрачному) и Linear (Линейный) градиент. Установите для переднего плана темно-розовый цвет # c18088. Теперь, удерживая Shift, наложите градиент в соответствии с длинной и направлением красной стрелки на изображении ниже.

Добавьте еще один слой под названием «Верхняя тень». Установите режим наложения по умолчанию, затем установите цвет переднего плана # e38da4. Удерживая Shift, протяните короткий линейный градиент сверху вниз, затем измените тип градиента на Radial (Радиальный) и проведите еще 2 градиента из двух верхних углов.

Измените цвет переднего плана на # f9f5f7 и на новом слое «Внутреннее свечение» и проведите из центра Radial (Радиальный) градиент.

Теперь добавим тень на земле от надписи. Возьмите Elliptical Marquee Tool

(Овальная область) и сделайте выделение под надписью. Создайте новый слой в режиме наложения Multiply (Умножение) выше слоя «Внутреннее свечение» и назовите его «Тень 1». Установите цвет переднего плана в # d0879c и заполните им активное выделение.

Перейдите в меню Filter -> Blur -> Motion Blur (Фильтр -> Размытие –>Размытие в движении), укажите Angle (Угол) 0 градусов и измените значение параметра Distance (Смещение) 531px. Затем примените к этому же слою Gaussian Blur (Размытие по Гауссу) и введите Radius (Радиус) 15px.

Понизьте Opacity (Непрозрачность) до 53% на слое «Тень 1». Затем дублируйте и переименуйте его в «Тень 2». Передвиньте немного содержимое слоя вверх, затем нажмите Ctrl + T, чтобы активировать режим трансформации и немного уменьшите в размере тень. Наконец, уменьшите Opacity (Непрозрачность) этого слоя до 31%.

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

Чтобы немного «разбавить» задний фон, выберите слой «Тень 2» и перейдите в меню Filter-> Noise-> Add Noise (Фильтр ->Шум ->Добавить шум), введите Amount (Эффект) 3px и активируйте кнопку Uniform (Равномерная). Выберите по очереди оставшиеся слои (как показано) и нажмите Ctrl + F для повторного применения фильтра к каждому из них. Теперь поместите все эти слои в группу под названием «Фон».

Теперь перейдем к текстурированию первой буквы. Используйте LassoTool (L) (Лассо), чтобы сделать грубое выделение из этого изображения. Скопируйте -> Вставьте выделенную область на новый слой выше всех групп, затем продублируйте слой с мороженым и расположите рядом с оригиналом. Используйте Eraser(E) (Ластик) с мягкими краями, чтобы соединить жесткие края оригинала и дубликата, затем нажмите Ctrl + E, чтобы объединить их в один слой. Назовите получившийся слой «Текстура 1».

Поместите полученную текстуру над буквой так, чтобы она покрывала ее, затем удерживая клавишу Ctrl, кликните по соответствующему текстовому слою, чтобы создать выделение на основе слоя. Убедитесь, что ваш новый слой выделен, затем кликните по иконке Add layer mask(Добавить слой-маску) внизу палитры Layers (Слои).

Вы получили первый слой с текстурой, который перекрывает первую букву, теперь примените к нему корректирующий слой Levels (Уровни) и установите значение белого ползунка на нижней шкале 94.

Теперь добавьте текстуру карамели с шоколадной лазурью. Используйте Quick Selection Tool (W) (Быстрое выделение) для извлечения кусочка конфеты из фона. Поместите полученное выделение в качестве нового верхнего слоя, скорректируйте размер и расположите, как показано на рисунке. Добавьте слой-маску, а затем используйте ассортимент мягких и твердых кистей, чтобы слой с карамелью плавно переходил в слой с шоколадом. Назовите этот слой «Текстура 2».

Добавьте корректирующий слой Color Balance (Цветовой баланс) и повысьте Reds (Красные) до +23

Извлеките шоколадное мороженое (как в шаге 19), затем поверните, скорректируйте размер и поместите, как новый слой. Назовите этот слой «Текстура 3», добавьте маску, а затем нажмите Ctrl + I, чтобы инвертировать цвет маски. Теперь используйте белые кисти для восстановления области, которая показана ниже.

Добавьте корректирующий слой Levels (Уровни) со следующими настройками для слоя «Текстура 3» для затемнения средних тонов

Добавьте снова шоколадное мороженое, как новый верхний слой, и назовите его «Текстура 4». Поместите в нижней части буквы, а затем, добавьте ему маску слоя и повторите этап работы с маской из Шага 23.

Примените корректирующий слой Levels (Уровни) к слою «Текстура 4» и передвиньте серый маркер вправо

И наконец, чтобы закончить с первой буквой, вставьте еще раз изображение с мороженым и назовите полученный слой «Текстура 5». Добавьте этому слою маску и сделайте видимой область, показанную на рисунке:

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

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

Добавьте текстуру, как верхний слой под названием «Текстура 1», скорректируйте размер и расположите над второй буквой. Уменьшите Opacity (Непрозрачность) до 32%, а затем загрузите выделение второй буквы и создайте маску для слоя, чтобы скрыть ненужные участки.

Дублируйте этот слой, переименуйте его «Текстура 2» и измените Opacity (Непрозрачность) 95%. Перетащите маску на значок корзины и нажмите кнопку Delete (Удалить) в следующем окне. Временно отключите видимость обоих текстурных слоев, а затем используйте Magic Wand(W) (Волшебная палочка), чтобы выделить лицевую часть буквы. Теперь нажмите Shift + F6 и укажите Feather (Радиус растушевки) 3px, затем перейдите в меню Select-> Modify-> Expand (Выделение -> Модификация -> Сжать) 5px. Наконец, щелкните по значку Add layer mask(Добавить слой-маску). Не сбрасывая выделения, перейдите на слой «Текстура 2» и добавьте ему маску слоя.

Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и увеличьте Reds (Красные) и Yellows (Желтые).

Теперь примените корректирующий слой Levels (Уровни) на этом же слое для увеличения контраста.

Теперь примените корректирующий слой Hue/Saturation (Цветовой тон / Насыщенность) на том же слое, и скорректируйте Master (Все), Reds (Красные) и Yellows (Желтые), как показано ниже.

В качестве последнего изменения добавьте корректирующий слой Selective Color (Выборочная коррекция слоя) к этому же слою, увеличьте значение Black (Черные) до 72. Поместите все слои, относящиеся ко второй букве, в группу под названием «Буква W».

Перейдем к текстурированию третьей букве. Откройте изображение с шоколадными конфетами. Повторите процесс, описанный в шаге 19, чтобы добавить и наложить следующее изображение. Этой текстурой нужно покрыть правую часть буквы, так что не волнуйтесь, если с левой стороны ее не хватит. Назовите это слой «Текстура 1»

Добавьте корректирующий слой Levels (Уровни) к слою «Текстура 1» и установите значение белого ползунка 59, чтобы затемнить изображение.

Добавьте то же самое изображение с конфетами снова и назовите его «Текстура 2». Теперь примените технику работы с маской, как в шаге 30.

Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки. Поместите слои, относящиеся к третьей букве в группу под названием «Буква Е1»

Теперь примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к тому же слою, и уменьшите для Reds (Красные) насыщенность до -15.

Извлеките и поместите изображение с шоколадным печеньем на вторую букву «Е». Создайте для этого слоя с печеньем маску, уменьшите Opacity (Непрозрачность) до 45% и назовите его «Текстура 1»

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

Примените корректирующий слой Levels (Уровни) к слою «Текстура 1» и скорректируйте значение серого маркера до 0,84

Еще раз добавьте текстуру с печеньем, как новый слой, назовите его «Текстура 2», добавьте ему маску и сделайте видимой область, показанную на рисунке:

Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки.

Теперь добавьте корректирующий слой Color Balance (Цветовой баланс) для того же слоя со следующими настройками.

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

Примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к этому же слою, и измените Reds (Красные) и Yellow (Желтые), как показано на рисунке. Теперь поместите все слои, относящиеся к четвертой букве в группу под названием «Буква Е2».

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

Извлеките и добавьте это изображение ), как новый слой и назовите его «Текстура 1». Так же, как в предыдущих шагах, при помощи маски слоя сделайте текстуру видимой только на боках буквы, только уменьшите Opacity (Непрозрачность) до 90%.

Примените к этому слою корректирующий слой Levels (Уровни) со следующими настройками.

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

Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и примените следующие настройки.

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

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

Добавьте корректирующий слой Color Balance (Цветовой баланс) для этого слоя, затем увеличьте Reds (Красные) до +17 и Yellow (Желтые) до +7. Теперь добавьте корректирующий слой Levels (Уровни) и измените значение серого маркера на 0,67 и значение белого маркера 215. Теперь поместите эти слои в группу под названием «Буква Т»

Букву «О» будет достаточно просто сделать. Отделите от фона и поместите изображение пончика, как новый слой. Измените размер, чтобы покрыть букву и назовите его «Текстура 1». Загрузите выделение буквы и создайте маску на слое с текстурой, чтобы скрыть под ней ненужные области, затем снимите выделение и тщательно при помощи кисти черного цвета закрасьте бока по внешнему краю и центральное отверстие.

Примените к этому слою корректирующий слой Levels (Уровни) и скопируйте следующие настройки, для затемнения текстуры. Поместите эти два слоя в группу под названием «Буква О1»

С помощью инструмента Lasso Tool(L) (Лассо) сделайте небрежное выделение темных краев из изображения кекса. Скопируйте ->Вставьте выделенный кусочек несколько раз и расположите по бокам следующей буквы. Когда будете довольны, слейте их и назовите получившийся слой «Текстура 1». Далее загрузите выделение текущей буквы и создайте маску для слоя «Текстура 1», чтобы скрыть ненужные области.

Примените корректирующий слой Levels (Уровни) к слою «Текстура 1», установите серый ползунок на 0,86, белый ползунок на 236. Отделите кекс от фона, расположите над буквой, если выделенной части не хватит для покрытия всей буквы, дублируйте и слейте, как вы делали с самой первой текстурой буквы. Добавьте полученную текстуру, как новый слой, затем расположите и добавьте маску, как показано на рисунке. Назовите этот слой «Текстура 2». Поместите все слои, относящиеся к этой букве, в группу под названием «Буква N»

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

Добавьте корректирующий слой Levels (Уровни) к этому слою, и установите значение белого ползунка на 148. Далее примените корректирующий слой Color Balance (Цветовой баланс) для того же слоя и скопируйте следующие настройки.

Грубо отделите изображение того же торта с джемом от фона и поместите, как новый слой. Выделите и вставьте центральную часть торта, увеличьте и вытяните ее, как показано на рисунке. Объедините оба слоя, затем добавьте маску так, чтобы видимой осталась только лицевая часть торта с джемом. Назовите этот слой «Текстура 2»

Примените корректирующий слой Color Balance (Цветовой баланс) для этого слоя и скопируйте следующие настройки. Добавьте слои, относящиеся к этой букве, в отдельную группу под названием «Буква Y»

Следующую букву достаточно легко текстурировать. Откройте «Donut.jpg» из папки «Source» и отделите его от фона. Поместите пончик, как новый слой, затем скорректируйте его размер. Назовите этот слой «Текстура 1», отключите видимость оригинального текстового слоя.
Теперь примените два корректирующих слоя к этому слою — Levels (Уровни) и Color Balance (Цветовой баланс) со следующими настройками. Поместите эти слои в группу под названием «Буква О2»

Откройте изображение с куском торта, извлеките его и поместите поверх последней буквы. Скорректируйте размер и наложите маску так, чтобы она покрывала бока буквы, назовите этот слой «Текстура 1».

Добавьте корректирующий слой Levels (Уровни) к этому слою и примените следующие настройки, чтобы затемнить его.

Поместите ту же текстуру торта в качестве еще одного слоя (удалите у полученной копии маску), назовите его «Текстура 2». Скорректируйте размер и положение этого слоя, уменьшите Opacity (Непрозрачность) 48%. Теперь добавьте к слою «Текстура 2» маску так, чтобы видимой осталась только лицевая часть буквы.

Добавьте корректирующий слой Color Balance (Цветовой баланс) и примените следующие настройки.

Извлеките и поместите кусочек шоколадки в рабочий документ, как новый слой, назовите его «Текстура 3». Flip Horizontal (Отразите по горизонтали), поверните, скорректируйте размер и расположите, как показано. Затем добавьте маску слоя и совместите кусочек с текстурой торта.

Добавьте корректирующий слой Levels (Уровни) к этому слою и скопируйте следующие настройки, чтобы затемнить его.

Добавьте корректирующий слой Color Balance (Цветовой баланс) к этому же слою, и скопируйте следующие настройки. Добавьте маску к оригинальному текстовому слою и скройте откусанную часть. Наконец, добавьте все слои, относящиеся к последней букве, в группу «Буква U».

Далее перейдем к созданию руки с клубникой. Откройте изображение с рукой и с помощью инструмента Crop© (Рамка) удалите лишний фон.

Для этого изображения нам понадобится точное выделение, так что выберите инструмент Quick Selection(W) (Быстрое выделение) и выделите белый фон.

Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, затем нажмите кнопку Refine Edge (Уточнить край) в панели настроек. В следующем окне выберите On Layer (L) (На слое) из выпадающего меню View (Режим просмотра), скопируйте настройки и нажмите кнопку ОК.

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

Данная клубника смотрится не очень красиво, к счастью, это легко исправить. Откройте изображение и отделите клубнику от фона при помощи той же функции Refine Edge (Уточнить край). Удалите полученную маску продублированного слоя и оригинальный слой с клубникой, измените размер клубники и расположите ее, как показано на рисунке.

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

Примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к слою «Рука» и немного увеличьте насыщенность слоя, как показано ниже.

Теперь добавьте корректирующий слой Levels (Уровни) к слою «Клубника», чтобы повысить контраст.

Установите Clone Stamp Tool(S) (Штамп) в режим Current & Below (), создайте новый слой «Ретушь руки» выше корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность), а затем исправьте на нем любые незначительные дефекты кожи на руке.

Добавьте еще один слой под названием «Ногти» в режиме Overlay (Перекрытие) выше слоя «Ретушь руки». Возьмите образец цвета лака для ногтей (я использовал # 814564) и закрасьте ногти при помощи Brush Tool(Кисть), чтобы подчеркнуть их. Чтобы удалить случайно закрашенные участки, загрузите выделение слоя «Рука», инвертируйте выделение и нажмите Delete (Удалить), находясь на слое «Ногти».

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

Перетащите иконку группы «Рука» в ваш рабочий документ, измените размер и расположите, как показано на рисунке. Если вы заметили какие-либо ореолы по краям на слое «Рука», выделите его и перейдите в меню Layer-> Matting-> Defringe (Слой -> Обработка края -> Устранить кайму) и введите значение 1–2px.

При помощи функции Refine Edge (Уточнить край) отделите от фона изображения “Choc_1.jpg” и “Choc_2.jpg” (находятся в папке “Source”), чтобы добавить стекающий шоколад. Используйте методы добавления корректирующих слоев, которые вы узнали ранее, чтобы скорректировать цвет шоколада и каплей джема. Поместите эти слои в верхнюю папку под названием «Элементы»

Отделите от фона и добавьте “White_choc.jpg”, затем при помощи Warp (Деформация) расположите над пончиком и скройте под маской ненужные части изображения соответственно. Добавьте корректирующий слой Levels (Уровни) для повышения контрастности и корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность), чтобы перекрасить белый шоколад в розовую глазурь. Затем выделите небольшой кусочек из этого изображения и расположите в виде небольшого раскрошенного печенья под последней буквой, на панели Layers (Слои) поместите его в группу «Элементы».

Добавьте пустой слой в режиме наложения Multiply (Умножение) в самый низ списка слоев в той же группе. Загрузите выделения всех слоев из группы «Элементы», перейдите на новый слой и залейте выделенную область темно-коричневым цветом. Трансформируйте слой, как показано ниже, затем примените то же размытие и добавьте шум, как вы делали в начале урока для основной тени от надписи. Наконец, уменьшите Opacity (Непрозрачность) до 90% и скройте под маской часть тени с помощью градиента с опцией от черного к прозрачному.

Поместите новый слой выше всех групп и назовите его «Ретушь». Теперь возьмите Clone Stamp Tool(S) (Штамп) маленького размера с Hardness (Жесткость) около 50% и пройдитесь им по краям надписи, чтобы сделать их немного неровными.

В завершение, мы немного повысим резкость всего изображения. Поместите пустой слой выше всех слоев, а затем перейдите в меню Image -> Apply Image (Изображение -> Внешний канал). Установите режим наложения Normal (Обычный) в следующем окне и нажмите кнопку ОК. Назовите этот слой «Цветовой контраст». Выберите Filter-> Other-> High Pass (Фильтр –> Другое -> Цветовой контраст) и введите значение 3px. Измените режим наложения этого слоя на Overlay (Перекрытие), чтобы сделать серый невидимым, затем поместите оба слоя («Цветовой контраст» и «Ретушь») в группу под названием «Финальная ретушь».

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

PFY

3D текст в огне, уроки фотошопа

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

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

Шаг 1

Создайте новый документ с размерами 1680 × 1050.

Для создания объемного текста есть два пути. Пользователи, обладающие программой Illustrator которая входит в стандартный пакет Adobe CS5 Design Premium и выше, могут использовать её для создания текста и наклона букв. Учтите, что каждая буква должна находиться в своем отдельном текстовом поле. После создания текста сохраните его и передайте в программу Photoshop.

Тем же пользователям, у которых в пользовании есть только программа Фотошоп могут воспользоваться уроком, ранее опубликованным на нашем сайте это Создай 3D текст в стиле Гранж. Единственным отличием при создании объемного текста станет использование для каждой отдельной буквы своего отдельного слоя. Для создания наклона и поворота букв используйте инструменты группы Трансформация (Ctrl+T).

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

Шаг 2

Текст готов. Разблокируйте фоновый слой и, используя инструмент Заливка (G) залейте его черным цветом.

Шаг 3

Создайте выше фонового слоя новый слой (Ctrl+Shift+N), выберите цвет переднего плана оранжево-желтого цвета, возьмите инструмент радиальный Градиент (G) с переходом от оранжево-желтого цвета 100 % непрозрачности к 0% прозрачности и создайте под буквами круговую градиент заливку.

Шаг 4

Создайте выше слоя с градиент заливкой новый слой (Ctrl+Shift+N) и загрузите в него текстуру земли, скачав её из материалов к уроку. Используйте Свободную Трансформацию (Ctrl+T) для уменьшения размера текстуры и изменения её угла наклона так, что бы было, похоже, что она находиться под текстом. Измените режим смешивания слоя на Умножение.

Шаг 5

Теперь мы можем начать добавлять языки пламени. Используйте инструмент Перо (P) для вырезания нужных частей огня.

Шаг 6

Откройте изображение огня и извлеките при помощи инструмента Перо (P) языки пламени. Скопируйте языки пламени на новый отдельный слой (Ctrl+Shift+N) который поместите выше всех слоев. Измените режим наложения для слоя на Экран.

Шаг 7

Теперь добавьте к слою с языками пламени маску слоя. Возьмите Кисть (B) черного цвета и проявите скрытые участки букв. Так же проведите мягкой Кистью (B) черного цвета по краям языков пламени для их смягчения.

Шаг 8

Создадим под текстом тень, для этого создайте новый слой (Ctrl+Shift+N) ниже тестового слоя сделайте выделение области текста, щелкнув по текстовому слою левой клавишей мыши при нажатой клавише Ctrl . Залейте сделанное выделение черным цветом. Перейдите в Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Radial Blur) и размойте слой большим радиусом.

Шаг 9

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

Шаг 10

Далее переходим к самим буквам, а точнее к созданию затененных участков. Для удобства в работе я предлагаю вам создать для каждой буквы свою отдельную папку. Начнем с буквы Е, создайте новый слой (Ctrl+Shift+N) для тени, для того что бы у нас не произошло заступа во время рисования тени сделайте выделение контура буквы любым удобным для вас способом. Возьмите Кисть (B) черного цвета с уровнем непрозрачности около 20% и затените нижнюю часть буквы, делая мягкий переход к прозрачному двигаясь вверх.

Шаг 11

Теперь переходите к другой части буквы, так же создайте новый отдельный слой (Ctrl+Shift+N) и затените этот участок. Продолжайте пока у вас не будут проработаны все участки вертикальных частей букв.

Шаг 12

Теперь переходим к верхним частям букв. Используя инструмент Перо (P) сделайте выделение по контуру вершины буквы, вырежете эту часть и поместите выше на отдельный слой (Ctrl+Shift+N).

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

Шаг 13

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

Далее сделайте выделение контура буквы, щелкнув по миниатюре слоя буквы в палитре слоев при нажатой клавише Ctrl, далее инвертируйте выделение и удалите лишнее, нажав клавишу Del. Измените режим наложения для слоя на Умножение.

Повторите тоже само и с остальными буквами.

Удачи в творчестве!

Используемые материалы:

Огонь 1
Огонь 2
Огонь 3
Текстура текста
Фон

Создаём красивый 3д текст за 10 минут | PHOTOSHOP GURU

Шаг 1

Создайте новый документ и введите ваш текст. У меня шрифт Streetwear.

Шаг 2

В меню выберите 3D > New 3D Extrusion From Selected Layer/3D- Новая 3D-экструзия из выделенного слоя .

Шаг 3

Ваш текст преобразуется в 3D-объект с параметрами по умолчанию. Кликните по тексту и в палитре Properties/Параметры укажите в графе Coordinates/Координаты в окне X угол в 90 градусов.

Шаг 4

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

Шаг 5

Вернитесь к Coordinates/Координатам и укажите 90 градусов по оси X .

Шаг 6

При необходимости переместит скрещение полос по центру так, чтобы текст был по центру.

Шаг 7

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

Шаг 8

В меню выберите 3D > New Mesh from Layer > Depth Map to > Plane/3D > Новая сетка из слоя > Карта глубины.

Шаг 9

Выберите оба слоя и в меню выберите 3D > Merge 3D Layers/ 3D > Объединить 3D-слои .

Шаг 10

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

Шаг 11

Теперь давайте настроим параметры для текста. Зайдите в палитру Properties/Параметры и кликните по Shape Presets/Наборы фигур . Выберите один из вариантов.

Шаг 12

Теперь кликните по иконке Cap/Капитель . Здесь много параметров, которые помогут вам добиться хорошего эффекта. Мы выбрали простой контур с тонким, аккуратным тиснением.

Шаг 13

Давайте добавим света. Проскрольтесь вниз в палитре 3D, чтобы найти Infinite Light/Бесконечный свет . Переместите его, чтобы получить красивые тени.

Шаг 14

Вы можете изменить Softness/Мягкость и Intensity/Интенсивность света в палитре Properties/Параметры .

Шаг 15

Давайте добавим еще света. Кликните по иконке белого листа в нижней части палитры 3D и выберите New Infinite Light/Новый бесконечный свет.

Шаг 16

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

Шаг 17

Зайдите во вкладку Materials/Материалы . Выделите все материалы текста и укажите им цвет, который вам нравится. Diffuse/Рассеивание — это основной цвет объектов. Specular/Блик — цвет бликов и светлых тонов. Ambient/Освещение — цвет теней. Выбирайте для этих трех параметров близкие цвета, чтобы сохранить реалистичность.

Шаг 18

После того как вы выбрали все цвета, создайте New Material/Новый материал .

Шаг 19

Кликните по прямоугольнику и укажите ему этот материал.

Шаг 20

Если вы хотите сделать тени светлее, можете добавить немного света. Найдите Environment/Окружающая среда в палитре 3D и измените Global Ambient/Глобальное освещение на светлый цвет.

Шаг 21

Когда все будет готово, кликните иконку Render/Рендер чтобы увидеть работу в ее реальном виде.

Шаг 22

Если в процессе рендера вы заметите что-то, что захотите исправить, нажмите Escape , чтобы прервать процесс и внести изменения.

На этом всё!

Создайте эффект 3D-текста в Photoshop psd

Создайте эффект 3D-текста в Photoshop psd

ключевые слова

• Художественный дизайн
• фотошоп
• учебные пособия
• psd
• Создайте
• эффект
• 3D-текста
• в
• Photoshop

DMCA Contact Us

бесплатная загрузка ( psd, 523.48KB )

Связанная векторная графика

• Эффект металлического текста (стиль слоя Photoshop) psd
• Psd неоновый текст с эффектом Photoshop psd
• Эффект быстрого текста psd
• Как создать текстовый эффект горячей лавы в Photoshop psd
• Эффекты освещения в Photoshop psd
• Эффект 3D текста psd
• Эффект деревянного текста psd
• 3d золотой текстовый эффект psd
• Стиль текста 3D Gold psd
• Эффект 3D текста psd
• Стиль текста 3D Wood psd
• Эффект фиолетового текста psd
• Текстовый эффект Photoshop psd
• Блестящие стили текста и графики для Photoshop psd
• Доза Текст Эффект PSD psd
• Предварительный просмотр 85 3D-эффектов блестящего золотого текста psd
• Предварительный просмотр 72 3D-эффектов блестящего золотого текста psd
• Photoshop 3D текстовые эффекты psd
• Эффект текста кинематографического заголовка psd
• Бесплатный 3D эффект ретро текста psd
• Эффект мягкого белого текста psd
• Ошибочные эффекты Photoshop psd
• 3D комический текстовый эффект PSD psd
• Супер 3d шрифт текстовый эффект вектор eps
• Бесплатный стиль текста для вечеринки в Photoshop psd
• 3 стиля текста Photoshop (ASL и PSD) psd
• 06 3D горящие текстовые эффекты psd
• 3d стиль шрифта текстовый эффект вектор eps
• 3D редактируемый шрифт эффект текста иллюстрации вектор eps
• Виноградный текст 3d зеленый стиль текстовый эффект вектор eps
• Предварительный просмотр 96 3D-эффектов блестящего золотого текста psd
• Креативный стиль шрифта Хэллоуина Стили Photoshop psd
• Эффект текста викторины psd
• Эффект блестящего металлического текста PSD psd
• Эффект ретро текста psd
• Стиль липкого текста, стили слоя Photoshop psd
• 3D-макет футболки psd
• Синий стиль ретро текста psd
• Эффект ретро текста Psd бульвар psd
• Текстовый эффект ужаса psd
• Стиль текста горячих трубок psd
• Лента Photoshop Фигуры psd csh
• 87 предварительный просмотр блестящих золотых текстовых эффектов 3D psd
• Стиль текста лягушки psd
• Предварительный просмотр 10 3D горящих текстовых эффектов psd
• Креативный дизайн 3D-текста бесплатно векторы ai
• Кубики льда в стиле текста бесплатно PSD psd
• 5 текстовых стилей Photoshop psd
• Конфеты Стиль текста psd
• Стиль текста Тора psd

Загрузи больше

• Contact Us

Трехмерные объекты и 3D-текст в программе Adobe Photoshop CS5

В программе Adobe Photoshop CS5 можно создавать трехмерные объекты. Самый простой способ — использовать готовые решения, с помощью меню 3D — Новая фигура из слоя. А дальше Вы можете выбрать достаточно много фигур в списке.

Например, можно открыть какое-либо изображение, и сделать его трехмерным, к примеру, кубом. Изображение в этом случае будет одной из сторон куба. При этом объект становится похожим на смарт-объект: внутри него будет множество элементов. Они видны на палитре Слои. Каждый элемент можно отредактировать отдельно, например, подобрав картинку для каждой стороны. Это делается двойного клика по элементу. Открывается новый документ с этим элементом, и его можно редактировать. После этого можно элемент сохранять и удалять — все изменения будут видны в итоговом изображении.

Трехмерные объекты можно рассматривать со всех сторон, поворачивать, или деформировать с помощью инструментов работы с 3D-объектами в программе Adobe Photoshop CS5.

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

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

Один из способов создания 3D-объекта — чеканка. Откройте в программе Adobe Photoshop CS5 новый документ, и нарисуйте на нем контур какой-либо фигуры, например, многоугольника. Кликните по слою на палитре Слои, чтобы его выделить.

Затем перейдите в меню 3D — Чеканка — Выделенный контур.

Откроется окно Чеканка, в котором можно выбрать параметры объекта. Изменяя в окне Чеканка значения параметров, можно изменять форму 3D-объекта. Глубина показывает, насколько будет растянут объект. Масштаб означает перспективу — направляющие могут сходиться, а могут и расходиться в разные стороны.

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

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

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

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

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

Можно выбрать качество визуализации, в пункте Рендеринг, и качество сетки.

Также можно создать объемный 3D-текст. Для начала проверьте, чтобы текст не использовал псевдополужирный стиль. Чтобы это проверить, вызовите палитру Символ. В предпоследнем ряду, там, где идет ряд букв Т, самая левая и самая жирная буква должна быть отжата. Затем выберите инструмент Текст, и напишите что-нибудь. Кликните по текстовому слою на палитре Слои, чтобы его выделить.  После этого перейдите в меню 3D — Чеканка — Текстовый слой.

Появится предупреждение о растрировании текста. Его нужно принять. Затем текст станет трехмерным, и появится окно Чеканка. Измените в этом окне параметры на нужные Вам.

Материалы для трехмерного текста можно выбрать в палитре 3D. В этой палитре Вы можете выбрать любой материал из списка, любого цвета. Таким образом можно подобрать любой материал для, например, трехмерного текста.

Видео о том, как создается трехмерный текст в программе Adobe Photoshop CS5

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

25 бесплатных PSD-файлов с 3D-текстом: Скачать 3D-шрифт с эффектом

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

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

Не забудьте проверить все прилагаемые Условия использования или информацию о лицензии с файлами.

1 — Классический металлический Psd текстовый эффект

2 — Psd Retro Text Effect Vol3

3 — текстовый эффект рамок Psd

4- 3D Золотой стиль

5 — Эффект мягкого белого текста

6 — 3D стиль черного дерева

7 — 3D-макет логотипа и текстовых эффектов (PSD)

8 — 3D стиль Ocean Blue

9 — Экшены Photoshop для создания 3D ретро текста

10 — Эффект трехмерного текста (бесплатный PSD)

11 — 3D ракушка Pearl Style

12 — Эффект ретро текста # 2

13 — Psd Wall Poster Text Effect

14 — 3D металлический стиль

15 — Бесплатный 3D текст PSD

16 — стили слоя «Винтаж»

17 — 3D стиль дерева

18 — Выдавленный текст — Смарт-объект — PSD

19 — Текстовый эффект мотеля Grand

20 — Эффект трехмерного текста

21 — Эффект трехмерного текста в Photoshop

22 — Эффект текста викторины

23 — Эффект ретро текста

24- 3D стиль

25 — Текстовый эффект лайтбокса

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

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

Мы рекомендуем вам поэкспериментировать с несколькими шрифтами, чтобы увидеть, как они выглядят. Измените текст файла фотошопа в соответствии со своими потребностями, расслабьтесь и посмотрите, какие эмоции вы испытываете, когда смотрите на него. Некоторые шрифты заставляют вас чувствовать себя счастливыми благодаря своим теплым тонам, а другие выражают печаль. Хотя подобрать шрифты непросто, но это очень важно.

Как создать 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. Теперь перетащите новый слой под исходный текстовый слой, который у нас был. Выделив новый слой, перейдите в меню «Слой »> «Растрировать»> «Тип ». Растеризация преобразует текстовый слой в нормальный слой.

5. Теперь, когда слой выбран, выберите инструмент Перемещение (на панели инструментов или нажав V ).Теперь, удерживая Ctrl + Alt , нажмите Стрелка вниз много раз. Каждый раз, когда вы нажимаете стрелку вниз, вы получаете новый дублирующий слой, а ваш текст будет на 1 пиксель толще. Нажимайте стрелку вниз, пока не получите желаемую толщину.

6. Теперь выделите все новые слои вместе и перейдите к Layer> Merge Down или нажмите Ctrl + E . Теперь у нас есть единственный слой, который содержит толщину нашего текста.

7. Перейти к исходному текстовому слою. Теперь выберите инструмент Color Dodge Tool из палитры слоев. Установите Fill на 50%. Это придаст трехмерному тексту яркое сияние, придав ему большую глубину.

8. Теперь выберите слой, который содержит толщину текста (слой-копию). Используйте инструмент Polygonal Lasso Tool из палитры инструментов и сделайте выбор, как показано ниже. Мы хотим добавить свечения этим областям для получения блестящего эффекта.

9. Щелкните слой-копию. Теперь выберите инструмент Dodge .

10. Внутри каждого выделения используйте кисть с разными уровнями яркости. Проделайте это со всеми буквами на слое копии. Настройте заливку Color Dodge на исходном текстовом слое. Тусклый трехмерный текст теперь оживает внизу. Теперь он блестящий и золотой, как вы видите ниже.

11. Щелкните исходный текстовый слой. В меню перейдите в Layer >> Layer Style >> Bevel and Emboss .Это добавит немного большей глубины.

12. Затем перейдите на слой-копию и добавьте Layer Style , но просто добавьте Dropshadow . Теперь трехмерный текст выделяется больше.

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

Поздравляю !! Ваш учебник по 3D-тексту в Photoshop готов. Это было не так уж и сложно. Как вы видели, усилия, вложенные в 3D-текст с помощью Photoshop, были почти нулевыми.

Добавьте эту страницу на свой веб-сайт, в блог или на форум.Расскажите своим друзьям об этом руководстве: Photoshop_3D_Text

Чирикать, порекомендовать или поставить палец вверх!

Интеграция трехмерного текста в изображения с помощью Photoshop

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

Шаг 1. Выберите передний план

Чтобы разместить текст за символами переднего плана, вам сначала нужно их выделить. Это стало намного проще с появлением в Photoshop новой функции «Выбрать тему» ​​(подробности см. В этом посте). Одним щелчком мыши выбираются скейтбордисты; сделайте из них новый слой, используя Ctrl + J / Command + J.Вырез не будет идеальным, но пока его достаточно.

Шаг 2. Добавьте текст

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

Больше после прыжка! Продолжайте читать ниже ↓
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Шаг 3. В 3D

Используйте пункт меню «3D»> «Новая 3D-экструзия из выбранного слоя», чтобы превратить текст в 3D-объект. Вы увидите, как он выдавлен вдаль, как показано здесь.

Шаг 4. Выровняйте текст по сцене

Не прикасайтесь к самому текстовому объекту, вместо этого используйте три значка в левом нижнем углу экрана, чтобы вращать, панорамировать и сдвигать всю сцену назад и вперед. В этом большое преимущество того, что люди уже отключены: вы можете видеть, что делаете.Конечно, часть текста будет скрыта за людьми, поэтому расположите его так, чтобы было видно достаточно слова, чтобы оно имело смысл.

Шаг 5: Уменьшите вытягивание

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

Шаг 6: Изолируйте и скопируйте

Удерживайте Alt / Option при щелчке по значку глаза рядом с выдавленным текстовым слоем, чтобы был виден только этот слой.Выделите все, затем сделайте объединенную копию, используя Ctrl-Shift-C (Win) / Command-Shift-C (Mac), а затем вставьте. Это создает пиксельную копию 3D-слоя, поэтому вы можете работать с ним, не перемещая его случайно (что означало бы необходимость повторного рендеринга сцены).

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

Скройте настоящий 3D-слой, оставив видимой только копию, и снова покажите другие слои. Первоначальный силуэт скейтбордистов был несовершенным; часть руки правого мужчины отсутствовала, и вкрались фрагменты фона.Поэтому загрузите вырезанный слой как выделение, удерживая Ctrl (Win) / Command (Mac) и щелкнув его миниатюру на панели слоев. Затем скройте этот слой, переключитесь на текстовый слой и используйте Layer> Layer Mask> Hide Selection, чтобы создать маску слоя для текста. Теперь вы можете легко закрасить маску белым цветом, чтобы показать недостающие пальцы, и черным, чтобы скрыть нежелательный фон.

Шаг 8. Тонируйте текст

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

Шаг 9. Добавьте тень

Чтобы создать тень от скейтбордистов, сначала загрузите их как выделение, как на шаге 7. Создайте новый слой, выберите темно-синий цвет тени от фона и используйте Option или Alt с клавишей Backspace, чтобы заполнить выделение этим цветом. цвет. Снимите выделение и переместите тень в сторону, чтобы вы могли ее видеть.

Шаг 10: Обрезка тени

Убедитесь, что слой тени находится прямо над слоем с выдавленным текстом, и используйте «Слой»> «Создать обтравочную маску», чтобы он отображался только там, где он перекрывает слой под ним.Уменьшите непрозрачность этого слоя и (необязательно) используйте Фильтр> Размытие> Размытие по Гауссу, чтобы немного смягчить его.

Шаг 11: Регулировка фокуса

Задняя часть сцены не в фокусе, поэтому, чтобы текст выглядел действительно правильно, нам нужно это согласовать. Выберите текстовый слой и используйте «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект», затем используйте «Фильтр»> «Размытие»> «Размытие по Гауссу», чтобы добавить примерно двухпиксельное размытие ко всему слою.

Шаг 12: Завершение работы

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

Посмотреть видео

Посмотрите видеоверсию этого руководства ниже.

10 бесплатных текстовых эффектов Photoshop 3D (2021)

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

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

См. Также: 10+ бесплатных макетов визиток

Этот потрясающий текстовый эффект 3D светового знака создан STATE7 STUDIO.

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

Это PSD красочный текстовый эффект, созданный с использованием слоя смарт-объекта в Photoshop. Вы можете легко создать свой 3D-эффект, просто набрав текст на слое смарт-объекта.

Формат файла: Многослойный PSD
Смарт-объект: Да
Совместим с: Photoshop CS4 — CC
Размер файла: 7,84 МБ

Этот PSD с ретро-текстовым эффектом поможет вам создавать потрясающие винтажные тексты.Вы можете применять их в формах, текстах и ​​т. Д. Просто замените и сохраните, используя слой смарт-объекта.

Формат файла: PSD
Размер файла: 18 МБ
Слой: Хорошо организованный слой смарт-объекта

Этот эффект трехмерного текста полезен для создания комических заголовков, дизайнов приложений и т. Д. Вы можете легко менять цвета. Также он создается с помощью слоя смарт-объекта.

Формат файла: PSD
Смарт-объект: Да
Размеры: 4000 × 3000 пикселей
Размер файла: 7,68 МБ

Формат файла: PSD
Смарт-объект: Да

Вы можете создавать креативный дизайн с этим PSD.Он подходит для рекламы, плакатов, креативного дизайна и т. Д.

Формат: многослойный PSD
Смарт-объекты: Да
Минимальная версия Photoshop: CS4
Размер: 29,2 Мб

Легко меняйте цвет текста и фона с помощью слоя смарт-объекта.

Формат файла: PSD
Слои: Смарт-объекты
Размеры: 3500 × 2500 пикселей
Размер файла: 5,69 МБ

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

Формат: Layered PSD
Смарт-объекты: Да
Минимальная версия Photoshop: CS3
Размер: 4.9 Мб

Ретро-эффекты сегодня в тренде. Этим можно добиться эффекта ретро 80-х. Еще один потрясающий текстовый эффект от Hyperpix Studio.

Формат файла: PSD
Размер: 65 МБ
Размер: 2200 × 1600
DPI: 300

См. Также: 10 бесплатных минимальных шрифтов

Как использовать слой смарт-объекта?

1) Разархивируйте
Сначала вам нужно будет распаковать пакет. Вы можете использовать Winrar

2) Откройте
Откройте файл PSD в Photoshop

3) Использование смарт-объекта
Найдите смарт-объект на панели слоев.Дважды щелкните слой смарт-объекта

4) Вставьте свою работу
Вставьте свою работу и выберите Файл> Сохранить

ГОТОВО!

Если вам понравился этот пост, буду очень благодарен, если вы поможете ему распространиться, поделившись им в Twitter или Facebook. Спасибо!

Как применить текстуру к 3D-тексту, отрисованному в Photoshop

PSD-файл этого руководства доступен для покупки в PSD Vault Shop или в VIP-зоне для членов PSD Vault.

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

В качестве примера мы применим текстуру коры дерева и применим ее к нашему трехмерному тексту в этом уроке.

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

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

Вот предварительный просмотр финального эффекта, который я получил для этого урока: (щелкните, чтобы увеличить)

VIP-членство в PSD Vault

Вы можете загрузить PSD-файл для этого руководства через VIP-зону всего за 6,95 долларов США в месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 100 других PSD-файлов + Дополнительные полезности + Эксклюзивные уроки по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив!

Для выполнения этого урока вам потребуются следующие акции:

Шрифт

Текстура коры дерева

Если у вас возникли трудности с шагом 3, посмотрите этот видеоурок здесь:

Шаг 1

Создайте новый документ размером 1400 пикселей * 670 пикселей с белым фоном.Используйте инструмент «Градиентная заливка», чтобы заполнить фоновый слой следующими цветами, как показано ниже:

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

Шаг 2

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

Выберите текстовый слой и перейдите в раздел 3D >> Новая 3D-экструзия из выбранного слоя:

Отрегулируйте настройки Infinite Light, как показано ниже, и убедитесь, что свет исходит из верхнего правого угла:

Примените следующие настройки 3D:

Сетка

Деформация

Заглушка

Координаты

Материалы

Визуализируйте текст, нажав Ctrl + Alt + Shift + R, затем мы конвертируем этот текст в смарт-объект:

и вот результат:

Шаг 3

На этом этапе мы будем применять текстуру к нашему тексту.Загрузите текстуру коры дерева в Photoshop и выберите ее кусок, как показано ниже ：

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

Измените режим наложения слоя текстуры на «Перекрытие»:

и вот результат:

Шаг 4

Как вы могли заметить, текстура пока покрывает только темную часть текста, а как насчет белых частей текста? Чтобы добавить текстуры на белую область текста, мы просто дублируем предыдущий слой текстуры коры и устанавливаем режим наложения дублированного слоя на «Умножение» и уменьшаем непрозрачность слоя примерно до 50%:

Как видите, теперь мы покрываем оставшуюся белую часть текста текстурой:

Далее я применил следующие корректирующие слои изображения в качестве обтравочных масок поверх слоев текстуры:

Оттенок / Насыщенность

Цветовой баланс

и вот мой эффект:

Шаг 5

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

Также добавлен эффект облачности вокруг текстов:

С помощью маленькой мягкой кисти нарисуйте тень под текстом:

Мы также можем добавить текстуру коры дерева вокруг текста:

Шаг 6

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

Я добавил слой выборочной настройки цвета сверху, чтобы добавить цвета для общего эффекта:

и вот мой окончательный результат: (нажмите, чтобы увеличить)

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

До следующего раза, хорошего дня!

Как создать 3D-текст в Photoshop для начинающих

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

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

Первое, что вам нужно сделать, это установить Photoshop. Поскольку для 3D-моделирования требуется много ресурсов процессора, отсутствие VRAM может стать камнем преткновения при создании 3D-текста в Photoshop.

Создайте новый документ, щелкнув Файл в главном меню. Вы можете использовать сочетания клавиш Photoshop, чтобы ускорить рабочий процесс. Чтобы создать файл, нажмите клавиши Ctrl + N / Cmd + N .

Как только появится Новый документ , вам необходимо установить параметры.В приведенном выше примере мы использовали следующие значения: ширина — 1200 пикселей , высота — 630 пикселей , разрешение — 300 пикселей / сантиметр .

Затем нажмите кнопку Create . На экране появится новый документ.

ШАГ 2. Напишите свой текст

Сначала вы добавляете текст в документ. Выберите инструмент Type Tool (T) на панели инструментов. Затем введите новый текст, пусть это будет «3D ТЕКСТ».Лучше использовать заглавные буквы и установить размер шрифта, скажем, 22pt. Вы также можете выбрать любой цвет для текста.

ШАГ 3. Выберите шрифт

Выбрав инструмент «Текст», вы можете настроить параметры текста на панели параметров. Вы можете выбрать любой шрифт для текста на панели инструментов. Выберите один из бесплатных шрифтов Adobe и установите его размер. Мы рекомендуем использовать крупные и полужирные шрифты для создания трехмерного текста в Photoshop.

Чтобы настроить размер текста с помощью опции Free Transform , используйте комбинацию клавиш Ctrl + T / Cmd + T.Вы также можете перетащить края текстового поля, чтобы изменить его размер.

ШАГ 4. Добавьте текстуру в текст

Следующий шаг — выбрать текстуру и применить ее к тексту. Чтобы добавить текстуру в рабочую область, поместите ее поверх текста и нажмите Alt + G / Opt + G , чтобы обрезать слои.

Затем нажмите на текстовый слой, удерживая Shift . Когда оба слоя станут активными, вам нужно нажать Ctrl + E / Cmd + E , чтобы объединить слои в Photoshop.

ШАГ 5. Создайте 3D-слой

Вам необходимо проверить, активен ли текстовый слой. Сделать это можно в окне «Слои». Затем щелкните текстовый слой, перейдите к панели 3D и выберите New 3D Extrusion from Selected Layer .

После преобразования текста в 3D-объект вы увидите окно 3D Workspace на экране. Вы также увидите новое окно свойств в правом верхнем углу.В этом окне установите следующие параметры:

Отображение текстуры: Масштаб

Глубина экструзии: 10 мм

ШАГ 6. Отрегулируйте освещение

Вы можете использовать опцию Infinite Light на панели 3D для регулировки света. Используйте контроллер для настройки теней.

ШАГ 7. Внесите изменения

Чтобы изменить настройки 3D-текста, вам нужно выбрать Shape Preset на панели Properties и настроить выдавливание.

ШАГ 8. Управляйте скосом и накачиванием текста

Вы можете использовать вкладку Cap для регулировки наклона и наклона, применяемых к передней и / или задней поверхностям вашего 3D-объекта. Вам также может потребоваться отредактировать угол текста.

ШАГ 9. Преобразование 3D-текста в смарт-объект

Также необходимо преобразовать трехмерный текст в смарт-объект. Чтобы ускорить преобразование, щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Ctrl (Mac), на слое на панели «Слои».Поскольку смарт-объекты не разрушают, вы можете преобразовать их без потери качества.

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

ШАГ 10. Измените цвет фона

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

Дополнительные инструменты

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

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

Супермен 3D выдавленный текст Урок Photoshop

В этом уроке Photoshop вы узнаете, как создать 3D выдавленный текст в стиле текстового эффекта Супермена. Изначально я написал этот урок до того, как в Photoshop появились какие-либо 3D-функции.Я оставлю это руководство в конце на тот случай, если вы используете более старую версию Photoshop, чем CS6. Для тех, кто пользуется Photoshop CS6 или Photoshop CC, у меня есть новое руководство прямо здесь. Итак, в каком-то смысле это на самом деле 2 урока, выберите свой яд!

Трехмерный экструдированный текст в Photoshop

Шаг 1

Создайте текст, сделайте цвет красным и установите его заглавными буквами, вы — жирным шрифтом. Обратите внимание, что я установил отслеживание на -10, потому что в тексте Супермена буквы расположены близко друг к другу.

Шаг 2

Выберите первый символ и сделайте его больше остальных.

Step 3

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

Выберите Arc и установите небольшое количество +5

Step 4

Давайте сделаем текст трехмерным.

Нажмите кнопку 3D на верхней панели инструментов

Теперь текст должен выглядеть вытянутым.У вас также будет возможность переключиться в рабочее пространство 3D. Если нет, выберите его в рабочих областях.

Step 5

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

Перетащите инструмент 3D, пока текст не расположится так, как вам нравится.

Step 6

Сделаем переднюю часть желтой.

Выберите панель 3D и нажмите кнопку материалов, как показано

Перейдите на панель свойств и установите время для красного квадрата с помощью диффузного

Палитра цветов откроется, выберите привет в качестве цвета и нажмите ok

Теперь передняя панель станет желтой.

Шаг 7

Давайте настроим освещение

на 3D-панели, нажмите кнопку с молнией

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

Step 8

Это начинает выглядеть хорошо, но нам все еще нужно добавить черный контур вокруг всего

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

Теперь мы видим контур вокруг всей формы.

Мы добавим обводку к тексту до того, как мы закончим.

Шаг 9

Если мы пойдем на рендеринг текста (удерживая Cmd + Option + Shift + R, Ctrl + Alt + Shift + R), вы заметите, что он выглядит странно, потому что он отбрасывает тень. Давайте исправим это

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

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

Step 10

Итак, вы заметили, что черный контур обрамляет всю фигуру, но не сам текст. Что делать? У меня есть для вас небольшое обходное решение.

На панели слоев выберите слой 3D-текста и нажмите Ctrl / Cmd + J, чтобы продублировать слой.

Шаг 11

Выберите верхний слой

На панели 3D выберите вторую опцию для сетки

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

Измените глубину экструзии на 1 (0 будет работать, но результат будет странным при рендеринге)

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

Шаг 12

Нам нужно отрендерить каждый слой, начиная с нижнего, затем верхнего (удерживайте Cmd + Option + Shift + R, Ctrl + Alt + Shift + R)

Как только все будет отрисовано , у нас есть окончательный результат, вверх, вверх и вперед!

Поддельный трехмерный экструдированный текст в Photoshop

Для тех из вас, кто пользуется более старыми версиями Photoshop, вот более старый метод.

Шаг 1

Начните с вашего шрифта на новом слое.

Шаг 2

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

Визуализируйте текстовый слой: щелкните правой кнопкой мыши ПК / Mac Cmd щелкните текст в палитре слоев и выберите, растеризовать тип.

Дублируйте слой.

Step 3

Теперь давайте добавим вытягивание: Filter> blur> motion blur.

Установите -45 градусов и установите расстояние для глубины вытяжки, которую вы хотите. Я использовал 80 пикселей.

Шаг 4

Дублируйте слой 10 раз. Сочетание клавиш Ctrl / Cmd + J
Скройте слой с исходным шрифтом и нажмите кнопку «Объединить» для отображения. Таким образом, все 10 слоев становятся одним.

Шаг 5

Чтобы немного ускорить процесс, снова продублируйте размытый слой и снова объедините два вместе. (Все это спасает нас от дублирования 20 слоев.)

Продолжайте, пока выдавливание не станет твердым.

Step 6

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

Добавьте стиль слоя: Наложение цвета = желтый и обводка = черный и 1 пиксель

Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать типовой слой.

Шаг 7

Теперь инвертируем выделение Ctrl / Cmd + Shift + I. Выделив желтый тип, щелкните выдавленный слой, чтобы сделать его активным.Теперь это защищает желтый шрифт, поэтому мы можем очистить края на красном выдавленном слое.

Step 8

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

Step 9

Красиво! Снова инвертируйте выделение. Ctrl / Cmd + Shift + I

Шаг 10

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

Снова инвертировать выбор. Ctrl / Cmd + Shift + I

Шаг 11

Снова используя ластик, сотрите мусор, и вы должны получить что-то вроде этого.
Конечно, если вы потратите больше времени, чем я, ваши результаты будут намного чище!

Step 12

Я очень быстро (заняло около 20 секунд) добавил несколько теней с помощью инструмента «Аэрограф», просто чтобы показать вам, как это будет выглядеть.