Глянцевый 3d текст — уроки фотошоп

Глянцеввый 3D эффект текста с помощью графического редактора

Мы любим 3D-эффекты. Я думаю потому, что это эффектно. Также мы любим вид блестящей, глянцевой, графики. Сегодня мы будем комбинировать эти два популярных стиля. Конечный продукт выглядит так как мы видим на рисунке.

Без умения рисовать профессионально заниматься дизайном трудно, поэтому предлагаю посмотреть урок рисования. Если есть желание посмотрите и другие уроки для поднятия мастерства.

Шаг 1
Создаем новый документ, с расширением 600px на 400px. Режим RGB.

Шаг 2
Заливаем фон цветом =  # 011923. Дальше добавьте чуть-чуть шума, перейдите в меню ФИЛЬТРЫ – ШУМЫ – ДОБАВИТЬ ШУМЫ в английской версии ( Filter> Noise> Add Noise ) КОЛИЧЕСТВО  = 2%. Выделить ОДНОЦВЕТНЫЙ.

Шаг 3
Создаем снова новый слой, выбрав в меню сверху СЛОЙ – НОВЫЙ – СЛОЙ… (Слой один) и нажимаем ОК.  Выбирем инструмент ОВАЛЬНАЯ ОБЛАСТЬ в английской версии ( Elliptical Marquee Tool (M) ). Отмечаем ДОБАВИТЬ К ВЫДЕЛЕНИЮ. В РАСТУШЕВАТЬ ставим  150 пикселей,  и очерчиваем, как показано ниже.

Залейте выделение белым, и потом установите режим наложения на Linear Dodge (Add) и довести прозрачность до 90%.

Должно на этом этапе получится так :

Шаг 4 Выделяем инструмент ТЕКСТ. Выберем жирный красивый шрифт. Я применил шрифт Helvetica Neue LT Std 85 тяжелый . Установите его размер = 160 пикселей и заливаем его белым цветом.

Выбираем в меню, в верху,  РЕДАКТИРОВАНИЕ – ПРОИЗВОЛЬНАЯ ТРАНСФОРМАЦИЯ, или клавишами Ctrl+T. И при нажатой клавише Shift, увеличиваем  размер  шрифта с сохранением пропорций.

style=»display:block; text-align:center;» data-ad-layout=»in-article» data-ad-format=»fluid» data-ad-client=»ca-pub-6527330309399456″

data-ad-slot=»1415582392″>

Создайте новый слой копию из текстового слоя GLASS. Назовем его GLASS1.   Делаем это в меню  СЛОИ – ДУБЛИРОВАТЬ СЛОИ — ОК.
Помещаем слой копию ниже слоя GLASS.Нажимаем на инструмент ТЕКСТ. Выбираем почти черный цвет ( в верху в меню ). С помощью ПРОИЗВОЛЬНОЕ ТРАНСФОРМИРОВАНИЕ в меню РЕДАКТИРОВАНИЕ, сжимаем слой к центру.

У нас должна получится такая картинка:

Нажимаем – Enter.

Шаг 5 Давайте применим такие стили слоя к GLASS.  Для этого выделите его в палитре СЛОИ. Дважды щелкните по нему мышкой, чтобы вызвать окно СТИЛЬ СЛОЯ. Выбираем с лева ПАДАЮЩИЕ ТЕНИ и в РЕЖИМ СМЕСИ – УМНОЖЕНИЕ.

И все остальное , как на картинке:

Далее выбираем слева ФАСКА И РЕЛЬЕФ. В окне СОСТАВ – СТИЛЬ – ВНУТРЕННИЙ СКОС. ТЕХНИКА – СГЛАЖИВАНИЕ.
Остальные параметры как на первой картинке ниже .

Дальше открываем ГЛЯНЕЦ.  В окне СОСТАВ – РЕЖИМ СМЕСИ выбираем УМНОЖЕНИЕ, нажимаем на цветовую вкладку, и в СБОРЩИКЕ ЦВЕТОВ вставляем цвет — # 7AB2C5. Остальные параметры как на второй картинке ниже .

Результат должен быть такой:

Шаг 6 Теперь сделаем стили слоя к слою с текстом GLASS1. Для открытия окна СТИЛЬ СЛОЯ дважды щелкните на слое  GLASS1, в палитре слоев, в низу справа.

Выбираем опцию ПАДАЮЩИЕ ТЕНИ. В окне СОСТАВ  — УМНОЖЕНИЕ. Остальные параметры, как на картинке:

Теперь опция ФАСКА И РЕЛЬЕФ. В окне СОСТАВ – СТИЛЬ – ВНУТРЕННИЙ СКОС. ТЕХНИКА – СГЛАЖИВАНИЕ. В окне ЗАТЕНЕННОСТЬ  РЕЖИМ ЯРКОСТИ – НОРМА, РЕЖИМ ТЕНИ – НОРМА. Остальные параметры, как на первой картинке с низу.
Дальше открываем ГЛЯНЕЦ.  В окне СОСТАВ – РЕЖИМ СМЕСИ выбираем УМНОЖЕНИЕ, цвет оставляем черный. Остальные параметры как на второй картинке ниже .

Переходим на НАЛОЖЕНИЕ ЦВЕТА. В окне ЦВЕТ – НАЛОЖЕНИЕ ЦВЕТА – НОРМА. Нажимаем на цветовую панель, в этом же окне,  и в открывшемся СБОРЩИК ЦВЕТОВ прописываем цвет — # 7AB2C5, как показано ниже:

Шаг 7 В палитре слоев берем СЛОЙ 1 и перемещаем его между текстовыми слоями GLASS и GLASS1. Выбираем инструмент КИСТЬ мягкую , размер 200 px. ЖЕСТКОСТЬ – 0.

Режим наложения слоя ( палитра слоев ) ОБЫЧНЫЕ. И трижды проставляем кистью в тех местах как на картинке.

Шаг 8
Создаем еще один слой СЛОЙ 2, и размещаем его выше всех других слоев.

Шаг 9 Загрузка  РАЗНЫЕ КИСТИ (Assorted Brushes )

Мы собираемся добавить блики в наш текст, чтобы действительно заставить его сиять. Берем КИСТЬ из палитры инструментов или нажмите клавишу B на клавиатуре. Затем нажмите правую клавишу мыши в любом месте внутри окна документа, чтобы открыть меню Параметры кисти и нажмите на маленькую правую стрелку в правом верхнем углу:

Нажмите на РАЗНЫЕ КИСТИ  (Assorted Brushes) в длинном списке, который появляется:

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

Шаг 10 Выбираем одну из (Crosshatch) Кисти

Выбираем КИСТЬ на палитре с лева. Щелкаем правой клавишей мыши на документе, и выбираем кисть похожую на букву Х. Увеличиваем размер кисть до 60px. или тот размер который вас устроит.

Шаг 11
Проставляем  блики как нарисовано на фото внизу и получаем конечный результат:

Еще один текстовый эффект «Урок металлический текст».

Урок перевел и отредактировал автор сайта MilArt

Взято:

http://psd.tutsplus.com/

Источник: https://artatac.ru/photoshop/photoshop-uroki/glyantsevyiy-3d-effekt-teksta-v-photoshop.html

Глянцевый сверкающий текст в Фотошоп, Уроки

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

Превью финального результата:

Создаем в Photoshop новый документ (Ctrl+N) размером 1024х768 рх с разрешением 72 рх/дюйм и белым фоном.

Прежде чем начать, обращаю ваше внимание на то, что стили слоя хорошо работают для размера шрифта не более 220 pt (240 pt для заглавной буквы). Если вы используете другой шрифт, нежели у меня, то играйте с настройками.

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

Теперь, открываем «Стили слоя» (Layer-Layer Style или клик по иконке «fx» внизу панели слоев) и выполняем настройки для параметра «Наложение градиента» (Gradient Overlay):

Сделаем фон полосатым при помощи диагонального узора. Загрузите мой узор в Фотошоп из ресурсов урока через меню «Управление наборами» (Edit-Preset Manager) или используйте свой. После загрузки узор должен появиться в общем наборе.

Создаем Новый пустой слой (Ctrl+Shift+N или Layer-New Layer) и заливаем (Edit-Fill) его нашим паттерном. В диалоговом окне заливки укажите не цвет, а узор («регулярный» (pattern)).

Нажмите Ок.

Теперь, чтобы полосочки получились изогнутыми, как шкурка зебры, перейдите в меню Фильтр-Искажение-Скручивание (Filter > Distort > Twirl) и установите угол на 200 °.

Изменяем режим смешивания (Blending Mode) узорного слоя на Перекрытие (Overlay) и снижаем его непрозрачность (Opacity) до 10%.

Создаем Новый слой (Ctrl+Shift+N) выше предыдущего и выбираем мягкую Кисть (Brush) размером 500 рх цветом #ff0096. Ставим цветное пятно в центре холста.

Изменяем режим смешивания пятна на Перекрытие (Overlay).

Активируем инструмент «Горизонтальный текст» (Horizontal Type Tool) и загружаем в Фотошоп рукописный шрифт, предоставленный мной.

В верхнем меню устанавливаем размер шрифта сначала на 240 pt и пишем заглавную букву «G», затем вводим размер 220 рt, нажимаем Enter (Ввод) и дописываем слово более мелкими буквами.

Если хотите отрегулировать межзнаковый интервал (Trecking), введите его значнеие в палитре «Символ» (Window-Character) или установите курсор между нужными буквами и, удерживая Alt, сдвиньте их при помощи стрелок клавиатуры на любое расстояние.

Далее, загружаем выделение текстового слоя (Ctrl+клик по иконке этого слоя или меню Select > Load selection) и отключаем его видимость (глазик в панели слоев).

Создаем Новый слой (Ctrl+Shift+N) под слоем с текстом и переходим в меню Редактирование-Выполнить обводку (Edit > Stroke). Указываем ширину обводки в 3 рх.

Снижаем уровень заливки (Fill) слоя с обводкой до 0% и добавляем в «Стилях слоя» (Layer Style) параметр «Тиснение» (Bevel and Emboss). Выполняем настройки со скриншота ниже:

Настраиваем форму контура, выбирая из меню «Конус» (второй по счету):

Возвращаемся на текстовой слой и дублируем его (Ctrl+J) трижды. Растрируем каждый из дубликатов, нажав пр.кн.мыши по миниатюре и выбрав пункт – Растрировать текст (Rasterize). Помещаем копии выше слоя с обводкой.

На слое с первой копией снижаем уровень заливки (поле Fill) до 85% и открываем «Стили слоя» (Layer Style), добавляя следующие эффекты:

Тень (Drop Shadow):

Внутренняя тень (Inner Shadow):

Внутреннее свечение (Inner Glow):

Тиснение (Bevel and Emboss):

Контур (Contour):

В диалоговом окне контура нажмите на сам контур и измените положение кривой так, как показано ниже:

Наложение градиента (Gradient Overlay):

Для опции «Наложение узора» (Pattern Overlay) выберите из набора программы «Узоры 1» паттерн «Атлас» (Satin), нажав на стрелку справа в диалоговом окне, и загрузив его:

Переходим на вторую копию текста и снижаем уровень заливки (Fill) до 0%. Открываем «Стили слоя» (иконка «fx» внизу панели слоев) и выбираем параметр «Тиснение» (Bevel and Emboss), выполняем настройки со скриншота:

В диалоговом окне «Тиснения» открываем кривую контура, нажав по окошку, и формируем ее положение, как показано ниже:

В отдельной опции «Контур» (Contour) также изменяем положение кривой, следуя скриншоту:

Переходим на третью копию текста и добавляем к ней эффект «Глянец» (Satin), открыв окно «Стили слоя» (Layer Style).

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

Загружаем выделение текстового слоя (Ctrl+клик по иконке слоя) и на дубликате текстуры переходим в меню Фильтр-Искажение-Сферизация (Filter > Distort > Spherize) и устанавливаем сумму (Amount) на 50%. Нажимаем Ок, применив фильтр.

Инвертируем выделение (Select-Inverse или Ctrl+Shift+I) и удаляем лишнее с дубликата текстуры клавишей Delete. Снимаем выделение (Ctrl+D).

Устанавливаем режим смешивания этого слоя на Перекрытие (Overlay) с непрозрачностью (Opacity) 20%. Теперь наши буквы приобрели красивую выпуклую форму.

Далее, дублируем (Ctrl+J) слой с полосатой текстурой текста, чтобы создать эффект блеска.

Изменяем режим смешивания дубликата на «Растворение» (Dissolve) и снижаем его непрозрачность (Opacity) до 14%.

Создаем Новый пустой слой (Ctrl+Shift+N) выше предыдущего и объединяем его с низлежащим слоем с эффектом растворения (Ctrl+E).

Изменяем режим смешивания для объединенного слоя на Перекрытие (Overlay), установив непрозрачность (Opacity) на 80%.

Чтобы удалить блестящий эффект на краях букв, загрузите выделение текстового слоя (Ctrl+клик по иконке слоя), затем перейдите в меню Выделение-Модификация-Сжать (Select> Modify> Contract) с радиусом 2 рх, далее меню Выделение-Модификация-Растушевка (Select > Modify > Feature) с радиусом 2 рх, и Выделение-Инверсия (Select > Inverse). Удаляем лишнюю блестящую текстуру клавишей Delete или переходим в меню Edit > Clear.

В завершении, добавим сверкающую звездочку поверх текста, используя набор кистей программы «Assorted Brushes». Активируйте инструмент Кисть (Brush Tool) и в верхнем меню откройте палитру кистей, нажав на стрелку.

Чтобы загрузить набор «Assorted Brushes» («Разные кисти»), в открывшейся палитре нажмите стрелку справа и выберите из списка нужный набор.

Выберите кисть «Маленькая звездочка» № 50 и поместите звезду на отдельном слое (Ctrl+Shift+N) в область изгиба заглавной буквы, как на изображении внизу.

Мы закончили! Получилось блестяще и очень впечатляюще!

Читайте также:  День святого валентина - уроки фотошоп

исходный размер финального изображения
Диагональный узор
PSD файл урока

Источник: http://www.photoshop-info.ru/c209-436.html

Учимся создавать 3D текст в фотошоп!

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

Итак, первым делом нам нужно создать новый документ, размер которого 1280х1024 пикселя. Выбираем при этом цветной режим. Разрешение документа будет установлено на 72 пикселя. Создаем новый слой, и заливаем его очень приятным цветом – eof8ff.

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

Добавляем при помощи кисти на наш основной фон несколько произвольных мазков.

Переходим к использованию инструмента Горизонтальный текст. Здесь стоит определиться со шрифтами, со цветом и размерами букв. Заходим в раздел Символ, и выбираем шрифт. Создаем новый слой и пишем в нем слово!

И еще раз выполняем ту же самую операцию: создаем новый слой, и пишем в нем второе слово:

И третий раз то же самое!

Теперь нам нужно сделать активный слой, в котором написали слово Happy. Выбираем на этом слое Окно – 3D. Открывается панель, где выбираем Создать новый 3D объект, и опять нужно выбрать 3D объект штампованный вариант. Создаем!

Для того, чтобы растрировать текст, нажимаем «да»!

Открываем диалоговое окно, и выбираем в нем Штампованный переходим на Заготовки Штампованных Форм.

В итоге имеем такой предварительный результат:

Открываем снова диалоговое окно и выбираем Render настройки, здесь клацаем по Вращение объекта.

Выбираем Просмотр – Показать – Ось 3D

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

Выбираем опцию свечения, и меняем наш фоновой цвет на белый.

Делаем настройки для «Front Bevel Material»

Заходим в пункт рассеивание, и меняем в нем цвет на 9f2d05.

В двух функциях «»BackInflationMateria» и «Back Bevel Materia» полностью мы должны оставить настройки по умолчанию. Далее выбираем Вращение света.

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

Теперь проделываем все те операции, которые были выполнены для слова Happy. То есть, для начала открываем диалоговое окно, жмем на Создать новый 3d объект, и выбираем в нем Штампованный 3D объект. Создаем, и растрируем сразу текст. Опять обращаемся к диалоговому окну, переходим на Заготовки Штампованных форм, создаем. Выбираем Вращение объекта в окне Рендер настроек.

После этого выбираем опцию Свечение, и меняем на белый цвет.

Выполняем такие настройки, как показаны ниже на скриншоте:

Здесь нам нужно использовать опцию Рассеивания, и поменять цвет на a78125.

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

Теперь переходим к работе над третьим слоем, с названием Year.

И для этого слоя выполняем все то же самое. Сначала создаем новый 3D объект, растрируем текст, и переходим на Заготовки Штампованных форм.

Заходим в Рендер настройки, и выбираем Вращение объекта.

Выбираем следующие опции для Свечения с изменением цвета на белый.

И еще выполняем такие настройки:

Меняем цвет для Рассеивания на 336f1c

Все настройки оставляем по умолчанию. Выбираем Вращение света.

Теперь пришло время для использования инструмента Эллипс, для которого был выбран цвет f7189b

ставим уровень заливки на восемнадцать процентов

Продолжаем в своей работе использовать тот же самый инструмент, при помощи которого можем сделать еще несколько подобных фигур, и дать им разный уровень прозрачности и цветов. Мы в своей работе использовали такие значения цветов: fffde0, 488f28, ffffff, f7f4ab, ff4c29, ff0000, ff9b43. Все слоя, на которых у нас присутствуют фигуры, мы размещаем под слоями с объектами в 3 d.

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

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

Продолжаем пользоваться выбранной кистью для того, чтобы все содержимое слоя скрылось. Уровень заливки оставляем около 60 процентов.

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

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

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

Используем инструмент Заливку, и заполняем получившееся выделение цветом 153208.

Прибегаем к Свободному трансформированию, пробуем изменить форму эллипса, и размещаем его под самим текстом.

Нам нужно использовать инструмент Размытие

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

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

в итоге, получаем такой аккуратный результат!

Источник: http://PhotoshopDestek.com/lesson/uchimsya-sozdavat-3d-tekst-v-fotoshop/

простой 3D текст в Photoshop

В этом учебном руководстве по текстовым эффектам Photoshop мы изучим, как создать простой 3D текст:

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

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

Чтобы начать, давайте создадим совершенно новый документ Photoshop. Идите в меню File наверху экрана и выберите New, или для более быстрого пути, нажмите сочетание клавиш Ctrl+N (Win) / Command+N (Mac).

Какой бы способ Вы не выбрали Photoshop откроет диалоговое окно New Document. Введите размер для своего документа.

Для этого учебного руководства я собираюсь ввести Ширину 6 дюймов, Высоту 4 дюйма и Разрешение 300 пикселей/дюйм, которое является стандартным разрешением для печати профессионального качества.

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

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

Шаг 2: выберите инструмент Текст из палитры инструментов Photoshop

Чтобы добавить текст к документу, мы должны будем использовать инструмент Текст Photoshop. Выберите его из Палитры инструментов или нажмите букву T на Вашей клавиатуре :

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

Шаг 3: выберите шрифт из панели опций

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

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

Вы можете также выбрать размер для своего текста:

Выберите шрифт из Панели Опций.

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

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

Измените цвет текста, нажимая на каталог цветов в Панели Опций.

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

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

Каталог цветов в Панели Опций изменится, чтобы показать цвет, который Вы выбрали.

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

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

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

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

Выход из режима редактирования текста — нажать галочку в Панели Опций.

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

Текст появляется на своем собственном уровне в палитре Layers.

Шаг 6: измените размеры текста в случае необходимости

Если вы видите, что Ваш текст слишком маленький (или слишком большой), мы можем легко это командой Free Transform Photoshop.

Во-первых, удостоверьтесь, что Ваш текстовый слой выбран в палитре Layers (выбранные слои выделены в синем). Тогда Идите в меню Edit наверху экрана и выберите Free Transform.

Вы можете также выбрать команду Free Transform сочетанием клавиш Ctrl+T (Win) / Command+T (Mac):

Выберите “Free Transform” из меню Edit.

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

Измените размеры и переместите текст по мере необходимости инструментом Free Transform

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

Шаг 7: преобразуйте текст в форму

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

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

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

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

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

Читайте также:  Сайту нужны авторы - уроки фотошоп

Единственная нижняя сторона к преобразованию текста к форме — то, что тип больше не будет доступен для редактирования.

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

С текстовым уровнем, все еще выбранным, Идите в меню Layer наверху экрана, выберите Текст, и затем выберите Convert to Shape (преобразуем в кривые):

Слои> Текст> Преобразовывает в кривые.

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

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

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

Возвратитесь в меню Edit. Вы будете видеть, что опция Transform, на которую мы смотрели момент назад, была заменена новой опцией под названием Transform Path (преобразование контура).

Снова, поэтому мы имеем дело теперь с формой. Выберите Transform Path из списка. Когда вторичное меню появится, Вы будете видеть, что обе опции Distort и Perspective теперь доступны.

Выберите Perspective из списка:

Редактирование>, Преобразовываие Контура> Перспектива.

То же поле и дескрипторы, которые мы видели ранее, когда мы выбрали команду Free Transform, появятся вокруг текста (контура). Различие, мы теперь работаем в режиме Perspective.

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

Вы перетаскиваете, а высота правой стороны текста увеличится с его центра, в то время как левая сторона останется неизменной:

Щелкните по нижнему правому угловому дескриптору и перетащите вниз.

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

Текст теперь появляется 3D перспективой.

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

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

Выберите инструмент перемещения.

С выбранным Инструментом Перемещения и слой формы, выбранный в палитре Layers, удерживайте ALT(Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на своей клавиатуре. Тогда нажмите его снова. С другой стороны. И снова.

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

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

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

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

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

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

Шаг 10: переместите исходный слой формы в вершину стека слоя в палитре уровней

Каждый раз, когда мы создали новую копию нашей формы, мы создали новый слой формы в палитре Layers, и Photoshop поместил каждый новый слой непосредственно выше предыдущего слоя.

В моем случае моя палитра Layers теперь содержит 68 копий моего исходного слоя формы. Исходный слой формы находится выше слоя Background со всеми копиями, сложенными поверх него.

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

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

Исходный слой формы теперь появляется выше других уровней в палитре Layers.

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

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

выделите их через кнопку Shift на клавиатуре и затем щелкните по слою и идите в меню Layer наверху экрана и выберите Merge Layers вниз около нижней части списка.

Или для более быстрого пути, нажмите сочетание клавиш Ctrl+E (Win) / Command+E (Mac):

Перейдите к Слои> объеденить

Photoshop объединит все выбранные слои в единственный слой. Если мы смотрим в нашей палитре Layers, мы видим, что у нас теперь есть только три слоя. слой Background находится на нижней части, исходный слой формы находится на вершине и промежуточный — это наш недавно объединенный слой:

Все копии слоя формы были объединены в единственный слой.

Шаг 12: добавьте «черный-к-белому» градиент к объединенному слою

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

Выберите стиль слоя Gradient Overlay из нижней части палитры Layers.

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

Щелкните по области предварительного просмотра градиента в диалоговом окне Layer Style, чтобы выбрать новый градиент.

Выбрать Черно-Белый градиент, затем нажать «OK» в верхнем правом углу, чтобы принять его:

Выберите Черно-Белый градиент.

Назад в основных опциях Gradient Overlay можно видеть область предварительного просмотра градиента. Ниже его несколько важных опций. Удостоверьтесь, что опция Style установлена в Линейный градиент и Угол установлен в 90 °:

Удостоверьтесь, что опция Style установлена в Линейный и что Угол установлен в 90 °.

Нажмите «OK» когда все готово, чтобы выйти из диалогового окна Layer Style.

Photoshop применяет градиент к объединенному уровню, создавая теневой эффект на буквы и завершая наш простой 3D текстовый эффект:

Заключительный 3D текстовый эффект.

Готово!

по материалу Steve Patterson *(photoshopessentials.com)

Источник: http://www.serbga.ru/grafika/photoshop/text-effects/prostoj-3d-tekst-v-photoshop

Урок по фотошоп создаем объёмные глянцевые буквы

Шаг 1

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в кривые (Convert to Shapes). Создайте копию полученного слоя (Ctrl + J) и назовите её «Stroke».

Шаг 2

Активируйте инструмент Выделение узла (Direct Selection Tool) и на верхней панели включите обводку цветом #e5bf25.

3. Создание 3D-слоёв

Шаг 1

Выберите оба текстовых слоя и перейдите в меню 3D > Новая экструзия из выделенного контура (3D > New Extrusion From Selected Path).

Шаг 2

Оба 3D-слоя нужно объединить в один (3D > Слияние 3D-слоёв) (3D > Merge 3D Layers)

Шаг 3

Для работы с 3D-средой понадобится две панели: 3D и Свойства (Properties). Они доступны через меню Окно (Window).

Панель 3D содержит все компоненты сцены. Когда Вы выбираете какой-нибудь из элементов, на панели Свойства (Properties) можно увидеть различные параметры и свойства.

4. Настройка сетки

Шаг 1

Выберите текстовую сетку и измените Глубину экструзии (Extrusion Depth) до 70 пикселей.

Шаг 2

Перейдите во вкладку Капитель (Cap) и измените свойства, как показано на скриншоте.

Шаг 3

Выберите сетку «Stroke» на панели 3D и измените Глубину экструзии (Extrusion Depth).

5. Создание текстуры для Материала передней выпуклости (Front Inflation Material)

Шаг 1

Выберите Материал передней выпуклости (Front Inflation Material) текстовой сетки. Кликните на иконке параметра Рассеивание (Diffuse) и выберите пункт Редактировать текстуру (Edit Texture).

Шаг 2

У Вас откроется новый документ с буквами. Измените цвет букв на #61129d.

Шаг 3

Выберите инструмент Прямоугольник (Rectangle Tool) и создайте полоску толщиной 15 пикселей цветом #e5bf25. Создайте копию этой полоски.

Шаг 4

Активируйте режим Свободное трансформирование (Free Transform) и сдвиньте копию вниз. Нажмите Enter, чтобы применить изменения.

Шаг 5

Нажмите Ctrl + Shift + T несколько раз, чтобы повторить последние изменения. Как покроете весь текст полосками, объедините слои. Полученный слой назовите «Stripes» и сохраните документ, но не закрывайте его.

6. Создание отражений и текстуры рельефа

Шаг 1

В документе, с которым мы только что работали, перейдите в меню Файл > Сохранить как (File > Save As) и дайте имя «Reflection». Сохраните файл в папку проекта, чтобы его легче было найти.

Шаг 2

Измените цвет текста на #535353.

Шаг 3

К слою «Stripes» примените стиль Наложение узора (Pattern Overlay): узор Satin.

Сохраните документ (Ctrl + S).

Шаг 5

Сохраните ещё одну копию файла под именем «Bump».

Шаг 6

Измените цвет текста на #1c1c1c и сохраните документ.

7. Настройка материалов 3D-сетки

Шаг 1

Вернитесь к первоначальному документу и выберите Материал передней выпуклости (Front Inflation Material). Кликните на иконке параметра Отражение (Reflection) и выберите пункт Загрузить текстуру (Load Texture). Загрузит текстуру «Reflection», которую мы создали ранее. Затем сделайте то же самое для параметра Рельеф (Bump).

Шаг 2

Остальные свойства настройте, как показано на скриншоте.

Шаг 3

Выберите оба материала скоса (Bevel Material) и Материал задней выпуклости (Back Inflation Material), настройте их так:

Шаг 4

Выберите Материал экструзии (Extrusion Material) и удалите текстуру.

Шаг 5

Измените цвета Материала экструзии так: Рассеивание (Diffuse): 70, 9,93

Цвет блика (Specular): 207, 178, 75

Шаг 6

Настройте все материалы обводки:

Шаг 7

Выберите Материал экструзии (Extrusion Material) и удалите текстуру Рассеивания (Diffuse), цвет — 229, 191, 37.

8. Удаление сеток и смена ракурса

Шаг 1

Выберите обе текстовые сетки и перейдите во вкладку Координаты (Coordinates). Измените угол вращения. После этого перейдите в меню 3D > Переместить объект на плоскость основания (3D > Move Object to Ground Plane).

Читайте также:  Горизонтальное меню для сайта - уроки фотошоп

Шаг 2

Инструментом Перемещение (Move Tool) расположите обводку в середине текста.

Шаг 3

Выберите Текущий вид (Current View) на панели 3D и задайте вид Сверху (Top).

9. Освещение

Шаг 1

Выберите Бесконечный свет 1 (Infinite Light 1) на панели 3D и измените его:

Шаг 2

Добавьте новый точечный свет.

Шаг 3

Настройте его, как показано ниже. Цвет 249, 247, 238.

Шаг 4

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

После этого вернитесь к виду сверху.

Шаг 5

Выберите Среду (Environment), кликните на иконке параметра ИСБИ (IBL) и выберите пункт Заменить текстуру (Replace Texture). Выберите изображение комнаты и измените интенсивность.

Шаг 6

Расположение текстуры можно изменить

Шаг 7

Вставьте размытый фон под слой с текстом и переверните его (Transform – Flip Vertical). Для фона можно использовать какую-нибудь градиентную заливку или сильно размытие любое изображение.

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

10. Рендеринг

Шаг 1

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

Шаг 2

По окончании рендеринга, преобразуйте 3D-слой в смарт-объект.

Шаг 3

Создайте копию смарт-объекта и растрируйте её, оригинал выключите.

11. Выравнивание краёв полос и цвет текста

Шаг 1

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

Шаг 2

Выберите инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) мягкого типа и закрасьте неровности.

Шаг 3

Также можно работать и инструментом Штамп (Clone Stamp Tool).

Шаг 4

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

Шаг 5

Создайте корректирующий слой Уровни (Layer – Levels).

Шаг 6

Создайте обтравочную маску и измените точку теней.

12. Звёзды

Шаг 1

Откройте второе изображение из набора «Deep Space 10K Backgrounds Vol2». Перейдите в меню Изображение > Размер изображения (Image > Image Size) и установите Разрешение (Resolution) на 72 пикселя.

Перенесите изображение в основной документ и назовите слой «Stars». Преобразуйте его в смарт-объект. Установите режим наложения Осветление (Screen) и уменьшите непрозрачность до 60%.

Создайте копию слоя (Ctrl + J) и уменьшите непрозрачность до 30%.

Шаг 2

К верхнему слою звёзд примените фильтр Размытие диафрагмы (Фильтр > Галерея размытия > Размытие диафрагмы) (Filter > Blur > Iris Blur).

Шаг 3

Настройте размытие так:

Шаг 4

Этот шаг дополнительный. Мы удалим звёзды под эффектом Bokeh. К оригинальному слою звёзд добавьте маску (Layer Mask). Инструментом Ластик (Eraser Tool) белого цвета или чёрной кистью сотрите белые точки внутри кругов.

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

Источник: http://gfto.ru/blog/urok_po_fotoshop_sozdaem_objomnye_gljancevye_bukvy/2016-04-14-42

Псевдотрехмерный глянцевый текст, Fake Glossy 3D Typography

How to Create Fake Glossy 3D Typography

Таким будет результат урока

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

Шаг 1

Создайте новый документ размером 800х1000 px.

Почему такой большой размер для одной буквы? Это всё для того, чтобы сделать более качественную картинку в программе Photoshop. т.к. если бы мы делали маленькую картинку, то при увеличении в несколько раз качество ее значительно бы пострадало. Ну и с большим размером будет удобнее работать с мелкими деталями.

Шаг 2

Скачайте и установите шрифт «Defeqto».

Его Вы можете бесплатно скачать с сайта www.dafont.com.

Возьмите инструмент Horizontal Type Tool (T) и напишите латинскую букву «b» размером побольше, например, 1000 px.

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

Щелкните правой кнопкой мыши по тексту в панели слоев – «Raterize type».

Шаг 3

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

Возьмите инструмент Elliptical Marquee Tool (M).

Зажмите Shift и создайте выделение круга как показано в части «figure one».

Щелкните правой кнопкой мыши по выделенному – «Transform Selection» и измените выделение, как показано в части «figure three».

Затем в верхней панели выставьте режим «Subtract from selection» или зажмите Alt на клавиатуре и проведите второй круг ниже, как показано в части «figure four». Это нужно чтобы вычесть эту часть выделения.

Нажмите Delete на клавиатуре.

Шаг 4

Возьмите инструмент Elliptical Marquee Tool (M).

Создайте выделение круга, как на скрине.

Зайдите в меню Select – Inverse (Ctrl+Shift+I).

Возьмите инструмент Eraser Tool (E) с Hardness = 100% и сотрите нижнюю часть.

Шаг 5

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

Возьмите инструмент Pen Tool (P).

Создайте контур как показано в части «figure one».
Щелкните правой кнопкой мыши по нему – «Make selection» с радиусом 0,2.
Нажмите Delete. Таким же образом можете подравнять оставшиеся края.

Шаг 6

Нажмите Ctrl+T. Щелкните правой кнопкой мыши – Perspective и измените Вашу букву как показано в части «figure one». Нажмите Enter.

Затем зайдите в меню Edit – Transform – Distort и измените Вашу букву как показано в части «figure two».

Шаг 7

Возьмите инструмент Move Tool.

Зажмите Alt и щелкните 18 раз стрелочкой вправо на клавиатуре. Таким образом будет создано 18 копий Вашего слоя.

Перейдите на слой «copy 10». Зажмите Shift на клавиатуре и выделите слои «copy 10», «copy 9» и«copy 8».

Нажмите Ctrl+E, чтобы их объединить в один слой и назовите этот слой «Светлый».
Зайдите в меню Image – Adjustments — Hue/Saturation и установите Lightness + 100.

Шаг 8

Теперь зажмите Shift, выделите в панели слоев слои «copy 11—17» и объедините их (Ctrl+E).

Назовите получившийся слой «Передняя часть».
Опять зажмите Shift, выделите и объедините слои «copy 7 – copy 1» и назовите получившийся слой «Задняя часть».
Слой «copy 18» переименуйте в «Лицевая часть».

Шаг 9

Создайте новый слой выше всех слоев и назовите его «Блеск».

Возьмите инструмент Paint Bucket Tool (G) с белым цветом и залейте слой.

Зажмите Alt на клавиатуре и щелкните между последними двумя слоями.

Должно получиться, как в части «figure one».
Возьмите инструмент Elliptical Marquee Tool (M) и создайте выделение как в части «figure two» и нажмите Delete. Создайте маску слоя (третий значок внизу панели слоев – Add layer Mask).

Шаг 10

Возьмите инструмент Gradient Tool (G) черно-белый, установите галочку возле Reverse.

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

Установите Opacity = 50—60% для данного слоя.

Шаг 11

Зажмите Ctrl и щелкните по слою «Передняя часть».

Перейдите на слой «Светлый» и, не снимая выделения, нажмите Delete.
Теперь переместите слой «Светлый» выше слоя «Передняя часть».

Шаг 12

Перейдите на слой «Светлый». Зайдите в меню Layer- Layer Style — Outer Glow и примените настройки, как на скрине. Поместите его выше всех слоев.

Шаг 13

Зажмите Ctrl и щелкните по слою «Лицевая часть».

Зайдите в меню Select – Modify – Contract и выберите 2 px.
Не снимая выделение, перейдите наслой «Блеск».
Затем зайдите в меню Select – Inverse (Ctrl+Shift+I) и нажмите Delete.

Шаг 14

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

Возьмите инструмент Pen Tool в режиме Path и создайте контуры, как на скрине на слое «Лицевая часть».

Щелкните правой кнопкой мыши – «Make Selection» и нажмите Delete.

Шаг 15

Зайдите в меню Layer – Layer Style — Inner Glow или нажмите в панели слоев на значок fx и примените настройки.

Шаг 16

Находясь на слое «Лицевая часть» щелкните внизу панели слоев на значок «Create a New layer».

Назовите этот слой «Блеск краев».

Шаг 17

Возьмите инструмент Paint Bucket Tool и залейте слой белым цветом.

Зажмите Ctrl и щелкните по слою «Лицевая часть» и нажмите Delete.
Создайте маску слоя и нажмите Ctrl+I, чтобы сделать ее черного цвета.

Шаг 18

Создайте новый пустой слой ниже слоя «Лицевая часть».

Выключите видимость всех слоев, кроме этих (пустого и «Лицевая часть»).

Щелкните правой кнопкой мыши по одному из них – Merge Vissible.

Включите видимость всех слоев.

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

Возьмите инструмент Brush Tool черного цвета с Opacity = 100% и Fill = 15% и закрасьте немного белую «каемку», чтобы получилось как на скрине.

При желании можно добавить Inner Shadow черного цвета. поэкспериментируйте с настройками.

Шаг 19

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

Добавьте изображение в Ваш документ выше слоя «Лицевая часть».

Автоматически создастся связь между этими слоями (стрелочка возле слоя с цветами).

Шаг 20

Если Ваша картинка помечена как Smart object, то щелкните по слою правой кнопкой мыши – «Rasterize Layer».

Зайдите в меню Image – Adjustments — Hue And Saturation.
Установите Saturation = -90 или -95.
Установите Opacity = 20—25% для слоя с цветами.

Шаг 21

Создайте маску слоя на слое с цветами.

Возьмите инструмент Gradient Tool (G) черно-белого цвета. Уменьшите Opacity градиента.

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

Шаг 22

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

Добавьте изображение с текстом выше слоя «Лицевая часть».

Нажмите Ctrl+Shift+U (Hue and Saturation) и установите Saturation = — 90 или -95%.

Зайдите в меню Image – Adjustments – Levels и перетяните ползунки так, чтобы сделать изображение полностью черно-белым как в примере «figure 3».

Теперь зайдите в меню Image – Adjustments – Invert (Ctrl+I).

Установите режим смешивания слоя – Screen и Opacity = 70%.

Шаг 23

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

Зайдите в меню Select – Modify – Contract и выберите 2 px.
Затем зайдите в меню Select – Inverse (Ctrl+Shift+I) и нажмите Delete.

Шаг 24

Теперь можете поменять фон на тот, который Вам больше нравится.

Но если захотите сделать черный фон, то нужно будет добавить стиль слоя как в шаге 15 (Layer – Layer Style — Inner Glow).

Источник: http://maznya.blogspot.com/2011/01/fake-glossy-3d-typography.html

Ссылка на основную публикацию