Как сделать в фотошопе текст картинкой: Добавьте текст на изображение в Photoshop Elements

Содержание

Как сделать картинку в Photoshop

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

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

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

Открываем Photoshop и жмём Ctrl+N («Файл — Создать»). Вы можете задать другой размер, а я установил 21 х 29,7 см — размер стандартного листа A4:

Картинка будет служить не только для изготовления 3D-обложки, но и как титульная страница при создании электронной книги в формате PDF. Если сделать картинку меньшего размера, то при её увеличении, пострадает качество. Остальные параметры в окне не важны.

Создадим фон картинки, для заливки которого нужно установить цвет. Но т.к. мы будем делать градиентную заливку, нам потребуется выбрать два цвета: основной (Рис.1-1А) и фоновый (Рис.1-1Б). Кликните по квадратику, и откроется «Палитра цветов», где можно подобрать цвет или ввести в отмеченное поле вручную:

Рис.1. Панель инструментов и Палитра цветов

То же самое проделайте со вторым квадратиков, установив цвет потемнее. Инструмент «Заливка» может служить для заливки фона одним цветом, а мы выбираем инструмент «Градиент» (Рис.1-2):

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

Если используется изображение большого размера, то для удобства уменьшаем масштаб в нижнем уголке. Следующим шагом будет нанесение надписи. Выбираем инструмент «Текст» (Рис.1-3) и кликаем примерно в том месте, где он должен начинаться.

Точность места не важна, потому что готовую надпись мы сможем передвинуть, используя инструмент «Перемещение» (Рис.1-4).

Устанавливаем цвет текста (Рис.2-1) и набираем название книги. Если оно длинное, то для переноса строки используем клавишу Enter. Обратите внимание, наши две строчки получились неодинаковой длины:

Для того чтобы править текст, заходим в «Окно — Символ» и используем панель «Символ» (Рис.2). Выделяем надпись или её часть и задаём шрифт (Рис.2-2), у меня это «Impact». Длину строки регулируем размером шрифта (Рис.2-3) или изменяем её ширину в процентах (Рис.2-5). Рядом можно изменить её высоту (Рис.2-4).

Рис.2. Правка текста в панели «Символ»

В поле (Рис.2-6) регулируем междустрочный интервал, а после завершения всех действий жмём галочку (Рис.2-7), что их сохраняет. Перечёркнутый кружок служит для отмены произведённых изменений. Теперь сдвигаем надпись на её место, а заодно центрируем по горизонтали с помощью инструмента «Перемещение» (Рис.1-4).

Для того чтобы надпись стала более привлекательной наложим на неё тень: «Слои — Стиль слоя — Тень». Я оставил настройки, которые были по умолчанию, но вы можете их подкорректировать. Например, изменить угол отображения тени (тут 120°), или изменить её смещение и размер:

Теперь вы сможете сделать столько надписей, сколько требуется, повторив все процедуры. Для того чтобы повернуть надпись и сделать её вертикальной, идём в «Редактирование — Трансформирование — Поворот на 90° против часовой».

Осталось добавить изображения: сверху логотип, а второе, в формате PNG с прозрачным фоном:

Откройте изображение PNG, выделите его инструментом «Прямоугольная область» (Рис.1-5) и скопируйте: Ctrl+C («Редактирование — Скопировать»). Теперь выделите прямоугольник на нашей картинке и вставьте его: Ctrl+V («Редактирование — Вставить»).

Чтобы подогнать вставленное изображение по размеру, нажмите Ctrl+T («Редактирование — Свободное трансформирование»), и тяните курсором за уголки рамки. Затем подправьте местоположение инструментом «Перемещение» (Рис.1-4).

Чтобы вставить изображение с непрозрачным фоном, нужно уметь пользоваться другими инструментами выделения, например: «Лассо» (Рис.1-6), и некоторыми другими. Или делать картинку с белым фоном. Но вы без особого труда сможете найти изображения PNG с прозрачным фоном, применив фильтры для их поиска в Яндекс Картинках.

Естественно, что всё «гладко» с первого раза может не получиться. Но мы спокойно может отредактировать любую надпись, изображение или даже поменять фон. Все они располагаются на отдельных слоях. Работать со слоями можно из панели «Слои», нажмите F7 («Окно — Слои»):

Рис.3. Работа в панели «Слои»

Видите, и картинки, и каждая надпись расположены в своём слое, которые образовались в процессе работы. Но вы сами можете создавать новые слои (Рис.3-1) или удалять их (Рис.3-2). Слева у каждого слоя находится глазик, он отвечает за его видимость. Кликните по глазику, и слой на картинке станет невидимым.

Рабочий слой всегда выделен, в нашем примере — это надпись «webmastersam.ru». Если сейчас выбрать инструмент «Текст» (Рис.1-3) и выделить эту надпись на нашей картинке, то её снова можно редактировать.

Выделяйте нужные слои и вносите изменения. Наиболее неудачные элементы картинки отключайте (глазиком) и создавайте альтернативные. Комбинируя, отбирайте удачные варианты.

Обычные веб-форматы изображений не имеют слоёв. Чтобы иметь шаблон картинки со слоями, для последующего использования, сохраните её в формате PSD: Shift+Ctrl+S («Файл — Сохранить как»).

Ну, а саму картинку, сохраните в формате JPG или PNG-8: Alt+Shift+Ctrl+S («Файл — Сохранить для Web и устройств»). Если требуется повышенное качество картинки, выбирайте формат PNG-24. Получится более полновесный файл, но картинка будет высокого качества.

Уроки Photoshop:

Поделиться с друзьями:

Работа с текстом photoshop

Приветствую друзья и читатели сайта fotodizart.ru! Сегодня поделюсь опытом при работе с текстом в фотошопе.

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

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

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

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

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

Работа с текстом в photoshop станет намного легче, если будите знать все параметры этих двух окон. Ну и напоследок хочу поделиться еще одним интересным моментом которому следует уделить внимание, так как он также будет экономить время при вставке изображения в блок с текстом.

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

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

Вот так обстоит работа с текстом в фотошопе.

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

Как сделать текст в Фотошопе?

Как сделать текст в Фотошопе?

ДА! Этот урок будет посвящен тексту в Фотошопе. Очень часто случается, что нам нужно подписать какую-то картинку или фотографию красивым текстом или мы делаем какую-то обложку, флаер, и прекрасно оформленный текст в таком случае просто необходим.

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

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

Вот такое изображение открыл я:

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

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

Выбираем из списка шрифт, который нам нравится:

Потом нужно установить размер:

И цвет:

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

Пишем текст, потом выбираем инструмент «Перемещение» и можем перетаскивать текст по всей картинке. Также можно выровнять текст стрелочками с клавиатуры. Вот что получилось у меня:

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

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

Нажимаем на нее и в появившемся списке выбираем «Параметры наложения».

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

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

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

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

После того как все настроено нажимаем «Да».

Вот такой вот результат на данный момент у меня:

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

Далее нам нужно включить «Свободное трансформирование». Заходим в меню «Редактирование» и в выпадающем списке выбираем «Свободное трансформирование».

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

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

Остался один штрих – нужно Непрозрачность сделать поменьше. В палитре слоев уменьшаем Непрозрачность по вкусу. Я сделаю процентов 30.

У меня вот так:

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

И давайте еще нашу картинку сделаем более яркой. Заходим в меню «Изображение – Коррекция — Уровни».

В появившемся окне левый ползунок слегка переместим вправо, а правый – влево. После настройки нажимаем «Да».

Вот, что в итоге у меня получилось:

Вот они основы работы с текстом в Фотошопе. Поэкспериментируйте, попробуйте еще Вертикальный текст, выберите какой-нибудь другой шрифт, примените другие Параметры наложения. Я уверен, у вас все получится! Удачи!

Следующий урок: Инструменты выделения в Фотошопе

Интересные статьи по теме:

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

Наложение изображений на различные объекты в программе Фотошоп – занятие увлекательное и иногда довольно полезное.

Сегодня я покажу, как наложить картинку на текст в Фотошопе.

Способ первый – воспользоваться обтравочной маской. Такая маска оставляет изображение только на объекте, к которому применена.

Итак, имеем какой-либо текст. У меня, для наглядности, это будет просто буква «А».

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

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

Теперь внимательно…

Зажимаем клавишу ALT и подводим курсор к границе между слоями с текстурой и текстом. Курсор изменит форму на квадратик с изогнутой книзу стрелкой (в Вашей версии Фотошопа значок курсора может отличаться, но форму изменить он должен обязательно).

Итак, курсор поменял форму, теперь кликаем по границе слоя.

Все, текстура наложилась на текст, а палитра слоев выглядит так:

При помощи этого приема можно наложить несколько изображений на текст и включать и отключать их (видимость) по необходимости.

Следующий способ позволяет создать из изображения объект в форме текста.

Так же помещаем текстуру поверх текста в палитре слоев.

Следим, чтобы активированным был слой с текстурой.

Затем зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом. Увидим выделение:

Данное выделение необходимо инвертировать сочетанием клавиш CTRL+SHIFT+I,

а затем удалить все лишнее, нажав клавишу DEL.

Выделение снимается клавишами CTRL+D.

Картинка в форме текста готова.

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

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

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

просто и быстро — МирДоступа

Расскажем как быстро удалить текст с фотографии без воздействия на общий фон…

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

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

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

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

Последовательность действий чтобы убрать текст с фотографии в простых случаях следующая:

Открыть изображение.
Выбрать в списке инструментов выбрать Лассо и выделить текст, который необходимо удалить.
После выделения текст, который нужно удалить должен быть выделен пунктиром.
Кликнуть по выделенному объекту правой кнопкой мыши клавишей и в выпавшем меню выбрать команду «Выполнить заливку». Выбрать значение Аware Fill — c учётом содержимого*.
Если фон однородный, то заливка с учетом содержимого чаще всего бывает достаточной для удаления любого текста.

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

Необходимо выбрать восстанавливающую кисть на панели инструментов. Далее — задать размер кисти в соответствии с толщиной удаляемых символов. Оптимальный вариант, когда толщина кисти аналогична толщине линии в буквах. В настройках кисти выбрать опцию «С учётом содержимого».
При помощи восстанавливающей кисти выделить границы надписи каждого символа (используя левую кнопку мыши). Выделенные участки будут иметь серый цвет. Если кнопку мыши отпустить произойдёт заполнение выделенного пространства. Таким образом, можно небольшими участками по одному символу удалить текст даже со сложного фона.
Продолжать аналогичные действия до тех пор пока весь текст не будет удалён.

* Если активировать Аware Fill — c учётом содержимого фотошоп будет автоматически заполнять удаляемую область с учётом того содержимого, которое находится за выделенной областью. Другими словами, теперь при заливке фотошоп будет автоматически заполнять необходимый участок изображения той текстурой, которая находится за выделенным объектом.

Facebook

Twitter

Мой мир

Вконтакте

Одноклассники

Как вставить картинку в текст в фотошопе: инструкция для новичков

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

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

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

Создаем новый документ

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

Итак, после того как вы нажали «Файл» — «Создать». Перед вами появится форма, в которой вы можете выбрать тип документа из целого списка: международный формат бумаги, фото, web и так далее. Каждый из этих типов делится на различные подвиды, к примеру, web на большой баннер, стандартную интернет-страницу, MacBook. Международный формат – A3, A4, А2.

В чем преимущество этого метода? Вам не придется заморачиваться с размерами, искать их в интернете. Все заранее подготовлено.

Работа с текстом

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

Итак, выбираем шрифт. Кстати, чтобы вариантов стало больше, вы можете скачать бесплатные дополнительные шрифты с сайта Photoshop-master. Установить их проще простого. Заходите в панель управления через меню «Пуск», находите папку «Шрифты» и закидываете туда новые, только что загруженные файлы. Не забудьте перезапустить фотошоп, а то обновления не вступят в силу.

Теперь выбираем цвет букв. Вы можете выбрать их панели сверху или меню слева.

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

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

Чтобы увеличить или уменьшить блок с текстом используйте сочетание клавиш Ctrl+T. Я уже подробно писал об этом сочетании. Дальше тяните за края в разные стороны и кликните на Enter как только закончите.

Работа с изображением

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

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

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

Вам просто нужно нажать enter, чтобы применить изменения к размеру картинки, а затем поменять слои местами.

Нужно отметить, что не все параметры редактирования изображения будут доступны для вас. Это связано с методом, которым вы пользовались для добавления рисунка в проект. Чтобы открыть эту возможность, вам придется растрировать слой. Сейчас это смарт-объект. Нажмите правой кнопкой мыши на слое с иллюстрацией, а затем выберите из появившегося меню нужную опцию.

Чтобы поместить картинку в нужное место в фотошопе есть инструмент «Перемещение», также вы можете использовать для этой цели тот же способ, что и работает с изменением размера картинки – Ctrl+T.

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

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

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

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

Картинка в тексте

Каждый, кто занимался компьютерной версткой макетов, рано или поздно сталкивался с необходимостью разместить картинку в тексте, сделать обтекание текстом. Если так случилось (конечно очень маловероятно) , что вы еще не знаете как это сделать без гемора, советую прочесть этот пост, ибо здесь пойдет речь о том как сделать обтекание картинки текстом в Photoshop и CorelDraw.

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

Обтекание картинки текстом в фотошопе:

У нас имеется некий документ с картинкой и полем для текста. Необходимо изящно обойти картинку текстовым блоком.

Вариант 1.

1. Выбираем инструмент “перо”. Рисуем нужный нам контур, последовательно от угла к углу, замыкаем в конце.

2. Выбираем инструмент “текст”. Подводим курсор к краю созданного пером контура, пока не увидим курсор как на скриншоте (обведен красным), кликаем.

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

Стоит отметить, что форма контура может быть совершенно любой, вовсе не обязательно прямоугольной!

Вариант 2 – отличается лишь способом создания контура.

1. Выбираем инструмент “выделение области” (в данном случае прямоугольной).

2. Далее, зажав “shift” выделяем еще области, дополнительно к выделенной, чтобы получить нужную форму контура, в котором должен разместиться текст.

3. Жмем правую кнопку на контуре и выбираем “образовать рабочий контур”. После этого повторяем пункт 2 из варианта 1. И все – тот же результат.

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

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

с уважением, Agor

Непременно поделитесь с друзьями!

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

Автор Стив Паттерсон.

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

Загрузите это руководство в виде готового к печати PDF-файла!

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

Исходное изображение.

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

Окончательный результат.

Приступим!

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

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

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

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

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

Переходим в Layer> New> Layer via Copy.

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

Копия слоя появится над оригиналом.

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

Затем давайте добавим один из слоев Solid Color Fill в Photoshop, чтобы использовать его в качестве фона для нашего эффекта. Щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

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

Выбор слоя заливки сплошным цветом.

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

Значение 255 для значений R, G и B дает нам белый цвет.

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

Панель «Слои», показывающая слой заливки сплошным цветом.

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

Изображение временно скрыто слоем заливки.

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

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

Перетаскивание слоя заливки между фоновым слоем и слоем 1.

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

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

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

Щелкните верхний слой ( Layer 1 ) на панели слоев, чтобы выбрать его:

Выбор уровня 1.

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

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

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

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

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

Выбор шрифта на панели параметров.

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

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

Щелкнув образец цвета.

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

Установка значений R, G и B на 255.

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

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

Добавление моего текста.

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

Щелкните галочку.

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

Шаг 9: Перетащите слой с текстом ниже слоя 1

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

Слой Type в настоящее время находится над изображением.

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

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

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

Слой Type теперь находится под слоем 1.

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

Щелкните еще раз на Layer 1 , чтобы выбрать его и сделать активным:

Щелкните слой 1, чтобы выбрать его.

Шаг 11: Создание обтравочной маски

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

Щелкните значок меню панели «Слои».

Выберите Create Clipping Mask из появившегося меню:

Выбор команды «Создать обтравочную маску».

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

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

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

Панель «Слои», показывающая слой 1, обрезанный по отношению к слою «Текст».

Связанное руководство: Как работают обтравочные маски в Photoshop

Шаг 12: Выберите слой типа

Щелкните слой Type , чтобы выбрать его и сделать активным:

Выбор слоя типа.

Шаг 13: Измените размер и переместите текст

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

Переход к редактированию> Свободное преобразование

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

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

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

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

Шаг 14: Добавьте падающую тень (необязательно)

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

Щелкните значок «Стили слоя».

Выберите Drop Shadow в нижней части появившегося списка:

Выбор эффекта слоя «Тень».

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

Параметры Drop Shadow.

Щелкните OK, чтобы закрыть диалоговое окно Layer Style, и все готово! Вот мой окончательный результат «изображение в тексте» после добавления тени к буквам:

Окончательный эффект.

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

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

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

Инструкции в этой статье относятся к Photoshop CC 2019.

Как разместить изображение внутри текста

Откройте файл изображения в Photoshop.
На панели «Слои», обычно расположенной в правом нижнем углу, дважды щелкните имя слоя, чтобы выделить его, затем введите имя , изображение .
На панели Layers выберите значок глаза , чтобы сделать изображение невидимым.
Выберите инструмент Horizontal Type на панели инструментов Tools , обычно расположенной слева, щелкните один раз на прозрачном фоне и введите слово заглавными буквами. В этом руководстве мы используем Lifewire .
На данный момент не имеет значения, какой шрифт мы используем или его размер, поскольку мы изменим эти вещи в следующих шагах.И неважно, какого цвета шрифт при создании обтравочной маски.
Шрифт должен быть полужирным, поэтому мы выберем Window > Character , а с выбранным инструментом Horizontal Type и выделенным текстом измените шрифт на панели Character на Arial Black или другой большой и жирный шрифт.
Введите 100 pt в текстовое поле размера шрифта. Не беспокойтесь, если ваш текст выходит за края фона, так как следующий шаг исправит это.
Далее нам нужно настроить отслеживание. Отслеживание регулирует расстояние между буквами в выделенном тексте или блоке текста. На панели Character введите -150 в поле Set Tracking text . Впрочем, вы можете вводить разные числа, пока вам не будет удобнее расстояние между буквами.
- Если вы хотите отрегулировать расстояние только между двумя буквами, вы можете использовать кернинг. Чтобы настроить кернинг, поместите точку вставки между двумя буквами и установите значение в поле Metrics for Kerning , которое находится слева от поля Set Tracking text .
Выделив текстовый слой на панели Layers , выберите Edit > Free Transform . Сочетание клавиш для этого: Ctrl + T на ПК и Command + T на Mac. Текст будет окружен ограничивающей рамкой.
Поместите инструмент Pointer на маркер ограничивающей рамки, он изменится на двустороннюю стрелку, которую мы можем перетащить для масштабирования текста.Перетащите маркер в правом нижнем углу вниз и наружу, пока текст почти не заполнит прозрачный фон.
При желании вы можете ограничить масштаб, удерживая клавишу Shift при перетаскивании. И вы можете щелкнуть и перетащить внутри ограничительной рамки, чтобы переместить ее в нужное место. Переместите ограничивающую рамку, чтобы центрировать текст на заднем плане.
Прежде чем мы сможем создать обтравочную маску, слои должны быть расположены в правильном порядке. На панели «Слои , » выберите квадрат рядом со слоем изображения, чтобы открыть значок глаза , затем перетащите слой изображения так, чтобы он располагался непосредственно над текстовым слоем.Текст исчезнет за изображением.
Выделив слой изображения, выберите Layer > Create Clipping Mask ( Alt + Ctrl + G ). Это поместит изображение внутрь текста.
Выбрав слой изображения на панели Layers , выберите инструмент Move на панели инструментов Tools . Выберите изображение и перемещайте его, пока вам не понравится его расположение внутри текста.
Теперь вы можете выбрать Файл > Сохранить и назвать это готовым или продолжить, чтобы добавить некоторые последние штрихи. Вы можете сделать цветной фон, добавить контур к тексту или применить множество других эффектов, чтобы сделать изображение еще более интересным.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой

Недостаточно подробностей

Сложно понять

Как редактировать текст в изображении JPEG в Photoshop Учебное пособие по Photoshop

www.psd-dude.com

Узнайте, как редактировать текст в изображении JPEG с помощью Photoshop. Обычно текст в изображении нельзя редактировать, но есть несколько хитростей, чтобы заменить текст новым. Я буду использовать выделение текста в технике Photoshop , чтобы добавить новый текст к изображению JPEG.

Твитнуть

Единственный способ редактировать текст в JPG — это закрасить его и добавить новый текст.Невозможно редактировать текст в файле JPG.

Вы можете написать свое имя на изображении или написать вдохновляющую цитату.

Посмотрим, как это сделать!

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

В этом уроке я покажу вам быстрый и элегантный способ редактирования текста в изображении JPEG в Photoshop. Я просто добавлю цвет фона для текста с помощью инструмента Rectangle Tool .

Итак, это изображение в формате JPEG с текстом, который нельзя редактировать.

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

Чтобы заменить текст, вы можете выделить текст над текстовой областью и использовать Заливка с учетом содержимого , чтобы скрыть текст. Вы также можете использовать инструмент Clone Stamp Tool .

Затем вы можете добавить еще один текст с помощью инструмента Type Tool .

Цвет фона для текста

Использование Content Aware Fill или Clone Stamp Tool может занять некоторое время.Таким образом, гораздо более простое решение — добавить цвет фона для текста.

Вы можете использовать этот экшен Highlight Text in Photoshop , чтобы добавить цвет фона для текста. Вы получите эффект выделения текста.

Итак, используйте инструмент Type Tool , чтобы добавить еще один текст. Добавьте текстовые слои в одну строку.

Щелкните текстовый слой, который вы хотите выделить, и запустите действие «ВЫДЕЛЕНИЕ ТЕКСТА» . Вы можете выбрать простой прямоугольник или разные типы лент.Смотрите изображения предварительного просмотра для более подробной информации.

Теперь вы знаете , как редактировать текст на изображении с помощью Photoshop . Итак, вот изображение до и после с отредактированным / замененным текстом.

Совет: Если вы хотите добавить свой логотип или текст поверх фотографий при создании портфолио фотографа, вот отличная статья о том, как добавить водяной знак на фотографии онлайн и бесплатно с помощью MockoFun.

Как преобразовать текстовый слой в изображение в Photoshop CS5

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

Растеризация текстовых слоев в Photoshop CS5

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

Шаг 1: Откройте файл, содержащий текстовый слой, который вы хотите преобразовать в изображение.

Шаг 2: Щелкните нужный текстовый слой на панели «Слои» в правой части окна. Если панель Layers не отображается, нажмите клавишу F7 на клавиатуре.

Шаг 3: Щелкните слой правой кнопкой мыши, затем выберите параметр Rasterize Type .

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

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

Мэтью Берли пишет технические руководства с 2008 года. Его сочинения были опубликованы на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Установите пользовательское содержимое вкладки HTML для автора на странице своего профиля

Связанные

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

Как разместить текст за объектом в Photoshop

В этом уроке вы научитесь , как легко разместить текст за объектом в Photoshop !

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

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

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

Вот изображение, которое я буду использовать. Вы можете загрузить бесплатную версию с водяными знаками из Adobe Stock. Но можете следить вместе с любым фото

Указатель учебного пособия:

Шаг 01 — Введите текст и стиль

Первый шаг — напечатать слово поверх фотографии.

Начните с выбора инструмента Horizontal Type Tool на панели инструментов. Вы также можете нажать клавишу T на клавиатуре, чтобы выбрать его.

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

Оформление текста

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

Затем щелкните значок Все заглавные буквы .

Вы также можете изменить на этой панели атрибуты Leading, Tracking, Kerning и другие.

Введите текст поверх изображения

Напечатайте все, что вам нравится, поверх фотографии. Я наберу слово « позади » слева от фотографии.

Не забудьте, что подтвердите свои изменения. , нажав Ctrl Enter (Mac: Command Return) или щелкнув галочку на панели параметров.

Шаг 02 — Измените размер текста

Если ваш текст слишком маленький (или слишком большой), вы можете масштабировать его так же, как любой другой слой.

Нажмите Ctrl T (Mac: команда T), чтобы войти в режим преобразования . Затем, удерживая Shift, нажмите и перетащите любой угловой маркер ограничивающей рамки, чтобы масштабировать текст.

Удерживание Shift при преобразовании позволяет масштабировать текст без искажения пропорций.

Нажмите Ctrl Enter (Mac: Command Return), чтобы подтвердить преобразование.

Шаг 03 — Переместите текст в положение

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

Центрировать текст на холсте

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

Нажмите Ctrl A (Mac: Command A), чтобы выделить весь холст.

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

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

Нажмите Ctrl D (Mac: команда D), чтобы отменить выбор.

Отключить текстовый слой

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

Шаг 04 — Сделайте выделение вокруг основного объекта вашего изображения

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

Начните с выделения основного объекта изображения.

Один из самых простых способов сделать выделение в Photoshop — использовать инструмент Quick Selection Tool .

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

Выберите тему (Photoshop CC 2018 и новее)

Если вы используете Photoshop CC 2018 или новее, то есть инструмент, который поможет вам быстрее приступить к работе.

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

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

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

Select Subject никогда не сделает идеальный выбор; вам всегда нужно будет его настраивать. Но это дает вам толчок в процессе выбора и экономит немного времени.

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

Шаг 05 — Исправьте проблемные области с вашим выделением

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

Помните, что с помощью Quick Selection Tool вы можете удерживать Alt (Mac: Option), чтобы вычесть из выделенного .

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

Шаг 06 — Уточните выделение с помощью рабочей области «Выделение и маска»

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

Вы можете уточнить свой выбор, нажав кнопку Select and Mask на панели параметров.

Если вы используете Photoshop CS6 или более раннюю версию, тогда этот параметр будет читать Refine Edge . Интерфейс будет немного другим, но все инструменты и настройки, которые мы используем в этом руководстве, также доступны в диалоговом окне Refine Edge.

Примечание : Если вы работаете в Photoshop CC и хотите, чтобы вернул старый диалог «Уточнить край / Уточнить маску» , вы можете следовать этому руководству.

Режим просмотра

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

Также установите непрозрачность Onion Skinning на 100%.

Обнаружение края

В параметрах Edge Detection включите Smart Radius , чтобы создать переменную ширину края вокруг края вашего выделения.

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

Затем увеличьте Радиус , который определяет размер границы выделения, в которой происходит уточнение края.

Global Refinements

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

Рассмотрите возможность использования ползунка Smooth , чтобы края не были неровными. Кроме того, добавление Contrast и Contracting выделение внутрь может помочь в удалении краевых ореолов.

Инструмент Refine Edge

Если у вас есть волосы на изображении, выберите инструмент Refine Edge Tool и закрасьте расплывающиеся волосы на фотографии.

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

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

Когда вы закончите уточнять свой выбор, нажмите OK.

«Марширующие муравьи» должны быть активны.

Шаг 07 — Создайте группу для хранения текстовых слоев

Создайте группу, щелкнув значок New Group на панели слоев.

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

Щелкните и перетащите текстовый слой в новую группу.

Шаг 08 — Применение выделения как маски к группе

Layer Masks делают текст позади объекта возможным. Layer Maks позволяет выборочно отображать или скрывать пиксели слоя или группы.

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

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

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

При активном выделении и выбранной группе, удерживайте Alt (Mac: Option) и щелкните значок Layer Mask , чтобы создать инвертированную маску слоя.

Шаг 09 — Уточнение маски слоя

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

Щелкните маску Group Layer Mask и выберите инструмент «Кисть » . Вы можете рисовать черным или белым цветом, чтобы скрыть или показать пиксели.

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

Шаг 10 — Раскрасьте детали

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

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

Начните с создания нового слоя и переименуйте его в « Волосы ». Затем перетащите слой с волосами внутрь группы текста.

Выберите инструмент «Кисть » , нажав B на клавиатуре . Затем на панели параметров щелкните значок «Параметры кисти».

На панели настроек кисти уменьшите интервал до 1% и размер до 1 пикселя.

Вы можете временно включить инструмент «Пипетка» для выбора цветов, удерживая Alt (Mac: Option). Затем щелкните в любом месте холста, чтобы выбрать цвет.Выберите цвет, похожий на распущенные волосы.

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

Шаг 11 — Подобрать глубину резкости

Обратите внимание, что распущенные волосы, которые вы нарисовали, резкие, в то время как волосы на фотографии расплывчаты.

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

Вы можете размыть слой с волосами, выбрав Filter> Blur> Gaussian Blur .

При активном поле ввода Radius вы можете нажимать клавиши вверх и вниз на клавиатуре для точной настройки размытия на 0,1 пикселя.

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

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

Вот как выглядит мое окончательное изображение:

Твоя очередь!

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

Если вы создадите что-то с помощью этого руководства, вы можете поделиться своими результатами в Instagram с хэштегом #ptcvids!

Окончательное изображение

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

Как добавлять текст к изображениям и работать с фигурами в Photoshop Elements 15

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

Ввод текста

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

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

Инструмент «Горизонтальный текст» отображается по умолчанию.

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

Давайте пока поработаем с инструментом «Горизонтальный текст».

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

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

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

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

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

Создание текстовых полей для текста

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

Теперь просто щелкните внутри текстового поля, чтобы начать печатать.

Щелкните зеленую галочку, когда закончите ввод и форматирование текста.

Форматирование текста

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

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

Вы можете изменить тип шрифта.

Вы также можете установить стиль шрифта или изменить размер шрифта.

Щелкните раскрывающийся список «Цвет», чтобы выбрать цвет шрифта.

Щелкните раскрывающийся список интерлиньяж, чтобы установить интервал.

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

Кроме того, вы можете выровнять текст по левому краю, центру или правому краю.

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

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

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

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

Выбор и перемещение текста

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

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

На следующем снимке вы можете увидеть наш текстовый слой на панели «Слои».

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

Перетащите текстовое поле в новое место.

ПРИМЕЧАНИЕ: Если вы не хотите перемещать текст, а просто хотите выделить его, чтобы удалить или отредактировать, просто дважды щелкните мышью внутри текстового поля.Это выделит текст. Затем щелкните текст в том месте, где вы хотите начать редактирование или удаление.

Создание маски типа

Если вы перейдете на панель «Параметры текстового инструмента», вы заметите, что есть также инструмент «Маска горизонтального текста» и инструмент «Маска вертикального текста». Это позволяет вам создать выделение из текста.

Для создания маски типа:

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

Вы можете увидеть маску типа на изображении ниже.

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

Инструмент «Текст на фигуре»

Инструмент «Текст на фигуре» позволяет набирать текст на фигуре. Для этого выберите инструмент «Текст на фигуре» на панели «Параметры инструмента». Выглядит это так:.

Затем выберите нужную форму на панели параметров инструмента:

Выберем бабочку.

Перетащите изображение туда, куда вы хотите добавить форму.

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

Введите свой текст.

По завершении нажмите зеленую кнопку с галочкой.

Текст в инструменте выделения

Инструмент «Текст в выделении» находится на панели предварительных настроек инструмента «Текст». Выглядит это так:

Инструмент «Текст в выделенном фрагменте» позволяет вводить текст в выделенном фрагменте.

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

Щелкните зеленую галочку, когда закончите делать свой выбор.

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

Текст на инструменте произвольного пути

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

Давайте узнаем как.

Щелкните инструмент «Текст на произвольном контуре» на панели «Параметры инструмента». Выглядит это так:

Затем перетащите контур на вашем изображении. Рисование пути похоже на использование пера.

Щелкните зеленую галочку, когда закончите рисовать путь.

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

Щелкните зеленую галочку еще раз, когда закончите добавлять текст.