3D буквы в фотошопе: Создание металлического 3D-текста в Photoshop CS6 · Мир Фотошопа

Содержание

Создание металлического 3D-текста в Photoshop CS6 · Мир Фотошопа

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

Ресурсы урока:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1000х1000 пикселей. На панели инструментов установите цвета #444343 и #1c1c1c. Выберите инструмент Gradient Tool (G) и создайте радиальную заливку.

Инструментом Horizontal Type Tool (T) напишите слово «Metal» цветом #cccccc. Шрифт «Sail» размером 330pt.

Перейдите в меню 3D ? New 3D Extrusion from Selected Layer. Текстовый слой будет преобразован в 3D-слой.

Шаг 2

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

Выберите инструмент Move Tool (V) и на верхней панели увидите 3D-режимы. Выберите каждый и посмотрите, как он работает.

Шаг 3

Выберите основной объект и на панели Properties измените Texture Mapping и Extrusion Depth.

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

Перейдите во вкладку Coordinates и настройте угол по оси X. Текст будет расположен перпендикулярно плоскости основания.

Перейдите в меню 3D ? Snap Object to Ground Plane. Текст будет прилегать к плоскости основания, а не парить над ней.

На панели 3D выберите Current View и при помощи инструмента Move Tool (V) расположите камеру над текстом, как показано на скриншоте.

Режимы инструмента Move Tool (V) можно заменить 3D осью. Концы стрелок — для перемещения, элемент перед ними — для вращения, а куб в центре — для масштабирования.

Шаг 4

Сейчас мы изменим шрифт. Выберите основной объект и на панели Properties нажмите на кнопку Edit Source.

У Вас откроется новый документ с текстовым слоем. Измените размер шрифта на 392,5pt. Иногда случает так, что текст выходит за границы холста.

Чтобы это исправить, примените изменения, а затем перейдите в меню Image ? Reveal All.

Сохраните документ (File ? Save) и закройте. Вернитесь в основной документ и увидите изменения.

Шаг 5

Снова выберите основной объект и перейдите во вкладку Deform. Измените параметр Taper.

Выберите Front и Back Inflation Material (удерживая Ctrl, можно выбрать несколько элементов). Измените параметры так:

  • Diffuse : #391d5b
  • Specular : #bbb08c
  • Illumination : #080808
  • Ambient : #000000

Теперь Front и Back Bevel Material:

  • Diffuse : #391d5b
  • Specular : #c1c1c1
  • Illumination : #080808
  • Ambient : #000000

И в завершение Extrusion material:

  • Diffuse : #1b003d
  • Specular : #c1c1c1
  • Illumination : #080808
  • Ambient : #000000

Шаг 6

Выберите Environment на панели 3D. Кликните на иконке папки параметра IBL и выберите пункт Load Texture.

Выберите металлическую текстуру «ghghghhj.jpg» и настройте всё остальное, как показано на скриншоте.

Инструментом Move Tool (V) поверните сферу в такое положение:

Шаг 7

Настройте Infinite Light 1:

Расположение источника света:

Добавьте новый источник света:

Расположение:

Шаг 8

Внесите другие изменения на своё усмотрение.

Как закончите, перейдите в меню 3D ? Render. Процесс рендеринга можно остановить в любой момент при помощи клавиши Esc.

Когда рендеринг будет завершён, создайте корректирующий слой Gradient Map.

Градиент: #3e5678 ? #ff9a9e. Установите режим наложения Overlay и уменьшите непрозрачность до 15%.

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

Работа с текстом в Photoshop: 10 эффективных приёмов

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

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

Правильное сглаживание текста

Несколько месяцев назад Adobe добавила в новую версию программы несколько нативных методов сглаживания текста, которые доступны в зависимости от ОС, на которой работает Photoshop — Mac или Windows (в версиях с и без субпиксельного сглаживания). Наконец-то текст в макете выглядит так же, как и в браузере.

Стили абзацев (Paragraph Styles) и символов (Character Styles)

Функция, которой не хватает в любом макете, где присутствует более одного стиля оформления текстового блока. Достаточно создать нужное количество стилей оформления текста и изменять их только один раз в панели стилей, а всё остальное за вас сделает программа.

Вписывание текста внутрь фигур или написание текста по контуру

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

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

Естественно, так же можно создать векторный путь любой сложности и добавить на него текст — таким же щелчком с включённым Type Tool.

Автоматический рыбный текст

Хоть я и не рекомендую использовать абстракцию в духе Lorem Ipsum в качестве рыбы для макетов, иногда необходимо вставить небольшой массив текста для того, чтобы оценить компоновку или размер текстового блока. С функцией Paste Lorem Ipsum на это понадобится несколько секунд. Естественно, без кириллицы (хотя умельцы предлагают способ русификации).

Применение Postcard и 3D Extrusion к тексту

Комбайн Photoshop богат, помимо прочего, ещё и некоторыми функциями по работе с 3D. Использование эффектов Postcard или 3D Extrusion к тескту позволит перемещать, приближать, отдалять и вращать ваш текстовый слой в трёхмерном пространстве.

Конвертирование строчного текста в блочный и обратно

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

Правильным выходом будет использование команды Convert to Paragraph Text, в котором ширина текстового блока задается рамкой. Операция работает в двух направлениях — блочный текст мы можем превратить в строчный командой Convert to Point Text.

Преобразование в фигуру

Если вы хотите внести изменения в некоторые буквы, например в рекламном слогане и не хотите потерять качество во время последующего изменения размера текста — просто превратите этот текстовый слой в фигуру и редактируйте её с помощью инструментов Direct Selection Tool или Path Selection Tool. Защищено вектором.

Использование Smart Objects для сохранения возможности редактировать текст и применения фильтров или деформации

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

Горячие клавиши для очень быстрой работы с текстом.

Копирование CSS текстовых слоёв

Одна из новых функций Photoshop позволяет скопировать набор CSS-свойств по сути любого слоя или группы (при использовании команды на группу — будут скопированы свойства как самой группы, так и слоёв внутри неё).

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

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

Источник: popel-studio

Как сделать пушистый текст в фотошоп

 

Этот простой урок поможет вам сделать пушистый текст в фотошопе за 5 минут. Для работы вам понадобиться Adobe Photoshop (у меня версия CS5), работа вся выполняется при помощи стандартных инструментов.

Очень важно значение имеет выбор шрифта — это должен быть жирный шрифт желательно с большим внутрибуквенным просветом (на рисунке ниже обозначен цифрой 6).

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

Итак, создаем новый документ с белым фоном и нужным размером (например, 1000 x 500 px, разрешение — 72dpi).

Напишите текст цветом #d9001f на документе и сделайте выделение (для этого нажмите на иконку текстового слоя с одновременным удержанием клавиши CTRL.

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

Выставьте цвет основного фона — #d9001f (красный), цвет заднего фона — #ffffff (белый). Выберите инструмент кисть. Добавьте набор кистей «Кисти DP».

 

Среди кистей выберите кисть Dune Grass 1 (Осока):

Выставьте нужный размер кисти (у меня — 27px). Размер кисти будет зависеть от того, какого размера шрифт вы выбрали для примера. Кисть не должна быть широкой, иначе она перекроет весь текст, и надпись получится непонятной.

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

Активируйте окно «Кисти» (Выберите в меню Окно-> Кисть). Здесь вам нужно будет задать следующие настройки (кликайте по скриншотам для увеличения):

Вы можете поэкспериментировать со своими настройками кисти.

В палитре слоев перейдите во вкладку «Контуры» и кликните по иконке «Выполнить обводку контура» 2-3 раза.

Перейдите во вкладку «Слои», снова выделите текст (клик по иконке с зажатой клавишей CTRL). Активной слой — верхний. При помощи созданной пушистой кисти закрасьте внутреннюю часть текста. Размер кисти можно немного увеличите. Не переусердствуйте с закрашиванием, иначе все может слиться. Для более четкого эффекта можете уменьшить непрозрачность текстового слоя, растрировать текст и применить размытие по Гауссу для скрытия четких контуров текста.

 

Создание простого трехмерного текста в Photoshop

Автор Стив Паттерсон.

В этом уроке Photoshop текстовые эффекты мы узнаем, как создать простой трехмерный текст:

Последний эффект трехмерного текста.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

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

Для начала создадим новый документ Photoshop.Поднимитесь в меню File вверху экрана и выберите New , или, для более быстрого способа, нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac). Какой бы способ вы ни выбрали, Photoshop открывает диалоговое окно New Document . Введите размер, который вам нужен для вашего документа. Для этого урока я собираюсь ввести Ширина 6 дюймов , Высота 4 дюйма и Разрешение 300 пикселей / дюйм , что является стандартным разрешением для профессионалов. качественная печать.Я также собираюсь установить для моего

Background Contents значение White , что установит белый цвет фона моего нового документа. Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него. Ваш новый документ Photoshop появится на экране.

Создайте новый документ Photoshop, используя диалоговое окно «Новый документ».

Шаг 2. Выберите инструмент «Текст» на палитре инструментов Photoshop

Чтобы добавить текст в документ, нам понадобится Photoshop Type Too l.Выберите его на палитре инструментов или нажмите на клавиатуре букву T , чтобы выбрать его с помощью сочетания клавиш:

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

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

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

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

.

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

Шаг 4. Выберите цвет текста

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

Измените цвет текста, щелкнув образец цвета на панели параметров.

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

OK в правом верхнем углу палитры цветов, чтобы выйти из нее:

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

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

Шаг 5. Добавьте текст в документ

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

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

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

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

Если мы посмотрим на нашу палитру слоев, мы увидим, что Photoshop удобно разместил наш текст на своем собственном слое над фоновым слоем. Это то, что позволит нам работать с текстом независимо от белого фона за ним:

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

Шаг 6. При необходимости измените размер шрифта

Если вы обнаружите, что текст слишком мал (или слишком велик), мы можем легко исправить это с помощью команды Photoshop Free Transform .Сначала убедитесь, что ваш текстовый слой выбран в палитре слоев (выбранные слои выделены синим). Затем перейдите в меню Edit вверху экрана и выберите Free Transform . Вы также можете выбрать команду Free Transform с помощью сочетания клавиш Ctrl + T (Win) / Command + T (Mac):

Выберите «Свободное преобразование» в меню «Правка».

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

(маленькие квадратики) и перетащите угол внутрь, чтобы уменьшить текст, или наружу, чтобы сделать его больше. Удерживая нажатой клавишу Shift при перетаскивании, вы ограничиваете соотношение сторон, чтобы случайно не исказить форму текста при изменении его размера. Я собираюсь сделать текст немного больше, перетащив ручку в правом нижнем углу наружу. Вы также можете переместить текст, если вам нужно, щелкнув в любом месте внутри поля Free Transform и перетащив текст в новое место внутри документа:

Измените размер и переместите текст по мере необходимости с помощью Free Transform.

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменение и выйти из команды Free Transform.

Шаг 7. Преобразование текста в форму

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

Edit вверху экрана и выберите Transform из списка.Появится вторичное меню, показывающее все различные способы преобразования содержимого текущего выбранного слоя. Обратите внимание, как параметры Distort и Perspective неактивны? Это означает, что они в настоящее время недоступны для нас, и это потому, что Photoshop не может выполнять ни один из этих двух типов преобразований текста.

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

Не снимая выделения с текстового слоя, перейдите в меню Layer в верхней части экрана, выберите Type , а затем выберите Convert to Shape :

Перейдите в Layer> Type> Convert to Shape.

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

Текстовый слой преобразован в слой-фигуру.

Шаг 8: Измените перспективу

Вернитесь в меню Edit . Вы увидите, что параметр «Преобразование», который мы рассматривали недавно, был заменен новым параметром Transform Path . Опять же, это потому, что теперь мы имеем дело с формой.Выберите Transform Path из списка. Когда появится дополнительное меню, вы увидите, что теперь доступны параметры «Искажение» и «Перспектива». Выберите Perspective из списка:

Перейдите в Edit> Transform Path> Perspective.

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

Щелкните ручку в правом нижнем углу и потяните вниз.

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

Теперь текст отображается в трехмерной перспективе.

Шаг 9: Создайте несколько копий слоя формы, каждая из которых немного сдвинута вправо

Следующий шаг — самое интересное.Мы собираемся очень быстро создать несколько копий нашего слоя с фигурой, каждая из которых будет перемещена на один пиксель вправо от предыдущей. Это придаст глубине нашим буквам. Сначала выберите Move Too l на палитре инструментов или просто нажмите на клавиатуре букву V , чтобы выбрать его с помощью ярлыка. Этот трюк работает только с выбранным инструментом «Перемещение»:

Выберите инструмент «Перемещение».

Выбрав инструмент «Перемещение» и слой-фигуру, выбранный в палитре «Слои», удерживайте нажатой клавишу Alt (Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на клавиатуре.Затем нажмите еще раз. Тогда снова. И снова. Обратите внимание, что происходит? Каждый раз, когда вы нажимаете клавишу со стрелкой вправо с зажатой клавишей Alt / Option, вы создаете новую копию слоя-фигуры и перемещаете новую копию на один пиксель вправо. Удерживая нажатой клавишу Alt / Option, Photoshop каждый раз создает новую копию формы, а не просто перемещает существующую форму. Чем больше раз вы нажимаете клавишу со стрелкой вправо, тем больше копий слоя вы создаете и тем больше глубины мы придаем нашим буквам.

Удерживайте нажатой клавишу со стрелкой вправо, пока не будете довольны результатом. В моем случае я нажал клавишу со стрелкой в ​​общей сложности 68 раз, создав 68 копий моей формы, каждая из которых сместилась на один пиксель вправо. Количество нажатий клавиши со стрелкой зависит от разрешения документа, с которым вы работаете. Когда вы закончите, ваш текст должен выглядеть примерно так:

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

Шаг 10: переместите слой с исходной фигурой в верхнюю часть стека слоев на палитре слоев

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

Нам нужно переместить исходный слой на самый верх стопки, и есть простой способ сделать это. Сначала щелкните исходный слой в палитре слоев, чтобы выбрать его. Затем нажмите Ctrl + Shift +] (Win) / Command + Shift +] (Mac). Это правая квадратная скобка («]»), если вам интересно. Этот удобный ярлык мгновенно переместит текущий выбранный слой прямо на верх стека слоев:

Исходный слой-фигура теперь отображается над другими слоями в палитре «Слои».

Шаг 11: Объедините все копии вместе

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

Теперь, когда все наши скопированные слои выделены, перейдите в меню Layer в верхней части экрана и выберите Merge Layers внизу в нижней части списка. Или для более быстрого способа нажмите сочетание клавиш Ctrl + E (Win) / Command + E (Mac):

Перейдите в Layer> Merge Layers.

Photoshop объединит все выбранные слои в один слой. Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас всего три слоя. Фоновый слой находится внизу, исходный слой формы находится вверху, а между ними находится наш недавно объединенный слой:

Все копии слоя-фигуры были объединены в один слой.

Шаг 12: Добавьте градиент от черного к белому к объединенному слою

Чтобы придать нашим буквам по-настоящему трехмерный вид, давайте завершим все, добавив простой световой эффект.Или, по крайней мере, то, что выглядит как световой эффект. Щелкните объединенный слой в палитре слоев, чтобы выбрать его, если он еще не выбран. Затем щелкните значок Layer Styles в нижней части палитры слоев. Появится список всех доступных стилей слоя. Щелкните Gradient Overlay , чтобы выбрать его:

Выберите стиль слоя Gradient Overlay в нижней части палитры «Слои».

Это вызовет диалоговое окно Photoshop Layer Style , для которого в среднем столбце установлены параметры Gradient Overlay.Мы хотим использовать градиент от черного к белому для нашего эффекта искусственного освещения. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран какой-либо другой градиент, щелкните область предварительного просмотра градиента в середине опций:

Щелкните область предварительного просмотра градиента в диалоговом окне «Стиль слоя», чтобы выбрать новый градиент.

Это вызывает Gradient Picker , показывая нам все доступные градиенты, которые мы можем выбрать.Нам нужен градиент Black, White , третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите, что имя градиента отображается при наведении курсора на эскиз. Щелкните по нему, чтобы выбрать его, затем щелкните OK в правом верхнем углу, чтобы принять его:

Выберите черный, белый градиент.

Вернувшись к основным параметрам наложения градиента, вы увидите область предварительного просмотра градиента, в которой теперь отображается градиент от черного к белому (если это еще не было).Ниже приведены несколько важных опций. Убедитесь, что для параметра Style установлено значение Linear , а для градиента Angle установлено значение 90 ° :

Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для параметра «Угол» установлено значение 90 °.

Нажмите OK , когда вы закончите, чтобы выйти из диалогового окна Layer Style, и все готово! Photoshop применяет градиент от черного к белому к объединенному слою, создавая эффект тени на буквах и завершая наш простой эффект трехмерного текста:

Последний эффект трехмерного текста.

Куда идти дальше …

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

3D Letter Учебник по Photoshop Учебник по Photoshop

www.psd-dude.com

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

Твитнуть

Если вы хотите превратить простую букву в 3D-букву, вам понадобятся некоторые вещи. принять во внимание.Для начала нужен правильный шрифт, простой и без украшений. Обычно семейства рукописных шрифтов, такие как Amienne, Giddyup, Segoe и т. Д. Не подходят для трехмерного преобразования.

Мне нравится устанавливать для стиля шрифта полужирный, обычно стиль «Обычный» слишком тонкий. И, конечно же, чтобы получить более заметный 3D-эффект, вам нужно работать с крупным шрифтом. размер (70 — 100 пикселей в зависимости от семейства шрифтов). Между строчными и прописными буквами я предпочитаю работать с последним.Вы увидите, что 3D-эффект лучше для заглавных букв.

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

Я начну с буквы «Т», то есть с буквы угла. Шрифт Blackoak с настройками, представленными ниже.

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

Перейдите в меню Edit, Transform и выберите Scale из списка. Преобразуйте букву как показано на изображении.

Теперь я начну процесс 3D, добавив глубины этой букве. Конечно ты можешь изменить перспективу (например, вертикальную) этой буквы, но я предпочитаю этот. Дублируйте слой T и назовите его слоем T1. Измените цвет для обоих слоев как следует: T Layer # fe4e37 и T1 Layer # ce301b. Переместите слой T1 вверх, как в изображение.

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

Для формы 1 просто измените цвет на # bb2713. Откройте окно стиля слоя и добавьте Gradient Overlay для Layer 2 и выполните следующие настройки.

Для слоя 3 добавьте Gradient Overlay с теми же настройками, единственная разница Цвета градиента и локации.

Вот как выглядит наша трехмерная буква после добавления Gradient Overlay для имитации тень / световой эффект.

Последний шаг — добавить Gradient Overlay к исходному T-слою. Настройка те же самые, за исключением карты градиента, которая выглядит так:

Если вы хотите, чтобы буква была немного выше, все, что вам нужно сделать, это сдвинуть T. и T1 Layers как можно дальше друг от друга.Тогда просто переместите точки в нужном направлении с помощью инструмента «Преобразовать точку». Вы можете найдите этот инструмент в категории Pen Tool. Вы можете видеть, что в этом случае вам нужно добавить две дополнительные формы Layer 4 и Layer 5. Используйте Gradient Overlay, чтобы получить аналогичный результат, как и на трех других слоях.

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

Если вы хотите увидеть точные настройки, вы можете бесплатно скачать PSD-файл. Помните, что этот PSD-файл бесплатный Только для личного, некоммерческого использования!

СКАЧАТЬ! PSD-ФАЙЛ (67,5 КБ)

Надутый текст с использованием 3D в Photoshop CC

Давайте немного повеселимся с 3D. Давай, просто попробуй! В этом упражнении мы создадим увеличенный текст, используя функции 3D в Photoshop.Благодаря улучшенным свойствам поверхности вы можете создать отражающий металлический вид за считанные минуты. ( Примечание: Для этой техники вам понадобится Photoshop CS6 Extended или CC.)

ШАГ ПЕРВЫЙ: Участники KelbyOne могут начать с открытия файла загрузки, использованного в этом руководстве, на http://kelbyone.com/magazine/issue/october-2013/. [ Все загружаемые файлы предназначены только для личного использования. Чтобы узнать больше о KelbyOne, посетите http://kelbyone.com.] Если вы не являетесь участником KelbyOne, вы можете просто создать новый документ и следовать ему вместе со своим собственным текстом.В любом случае вам нужно использовать шрифт с закругленными краями и углами. Это поможет добавить округлые формы готовому 3D-тексту. Мы использовали шрифт Bell Bottom и набрали слово «ИГРАТЬ». Поскольку это специализированный шрифт, маловероятно, что он у многих из вас есть, поэтому загружаемый файл содержит текст в виде слоя формы.

ШАГ ВТОРОЙ: Преобразуем текст в трехмерный объект. С активным текстовым слоем или слоем-фигурой на панели «Слои» выберите «3D»> «Новая 3D-экструзия из выбранного слоя».Это немедленно вытянет текст и сделает видимой плоскость заземления проволочной сетки. (Если вы не видите наземную плоскость, переключитесь на инструмент «Перемещение» [V], затем выберите «Просмотр»> «Показать»> «3D-плоскость земли».)

ШАГ ТРЕТИЙ: На панели 3D (Окно> 3D) найдите текстовый элемент 3D в списке и щелкните по нему (ИГРАТЬ в этом примере). Затем откройте панель «Свойства» («Окно»> «Свойства») и установите для параметра «Глубина выдавливания» значение 0. Нам не нужны стороны, только передняя и задняя поверхность.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели «Свойства» щелкните значок «Кепка», который является третьим значком слева. Здесь вы можете изменить настройки наклона и наклона. Сначала щелкните раскрывающееся меню вверху и установите для сторон «Передняя» и «задняя». Затем перейдите в раздел «Надувание», установите угол 90 ° и увеличьте силу примерно до 20%. Это придаст тот надутый вид, который нам нужен.

ШАГ ПЯТЫЙ: Прежде чем мы разделим буквы, давайте настроим свойства поверхности для текстовых элементов.На панели 3D выделите материал Front Inflation для текста. На панели «Свойства» вы увидите различные элементы поверхности. Щелкните значок шара в правом верхнем углу, чтобы открыть инструмент выбора материалов, и выберите материал без текстуры. Нажмите на образец цвета рядом с Diffuse, выберите белый в палитре цветов и нажмите OK. Установите Shine на 100%, Reflection на 75% и Roughness примерно на 25%. Примените те же настройки к материалу обратной инфляции.

ШАГ ШЕСТОЙ: Перейдите в 3D> Split Extrusion.Это позволит вам управлять каждой буквой индивидуально, сохраняя при этом все буквы в одном 3D-слое. Переключитесь на инструмент «Перемещение» (V) и нажмите на первую букву, чтобы вокруг нее появилась трехмерная рамка. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить положение и масштабировать эту букву по отношению к другим буквам.

ШАГ СЕДЬМОЙ: Давайте дадим каждой букве свой цвет. Начиная с этой первой выбранной буквы, нажмите на ее Front Inflation Material на панели 3D.В верхней части панели «Свойства» щелкните образец цвета рядом с «Рассеивание» и выберите красный цвет в палитре цветов. По завершении нажмите ОК. Проделайте то же самое с каждой из оставшихся букв, придавая каждой другой цвет. Вы заметите, что все свойства отражения остаются неизменными даже при изменении цвета.

ШАГ ВОСЬМОЙ: Если вы используете Photoshop CC, вы увидите несколько зеркальных точек на тексте. Они создаются с помощью света на основе изображения по умолчанию, который был применен к тексту (IBL — сплошной черный цвет в Photoshop CS6).Он имитирует отражение окружающей среды, в которой находится 3D-объект. В данном случае это похоже на отражение потолочного света от поверхности, но я хочу использовать что-то другое.

ШАГ ДЕВЯТЫЙ: На панели 3D щелкните Environment в самом верху списка. В верхней части панели «Свойства», сразу под Global Ambient, вы увидите IBL (Image Based Light). Щелкните значок справа от эскиза предварительного просмотра и выберите «Новая текстура». В диалоговом окне «Новый» найдите имя своего 3D-файла в раскрывающемся меню «Предустановки», чтобы использовать те же размеры, что и у основного файла для этого нового файла, убедитесь, что для параметра «Содержание фона» установлено значение «Белый», и нажмите «ОК».

ШАГ ДЕСЯТЫЙ: После создания нового файла вернитесь в меню IBL и выберите «Редактировать текстуру». Когда файл откроется, нажмите Command-I (ПК: Ctrl-I), чтобы изменить белый фон на черный. Затем щелкните значок «Создать новый слой» в нижней части панели «Слои» и используйте инструмент «Эллиптическая область» (вложенный в инструмент «Прямоугольная область» [M] на панели инструментов), чтобы создать большое овальное выделение внутри холста. Нажмите Shift-Delete (ПК: Shift-Backspace), выберите 50% серого из раскрывающегося меню в диалоговом окне «Заливка» и нажмите OK.Закройте и сохраните файл Image Based Light.

ШАГ ОДИННАДЦАТЬ: Это изменит внешний вид света и отраженных элементов в тексте. Когда свойство Environment все еще выбрано на панели 3D, вы можете использовать инструменты 3D для перемещения и поворота IBL, чтобы изменить способ его отображения в тексте. По сути, вы перемещаете отражение по поверхности объекта. Чтобы получить доступ к 3D-инструментам, активируйте инструмент «Перемещение», и вы увидите все 3D-инструменты в конце настроек на панели параметров.

ШАГ ДВЕНАДЦАТЫЙ: Как только это будет сделано, вы можете изменить положение и масштабирование каждой буквы с помощью 3D-инструментов или виджетов. Буквы будут взаимодействовать друг с другом, отражая не только свет на основе изображения, но и друг друга после рендеринга 3D-объекта (3D> Render). Помните, что даже если вы можете управлять каждой буквой по отдельности, все они остаются на одном трехмерном слое.

Эта статья любезно предоставлена ​​журналом Photoshop User , официальным изданием KelbyOne, которое предоставляет качественное онлайн-образование для творческих людей.Для получения дополнительной информации посетите KelbyOne.com.

Как создать 3d буквы в Photoshop cs6 kitab — kitaplar

Как создать 3d буквы в Photoshop cs6 kitab — kitaplar — Как создать 3d буквы в Photoshop cs6 ile ilgili kitaplar.
Kleliin en kts, kendi nefsine kle olmaktr. (Ла Фонтен) [Пайла]

Bölümler
Эдебият Дефтери
• Kurallar
• Yardım
• İletişim
Dier
• Edebiyat TV
• Kütüphane
• Burçlar
• Bebek isimleri
Dier
• Ря Табирлери,
• simler
Edebiyatdefteri.com, 2021. Bu sayfada yer alan bilgilerin her hakk, aksi ayrca belirtilmedii srece Edebiyatdefteri.com’a aittir. Sitemizde yer alan iir ve yazlarn telif haklar air ve yazarlarn kendilerine veya yeya verdikleri kiilere aittir. Sitemiz привет бир ekilde kr amac gtmemektedir ve sitemizde yer alan tm materyaller yalnzca bilgilendirme ve eitim amacyla sunulmaktadr.

Sitemizde yer alan iirler, ykler ve diğer eserlerin telif hakları yazarların kendilerine veya butki verdikleri kişilere aittir. Eserlerin izin alınmadan kopyalanması ve kullanılması 5846 sayılı Fikir ve Sanat Eserleri Yasası na göre suçtur.Ayrca sitemiz Telif Haklar kanuna gre korunmaktadr. Herhangi бир zelliinin ksmende olsa kullanlmas ya da kopyalanmas sutur. Эдебият — iirler — Китап

3D-рук: разнообразие жестов в стильной 3D-графике

Хотите добавить в свой дизайн веселья, эмоций и модных образов? Возьмите совершенно новую коллекцию 3D-рук от команды Icons8.

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

  • Различные оттенки кожи
  • Два разных стиля — веселый или стильный
  • Сверхвысокое разрешение
  • Реконфигурируемый

Очаровательные пухлые руки — действительно забавный тренд дизайна.Они являются отличным способом добавить немного фантазии во всплывающие окна или потоки регистрации, при этом выглядя профессионально. Наслаждайтесь двумя пакетами невероятно качественных 3D-иллюстраций, созданных нашими дизайнерами. 16 жестов (по 8 каждого стиля) доступны бесплатно по ссылке !

Настройте, как вам нравится

Мы также включили исходные файлы (Cinema 4D / 3ds Max), чтобы вы могли комбинировать руки, чтобы создавать сцены, редактировать наручники и проявлять творческий подход! Не знаете ничего о 3D-инструментах? Нет проблем, мы добавили файлы масок, чтобы вы могли легко перекрашивать руки в Photoshop.

Подробнее о функциях

В коллекции:

  • 450+ комбинаций (более 30 уникальных жестов в каждом стиле)
  • Различные оттенки кожи
  • Выберите один из 2 уникальных стилей, Fun-and-Wild или Classy
  • Потрясающий реквизит (телефон, умные часы, браслет хиппи, манжеты с шипами, маникюр)
  • Модели с широкими манжетами для развлекательных работ
  • Стильные модели с пуговицами и манжетами для профессионального использования
  • Разрешение 3К (3000 × 3000) — будет отлично смотреться везде, даже на экранах 4K!
  • Исходные файлы: PNG, OBJ / FBX, маски

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

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован.