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

Обновлено: 04.07.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!

поиск меню

Урок 12. Работа с текстом

Введение

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

Чтобы использовать инструмент «Текст»:

Найдите и выберите инструмент «Текст» на панели «Инструменты». Вы также можете нажать клавишу T на клавиатуре, чтобы в любой момент получить доступ к инструменту «Текст».

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

Подсказки для инструментов ввода

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

Растеризация текста

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

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

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

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

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

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

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

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

Как создать текстовое поле в Photoshop

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

Чтобы создать текстовое поле, выберите инструмент «Текст» на панели инструментов или нажмите T. Если щелкнуть и удерживать значок инструмента «Текст», вы можете выбрать между вертикальным или горизонтальным текстом. Убедитесь, что выбран инструмент горизонтального типа.

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

В Photoshop текстовый инструмент автоматически настраивается на добавление замещающего текста.Этот латинский текст (известный как Lorem Ipsum) не имеет никакого значения, но часто используется, чтобы показать, где в макете будет размещена основная копия до того, как фактическая копия станет доступной.

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

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

Редактирование размера текстового поля

После создания текстового поля его размер можно изменить по мере необходимости. Чтобы изменить размер текстового поля, выберите «Правка» > «Свободное преобразование» или нажмите Control + T (Windows) или Command + T (Mac).

Затем можно изменить размер текстового поля, щелкнув и перетащив любую опорную точку вокруг поля. При изменении размера текстового поля текст внутри может исказиться.

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

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

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

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

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

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

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

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

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

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

Как использовать фигуру в качестве текстового поля

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

После того как вы добавили фигуру в свой проект, выберите текстовый инструмент, нажав T. Убедитесь, что слой фигуры выбран на панели слоев, и щелкните внутри фигуры с помощью текстового инструмента.

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

Как изменить цвет фона текстового поля

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

Например, создайте прямоугольную фигуру с помощью инструмента "Форма" (U) и щелкните фигуру с выбранным инструментом "Текст" (T). После добавления текста-заполнителя к фигуре вы можете настроить выравнивание текста на панели параметров.

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

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

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

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

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

Если вы все еще не знаете, как работать с текстом в Photoshop, это руководство по работе с текстом поможет вам в этом!

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

Главная
Экосистема Photoshop
Обсуждения
Как сделать текстовое поле с выравниванием по ширине в Photoshop.

/t5/photoshop-ecosystem-discussions/how-do-i-make-a-justify-text-box-in-photoshop-cs5/td-p/3119987 26 ноября 2010 г. 26 ноября 2010 г.