Как сделать выпуклый текст в фотошопе
Обновлено: 21.11.2024
В этом уроке по созданию текстовых эффектов в Photoshop мы научимся создавать простой трехмерный текст:
Начнем!
Шаг 1. Создайте новый документ
Для начала давайте создадим новый документ Photoshop. Перейдите в меню «Файл» в верхней части экрана и выберите «Создать» или, чтобы ускорить процесс, нажмите сочетание клавиш Ctrl+N (Win)/Command+N (Mac). Какой бы способ вы ни выбрали, Photoshop откроет диалоговое окно «Новый документ». Введите размер, который вам нужен для вашего документа. Для этого урока я собираюсь ввести ширину 6 дюймов, высоту 4 дюйма и разрешение 300 пикселей на дюйм, что является стандартным разрешением для печати профессионального качества. Я также собираюсь установить для параметра «Содержимое фона» значение «Белый», что установит белый цвет фона моего нового документа. Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него. Ваш новый документ Photoshop появится на экране.
Шаг 2. Выберите инструмент «Текст» в палитре инструментов Photoshop
Чтобы добавить текст в документ, нам понадобится инструмент «Текст» в Photoshop. Выберите его в палитре инструментов или нажмите букву T на клавиатуре, чтобы выбрать его с помощью ярлыка:
Шаг 3. Выберите шрифт на панели параметров
Далее нам нужно выбрать шрифт. Выбрав инструмент «Текст», вы заметите, что панель параметров в верхней части экрана изменилась, чтобы показать параметры инструмента «Текст». Выберите любой шрифт, который вы хотите использовать, из списка шрифтов, которые в настоящее время доступны на вашем компьютере. Этот 3D-эффект лучше всего работает со шрифтами с большими толстыми буквами. Я выберу Импакт. Вы также можете выбрать размер текста, если хотите, но на данный момент это не обязательно, так как мы можем легко изменить размер текста позже, как мы увидим. Пока нам нужен только шрифт:
Шаг 4. Выберите цвет для текста
Далее нам нужно выбрать цвет для нашего текста. Если вы посмотрите дальше вправо на панели параметров, вы увидите образец цвета. Образец цвета показывает текущий цвет текста. Чтобы изменить цвет, просто нажмите на образец цвета:
Откроется палитра цветов Photoshop. Выберите любой цвет, который вы хотите использовать для своего текста. Я собираюсь выбрать яркий оттенок красного. Когда вы закончите, нажмите OK в правом верхнем углу палитры цветов, чтобы выйти из нее:
Образец цвета на панели параметров изменится, чтобы показать выбранный вами цвет.
Шаг 5. Добавьте текст в документ
Выбрав наш шрифт и цвет текста, щелкните внутри документа и добавьте свой текст. Я наберу «ФОТОШОП» заглавными буквами, чтобы усилить эффект. Не беспокойтесь, если текст пока кажется слишком большим или слишком маленьким. Мы можем это исправить в ближайшее время:
Когда вы закончите печатать, нажмите на галочку на панели параметров, чтобы принять текст и выйти из режима редактирования текста:
Если мы посмотрим на нашу палитру слоев, то увидим, что Photoshop удобно разместил наш текст на своем собственном слое над фоновым слоем. Именно это позволит нам работать с текстом независимо от белого фона за ним:
Шаг 6. При необходимости измените размер шрифта
Если вы обнаружите, что ваш текст слишком мал (или слишком велик), мы можем легко исправить это с помощью команды Photoshop «Свободное преобразование». Во-первых, убедитесь, что ваш текстовый слой выбран в палитре слоев (выбранные слои выделены синим цветом). Затем перейдите в меню «Правка» в верхней части экрана и выберите «Свободное преобразование». Вы также можете выбрать команду «Свободное преобразование» с помощью сочетания клавиш Ctrl+T (Win)/Command+T (Mac):
Вы увидите поле "Свободное преобразование" и маркеры вокруг текста в документе. Чтобы изменить размер текста, удерживайте нажатой клавишу Shift, затем щелкните любой из угловых маркеров (маленьких квадратиков) и перетащите угол внутрь, чтобы уменьшить текст, или наружу, чтобы увеличить его. Удерживая нажатой клавишу Shift при перетаскивании, вы ограничиваете соотношение сторон, чтобы случайно не исказить форму текста при изменении его размера. Я собираюсь сделать свой текст немного больше, перетащив ручку в правом нижнем углу наружу. Вы также можете переместить текст, если вам нужно, щелкнув в любом месте внутри поля «Свободное преобразование» и перетащив текст в новое место внутри документа:
Когда закончите, нажмите Enter (Win)/Return (Mac), чтобы принять изменение и выйти из команды Free Transform.
Шаг 7. Преобразование текста в фигуру
Чтобы создать 3D-эффект, нам нужно изменить перспективу нашего текста. Но есть только одна проблема. Photoshop не позволяет нам изменять перспективу текста (понимаете, какая это может быть проблема?).Чтобы показать вам, что я имею в виду, убедитесь, что у вас все еще выбран текстовый слой, затем перейдите в меню «Правка» в верхней части экрана и выберите «Преобразовать» из списка. Появится вторичное меню, показывающее все различные способы преобразования содержимого выбранного слоя. Обратите внимание, что параметры «Искажение» и «Перспектива» выделены серым цветом? Это означает, что в настоящее время они недоступны для нас, и это потому, что Photoshop не может выполнять ни один из этих двух типов преобразования текста.
Решение состоит в том, чтобы преобразовать наш текстовый слой в то, что называется слоем формы. Преобразовав текст в фигуру, мы сможем изменить его перспективу и создать эффект. Единственным недостатком преобразования текста в фигуру является то, что текст больше нельзя будет редактировать. Однако в этом случае, поскольку нам не нужно редактировать наш текст, нам не нужно об этом беспокоиться.
Не снимая выделения с текстового слоя, перейдите в меню «Слой» в верхней части экрана, выберите «Тип», а затем выберите «Преобразовать в фигуру»:
Если мы посмотрим на палитру «Слои», то увидим, что текстовый слой теперь выглядит совершенно по-другому, потому что это больше не текстовый слой. Photoshop преобразовал его в слой-фигуру, а это значит, что теперь мы можем применить к нему преобразование «Перспектива» и создать эффект 3D-текста:
Шаг 8. Измените перспективу
Вернитесь в меню «Правка». Вы увидите, что параметр Transform, который мы только что рассмотрели, был заменен новым параметром с именем Transform Path. Опять же, это потому, что мы сейчас имеем дело с формой. Выберите «Путь преобразования» из списка. Когда появится вторичное меню, вы увидите, что теперь доступны параметры «Искажение» и «Перспектива». Выберите «Перспектива» из списка:
То же самое поле и маркеры, которые мы видели ранее, когда мы выбрали команду «Свободное преобразование», появятся вокруг текста (формы). Разница в том, что мы сейчас работаем в режиме перспективы. Чтобы изменить перспективу текста и придать ему трехмерный вид, просто нажмите на маркер в правом нижнем углу и перетащите его прямо вниз. При перетаскивании высота правой части текста будет увеличиваться относительно его центра, а левая сторона останется неизменной:
Когда вы довольны изменением перспективы, нажмите Enter (Win)/Return (Mac), чтобы принять преобразование. Теперь ваш текст должен выглядеть примерно так:
Шаг 9. Создайте несколько копий слоя с фигурой, каждую из которых сдвиньте немного вправо
Следующий шаг — самое интересное. Мы собираемся очень быстро создать несколько копий нашего слоя с фигурой, каждая из которых перемещается на один пиксель вправо от предыдущей. Это придаст нашим буквам некоторую глубину. Сначала выберите инструмент «Перемещение» из палитры «Инструменты» или просто нажмите букву 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 на клавиатуре, затем щелкните слой, чтобы выбрать его. Это выберет оба слоя одновременно, а также каждый слой между ними. Все эти слои будут выделены синим цветом в палитре слоев.
Выделив все наши скопированные слои, перейдите в меню «Слой» в верхней части экрана и выберите «Объединить слои» внизу списка. Или, чтобы ускорить процесс, нажмите сочетание клавиш Ctrl+E (Win)/Command+E (Mac):
Photoshop объединит все выбранные слои в один слой. Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть только три слоя. Фоновый слой находится внизу, исходный слой формы — вверху, а между ними — наш новый объединенный слой:
Шаг 12. Добавьте черно-белый градиент к объединенному слою
Чтобы придать нашим буквам действительно трехмерный вид, давайте завершим работу, добавив простой эффект освещения. Или, по крайней мере, что-то, что выглядит как световой эффект. Щелкните объединенный слой в палитре слоев, чтобы выбрать его, если он еще не выбран. Затем щелкните значок «Стили слоя» в нижней части палитры «Слои». Появится список всех доступных стилей слоя. Нажмите на наложение градиента, чтобы выбрать его:
Откроется диалоговое окно «Стиль слоя Photoshop», для которого в среднем столбце установлены параметры «Наложение градиента». Мы хотим использовать градиент от черного к белому для нашего фальшивого светового эффекта. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран какой-либо другой градиент, щелкните область предварительного просмотра градиента в середине параметров:
Откроется окно выбора градиента, в котором показаны все доступные градиенты, которые мы можем выбрать. Нам нужен черно-белый градиент, третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите название градиента при наведении указателя мыши на миниатюру. Нажмите на него, чтобы выбрать, затем нажмите OK в правом верхнем углу, чтобы принять его:
Вернувшись к основным параметрам наложения градиента, вы увидите, что область предварительного просмотра градиента теперь показывает градиент от черного к белому (если это еще не было). Ниже приведены несколько важных опций. Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для угла градиента установлено значение 90°:
По завершении нажмите кнопку "ОК", чтобы выйти из диалогового окна "Стиль слоя". Готово! Photoshop применяет к объединенному слою градиент от черного к белому, создавая эффект тени на буквах и завершая наш простой эффект 3D-текста:
Что делать дальше.
И вот оно! Посетите наши разделы «Текстовые эффекты» и «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!
Подпишитесь и узнайте, как создать эффект тиснения в Photoshop! Добавьте реалистичную текстуру, глубину и размер к любому логотипу или значку, используя профессиональные инструменты и методы. Этот эффект идеально подходит для моделирования ваших проектов в реальных условиях.
Поделиться
СОЗДАТЬ РЕАЛИСТИЧНЫЕ ЭФФЕКТЫ ТИСНЕНИЯ
Реалистичная текстура и размер
Что создает эффект реалистичного тиснения?
Эффект тиснения — отличный способ интегрировать текст, логотипы и значки в реальные фотографии. Хотите ли вы, чтобы дизайн выглядел так, как будто он был вдавлен в бумагу или вырезан из камня, процесс будет более или менее одинаковым. Несмотря на то, что стили слоя Photoshop делают подобные эффекты простыми, есть несколько дополнительных шагов, которые необходимо предпринять, чтобы получить максимально реалистичный результат.
Когда дело доходит до интеграции рисунков в сфотографированные поверхности, текстуру важнее всего анализировать и пытаться воспроизвести. В нашем примере мы хотим создать макет меню ресторана с тисненым логотипом в верхней части страницы. Бумага на нашем образце фотографии имеет красивую и заметную текстуру.
Нам нужно перенести эту текстуру на наш значок, если мы хотим, чтобы он выглядел так, как будто он на самом деле является частью сцены.
Добавить текстуру с помощью галереи фильтров
Мы можем воссоздать текстуру бумаги, используя некоторые эффекты в галерее фильтров. Но прежде чем мы сможем применить фильтры к нашей иконке, нам нужно создать за ней сплошной белый фон. Создайте новый слой под слоем со значком, используйте инструмент Rectangular Marquee Tool, чтобы создать прямоугольник вокруг значка, а затем залейте прямоугольное выделение белым цветом. Вы получите значок поверх сплошного белого прямоугольника.
Идите вперед и объедините слой со значком и слой с белым прямоугольником, который мы только что создали, а затем преобразуйте только что объединенный слой в смарт-объект. Смарт-объекты позволяют нам легко настраивать или удалять любые фильтры, которые мы применяем, не повреждая сам слой.
Выберите слой со значком и откройте галерею фильтров. Для воссоздания текстуры бумаги мы рекомендуем использовать фильтр брызг. Просто настройте параметры так, чтобы края стали очень тонкой, похожей на бумагу текстурой.
После применения эффекта нам нужно удалить белый фон, который мы создали за значком.
Перейдите в меню "Выбор", а затем выберите "Выбор цветового диапазона". Выберите черный цвет и настройте параметры, пока вокруг значка не появится четкое выделение, отделяющее его от белого фона. Скройте слой со значком, затем создайте новый слой и, пока этот выбор активен, закрасьте его черным цветом в границах выделения значка.
У вас должен получиться черный значок с прозрачным фоном и со всей текстурой, которую мы создали с помощью эффекта "Брызги".
Стили слоев в Photoshop
Подготовив значок и текстуру бумаги, можно добавить эффект тиснения. Стили слоя упрощают остальную часть процесса, позволяя нам добавлять эффект и улучшать его, пока мы не достигнем реалистичного вида. Дважды щелкните значок «Слой», чтобы открыть окно «Стили слоя». Первое, что нам нужно сделать, это скрыть черный цвет заливки на значке. Для этого найдите раздел «Расширенное наложение» на вкладке «Параметры наложения» и установите для параметра «Непрозрачность заливки» значение 0%. Это скроет цвет заливки слоя, но не скроет стили слоя, которые мы к нему добавим.
Затем перейдите на вкладку «Скос и тиснение». Photoshop немедленно применит эффект Bevel & Emboss, используя настройки программы по умолчанию. Нам нужно только настроить параметры так, чтобы эффект выглядел реалистично на фоновом изображении. Важно, чтобы блики и тени в эффекте тиснения соответствовали естественным бликам и теням на фотографии.
Установите угол эффекта так, чтобы блики и тени соответствовали направлению освещения на фотографии. Также убедитесь, что цвета бликов и теней совпадают. Просто дважды щелкните каждый из вариантов цвета для режимов подсветки и режима теней и используйте пипетку, чтобы выбрать подходящие цвета на фотографии.
Продолжайте настраивать параметры Bevel & Emboss, пока они не будут более естественно соответствовать образцу фотографии. Вы можете вернуться и изменить эти настройки в любое время.
Добавить тень
Чтобы еще больше усилить эффект, добавим к значку очень маленькую и тонкую тень. Вы можете найти параметры Drop Shadow в окне Layer Styles.
Убедитесь, что тень отбрасывается в том же направлении, что и тени на изображении. И опять же, поскольку мы работаем с эффектом бумаги, важно, чтобы эти настройки были как можно меньше и незаметнее.
Улучшение эффекта тиснения
Эффект выглядит хорошо, но он все еще не совсем соответствует остальной части сфотографированного изображения. При ближайшем рассмотрении края значка слишком четкие по сравнению с краями некоторых объектов на изображении.Чтобы придать краям значка более мягкий, более фотографичный вид, добавьте очень легкое размытие по Гауссу, которое соответствует мягкости других краев на фотографии.
Мы также можем добавить текстуру к внутренним областям значка. Выберите значок Layer и откройте окно Layer Styles. На вкладке Bevel & Emboss выберите параметр Texture. Мы выбрали одну из предварительно загруженных текстур, поставляемых вместе с Photoshop (опция «Трава»).
Набирайте настройки, пока добавленная текстура не будет точно соответствовать текстуре окружающей бумажной текстуры.
Добавить дополнительные элементы дизайна
Основной эффект готов! Но работа над дизайном не должна останавливаться на достигнутом. Поскольку мы создали эффект с помощью стилей слоя, легко добавить дополнительные элементы дизайна с точно такими же настройками. Вы можете добавить новые фигуры и объекты в тот же слой, к которому применены все эффекты, или создать новый слой и скопировать все стили слоя (только не забудьте добавить текстуру через галерею фильтров ко всем новым элементам отдельно). .
Например, мы добавили несколько полос слева и справа от значка, просто создав два прямоугольных выделения на слое значка и заполнив их черным цветом. Поскольку все остальные настройки установлены, у нас на бумаге получаются две идеально рельефные полоски.
Этот эффект отлично подходит для отображения макетов дизайна в реальных условиях. Поэтому, если вы создаете логотипы и брендинг для клиента или просто работаете над своими визитными карточками, эффект тиснения — это простой и эффективный способ увидеть, как будут выглядеть реальные результаты печати.
Президент WebFX. Билл имеет более чем 25-летний опыт работы в индустрии интернет-маркетинга, специализируясь на SEO, UX, информационной архитектуре, автоматизации маркетинга и многом другом. Опыт Уильяма в области научных вычислений и образование в Шиппенсбурге и Массачусетском технологическом институте послужили основой для MarketingCloudFX и других ключевых проектов исследований и разработок в WebFX.
В этом быстром и простом руководстве по графическому дизайну вы откроете для себя удобный процесс создания привлекательной трехмерной типографики с помощью Photoshop и некоторых творческих приемов.
Окончательный результат
Вот предварительный просмотр того, над чем мы будем работать в этом руководстве по веб-дизайну (нажмите на изображение, чтобы увидеть результат в натуральную величину). Как веб-дизайнер, это навыки, которые ищут потенциальные клиенты. Это руководство должно помочь вашему тексту выделиться, независимо от того, разрабатываете ли вы сайт для колледжа или магазина автозапчастей.
Настройка документа Photoshop
1 Прежде всего, мы собираемся открыть Photoshop и создать новый документ (Ctrl + N). В диалоговом окне «Новый документ» установите для параметров «Ширина» и «Высота» дюймы (если это еще не сделано). Мы создаем квадратный холст; установите ширину и высоту на 10 дюймов.
Затем выберите фоновый слой на панели слоев и нажмите Ctrl + A (что создаст выделенную область вокруг всего холста — вы также можете сделать это, выбрав «Выделение» > «Все»). Наконец, выберите «Правка» > «Заливка» (Shift + F5), чтобы открыть диалоговое окно «Заливка», убедитесь, что для параметра «Использовать» установлено значение «Цвет переднего плана», а затем нажмите «ОК», чтобы применить заливку.
Создание текста
Здесь использовался шрифт Myriad Pro Black с размером 286 pt для слова "Six" и 83 pt для слова "Revisions". Начните вводить текст в центре холста; в этом уроке используется текст «Шесть редакций», но, конечно, вы можете его изменить. 4 Растрируйте текст, чтобы нам было легче с ним работать; у этого есть побочный эффект: больше не нужно изменять текст, поэтому убедитесь, что вы довольны текстом.
Щелкните правой кнопкой мыши текстовый слой и выберите «Растеризовать тип» (или «Растеризовать слой» в зависимости от используемой версии Photoshop CS).
Использование свободного преобразования текста
5 Теперь мы собираемся наклонить текст, чтобы придать ему более драматичный трехмерный вид. Убедитесь, что у вас есть слой с нашим текстом, выделенным на панели слоев, затем нажмите Ctrl + T, чтобы позволить нам редактировать в разделе «Свободное преобразование» («Правка» > «Свободное преобразование»). 6 Удерживая нажатой клавишу Ctrl, щелкните верхний правый элемент управления преобразованием поля.
Перетащите угол влево. Сделайте то же самое с верхним средним элементом управления преобразованием. У вас должно получиться что-то вроде того, что у меня ниже.
Добавление стилей слоя
7 Мы собираемся добавить к нашему тексту несколько стилей слоя. Убедитесь, что текстовый слой выбран на панели слоев, а затем щелкните значок «Добавить стиль слоя» в нижней части панели слоев. Выберите Bevel and Emboss, после чего откроется диалоговое окно Bevel and Emboss Layer Style.
Создание 3D-эффекта
10 Мы собираемся придать этому тексту трехмерный вид. Во-первых, мы хотим продублировать наш текстовый слой; выберите слой и нажмите Ctrl + J, чтобы дублировать слой. Перейдите к дублированному слою и избавьтесь от стилей слоя, щелкнув и перетащив их на значок корзины в правом нижнем углу панели слоев.
11 Теперь, когда у нас есть логотип без стилей слоя, мы настроим цвет. Откройте параметры кривых, выбрав «Изображение» > «Коррекция» > «Кривые» (Ctrl + M) и настройте их так, как показано ниже, чтобы придать слою более темный цвет. 12. Мы хотим понизить насыщенность, потому что цвет слишком яркий, чтобы быть тенью.
Перейдите в Hue/Saturation с помощью Ctrl + U (или Image > Adjustments > Hue/Saturation) и настройте параметры, как показано ниже. 13 Теперь мы создадим края нашего текста, чтобы придать ему трехмерный вид. Во-первых, мы хотим щелкнуть и перетащить наш слой под исходный слой с желтым текстом и переместить его на одну позицию влево с помощью клавиши со стрелкой.
Удерживая клавишу Alt, несколько раз нажмите стрелки вниз и влево. Это будет дублировать коричневый слой каждый раз, когда вы нажимаете кнопку со стрелкой. Продолжайте дублировать слой, пока не получите нужный размер и глубину.
Объедините дублированные слои
14 Давайте объединим все эти дублированные слои в один. Для этого щелкните самый верхний слой с коричневым текстом на панели слоев, удерживайте нажатой клавишу Shift, а затем щелкните самый нижний слой с коричневым текстом, чтобы выделить их все. Затем, выбрав все соответствующие слои, щелкните значок «Связать слои» в нижней части панели «Слои».
При нажатии на все слои с коричневым текстом должен появиться значок цепочки. Как только вы соедините все слои с коричневым текстом, снова выберите все слои на панели слоев (если вы каким-то образом сняли с них выделение) и нажмите Ctrl + E, чтобы объединить все связанные слои вместе. 15. Давайте добавим стиль слоя «Наложение градиента» к нашему комбинированному слою с краем текста, чтобы он сочетался с градиентом на нашем желтом тексте.
Создать тень
16 Дублируйте слой с коричневым краем текста, нажав Ctrl + J, пока он выделен на панели слоев. Мы собираемся использовать его для создания тени на нашем тексте. Перейдите в меню «Фильтр» > «Размытие» > «Размытие по Гауссу» и настройте параметр «Радиус» на 8 пикселей.
Теперь перейдите в Кривые, нажав Ctrl + M, и настройте их так, как у меня есть. Это должно дать вам черноватую тень. 17 Если вы увеличите края букв с помощью инструмента "Масштаб" (Z), вы заметите, что коричневые стороны, выходящие из углов, имеют зазубрины.
Мы их исправим. Используя инструмент «Многоугольное лассо», щелкните фигуру вокруг области, которую нужно удалить, и нажмите клавишу «Удалить». Повторите это для каждой области, где это необходимо, пока не получите ровные края на всех ваших буквах.
Некоторые необязательные шаги
18 Пока все выглядит довольно хорошо, и мы, вероятно, могли бы остановиться здесь и быть довольными этим, но если вы хотите приложить дополнительные усилия, мы можем начать добавлять еще несколько теней. Наш свет исходит из верхнего левого угла, поэтому мы должны планировать, чтобы наши тени были самыми темными из нижнего правого угла. Чтобы получить правильные тени, мы собираемся использовать инструмент Затемнение на слое с коричневым текстом, чтобы затемнить его.
Прежде чем мы начнем добавлять тень, мы хотим использовать инструмент "Многоугольное лассо", чтобы создать несколько краев там, где у текста будут углы. Сделайте это для всех углов нашего текста, удерживая нажатой клавишу Shift и перетаскивая мышь, чтобы добавить выделение в область выделения.
Инструмент записи
19 Теперь мы можем начать прожигать области, которые мы выбрали. Измените настройки записи на панели параметров, чтобы для параметра «Диапазоны» было выбрано «Света», а для параметра «Экспозиция» было установлено значение 50%. Я также использовал кисть с основным диаметром 125 пикселей и жесткостью 0%.
20 С теми же настройками прожига, мы собираемся сделать остальные области, которым нужны тени. Поскольку у вас все еще должны быть выделены области, мы можем сделать обратное выделение, Select > Inverse (Ctrl + Shift + I), затем мы можем сжечь области, которые мы еще не сделали, не сжигая области, которые мы уже сделали. 21 Мы также можем сделать несколько бликов с помощью инструмента Dodge Tool.
Используйте ту же кисть, те же настройки и тот же метод, что и с инструментом Burn Tool.
Готово!
Вот и готов 3D-текст, созданный только с помощью Photoshop. Вот что у меня получилось:
Поделитесь своей работой на Flickr
Почему бы вам не поделиться своей работой в группе Six Revisions Flickr и не показать ее сообществу?
Скачать
Если вы хотите загрузить файл Photoshop, используемый в этом руководстве, вы можете сделать это ниже.
Освойте 3D-инструменты Photoshop, создав художественный шрифт.
В этом уроке мы покажем вам, как создать произведение 3D-искусства с реалистичным трехмерным текстовым эффектом. Вы также узнаете, как редактировать несколько изображений с помощью настроек и основных инструментов.
Первая часть этого руководства проходит в 3D-среде Photoshop CC, что означает, что вам придется работать с тремя разными панелями почти одновременно. На панели «Слои» вы размещаете и создаете 3D-текст. На панели 3D вы получаете доступ к 3D-командам, а на панели «Свойства» вы применяете эффект экструзии, искажаете и применяете различные материалы для придания реалистичности. Работать в трехмерном пространстве довольно легко, но вы должны быть очень внимательны.
Вторая часть руководства возвращается к знакомой 2D-территории с использованием инструментов выделения, масок, корректирующих слоев и других основных приемов. Не забудьте скачать ресурсы.
01. Создайте фон
Сначала измените рабочее пространство. Перейдите в «Окно» > «Рабочее пространство» > «3D». Теперь создайте новый пустой холст (cmd/ctrl+N). Назовите его 3D-текст, установите ширину на 1500 пикселей, высоту на 620 пикселей, разрешение на 300 пикселей на дюйм и нажмите кнопку ОК. Перейдите в меню «Файл» > «Поместить встроенный файл pix_117004_background.jpg», отрегулируйте размер и нажмите клавишу возврата/ввода.
02. Скачать новый шрифт
03. Добавить текстуру
Выберите «Файл» > «Поместите встроенный файл 'pix_2068284_texture1.jpg'. Поместите поверх текста, а затем обрежьте слои, нажмите cmd/ctrl+opt/alt+G. Удерживая Shift, щелкните слой Safari. Когда оба слоя активны, нажмите cmd/ctrl+E, чтобы объединить их. Переименуйте слой Safari_texture.
04. Создайте 3D-слой
Выберите 3D > Новое 3D-выдавливание из выбранного слоя. На панели «Свойства» нажмите «Сетка», выберите «Наложение текстуры: Масштаб» и установите для параметра «Глубина экструзии» значение 10 мм. На панели 3D щелкните материал Safari_Texture Front Inflation, установите Roughness на 80% и Bump на 100%.
05. Добавьте больше текстур
На панели «3D-слой» нажмите Safari_Texture Extrusion Material. Теперь на панели «Свойства» щелкните значок «Рассеивание» и выберите «Заменить текстуру», найдите «pix_2068284_texture2.jpg» и «Открыть». Отрегулируйте Roughness до 80% и Bump до 100%.
06. Редактировать свойства UV
Теперь мы собираемся отредактировать текстуру экструзии. В свойствах снова откройте значок Diffuse и выберите Edit UV Properties.Установите масштаб U/X на 65 % и масштаб V/Y на 50 %, а затем нажмите OK.
07. Эффект скоса
На панели 3D щелкните слой Safari_Texture. Теперь на панели «Свойства» нажмите «Заглушка». Установите Sides на Front, Bevel Width на 35% и измените Contour на Cone_Inverted.
08. Переместите 3D-текст
Возьмите инструмент "Перемещение" (V). В рабочей области 3D нажмите на 3D-камеру Долли (это третий значок в левом нижнем углу). Удерживайте кнопку мыши и перетащите вверх, чтобы отодвинуть текст дальше. Нажмите на Орбиту и переместите 3D-камеру, чтобы повернуть и переместить изображение вниз.
09. Отрегулируйте свет
На панели 3D нажмите «Бесконечный свет». Используйте контроллер на изображении, чтобы отрегулировать свет, поместив его перед 3D-текстом и переместив его примерно на 75 градусов в верхний левый угол. Визуализируйте изображение, выбрав 3D>Render 3D Layer.
10. Создайте маску слоя
На панели «Слои» нажмите cmd/ctrl+J, чтобы продублировать слой Safari_Texture. Перейдите в Слой > Растрировать > 3D. (Скройте исходный слой 3D Safari_Texture.) Добавьте маску слоя. Возьмите инструмент «Кисть». Нажмите F5 и выберите кисть Dune Grass, настройте параметры Shape Dynamics и Scattering, затем закрасьте маску, смешав траву.
11. Внесите коррективы
Во-первых, давайте немного увеличим резкость изображения. Нажмите на миниатюру Safari_Texture. Выберите «Фильтр» > «Резкость» > «Резкость больше». Теперь настройте тона. Перейдите в Слой > Новый корректирующий слой > Уровни. Установите Inputs на 0, 1.15, 215 и обрежьте слои.
12. Поместите льва
Выберите «Файл» > «Поместите встроенный файл 'pix_1236169_lion.jpg'. Возьмите инструмент «Быстрое выделение» (W) и выберите льва. Перейдите в меню «Выделение» > «Выделение и маска». Измените режим просмотра на Overlay. Установите для параметра «Радиус обнаружения краев» значение 15 пикселей, установите флажок «Умный радиус» и используйте инструменты для улучшения выделения. Вывод в «Новый слой с маской слоя».
13. Дополнительные настройки
Возьмите кисть Dune Grass и закрасьте маску, чтобы скрыть лапы и хвост за кустами. Теперь перейдите в «Фильтр» > «Резкость» > «Резкость». Затем перейдите в Слой > Новый корректирующий слой > Уровни. Установите Inputs на 0, 0,95, 245 и обрежьте слои.
14. Инструмент «Перо»
Перейдите в меню «Файл» > «Поместить встроенный файл pix_602530_elephant.jpg». Возьмите инструмент Перо (P) и нарисуйте путь вокруг слона. В разделе «Параметры» нажмите «Создать: выбор», а затем нажмите «ОК». Перейдите в меню «Слой» > «Слой-маска» > «Показать выделение». Нажмите cmd/ctrl+T и измените размер.
15. Добавьте больше корректировок
Выберите «Слой» > «Новый корректирующий слой» > «Яркость/контрастность». Установите Яркость на 30, Контрастность на 15, обрежьте слои и нажмите ОК. Теперь сделайте быструю цветокоррекцию. Перейдите в Слой > Новый корректирующий слой > Фотофильтр. Выберите «Фильтр: темно-желтый», установите «Плотность» на 30 %, обрежьте слои и нажмите «ОК».
16. Принесите страуса
Перейдите в меню «Файл» > «Поместить встроенный файл pix_341989_ostrich.jpg». Возьмите инструмент «Быстрое выделение» (W) и выберите изображение. В «Параметры» нажмите «Выбрать и замаскировать». Используйте инструмент «Кисть «Уточнить края»» (R) или инструмент «Кисть» (B), чтобы улучшить маску, затем нажмите «ОК». Измените размер изображения и поместите страуса рядом со слоном.
17. Настройка кривых
Теперь давайте применим корректировку кривых, чтобы исправить тона. Перейдите в Слой > Новый корректирующий слой > Кривые. Поместите курсор мыши в центр и немного перетащите вниз или установите для параметра «Ввод» значение 45, а для параметра «Вывод» — 40, обрежьте слои и нажмите «ОК».
18. Разместите больше изображений
Выберите «Файл» > «Поместите встроенный файл pix_1224295_monkey.jpg». Используйте инструмент «Быстрое выделение», чтобы выбрать изображение, и команду «Выделение и маска», чтобы уточнить выделение. Измените размер изображения и поместите его поверх букв. Используйте корректировку кривых, чтобы скорректировать тона.
19. Добавьте жирафа
Поместите 'pix_927281_giraffe.jpg'. Выберите и замаскируйте жирафа. Добавьте новый слой поверх него и обрежьте слои (cmd/ctrl+opt/alt+G). Измените режим наложения на «Мягкий свет», возьмите инструмент «Кисть» и, используя светло-желтый цвет, закрасьте тело, чтобы осветлить тени.
20. Коррекция цвета
Поместите новый корректирующий слой поверх набора слоев. Перейдите в Слой > Новый корректирующий слой > Фотофильтр. Выберите «Фильтр: Теплый фильтр» (85), установите для параметра «Плотность» значение 25 % и нажмите «ОК».
21. Создать снимок
Нажмите shift+cmd/ctrl+opt/alt+E, чтобы создать снимок. Теперь произведите окончательную настройку. Выберите «Фильтр» > «Фильтр Camera Raw». Установите Экспозицию на +0,25, Света на -30, Четкость: +10 и Насыщенность: +5, затем нажмите OK.
Эта статья изначально была опубликована в выпуске 152 журнала Photoshop Creative. Подпишитесь здесь.
Читайте также: