Photoshop для новичка: как добавить текст на фото и украсить | Урок | Фото, видео, оптика

Лаконичный текст на фото может привлечь больше внимания к смыслу поста, чем огромное разъяснение под изображением. Велика вероятность, что ленту просто пролистают и не прочитают самое важное. А, может, вы хотите делать красивые сторис с разными шрифтами или подписать снимок, указав своё авторство? В любом из случаев вам понадобится добавить текст на фотографию. Рассказываем, как добавить текст на фото в Photoshop, а также украсть его обводкой или тенью.

Знаки в виде букв, цифр привлекают внимание зрителя к изображению, заставляя человека задерживать взгляд и пытаться прочесть знакомые символы / Фото: unsplash.com

Чтобы добавить текст на фото в фотшопе, откройте фотографию и найдите инструмент Текст. Он находится на панели инструментов слева и представляет собой иконку в виде буквы T.

Чтобы вызвать инструмент быстро и не тратить время на поиск, нажмите клавишу T на клавиатуре / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

У инструмента Текст два подвида: 

  • Горизонтальный текст / Horizontal Type Tool.
  • Вертикальный текст / Vertical Type Tool.

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

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

Не отпуская левую кнопку мыши, начертите прямоугольник — именно в нём и будет находиться ваш будущий текст / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Весь «базовый» текст легко стереть, нажав клавиши Backspace или Delete на клавиатуре / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

Напечатайте свой текст или вставьте тот, что скопировали заранее.

Иногда может казаться, что текст в рамке на появился. Более того, он не появляется, даже когда вы сами напечатали там то, что хотели. Почему это может происходить:

  • вы печатаете чёрный текст на чёрном фоне или белый на белом. В общем, текст и фон сливаются.
  • по умолчанию выбран такой большой размер шрифта (более редкое, но правильно название «кегль» или «размер кегля»), что буквы не помещаются в рамке. В таком случае уменьшите размер шрифта.
  • вы сделали слишком маленькую рамку, где не помещается текст. В таком случае сделайте рамку побольше и/или уменьшите размер шрифта.

Настройте основные параметры текста. 

Все самые важные настройки для текста разработчики вынесли в меню, которое находится в верхней части экрана / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

1. Тип шрифта. Известные нам из стародавних времён гарнитуры Times New Roman или Arial, а также любые шрифты, которые вы решите скачать, будут находиться здесь. Есть два варианта поиска шрифта: нажать на стрелочку, указывающую вниз, и выбрать из списка, или щёлкнуть по названию шрифта и начать вводить тот шрифт, который нужен.

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

Как установить в Photoshop кисти, градиенты, шрифты и экшены

2. Вид шрифта. Жирный, курсив, жирный курсив, книжный, тонкий, обычный — у разных шрифтов свой набор этих настроек.

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

4. Центрирование текста. Слева (как на скриншоте), по центру, справа.

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

Чтобы применить настройки текста, нажмите на галочку вверху / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

Сделайте шрифт интереснее с помощью дополнительных настроек текста в палитре Символ / Character.

Если палитры нет в рабочем пространстве, зайдите в меню Окно / Windows — Символ / Character / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Что можно настроить в палитре:

  • вид и тип шрифта;
  • размер шрифта;
  • расстояние между буквами и между строками;
  • высота и толщина букв;
  • расстояние между строками;
  • цвет.

Благодаря этой палитре мы увеличили расстояние между строками, сделали верхний текст жирнее, а нижний — сплющили и увеличили толщину букв в ширину / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как переместить текст в Photoshop

Если вас устраивает текст, но не устраивает его местоположение, воспользуйтесь инструментом Перемещение / Move Tool.

Он находится в левой части экрана, а быстро вызвать его можно горячей клавишей V / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

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

Если нужна более тонкая настройка — сдвигайте текст с помощью стрелок на клавиатуре. Тогда текст будет перемещаться по изображению всего на пиксель. Если нужно ускорить процесс, зажмите Shift и пользуйтесь стрелками — текст будет сдвигаться сразу на 10 пикселей.

Как добавить тень тексту в Photoshop

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

1. Чтобы добавить тень тексту в Photoshop, откройте палитру Слои / Layers. Найти её можно в меню Окно / Windows или вызвав горячей клавишей F7.

2. Кликните на слой с созданным вами текстом.

Все текстовые слои в палитре обозначаются иконкой с буквой T / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. В нижней части палитры найдите иконку в виде букв fx. Это настройки стилей слоя.

Нажмите на иконку и выберите Тень / Drop Shadow / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Чтобы создать тень, мы пользовались четырьмя настройками: изменили цвет (нажали на красный прямоугольник), непрозрачность / opacity, угол наклона тени / angle и дистанцию / distance — расстояние тени от шрифта / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как добавить обводку текста в Photoshop

Ещё один способ добавить красивый текст на фото — сделать обводку. Кстати, её можно добавить сразу вместе с тенью! Рассказываем, как это сделать.

1. В палитре Слои / Layers нажмите на иконку стилей слоя в виде букв fx.

В открывшемся выпадающем списке выберите Обводка / Stroke / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

2. Откроется меню с настройками обводки. Также, как и у тени, слева будет превью в виде квадрата. Так, сдвигая каждый ползунок, сразу виден эффект, который даёт та или иная настройка.

На примере жёлтая обводка толщиной / size один пиксель. Размещение обводки / Position — Внутри текста / Inside / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Чтобы отключить уже созданную тень, нажмите на галочку напротив Тень / Drop Shadow.

С помощью настроек в меню Символ / Character и настроек стилей слоя в палитре Слои / Layer даже самый обычный шрифт можно украсить и изменить до неузнаваемости.

Как повернуть, изогнуть или написать по кругу текст в фотошопе?

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

Текст по контуру

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

  1. Создайте документ Photoshop.
  2. Выберите инструмент из группы Фигуры и нарисуйте контур (выберите значение Контур из раскрывающегося списка режимов на панели параметров).
  3. Щёлкните на кнопке инструмента Горизонтальный текст. На самом деле вы можете выбрать и Вертикальный текст — ничего не изменится, обрабатываются они одинаково, просто в моём примере используется именно Горизонтальный текст.
  4. Переместите указатель мыши к кромке контура — туда, где будет начинаться текст. Если всё сделано верно, курсор должен принять вид, как показано на рисунке ниже.
  1. Щёлкните кнопкой мыши. На холсте появился курсор ввода.
  2. Наберите желаемый текст (он будет располагаться по контуру) и подгоните его размер под размеры фигуры.

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

Если текст расположился неудачно, его можно переместить прямо по контуру.

  1. Выберите инструмент Выделение контура (на палитре щёлкните значок ).
  2. Подведите указатель мыши к контуру (курсор примет вид: ).
  3. Удерживая нажатой кнопку мыши, двигайте указатель в сторону, куда хотите сместить текст, и он будет следовать в том направлении.

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

Двигать текст по холсту можно как и любой другой объект, при помощи инструмента Перемещение.

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

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

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

Эффекты текстового слоя

Текстовый слой наделён большим количеством настроек, позволяющих изменить внешний вид надписи. Чтобы открыть окно, либо дважды щёлкните на слое кнопкой мыши, либо нажмите значок Добавить стиль слоя.

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

Текст-маска

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

  1. Выберите инструмент Горизонтальный текст-маска или Вертикальный текст-маска.
  2. Щёлкните кнопкой мыши на холсте.
  3. Введите надпись.
  4. Уделите внимание размеру шрифта, стилю, начертанию, другим параметрам.
  5. Когда всё готово, на панели параметров нажмите галочку.

Полезные ссылки:

  • Бесплатные видеоуроки по Фотошопу;
  • Каталог платных курсов по Фотошопу видеоуроки по разным направлениям;
  • Курсы для фотографов;
  • Полноценный онлайн курс по веб-дизайну с нуля от SkillBox.

Основы Photoshop: Работа с текстом

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

/en/photoshopbasics/working-with-brushes/content/

Введение

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

Чтобы использовать инструмент «Текст»:
  1. Найдите и выберите инструмент Type на панели Tools . Вы также можете нажать клавишу T на клавиатуре, чтобы получить доступ к инструменту «Текст» в любое время.
  2. На панели Control в верхней части экрана выберите нужный шрифт и размер текста .
  3. Щелкните селектор Цвет текста , затем выберите нужный цвет в диалоговом окне.
  4. Нажмите и перетащите в любом месте окна документа, чтобы создать текстовое поле.
  5. В документ будет добавлен новый текстовый слой. Вы можете начать печатать, чтобы добавить текст к слою.

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

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

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

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

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

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

  • Добавление текста к изображениям (Adobe)
  • Подробное введение в инструмент «Текст» (Tuts Plus)
Продолжать

Предыдущий: Работа с кистями

Далее:Чтение гистограммы

/en/photoshopbasics/reading-a-histogram/content/

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

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

Содержание

  • Текстовые инструменты Photoshop
  • Как добавить текст в Photoshop
  • Как редактировать текст в Photoshop
  • Как насчет использования инструментов рисования или клонирования?
  • Файлы с текстом должны быть сохранены в формате PSD для последующего редактирования

Текстовые инструменты Photoshop

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

 Текстовый инструмент (находится на панели инструментов слева)
Инструмент перемещения (находится на панели инструментов слева)
Изменить ориентацию текста
Изменить размер текста
Создать искаженный текст
Изменить цвет текста
Открытие панелей символов и абзацев

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

1. Щелкните значок T на левой панели инструментов.

Параметр по умолчанию — обычный горизонтальный текст — этот вариант используется чаще всего. Однако, если вы щелкнете и удержите значок Text Tool , вы откроете подменю с несколькими различными параметрами, включая вертикальный текст. Инструмент Type Mask , который имеет горизонтальную и вертикальную опции, создает текстовое выделение вашей фотографии. Используйте этот параметр, если вы хотите создать слова, заполненные вашей фотографией, а не накладывать текст поверх фотографии.

2. Нарисуйте рамку на холсте примерно там, где вы хотите разместить текст.

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

3. Отрегулируйте тип и размер шрифта вверху.

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

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

4. Используйте параметры деформации, чтобы согнуть текст (необязательно).

Хиллари К. Григонис/Digital Trends

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

5. Сделайте плохое словесное искусство с помощью 3D-кнопки (опционально).

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

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

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

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

1. Убедитесь, что вы действительно можете редактировать свой текст.

Типичное текстовое поле можно легко настроить. Но если вы работаете с текстовой маской, растровым шрифтом или шрифтом, который уже был преобразован в объект или слой, вы не можете редактировать текст. Это потому, что эти процессы превращают текст в пиксели, и Photoshop больше не распознает их как шрифт. Вы также не можете редактировать текстовую маску после того, как вы щелкнули ее. Если вы открыли существующий документ, вы также не сможете редактировать текст — файлы PSD необходимы для сохранения возможности редактирования текста. Вы не можете открыть PDF — если это не Photoshop PDF с сохраненными возможностями редактирования — и просто щелкнуть, чтобы отредактировать текст в Photoshop. В этом случае вам нужно будет удалить текст и добавить новое текстовое поле.

2. Нажмите на текст.

Для текста, который все еще можно редактировать, просто нажмите Текстовый инструмент  , а затем щелкните текст, чтобы получить доступ ко всем различным параметрам. Возможно, вам придется сначала выбрать текстовый слой и скрыть остальные, если в файле много слоев. Нажмите на панель Layers справа. Текстовые слои имеют значок T и обычно называются в честь текста внутри этого текстового слоя. (Не можете найти панель слоев? Нажмите F7 ключ.)

3. Чтобы переместить текст, выберите инструмент со стрелкой в ​​верхней части панели инструментов справа.

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

Как насчет использования инструментов рисования или клонирования?

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

No related posts.