Редактирование шрифта в фотошопе. Горизонтальный текст и Вертикальный текст

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

Часть 1. Удаление старого текста

  1. Изолируйте слой, который вы редактируете, чтобы не удалить ничего существенного. Вы также можете продублировать фоновый слой, чтобы гарантировать, что вы не испортите исходное изображение. Кликните по нему в палитре слоев и нажмите Ctrl + J или Cmd + J , чтобы создать копию оригинала:


  1. Перед тем, как в Фотошопе редактировать текст на картинке, определите тип фона под ним. В Photoshop есть много инструментов для удаления текста, но вам нужно убедиться, что вы используете правильный:
  • Текст без рендеринга: если в палитре слоев напротив слоя текста значится буква «Т «, значит текст еще может быть отредактирован. Нажмите кнопку «T «, чтобы включить инструмент «Текст », а затем нажмите на текст, чтобы заменить его:


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


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


  1. Выделите текст, который вы хотите удалить с помощью инструмента «Быстрое выделение » или «Лассо ». Если текст на фоне выглядит как буквы на неровной поверхности, используйте соответствующий инструмент выделения, чтобы точнее отметить текст. Линия контура должна плотно прилегать к тексту:
  • Обведите текст, а затем перейдите в Выделение>Уточнить края , чтобы получить идеальное выделение;
  • В качестве альтернативы вы можете, удерживая нажатой клавишу Ctrl / Cmd кликнуть по текстовому слою, чтобы выделить его.

Если текст уже находится в отдельном слое, удерживая Ctrl / Cmd , кликните по его миниатюре (обычно она выглядит как буква «T « ), чтобы выделить весь текст сразу:


  1. Расширьте выделение на 5-10 пикселей за пределы исходного текста. Для этого нажмите на кнопку Выделение> Модификация>Расширить. Перед тем, как редактировать текст в Фотошопе , нам нужно создать небольшую рамку вокруг него. Это фон, который будет использоваться для замены текста.

Часть 2. Замена фона

  1. Используйте функцию «Заливка с учетом содержимого », чтобы автоматически залить текст новым фоном. Эта мощная функция анализирует изображение под текстом, а затем случайным образом повторяет его вместо слов, что позже позволит написать новый текст. Чтобы использовать ее, убедитесь, что:
  • Текст выделен;
  • У вас есть 5-10 пикселей выделенного пространства вокруг текста;
  • Выбран слой с соответствующим фоном.


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


  1. Перед тем, как продолжить редактирование текста в слое Фотошопа, выберите в разделе «Содержание » пункт «С учетом содержимого », а затем установите флажок для параметра «Цветовая адаптация ». «С учетом содержимого » означает, что Photoshop будет анализировать выделенные пиксели и использовать их, чтобы создать новый фон:


  1. Нажмите «OK », чтобы создать заливку. Эта заливка является случайной, поэтому, если она не совсем подходит, вы можете вернуться в Редактирование> Выполнить заливку и попробовать снова, чтобы получить лучший результат. Если у вас с первого раза не получилось так, как вы хотите, попробуйте:
  • Перейти к разделу «Уточнить края » до того, как выбирать пункт «Выполнить заливку », и растушевать края выделения. Это поможет лучше смешать пиксели;
  • Изменить «Режим наложения » в меню заливки. Уменьшите непрозрачность до 50% и попробуйте создать 2-3 заливки поверх друг друга, чтобы получить более случайный эффект;
  • Используйте вместе с «Пипеткой » инструменты «Кисть » и «Градиент », чтобы закрасить проблемные места.

Часть 3. Добавление нового текста


  1. Найдите подходящий шрифт перед тем, как редактировать текст в слое Фотошопа . Если вы знаете шрифт, которым был написан оригинальный текст, или хотите выбрать свой собственный, вы можете выбрать его при активном инструменте «Текст ». Но если вы хотите использовать точно такой же шрифт, придется немного покопаться. Вы можете скачать шрифты бесплатно в интернете и добавить их в Photoshop (как правило, это файлы с расширением .ttf ). Вы также можете использовать сайт WhatTheFont , который определяет шрифт на загруженном пользователем изображении:


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


  1. С помощью функции «Произвольная трансформация » задайте нужный угол и форму редактируемого текста в Фотошопе, и поместите его в нужном месте. Чтобы применить произвольную трансформацию, убедитесь, что ваш новый текст выбран в меню слоев. Затем нажмите Ctrl + T или Cmd + T , чтобы преобразовать текст. Вы можете также перейти в Редактирование> Произвольная трансформация . В появившемся окне измените размер объекта.

Также вы можете:

  • Кликнуть в любой точке, чтобы изменить размер текста от этой точки;
  • Удерживая нажатой клавишу Shift, пропорционально изменить размеры;
  • Удерживая нажатой клавишу Ctrl или Cmd, нажать в любой точке, чтобы при трансформации задать перспективу от этой точки;
  • Удерживая нажатой клавишу Alt или Opt, растянуть, сжать, или перевернуть текст.

Добрый день уважаемые читатели! Бывает так, что вот придумали интересный логотип, баннер или хедер для сайта, а вот со шрифтом просто беда. Подобрать подходящий не получается. И вот в этом случае я предлагаю вам самим создать необходимое начертание букв простым методом. . Главное — включить всю свою фантазию, но давайте перейдем от слов к делу.

Прежде чем изменить форму букв нам необходимо эти буквы создать, поэтому запускаем программу Photoshop и создаем новое изображение. Нажав сочетание клавиш Ctrl+N или же Файл — Новый

На полученном изображение применив инструмент «Текст» напишите первую букву слова

Для продолжения работы следует преобразовать букву в кривые. Это можно сделать зайдя во вкладку Layer — Tupe — Convert to Shape

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

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

К полученной букве примените три Стиля слоя. Это Тень, Тиснение и Скос, Градиент. Установив следующии параметры наложения Стилей слоя:

Тень
режим наложение - умножение
непрозрачность - 75%
угол - 120
смещение - 6

Тиснение и Скос
стиль - emboss
метод - плавный
глубина - 1000%
направление - вверх
размер - 5

Градиент
режим наложение - нормальный
непрозрачность - 100%
тип градиента - угловой
угол - 90

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

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

В итоге у вас должно получиться следующее

Современные технологии дают людям практически неограниченные возможности. Особенно можно отнести к творчеству: если раньше на то, чтобы нарисовать просто красивую (не гениальную по своему содержанию) картину, нужно было учиться годами, как это делали гении эпохи Возрождения в Италии и на Руси, то сегодня неплохое «полотно» (теперь это лишь образное название) можно сделать за несколько часов на компьютере, обладая навыками работы в «Фотошопе».

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

Что понадобится?

Для работы понадобится сама программа. Причем не так важно, какой версии она будет. Учиться тому, как изменять текст в «Фотошопе», можно на любой версии программы. Даже достаточно старые релизы умеют так

Как изменить текст в «Фотошопе»?

На самом деле, редактировать текст в «Фотошопе» не так сложно. Для этого достаточно последовательно выполнить пункты инструкции, описанной ниже:

  • Необходимо выделить область, содержащую текст, который будет отредактирован.
  • Эту часть изображения нужно скопировать (в отдельных случаях можно и вырезать) на новый слой.
  • С помощью инструмента «Заплатка» (в англоязычной версии он называется Patch Tool) нужно аккуратно, задевая как можно меньше постороннего пространства, выделить текст, который необходимо отредактировать.
  • Выделенные куски текста должны быть перенесены на пустую область изображения (их нужно скрыть каким-либо образом). В данном случае всё зависит от смекалки пользователя.
  • На образовавшейся пустой области нужно написать собственный текст.

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

Редактирование текста

Любое который вводится на месте старого (оригинального), осуществляется во время его набора. Чтобы добавить текст на картинку, необходимо выбрать инструмент «Текст». Затем нужно кликнуть курсором по той области изображения, куда нужно добавить какой-либо текст. Прежде чем вводить его, лучше заранее позаботиться о шрифте, цвете и размере. Их можно выбрать на верхней панели, которая находится под баром с вкладками «Файлы», «Редактирование», «Изображение», «Слои» - и так до раздела «Справка».

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

Что делать с уже написанным текстом?

Было несложно разобраться в том, как изменить текст на картинке в «Фотошопе». Но иногда случается иначе: оригинальный текст убран, новый написан, и всё вроде бы хорошо, но выясняется, что в новую версию необходимо внести правки, а текст уже не находится в состоянии редактирования. Что делать тогда? Как изменить написанный текст в «Фотошопе»? Если ошибка в тексте была замечена сразу, то можно отменить действие и набрать текст заново, если это не проблематично. Отмена действия производится с помощью комбинации клавиш Ctrl + Z по умолчанию. Кроме того, это можно сделать, если зайти во вкладку «Редактирование». Но если после того как текст был набран, пользователь произвел еще какие-то действия, отменять которые нежелательно, то для редактирования слов и словосочетаний можно воспользоваться тем методом, что был описан в начале статьи.

Нюансы

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

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

Безусловно, намного удобнее выделять какие-то неровные (с геометрической точки зрения) объекты с помощью специального графического планшета и стилуса. Если есть возможность воспользоваться этими инструментами, нужно незамедлительно ее реализовать. Чтобы выбрать желаемый цвет текста, можно воспользоваться инструментом «Пипетка». Он появится на экране, как только пользователь откроет палитру цветов текста. Кроме того, стоит помнить, что у каждого цвета есть собственное уникальное наименование, состоящее из шести символов, вводимых после значка «решётка». И это также может облегчить задачу выбора цвета для текста.

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

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

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

В этом уроке научимся создавать и редактировать текстовый контент в Фотошопе.

В Фотошопе существует группа инструментов, предназначенных для создания текстов. Как и все инструменты, она располагается на левой панели. Группа содержит четыре инструмента: «Горизонтальный текст», «Вертикальный текст», «Горизонтальный текст-маска» и «Вертикальный текст-маска» .

Поговорим об этих инструментах подробнее.

Горизонтальный текст и Вертикальный текст

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

Горизонтальный текст-маска и Вертикальный текст-маска

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

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

Данное выделение можно использовать в разных целях: просто закрасить его каким-то цветом, либо при его помощи вырезать текст из изображения.

Текстовые блоки

Кроме линейных (в одну строку) текстов, Фотошоп позволяет создавать текстовые блоки. Главное отличие – контент, содержащийся в таком блоке, не может выйти за его границы. Кроме того, «лишний» текст скрывается из видимости. Текстовые блоки подлежат масштабированию и искажению. Подробнее – в практике.

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

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

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

либо применить правку и настроить свойства текстового слоя целиком.

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

Кликом по редактируемому текстовому слою в палитре слоев,

либо активацией любого инструмента. В этом случае отредактировать текст можно будет только в палитре «Символ» .

Настройки текста находятся в двух местах: на верхней панели параметров (при активированном инструменте «Текст» ) и в палитрах «Абзац» и «Символ» .

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

«Абзац» и «Символ» :

Вызываются данные палитры через меню «Окно» .

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


Дополнительные настройки шрифта в палитре Символ

В палитре «Символ» имеются настройки, недоступные на панели параметров.

Практика

1. Строка.
Для написания текста в одну строку, необходимо взять инструмент «Текст» (горизонтальный или вертикальный), кликнуть по холсту и напечатать то, что необходимо. Клавиша ENTER осуществляет переход на новую строку.

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

Масштабирование блока осуществляется при помощи маркеров, находящихся в нижней части рамки.

Искажение блока производится с зажатой клавишей CTRL . Здесь сложно что-то посоветовать, попробуйте повзаимодействовать с разными маркерами.

Для обоих вариантов поддерживается внесение текста копипастом (скопировать-вставить).

На этом урок по редактированию текста в Фотошопе окончен. Если Вам необходимо, в силу обстоятельств, часто работать с текстами, то досконально изучите этот урок, и практикуйтесь.

11.02.2018 11.02.2018

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

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

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

  • «Горизонтальный текст»;
  • «Вертикальный текст»;
  • «Вертикальный текст-маска»;
  • «Горизонтальный текст-маска.

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

Создаем надпись

Чтобы сделать надпись в Фотошопе, нужно кликнуть на символ текста («Т»), а затем нажать на то место изображения, куда вы ходите ее добавить. После этого введите нужный текст. На экране появится простая черная надпись без стилизации. Если вы хотите создать уникальный текстовый контент, необходимо использовать специальный инструментарий.

«Горизонтальный текст» и «Вертикальный текст – наиболее простые параметры. Они задают ориентацию надписи. Чтобы выбрать тот или иной инструмент, нужно кликнуть на соответствующую функцию в меню значка «Т». Используя эти функции, вы создаете новый слой в Фотошопе, который будет расположен над фоновым.

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

Редактируем текст

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

Для редактирования основных параметров текстового контента существует целая панель инструментов. Она расположена над рабочим холстом. На ней расположены следующие параметры:

  • Шрифт;
  • Написание;
  • Кегль;
  • Резкость;
  • Положение относительно границ;
  • Цвет;
  • Деформация.

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

Как выбрать шрифт для текста

Форматировать шрифт можно следующим образом:

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

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

Важно! У каждого шрифта своё количество начертаний и возможностей.

Кегль или размер шрифта

Кегль – это размер символов текста. Из стандартных можно выбрать показатель от 6 до 72 пикселей. Также можно настроить его вручную, введя в строку соответствующее число. Однако обратите внимание, что возможный максимум – 1296 пт.

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

Выравнивание текста

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

Цвет

Для изменения цвета текста выполните следующие действия:

  1. Убедитесь, что выбран слой с текстом.
  2. Нажмите на значок «Цвет».
  3. В открывшейся палитре выберите необходимый оттенок.

Деформация

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

Параметры символов текста

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

Настраиваем вкладку «Символ»:

Кернинг – настройка расстояния между буквами (плотности текста). Поможет визуально сделать текст более удобным для чтения.

Вертикальный и горизонтальный масштаб – форматируют высоту и ширину символов.

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

– позиция расстояния между символами.

– определение языка, на котором написан текст.

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

Настраиваем вкладку «Абзац» (вызвать окно можно через меню Окно — Абзац):

Помимо выравнивания по одному краю или по центру в этой вкладке можно также:

Выровнять текст по ширине или оставить свободную последнюю строку:

Настроить ширину отступов:

Установить переносы слов (для текстового блока):

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

Текстовый блок

Текстовый блок – это связный масштабный текст, ограниченный рамками. Главная особенность – строгие границы. Это значит, что контент внутри рамок попросту не может за них выйти. В том случае, если текст не помещается внутри, он становится невидимым.

Редактировать текстовый блок можно так же, как и надпись. Фотошоп дает возможность изменения не только стандартных параметров букв, но и положения на странице. Блок легко исказить или масштабировать. Специфичные параметры его форматирования мы опишем ниже.

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

Чтобы изменить размер блока можно при помощи маркеров на нижней границе (нажмите CTRL+T или меню Редактирование — Трансформирование — Масштабирование).

Для деформации блока зажмите клавишу «Ctrl» и искажайте границы также зажимая маркеры.

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

Заключение

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

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

Благодаря широкому спектру функций редактирования в Фотошопе можно создавать интересные текстовые эффекты в фотошопе. У нас на сайте есть раздел посвященный текстовым эффектам —