Как войти в фотошоп

Обновлено: 05.07.2024

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

Используйте инструменты Горизонтальный текст ( ) и Вертикальный текст ( ) для создания и редактирования текста. Новый текст, который вы вводите, вводится в новый текстовый слой. Вы можете создать однострочный текст или текст абзаца. Каждая строка однострочного текста, которую вы вводите, независима — длина строки увеличивается или уменьшается по мере ее редактирования, но она не переносится на следующую строку. Чтобы создать новую строку текста, нажмите Enter. Текст абзаца обтекает указанные вами границы абзаца.


Однострочный текст (вверху изображения) и текст абзаца (внизу изображения).

Вы можете использовать инструменты маски текста (удерживая нажатой клавишу Alt/Option, щелкните инструмент «Текст», чтобы изменить текущий инструмент), чтобы создать выделение в форме текста. Затем вы можете создавать различные эффекты и вырезки с текстом.

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

При добавлении текста к изображению в режиме индексированных цветов Photoshop Elements не создает новый текстовый слой. Вводимый текст отображается как маскированный текст.

На панели инструментов выберите инструмент "Горизонтальный текст" или "Вертикальный текст" .

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

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

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

(Необязательно) Выберите параметры типа, такие как шрифт, стиль, размер и цвет, на панели параметров инструмента.

Текст появляется в своем собственном слое. Чтобы просмотреть слои, в экспертном режиме нажмите F11.

Новый пользователь Photoshop? Хотите научиться пользоваться инструментом «Текст»? Вы обратились по адресу.

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

Как добавлять и редактировать текст в Photoshop

Загрузите образец файла и шрифты, чтобы попробовать

Чтобы помочь вам попрактиковаться и создать что-то красивое, вот пример файла. Загрузите и откройте этот PSD (ZIP, 1,35 МБ) и попробуйте все задания в своем собственном файле. Играйте с размером шрифта, цветом шрифта и размещением текста, чтобы получить желаемый результат.

Если у вас нет шрифтов, используемых в образце файла, вы можете заменить их на имеющиеся у вас шрифты по умолчанию. Вы также можете получить шрифты, используемые в файле — Nunito и Roboto. Дополнительные сведения см. в разделе Активация шрифтов.

Оставьте комментарий, если здесь нет вашего вопроса!

Откройте фотографию или документ Photoshop (PSD).


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

Выберите инструмент

Хотите добавить несколько слов, например заголовок или заголовок? Щелкните в любом месте холста, чтобы ввести его. В Photoshop это называется точечным текстом.

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

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

Введите слой на панели

Текстовый слой на панели «Слои»


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

Панель параметров в Photoshop на macOS

Панель параметров в macOS

Панель параметров в Photoshop в Windows

Панель параметров в Windows

  • Чтобы изменить размер и цвет шрифта, узнайте, как изменить размер текста и цвет текста.
  • Не нравится текст Lorem ipsum при наборе текста? Вы можете отключить образец текста. Просто выберите «Правка» > «Установки» > «Текст», снимите флажок «Заполнить новые текстовые слои текстом-заполнителем» и нажмите «ОК».

Откройте документ Photoshop с текстом, который вы хотите отредактировать.

Текст должен находиться на текстовом слое. Не видите текстовые слои в документе? См. шаги 2 и 3, как добавить текст.

< бр />

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

Если вы не можете выполнить этот шаг, возможно, у вас не установлена ​​последняя версия Photoshop. В этом случае выберите инструмент «Текст» на панели инструментов, щелкните текст, который хотите выделить, и выберите «Выделение» > «Все» в строке меню.

Чтобы выбрать один или несколько символов на текстовом слое, просто выберите инструмент «Текст» на панели инструментов, а затем щелкните и перетащите курсор на символы, которые хотите выделить.

Откройте документ Photoshop с текстом, который вы хотите отредактировать.

Текст должен находиться на текстовом слое. Не видите текстовые слои в документе? См. шаги 2 и 3, как добавить текст.

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

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

Панель параметров в Photoshop на macOS

Панель параметров в Photoshop на macOS

А. Заменить горизонтальный текст на вертикальный и наоборот B. Изменить стиль шрифта C. Изменить размер шрифта D. Изменить пикселизацию края текста (сглаживание) E. Изменить выравнивание текста F. Изменить цвет текста G. Деформировать текст H. Просмотр символов и панель «Абзац» I. Отменить изменения J. Сохранить изменения

Панель параметров в Photoshop для Windows

Панель параметров в Photoshop для Windows

А. Заменить горизонтальный текст на вертикальный и наоборот B. Изменить стиль шрифта C. Изменить размер шрифта D. Изменить пикселизацию края текста (сглаживание) E. Изменить выравнивание текста F. Изменить цвет текста G. Отменить изменения H. Сохранить изменения

Вы также можете использовать панели «Символ» и «Абзац» для дальнейшего редактирования текста.


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

Вы можете копировать и вставлять текст в документ Photoshop (PSD) из других документов. Например, из файла Word, файла PDF, веб-страницы или другого файла Photoshop (PSD).

Скопируйте и вставьте текст из файла, отличного от Photoshop

В файле, отличном от Photoshop, таком как файл Word, PDF или веб-страница, нажмите и перетащите курсор на текст, чтобы выделить его.

Нажмите Command+C (в macOS) или Control+C (в Windows), чтобы скопировать выделенный текст.

Откройте документ Photoshop (PSD), в который вы хотите вставить скопированный текст, а затем выберите инструмент «Текст» на панели инструментов.

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

Выберите «Правка» > «Вставить» или нажмите Command+V (в macOS) или Control+V (в Windows), чтобы вставить текст. Чтобы отменить действие, выберите «Правка» > «Отменить вставку текста» .

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

add-text-photo_1408x792

Что вам понадобится

Выберите «Файл» > «Открыть». В следующем диалоговом окне перейдите к фотографии, которую вы хотите использовать в этом проекте, или используйте ту, которую вы скачали у нас («add-text-photo.jpg»). Нажмите Открыть.


Создать строку текста

Перейдите на панель инструментов и выберите инструмент «Горизонтальный текст». Щелкните свое изображение там, где вы хотите вставить текст, и введите фразу. Когда вы закончите, нажмите Escape, чтобы выйти из текстового поля. Обратите внимание, что на панели «Слои» появился новый слой с вашим текстом.

Используйте инструмент

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

Просмотр параметров типа

Чтобы изменить текст, убедитесь, что выбран инструмент «Текст». Наведите курсор на текст и щелкните один раз. Отредактируйте текст. Нажмите Escape, чтобы закончить.

Редактировать текст с помощью инструмента

Если вы решите переместить текст, выберите инструмент «Перемещение» на панели инструментов. Нажмите и перетащите текст, чтобы переместить его.

Перемещение текста с помощью инструмента

Используйте этот метод для создания открыток, заголовков веб-сайтов, приглашений и т. д. Экспериментируйте с различными фотографиями, стилями шрифтов и цветовыми сочетаниями для создания уникальных композиций. Когда вы закончите, сохраните документ, выбрав «Файл» > «Сохранить».

В этом уроке мы узнаем, как разместить изображение в тексте, используя один из самых популярных и классических эффектов Photoshop. Как мы увидим, благодаря силе обтравочных масок размещение изображения внутри текста с помощью Photoshop становится простым и легким. Здесь я буду использовать Photoshop CS6, но этот урок также полностью совместим с Photoshop CC (Creative Cloud). Если вы используете старую версию Photoshop, обязательно ознакомьтесь с моим оригинальным руководством по размещению изображения в тексте.

Вот изображение, которое я буду использовать (фото гавайского пляжа с Shutterstock):

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

Размещение изображения внутри текста с помощью Photoshop CS6 и Photoshop CC (Creative Cloud).

Начнем!

Как поместить изображение в текст с помощью Photoshop

Шаг 1. Дублируйте фоновый слой

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

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

Photoshop создает копию слоя, называет ее «Слой 1» и размещает непосредственно над фоновым слоем:

Шаг 2. Добавьте слой-заливку сплошным белым цветом

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

Выберите сплошной цвет в верхней части появившегося списка:

Photoshop откроет палитру цветов, чтобы мы могли выбрать цвет, которым хотим заполнить слой. Я собираюсь использовать белый цвет фона, введя значение 255 в поля R, G и B:

Выбор белого из палитры цветов.

Нажмите «ОК», чтобы закрыть палитру цветов. Вернувшись на панель «Слои», мы видим белый слой «Заливка сплошным цветом» (названный «Цветная заливка 1»), расположенный над двумя слоями изображения:

И поскольку слой "Заливка" находится над обоими слоями изображения, документ теперь временно заполнен белым цветом:

Шаг 3. Перетащите слой заливки сплошным цветом под слой 1

Нам нужно переместить слой "Заливка сплошным цветом" ниже слоя 1. Нажмите на слой "Заливка сплошным цветом" (убедитесь, что вы нажимаете на его маленький значок образца цвета слева, а не на значок маски слоя справа) и, удерживая нажатой кнопку мыши, перетащите слой вниз, пока не появится полоса выделения между фоновым слоем и слоем 1:

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

Шаг 4. Выберите слой 1

Нажмите на верхний слой (Слой 1) на панели «Слои», чтобы выбрать его:

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

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

Шаг 6. Выберите шрифт

Выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите шрифт. Поскольку наша цель — поместить изображение в текст, обычно лучше всего подходят шрифты с толстыми буквами. Я выберу Arial Black, но, конечно, вы можете выбрать любой понравившийся вам шрифт. Пока не беспокойтесь о размере шрифта. Позже мы изменим размер шрифта вручную:

Шаг 7. Установите белый цвет шрифта

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

При этом снова открывается палитра цветов. Я выберу белый, как и раньше, введя значение 255 для параметров R, G и B. Когда закончите, нажмите OK, чтобы закрыть палитру цветов:

Установка значений R, G и B на белый цвет в палитре цветов.

Шаг 8. Добавьте текст

Выбрав инструмент «Текст», выбрав шрифт и установив белый цвет, щелкните внутри документа и добавьте текст. Я наберу слово "ГАВАИ":

Добавление текста перед изображением.

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

Узнайте все о работе со шрифтом в Photoshop из нашего руководства Photoshop Type Essentials!

Шаг 9. Перетащите текстовый слой под слой 1

Если мы посмотрим на панель «Слои», мы увидим наш недавно добавленный слой «Текст», расположенный над слоем 1, поэтому текст появляется перед изображением в документе:

Нам нужно переместить его ниже слоя 1. Нажмите на слой «Тип» и, удерживая нажатой кнопку мыши, перетащите его вниз, пока не появится полоса выделения между слоем 1 и слоем «Заливка сплошным цветом»:

Отпустите кнопку мыши, когда появится полоса выделения, чтобы поместить слой «Текст» на место:

Шаг 10. Снова выберите слой 1

Нажмите еще раз на Слой 1, чтобы выбрать его и сделать активным:

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

Выбрав слой 1, нажмите на значок маленького меню в правом верхнем углу панели «Слои»:

Выберите «Создать обтравочную маску» в появившемся меню:

При этом обрезает изображение на слое 1 по тексту на слое "Тип" под ним, что означает, что видимой остается только область изображения, которая находится непосредственно над фактическим текстом на слое "Тип", создавая иллюзия того, что изображение находится внутри текста. Остальная часть изображения теперь скрыта от глаз, и на ее месте мы видим сплошной белый слой-заливку:

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

Если мы снова посмотрим на панель «Слои», то увидим, что слой 1 смещен вправо, а небольшая стрелка указывает вниз на слой «Тип» под ним. Вот как Photoshop сообщает нам, что слой «Текст» используется в качестве обтравочной маски для слоя 1:

Шаг 12. Выберите текстовый слой

Нажмите на слой «Тип», чтобы выбрать его и сделать активным:

Шаг 13. Измените размер и положение текста

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

Это помещает поле "Свободное преобразование" и маркеры (маленькие квадраты) вокруг текста. Чтобы изменить его размер, просто нажмите и перетащите любой из маркеров. Если вы хотите изменить размер шрифта, не искажая исходные формы букв, удерживайте нажатой клавишу Shift, перетаскивая любой из четырех угловых маркеров. Вы также можете изменить размер текста от его центра, удерживая клавишу Alt (Win)/Option (Mac) при перетаскивании. Наконец, чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его в нужное место с помощью мыши:

Перемещение и изменение размера текста с помощью Free Transform.

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

 Эффект после перемещения и изменения размера шрифта.

Шаг 14. Добавьте тень (необязательно)

Этот последний шаг не является обязательным, но для завершения эффекта я добавлю тень. Если вы хотите продолжить, когда слой «Текст» все еще активен, щелкните значок «Стили слоя» (значок «fx») в нижней части панели «Слои»:

Выберите «Тень» в нижней части появившегося списка:

При этом откроется диалоговое окно «Стиль слоя», в котором установлены параметры «Тень» в среднем столбце. Я уменьшу непрозрачность тени со значения по умолчанию 75% до 50%, чтобы уменьшить ее интенсивность, затем установлю угол тени на 120°. Я увеличу значение «Расстояние» до 30 пикселей, а «Размер» — до 40 пикселей, но эти два значения во многом зависят от размера вашего изображения, поэтому вам, возможно, придется поиграть с ними самостоятельно, чтобы найти оптимальные настройки:

Нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Готово! Вот, после добавления тени к буквам, мой окончательный результат "изображение в тексте":

Размещение изображения в тексте с помощью Photoshop CS6.

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

Читайте также: