Как текст залить в фотошопе: Как выделить текст в Фотошопе или сделать обводку

Как выделить текст в Фотошопе или сделать обводку

MyPhotoshop.ru Работа с текстом Выделение/обводка текста в Фотошопе

Одним из самых используемых инструментов при работе в Фотошопе является “Текст”. И разработчики программы постарались наделить его широкими возможностями.

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

Этот урок будет целиком посвящен тому, как выделить текст в Фотошопе. Начнем!

Способов выделить надпись в программе немало, но мы потрудились и выбрали самые “ходовые” для работы, которыми и сами пользуемся.

Содержание

• Способ №1: Создаем слой с подложкой
• Способ №2: Обводка текста
• Способ №3: Выделение текста при резкой смене цветов

Способ №1: Создаем слой с подложкой

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

и яркую фотографию. В нашем случае это будет прекрасное фото пляжа с белоснежным песком:

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

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

1. На панели слоев создаем новый слой и размещаем его между текстовым и фоновым слоями.
2. Затем необходимо взять инструмент “Выделение” -> “Прямоугольная область”.
3. На созданном слое (между слоями с текстом и фоном) выделяем прямоугольную область вокруг текста. Перед тем, как это делать, мы убрали рамки вокруг логотип. Смотрите скриншот ниже:
   
4. Остается только залить выделенную область желаемым цветом. Обычно для подложки используют черный цвет. Чтобы не прибегать к панели инструментов, воспользуемся комбинацией горячих клавиш SHIFT+F5. В появившемся окне выбираем в пункте “Содержание” -> “Черный” или любой другой подходящий вариант:
   После того, как подложка закрашена, снимите выделение горячими клавишами CTRL+D, или кликнув инструментом выделение по любому месту на холсте.
5. Чтобы подложка не смотрелась так “грубо”, нужно поиграть со значением “Непрозрачность” на слое. В нашем случае мы установили ползунок на отметке 50%.
   
6. Почти готово. Остался последний штрих – добавление тени. Да, переходим в параметры наложения слоя, на котором находится текст. Для этого кликните правой кнопкой мыши на слой и выберите “Параметры наложения”.
   Альтернативный способ вызова – двойной клик по нужному слою. Перед нами откроется окно с множеством настроек. Выбираем “Тень” и настраиваем, как у нас или на свой вкус:
   Кликаем “ОК” и получаем неплохой результат, который является одним из самых распространенных.
   

Экспериментируйте с подложкой, ведь главное в этом деле – практика. Идем дальше.

Способ №2: Обводка текста

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

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

1. В этот раз нам не понадобится создавать дополнительный слой, как в первом случае. Все куда проще. Кликаем на слой с логотипом/текстом ПКМ и выбираем “Параметры наложения”.
   
2. После, устанавливаем галочку в пункте “Выполнить обводку”. Появятся настройки обводки. В нашем случае нам достаточно установить размер обводки в 3 пикс. и выбрать белый цвет, т.к. лого у нас черного.
   
3. После настройки обводки, не закрывая окно, переходим к пункту “Тень”. Здесь все параметры тоже индивидуальны, но в нашем случае они таковы:
   
4. После того, как мы ввели все необходимые параметры в пунктах “Выполнить обводку” и “Тень”, кликаем ОК и получаем результат:
   

Способ №3: Выделение текста при резкой смене цветов

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

А теперь давайте разбираться, как выйти из подобной ситуации.

1. Для начала нужно зажать клавишу CTRL и кликнуть на панели слоев по миниатюре слоя с надписью. Таким образом Фотошоп автоматически создаст выделенную область вокруг лого:
   
2. Затем необходимо перейти на слой с нашим фоновым изображением, кликнув ЛКМ по нему и, используя горячие клавиши CTRL+J, cкопировать выделение. Программа автоматически создаст новый слой с нашим текстом в цветах фонового изображения:
   
3. Переходим к волшебству. Убираем видимость (галочку) с самого верхнего слоя, где расположена наша надпись. Теперь нужно инвертировать цвета слоя благодаря комбинации клавиш CTRL+I. Должно получиться примерно так:
   
4. Получилось недурно, но еще есть над чем поработать. Давайте добавим нашему тексту немного обводки белого цвета в пункте “Выполнить обводку” в “Параметрах наложения”.
   Затем “приправим” надпись немного тенями:
   

Вот и все! Кликаем “ОК” и получаем шикарный вариант выделенного текста на очень сложном фоне:

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

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

КУРСЫ:

СМОТРИТЕ ТАКЖЕ

Горячие клавиши в Photoshop

Фоны для Фотошопа: Лес

Фоны для Фотошопа: Черные

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

Как вырезать объект в Photoshop

Рамки для Фотошопа: Школьные

Урок создания анимации в Фотошопе

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

Урок объединения слоев в Фотошопе

Улучшение качества фото в Фотошопе

Фоны для Фотошопа: Небо

Как рисовать прямые линии в Фотошопе

Замена цвета объекта/изображения в Photoshop на другой

Вставка фотографии в рамку в Photoshop

Наборы кистей для Фотошопа: Текстурные

Урок ретуши лица в Фотошопе для начинающих и не только

Инструмент “Заливка” в Фотошопе: как пользоваться

Двойная экспозиция в Фотошопе

Как создать документ формата А4 в Фотошопе

Замена фона на фотографии в Фотошопе

Уменьшение размера объекта в Фотошопе

Выделение слоя в Фотошопе: как сделать

Рамки для Фотошопа: С днем рождения

Градиент в Фотошопе: как сделать

Включение и настройка сетки в Photoshop

Создание афиши своим руками в Фотошопе

Фоны для Фотошопа: Рамки

Создание контура в Photoshop

Рисование треугольника в Фотошопе: 2 метода

Создание коллажей в Фотошопе: подробное руководство

Как создать слой в Photoshop

Кадрирование фото в Фотошопе

Заливка слоя в Фотошопе

Вставка изображения в Фотошоп: пошаговое руководство

Ретуширование фотографий с помощью частотного разложения в Фотошопе

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

Вставка лица на фото-шаблон в Фотошопе

Изменение прозрачности слоя в Фотошопе

Отмена выделения в Фотошопе

Как сделать виньетирование фотографий в Photoshop

Наложение текстуры гранита на текст в Фотошопе

Отмена действий в Фотошопе

Как вставить текст в форму сердечка в Photoshop

Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 1. 5к. Обновлено 29.10.2021

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

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

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

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

Давайте приступим!

Выбираем на инструментальной панели инструмент «Произвольная фигура» (Custom Shape Tool):

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

Кликните по кнопкам, как показано на рисунке:

В левой части панели параметров выбираем тип фигуры. Чтобы использовать фигуру в качестве контейнера для нашего текста, следует выбрать тип «Контуры» (Paths). Обращаю Ваше внимание, что в версии Фотошопа CS6 и версиях CS5 и ниже имеются небольшое отличие в выборе типа фигуры, на рисунке я показал выбор для обеих типов версий:

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

Для того, чтобы контур сохранял начальные пропорции, зажмите клавишу Shift. Если Вам необходимо изменить положение формы в процессе её создания, зажмите клавишу «Пробел» и переместите форму, затем отпустите «Пробел» и продолжите рисование. У меня получилось вот что:

Теперь я немного изменю положение формы. Для этого воспользуюсь инструментом «Свободная трансформация», активировав его нажатием комбинации клавиш Ctrl+T. Потянув за боковые маркеры, я наклонил сердечко:

Для применения действия инструмента нажмите Enter.

Теперь выбираем инструмент «Текст» (Type Tool), выбираем шрифт, как я указал в начале статьи, в примере применяется шрифт Freestyl, цвет и размер задаём в зависимости от вкуса и задач.

Кликаем по кнопке включения панели символов/абзаца, где выбираем вкладку «Абзац» и задаём положение «По центру» для того, чтобы текст заполнил всю форму по ширине:

Теперь осталось ввести текст. Наводим курсор внутрь формы, пои этом Вы увидите, как вокруг курсора появится пунктирная рамка:

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

После того, как Вы закончили вводит текст, нажмите на галочку на панели параметров:

Ну вот, собственно и всё. Посмотрите ещё раз на готовый результат:

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

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

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

Введение

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

Чтобы использовать инструмент «Текст»:

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

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

Насадки типа

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

Растеризация текста

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

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

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

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

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

Продолжать

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

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

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

НАЧАТЬ ИЗУЧЕНИЕ Как добавить текст в Photoshop Elements 11

Главная > Adobe Photoshop > Как добавить текст в Photoshop Elements 11

Описание:  В этом В статье мы рассмотрим, как добавить текст к изображению в Adobe Photoshop Elements 11 и как выполнить базовое форматирование этого текста.

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

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

Текст, который мы собираемся добавить, — это заголовок: «Велоспорт в лесу Гисборо».

Откройте изображение в редакторе PSE 11 и выберите экспертный режим. Один из инструментов на панели инструментов обозначен большой буквой «T», что означает инструмент «Текст», иногда называемый инструментом «Текст». Нажмите на это на панели инструментов, и панель параметров появится под изображением. На самом деле есть несколько связанных инструментов, в том числе инструмент «Горизонтальный текст», инструмент «Вертикальный текст» и инструмент «Текст на выделении». Выберите инструмент «Горизонтальный текст».

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

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

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

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

Теперь их можно настроить для достижения необходимого форматирования. Вот некоторые из ключевых параметров:
• Шрифт. Это установлено в Myriad Pro здесь, но его можно изменить на любой шрифт на вашем компьютере с помощью стрелки раскрывающегося списка.
• Стиль шрифта установлен на Обычный, но его можно изменить на один из многих других, включая Сжатый или Курсив.
• Размер шрифта 100 pt (пунктов) можно отрегулировать для достижения желаемого эффекта, например, разместить весь заголовок на одной строке.
• Группа из трех кнопок справа от размера шрифта обеспечивает выбор выравнивания по левому краю, по центру или по правому краю.

• Цвет текста можно изменить с помощью палитры цветов в PSE 11.
По мере настройки этих параметров можно также продолжать изменять размер текстового поля по мере необходимости с помощью маркеров изменения размера.