Как добавить цифры в фотошопе

Обновлено: 06.01.2025

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

Видео урок о тексте в Фотошоп

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

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

Подготовка фона открытки

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

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

В этой статье я оставлю картинку в том соотношении, как она была снята, то есть 4*3. Если вам нужно другое соотношение сторон, например 16*9, и вы не знаете, как это сделать, то смотрите еще один ролик, где я очень подробно показываю пошагово, как это выполняется.

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

Изменение размера изображения

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

Открываю в верхней панели выпадающее меню «Изображение» и в нем вкладку «Размер изображения».

В открывшемся окне я вижу, что картинка слишком велика, для открытки такие размеры вовсе не нужны. Поэтому меняю значение Ширины на 1500 пикселей. Можно сделать еще меньше, вплоть до 500 пикселей.

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

После этого немного меняю расположение в кадре основного элемента – букета. Для этого активирую инструмент «Перемещение», чтобы появились маркеры, и я могла бы сдвигать картинку.

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

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

Для изменения размеров картинки без искажений пропорций нужно на клавиатуре зажать клавишу CTRL и мышкой потянуть за любой из маркеров.

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

Подготовительные работы завершены.

Работа с текстом в фотошопе

Подробно, пошагово о том, как добавить текст в фотошопе, изменить размер, начертание и стилистическое оформление.

Вставка текста

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

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

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

Абзац можно передвигать, активировав инструмент «Перемещение».

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

Форматирование текста в верхней панели

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

Кроме того меня не устраивают размер текста, шрифт. Это легко поправимо.

• Выделяю написанное.
• При активной кнопке ТЕКСТ в боковой панели инструментов открыта панель форматирования вверху.

Здесь можно изменить начертание текста, его размер, цвет, и так далее.

Правая панель символов для редактирования текста

Также для работы с текстом удобна отдельная панель на рабочем столе справа. Ее активировать можно из верхнего меню «Шрифт» далее «Панели» и выбор панели символов.

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

Достаточно кликнуть в маленькое окошко с цифрами и покрутить колесико мышки – на мониторе сразу видны изменения. Либо вручную вбить с клавиатуры нужное значение.

Важно: текст для этого должен быть выделен.

Как применить стили к тексту в фотошопе

Перехожу к стилям текста.

Открываю в верхнем меню вкладку «Стили», в ней «Стиль слоя» и «Параметры наложения».

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

Как сделать тень текста

Начну с теней, эта вкладка в нижней части списка.

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

Чтобы тень легла так, словно освещение у меня слева вверху я меняю соответственно и угол падения света. Это круг с лучом, который легко двигается мышкой.

Далее делаю тень более прозрачной, легкой. И меняю ее цвет с черного на темно-красный.

Текст с тенью готов.

Внешнее свечение текста

Во вкладке «Внешнее свечение» меняю размер, размах, прозрачность, цвет – все по аналогии с тенью, все операции идентичны.

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

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

Следующий пункт – обводка текста PhotoSHop. По умолчанию толщина линии у меня стоит 3 пикселя. Меняю на более тонкий контур в 1 пиксель. И цвет беру пипеткой из оттенков букета.

Изменение оттенка текста с помощью «Наложения цвета»

Добавление рамки на открытку

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

В ней настраиваю внешний вид рамки:

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

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

Водяной текст или водяной знак

Меняю начертание, цвет, размер и перетаскиваю его в правый нижний угол.

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

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

Можно скопировать уже настроенные стили предыдущего текста и вставить их на новый текст. Эти команды все есть во вкладке «Стили».

Сохранение открытки

Моя открытка готова, сохраняю ее в формате Jpeg, качества достаточно среднего.

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

Изменение размера готовой открытки

Для ВКонтакте или для других соцсетей данный размер открытки вполне подойдет. Но для сайта нужна картинка поменьше.

Не возвращаясь в фотошоп, я обычно и просматриваю, и выполняю простые операции в программе Picture Manager или еще его название Диспетчер рисунков. Вы можете посмотреть давний урок по работе в этой программе на Ютуб (ссылка)

В этой программе во вкладке (в верхней панели) «Изменить рисунки», кликаю «Изменение размера».

Далее выбираю «Стандарт Веб Крупный (640 на 480 пикселей)».

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

Заключение

Применяйте на практике полученные знания и у вас все получится. Если что-то было с первого раза не понятно – пересмотрите видео.

Посмотрите другие мои бесплатные уроки по работе с графикой, например, в графическом редакторе Canva.

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

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

Загрузить файл примеров и шрифты для пробного использования

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

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

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

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

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

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

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

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

Прежде чем форматировать отдельные символы, их надо выделить. Можно выделить один символ, диапазон символов или все символы в текстовом слое.

Чтобы быстро научиться работать с текстовыми функциями Photoshop, см. раздел Добавление слов на картинку.

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

• Выберите инструмент «Перемещение» и дважды щелкните текстовый слой на холсте.
• Выберите инструмент «Горизонтальный текст» или «Вертикальный текст» . Выберите текстовый слой на панели «Слои» или щелкните текст на изображении для автоматического выбора текстового слоя.

Поместите курсор вставки в текст и выполните одно из следующих действий.

• Перетаскиванием курсором мыши выделите один или несколько символов.

• Щелкните внутри текста начало выделения, а затем щелкните конец выделяемого диапазона, удерживая нажатой клавишу «Shift».

• Выберите меню «Выделение» > «Все», чтобы выбрать все символы в слое.

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

• Для выделения символов с помощью клавиатуры, щелкните текст, а затем, удерживая нажатой клавишу «Shift», нажимайте клавиши со стрелками влево и вправо. Для выделения слов при помощи клавиатуры, удерживая нажатыми клавиши «Shift»+«Ctrl» (Windows) или «Shift»+«Command» (Mac OS), нажимайте клавиши со стрелками влево и вправо.

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

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

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

Панель «Символ» можно отобразить, выполнив следующие действия.

Выберите меню «Окно» > «Символ» или щелкните ярлык панели «Символ», если панель видна, но не активна.

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

Чтобы установить параметр на панели «Символ», выберите значение из всплывающего меню справа от параметра. Для изменения значений числовых параметров можно воспользоваться стрелками вверх и вниз или же изменить значение непосредственно в текстовом поле. После непосредственного изменения значения нажмите клавишу «Ввод» («Return»), чтобы сохранить значение, «Shift» + «Ввод» («Shift» + «Return»), чтобы сохранить и выделить его, или «Tab», чтобы сохранить значение и перейти к следующему полю панели.

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

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

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

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

По умолчанию единицей измерения для текста являются пункты. Один пункт PostScript составляет 1/72 дюйма на изображении с разрешающей способностью 72 ppi. Существует, однако, возможность переключения с единиц измерения PostScript на традиционные определения размеров точки. Единицу измерения размера шрифта по умолчанию можно изменить в области «Единицы измерения и линейки» диалогового окна «Установки».

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

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

— Исходное изображение с текстом;

— Лицензионная программа Adobe Photoshop(Закажите ее у нас со скидкой и быстрой доставкой).

Инструкция

1. Если у вас имеется нужное изображение с расширением PSD, то в его редактировании нет ничего сложного. Psd – это стандартный формат документов Adobe Photoshop. Откройте данное изображение в редакторе, имеющийся текст должен располагаться на отдельном слое. Откройте панель слоев клавишей F7 или нажмите соответствующий пункт в меню «Окно», активируйте слой с текстом. Щелкните мышкой на текст и приступайте к его редактированию обычным способом. Для сохранения формата текста не удаляйте полностью имеющуюся надпись.
2. Чаще всего приходится редактировать текст на фотографиях, которые не разделены на слои, они имеют формат Jpg. Рассмотрим вариант редактирования текста на однотонном фоне. Для начала нужно записать цвет текста, используйте опцию «Пипетка» и кликните на текст. Опция «Пипетка»

Щелкните на инструмент выбора основного цвета и запомните, а лучше запишите информацию о цвете.

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

Видео: Фотошоп, Как заменить текст на готовой картинке.

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

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

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

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, растянуть, сжать, или перевернуть текст.

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

С помощью кисти постепенно изогните текст, как вам нужно:

• Сделайте кисть как можно больше, чтобы скорректировать весь блок текста сразу;
• Уменьшите значение нажима кисти, чтобы получить более тонкий эффект.

Совет

Если вы в процессе того, как в Фотошопе редактировали текст на картинке, допустили ошибки, то нажмите сочетание клавиш Ctrl / Cmd + Z . Это комбинация для отмены операции.

Данная публикация представляет собой перевод статьи « How to Replace Text in Adobe Photoshop » , подготовленной дружной командой проекта Интернет-технологии.ру

ProGIMP — сайт про Гимп

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

Похожие вопросы уроки

2 ответа

если цифры на однотонном фоне, создаете новый слой, делаете прямоугольное выделение немного больше чем изображение цифр на картинке. Копируете цвет возле цифр и заливаете этим цветом прямоугольник выделения. Объединяете слои. С помощью инструмента "Текст"[T] пишите новые цифры.
Если фон не однородный , то можно применить инструмент "Штамп"[C]. Пример как использовать показан в уроке
/articles/remove_superfluous_details/
Лучше заранее создать слой с новой надписью, подобрав нужный размер и шрифт имитирующий тот, что на картинке.

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

  
• Не удалось инициализировать браузер mozilla через питон
  
• Как распределить текст по всей ячейке в excel
  
• 1с скд заголовок отчета по центру
  
• Как добавить ячейку в 1с
  
• Для создания файла в формате pdf необходимо использовать команду в мой офис