Простой 3D текст в Фотошоп

Из этого урока вы узнаете, как без особого труда создать 3D текст .

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

Шаг 1. Для начала откройте Фотошоп и создайте новый документ (Ctrl + N), установив размеры 10х10 дюймов и разрешение 300 пикс/дюйм.

Шаг 2. Разблокируйте фоновый слой, дважды кликнув по нему. Измените цвет на #333333, перейдите в меню Edit > Fill (Редактирование - Выполнить заливку) и в открывшемся окне в параметре «Использовать» выберите «Основной цвет».

Шаг 3. На панели инструментов перейдите к инструменту Horizontal Type Tool (T) (Горизонтальный текст) и установите следующие параметры: шрифт Myriad Pro Black, цвет #FFCC00. Теперь напишите слова SIX размером 286пт и Revisions размером 83пт. Настройки для текста вы можете выбрать на свое усмотрение, обязательно выбирайте жирный шрифт, в противном случае желаемый эффект не получится.

Шаг 4. Растрируйте текстовый слой, для этого нажмите по слою с текстом правой кнопкой мыши и из меню выберите команду Rasterize Type (Растрировать текст). Обратите внимание, что после растрирования, текст редактироваться не будет.

Шаг 5. Теперь нужно немножко наклонить текст, чтобы в дальнейшем придать ему 3D эффект. Нажмите Ctrl + T, зажмите Ctrl и, выбрав правый верхний маркер, перетащите его влево, тоже самое проделайте и с верхним средним маркером. Вот, что у вас должно получиться:

Шаг 6. Теперь к текстовому слою нужно применить некоторые эффекты. Для этого нажмите на значок Add a Layer Style (Добавить стиль слоя) внизу панели слоев и из списка выберите следующие стили:

Bevel and Emboss (Тиснение): цвет для подсветки #FFCC66, цвет для тени #DFA125. Остальные настройки смотрите ниже.

Satin (Глянец): цвет для эффекта #F3881F.

Gradient Overlay (Наложение градиента): в редакторе градиентов установите цвета слева #F7F3A7, справа #F3881F, остальные настройки смотрите ниже.

Шаг 7. На данном этапе мы приступим к созданию 3D эффекта. Для начала продублируйте (Ctrl + J) слой с текстом, у дублированного слоя удалите все примененные стили. Теперь измените цвет текста, для этого перейдите во вкладку Image > Adjustment > Curves (Изображение - Коррекция - Кривые) или нажмите (Ctrl + M) и изогните кривую, как показано ниже.

Цвет текста стал темнее. При помощи коррекции Hue/Saturation (Цветовой тон/Насыщенность) (Ctrl + U) немного снизьте насыщенность цвета.

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

Шаг 9. Объедините (Ctrl + E) все слои с темными буквами и примените к полученному слою стиль Gradient Overlay (Наложение градиента), предварительно установив для градиента черный и белый цвета.

Шаг 10. Нам осталось добавить тень от букв. Продублируйте слой с темными буквами и к копии примените фильтр Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) со значением радиуса 8 пикселей. После этого откройте окно кривых Ctrl + M и подкорректируйте кривую, чтобы затемнить тень. Настройки для кривых и для размытия смотрите на изображении ниже.

Шаг 11. При сильном увеличении букв можно увидеть, что боковые грани не совсем ровные. Чтобы это исправить, необходимо выделить неровную область инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо), а затем нажать Delete (Удалить). Таким образом, вы удалите все неровные области боковых граней.

Шаг 12. В этом шаге мы добавим еще тени. В нашем случае источник освещения расположен вверху слева, соответственно тени расположенные внизу справа должны быть темнее. Выберите инструмент Born Tool (O) (Затемнитель) и затемните те участки, где это необходимо. Но для начала инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо) создайте выделения в областях граней букв для получения резкого перехода между ними. Повторите те же действия для каждой буквы.

В панели параметров инструмента Born Tool (O) (Затемнитель) измените следующие настройки: диапазон - Highlights (Подсветка), Exposure (Экспонир) 50%, размер кисти 125 пикселей, жесткость 0%.

Так же добавьте тени в тех местах, где они падают с буквы на букву.

Шаг 13. При помощи инструмента Dodge Tool (O) (Осветлитель) добавьте блики. Используйте те же настройки, что и для затемнителя.

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

Как сделать 3D текст в фотошопе? Пошаговая инструкция

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

Для создания текста с 3D эффектом нам потребуется лишь фотошоп и время. Мы постараемся сделать вот такой текст:

Начнем нашу работу:

1. Сначала нужно создать новый документ, в котором мы и будем делать наш текст. Открываем фотошоп, ожидаем пока он загрузится, и нажимаем Cntr+N. В появившемся окне вводим размер нового холста, нам потребуется 10х10 дюймов (inches). Не забываем так же и о качестве, в строке расширение устанавливаем 300 pixels/inch.

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

3. На рабочем холсте нужно написать слова, которые мы желаем сделать в 3D эффекте. Выбираем инструмент «Текст» (обозначается буквой Т), и начинаем писать. В нашем примере использовался шрифт «Myriad Pro Black», желтым цветом (#FFCC00). Размер первого слова составляем 286pt, размер второго слова 83pt.

Программа создания 3D текста

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

Здравствуйте дорогие читатели! Доброго времени суток.

При строительстве блога существенную роль играет дизайн. Чуть позже я расскажу Вам, какие мне потребовались шаги, чтобы собрать коллекцию программ, необходимых  для ведения блога. Сегодня я не могу удержаться и предоставлю Вашему вниманию программу 3D текста, которая не пользуется популярностью у многих блогеров,  причём напрасно. Программа маленькая, но удивительно умелая в плане написания 3D  текста. Всё красиво, просто и быстро. Итак, XARA 3D6, нашел я ее на просторах Интернета легко, установил без проблем,  знакомьтесь, фасад программы.

Внутри:  верхнее горизонтальное  меню, левая  сторона с кнопками функций, правая колонка с настройками этих функций. Программа может не только красиво писать тексты, но и создавать кнопки. рамки и анимированные. в форматах png,  Jpg, gif, bmp, avi и другие. В программе есть библиотеки анимации, стили текста и стили кнопок, но в любой момент можно пофантазировать и сделать свой 3D текст.

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

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

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

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

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

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

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

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

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

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

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

Просто рекомендую обратить на нее внимание. Будут вопросы, отвечу лично. Буду рад, если кто-то заинтересуется.

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

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

Интересная статья? Поделитесь ею пожалуйста с другими:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание 3D текста в photoshop

Для начала создайте документ размерами 1024х600 px.

Используя инструмент «Градинт» и установив в настойках радиальный режим, заливаем наше изображение. В уроке были использованы цвета от #2e2b2b до #646464.

Напишем текст, в уроке был использован шрифт Book Antiqua с размерами 170px, и цветом #4089a3. Для удобства расположите его в центре нашего документа.

Для большого эффекта придадим нашему тексту немного стиля, для этого к слою с текстом примените следующие «Стили слоя»:

У вас должно получить нечто похожее на это:

Приступаем к преобразованию нашего текста в 3D-объект. Выполняем команду 3D -> Чеканка -> Текстовой слой, в появившемся окне задаём параметры как на изображении ниже:

После применения этих настроек у нас получится вот такой текст:

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

Нажмите 3D ->Чеканка -> Разбить сетки чеканки.

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

На этой же панеле есть дополнительные функции управления. На изображении ниже. Выделен инструмент с которым мы и будем работать. Этот инструмент позволяет работать с каждым отдельным 3D элементом.

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

Теперь вы можете использовать инструменты «Вращать 3D объект» и «Переместить 3D объект» (инструменты расположены на панеле инструментов) для более точного расположения букв в пространстве.

Используя инструмент «», задаём в его настройках параметр "Глуб.резк.поля: Размытие" равным 0,8 — это позволит создать глубину размыв ближние буквы и сосредоточив внимание на задних.

Зажав клавишу Alt кликните левой кнопкой мыши по букве которая по вашему мнению должна быть в фокусе, в уроке была использована самая дальняя буква.

Наша работа подходит к концу, на панеле «3D (Сцена)», перейдите во вкладку «Вся сцена» и в поле качество установите «Окончательная трассировка лучей». Это уберёт пиксельность с букв и сделает изображение более плавным.

Процесс трассировки выполняется достаточно долго, на моём компьютере с четырёх ядерным процессором Intel Core i5, и 4ГБ оперативной памятью, процесс выполнялся почти три часа. Так что наберитесь терпения:)

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

Создаем красивый 3D текст

Приветствую! Если Вы впервые на этом сайте, и он Вам понравился, предлагаю подписаться на RSS и не пропускать новые статьи.

А если я Вас заинтересовал, Вы можете меня зафолловить в Twitter. Всегда рад новым друзьям. )

Привет, ребята! На днях рылся в буржунете в поисках вдохновения и наткнулся на крутой урок от PSHero , который мне очень понравился, в результате чего я открыл свои графические пакеты и начал пробовать сам забацать эту крутизну. Ну, я думаю Вы уже заметили по картинке выше, что у меня получилось) Разве не круто?) Эмейзинг, блин!)

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

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

Итак, начнем! Для исполнения данного урока нам понадобится Adobe Photoshop и Adobe Illustrator .

Для начала, качаем замечательный шрифт Ballpark.

.01 Открываем Photoshop и создаем новый документ (размеры я брал 580х300 ). Жмем T и пишем желаемое слово, над которым будем работать.

Конечно же, шрифт не понимает кириллицу, так что придумывайте что-то на инглише)

Я написал адрес своего сайта. А че б и нет?)

.02 Далее правой кнопочкой по вашему тексту (Type Tool должен быть активным) и выбираем Create Work Path. Далее жмем A (Path Selection Tool), зажимаем телочку левую кнопку мыши возле текста и выделяем весь текст. Получим вот такое:

.03 Поднимаем глаза к Главному Меню и там должна быть кнопка Combine. жмем её. Далее копируем наш текст - Ctrl+C .

Теперь открываем Adobe Illustrator и создаем новый документ (картинка кликабельная):

.04 В новом документе в Иллюстраторе вставляем скопированные нами в буфер обмена "пути" (paths). Иллюстратор предлагает опции вставки, выбираем Compound Shape и жмем OK ай!

Далее задаем цвет текста, автор предлагает #E5E5E5. я не против  (картинка кликабельная):

.05 Теперь делаем наш текст 3D-шный!) В Главном Меню выбираем: Effect > 3D > Extrude & Bevel. выставляем все, как показано на скриншоте:

Жмем OK ай. Вот что получилось (картинка кликабельная):

В Главном Меню выбираем Object > Expand Appearance. Это мы сконвертили кривые из Иллюстратора, чтобы Фотошоп их понял.

Автор говорил и я повторюсь: не закрывайте пока Иллюстратор, его миссия еще не окончена на сегодня

Копируем все, что натворили в Иллюстраторе (Ctrl+C ) и вставляем в наш документ в Фотошопе (Ctrl+V ). Внимательный Фотошоп спросит в каком виде Вы хотите вставить объект? Ессесьна нужно выбрать Smart Object и нажать "OK ай, братюня", а еще Enter не забудьте нажать после всего этого.

Старый свой текст с "путями" можете удалить.

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

.07 Вот он, момент, когда нам нужно возвращаться к любимому Иллюстратору! Сейчас нам нужно скопировать только сам текст. Нам нужно изолировать верхний слой текста, поэтому жмем по нашему темно-серому тексту двойными щелчками мыши 3 раза и 1 раз 1 щелчок. чтобы выделить текст. Вот, что должно получиться (картинка кликабельная):

Далее копируем (Ctrl+C ) и вставляем (Ctrl+V ) в нашем документе в Фотошопе текст (не забывайте выбирать Smart Object при вставке).

Как видите, у меня не одно слово + еще точки отдельно, поэтому мне нужно с каждым слоем проделать 7-й пункт)

Если у Вас так же, возьмите на заметку ;)

.08 Скопировали текст и аккуратно наложили его поверх слоя 3D (Ctrl + и Ctrl - Вам в помощь). Теперь задаем цвет нашему тексту, правой кнопочкой по слою и выбираем Blending Options (или с правой стороны слоя двойной клик левой кнопкой мыши), выбираем Color Overlay и устанавливаем цвет #323232. далее везде Ok. Еще не мешало бы переименовать слой, я написал 2D .

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

.09 Теперь нам нужно продублировать слой 2D с текстом, для этого достаточно выделить данный слой и нажать Ctrl+J. Желательно переименовать, я его назвал 2D #2 (он должен быть выше слоя 2D ). Теперь выбираем Move Tool (V ) и сдвигаем текст на 1 пиксель вверх и влево .

Далее заходим в свойства слоя 2D (правой кнопочкой по слою и выбираем Blending Options или двойной клик по буквах " fx " с правой стороны слоя), выбираем Color Overlay и устанавливаем цвет #FFFFFF и везде Ok. Получаем: