Как из фона вырезать текст в фотошопе: Создаем эффект вырезанного текста в Фотошоп / Фотошоп-мастер – Как в фотошопе вырезать текст без фона — DesignLessons – все о дизайне

Содержание

Создаем эффект вырезанного текста в Фотошоп / Фотошоп-мастер

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

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

Исходные материалы:

Лес
Цветы
Олень

Скачать архив с материалами к уроку

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

1. Создаем задний фон

Создайте новый рабочий документ 1626×1080 px и разрешением 72 пикс/дюйм в программе Photoshop. Откройте изображение леса и перетащите его в наш документ. Измените его размеры и расположите на всю ширину нашего холста:

Редактирование (Edit) — Трансформирование (Transform) – Масштабирование (Scale).

Над слоем с лесом, создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль «Мягкое тепло» (Soft Warming). Создайте второй Корректирующий слой Поиск цвета (Color Lookup) и установите его на “Цвета осени” (FallColors.Look) с непрозрачностью 50%.

Примечание переводчика: Корректирующий слой Поиск цвета (Color Lookup) доступен в версии Фотошоп CS6 и выше. Если у вас нет такой функции, то это шаг можно пропустить.

Выше этих двух корректирующих слоев создайте новый слой Слой (Layer) — Новый слой (New Layer) (Ctrl+Shift+N) и установите Режим наложения Экран (Screen).

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

Создайте еще один новый слой Слой (Layer) — Новый слой (New Layer) и установите режим наложения Мягкий свет (Soft Light).

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

Сгруппируйте все слои вместе в группу, и назовите ее «Лес».

Примечание переводчика: Используя кисть светло-желтого цвета выставьте непрозрачность кисти примерно 18%, а для кисти черного цвета — 30%. Чтобы поместить слои в группу, щелкните по знаку внизу на панели слоев «Создать новую группу», в появившуюся группу перетащите нужные слои.

2. Добавляем текст

В этом шаге, мы будем создавать текст. Над группой «Лес», создайте новый слой Слой (Layer) — Новый слой (New Layer) (Ctrl+Shift+N) выберите инструмент Прямоугольное выделение (Rectangular Marquee), в правой части холста создайте форму квадрата и залейте белым цветом. Используя инструмент Горизонтальный текст (Text), создайте надпись.

Примечание переводчика: автор использует шрифт Nevis, но можно использовать и другой шрифт с толстыми буквами, например, Eras Bold ITC.

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

Примечание переводчика: Внизу на панели слоев нажмите знак Добавить слой-маску.

Щелкните на маске слоя и нажмите

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

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

Примечание переводчика: Быстро выделить цветы на белом фоне можно, используя инструмент Волшебная палочка (Magic Wand). Внизу на панели слоев нажмите знак Добавить слой-маску. Щелкните на маске слоя и нажмите

Ctrl + I, чтобы инвертировать маску слоя. Теперь белый фон на изображении с цветами исчез. Чтобы изменить размер цветов для нашей работы, используйте инструмент Трансформация: Редактирование (Edit) — Трансформирование (Transform) — Масштабирование (Scale).

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

Создайте новую группу «Цветы» и перетащите туда слои с цветами. Примените к группе слоев «Цветы», корректирующий слой: меню Слой (Layer) — Новый корректирующий слой (New Adjustment Layer) — Цветовой тон/насыщенность (Hue / Saturation), и снизим насыщенность до -14. И еще один корректирующий слой: меню Слой

(Layer) — Новый корректирующий слой (New Adjustment Layer) —Яркость/Контрастность (Brightness/Contrast), и выставим яркость +5, контрастность -21.

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

Теперь, придадим иллюзию объема цветов. Над слоем с белым прямоугольником, но, под слоем с цветами, создадим новый слой: Слой (Layer) — Новый слой (New Layer) (Ctrl+Shift+N), используя мягкую черную кисть, с нажимом (Flow) 10%, нарисуем легкие тени под цветами.

Создайте новую группу, назовите ее «Текст» и переместите в нее слой с прямоугольником и тенью.

3. Добавляем листву

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

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

Примечание переводчика: Объедините слои с цветами в один: на панели слоев выделите эти слои нажатием мышки — меню Слой (Layer) —Объединить слои (Merge Down) (Ctrl+E) и примените к нему корректирующие слои Цветовой тон/насыщенность (Hue / Saturation) и Яркость/Контрастность (Brightness/Contrast) с теми же настройками, как мы делали это выше. При создании корректирующего слоя, поставить галочку «Использовать предыдущий слой для создания обтравочной маски», и настройки будут действовать только на нижележащий слой.

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

Для слоя с папоротником создайте Корректирующий слой: меню Слой (Layer) — Новый корректирующий слой (New Adjustment Layer) — Корректирующий слой

Яркость/контрастность (Brightness/Contrast), и выставим яркость +20, контрастность -48

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

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

4. Добавляем оленя

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

Нарисуем тень на фигуре оленя — создадим новый слой над слоем с оленем: Слой (Layer) — Новый слой (New Layer) (Ctrl+Shift+N), выставим режим слоя — Умножение (Multiply), используя мягкую круглую кисть, цветом (#181513), нарисуем на нижней части туловища тень.

Создайте еще один слой: Слой (Layer) — Новый слой (New Layer) (Ctrl+Shift+N) с режимом Перекрытие (Overlay). Используя мягкую круглую кисть белого цвета для создания бликов и черную для теней, мы добавим больше контраста и света. Сосредоточимся на рогах, глазах и краях меха.

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

Теперь создадим слой для придания эффекта солнечного освещения. Создайте еще один слой: Слой (Layer) — Новый слой (New Layer) (Ctrl+Shift+N), с режимом Мягкий свет (Soft Light). Используя мягкую круглую кисть светло-желтого цвета (#fff0b0) прокрасьте рога, спину и верхнюю часть головы оленя.

И последний корректирующий слой для слоя с Оленем, нам надо понизить яркость: меню Слой (Layer) — Новый корректирующий слой (New Adjustment Layer) — Яркость/Контрастность (Brightness/Contrast), и выставим яркость -30.

Теперь создадим новую группу «Олень», и поместим в нее все слои с оленем, в т.ч. корректирующие.

5. Финальная цветокоррекция

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

Повысим контраст: меню Слой (Layer) — Новый корректирующий слой (New Adjustment Layer) —Яркость/Контрастность (Brightness/Contrast), и выставим контрастность +30.

Создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль «Мягкое тепло». Создайте второй слой Поиск цвета (Color Lookup) и установите его на «Янтарный», с 20% непрозрачностью.

Создайте новый слой — Слой (Layer) — Новый слой (New Layer) (Ctrl+Shift+N) и установите режим наложения Мягкий свет (Soft Light), прокрасьте большой мягкой кистью в левом верхнем углу, и черной в правом нижнем. Непрозрачность (Opacity) слоя около 56%.

И последний штрих — создайте корректирующий слой Карта градиента: меню Слой (Layer) — Новый корректирующий слой (New Adjustment Layer) — Карта градиента (Gradient Map) градиент от Черного до белого, непрозрачность слоя 33%.

Примечание переводчика: Все слои в шаге 5, не используются как обтравочные маски, а действуют на все изображение в целом. Слой с картой градиента лучше смотрится с режимом наложения Мягкий свет (Soft Light). Для тех, у кого старенький Фотошоп, и нет функции Поиск цвета (Color Lookup), можно использовать корректирующий слой Выборочная коррекция цвета— Желтый -26; +59; -7;+49, и корректирующий слой Фотофильтр — использовать цвет #ec6f00, непрозрачность слоя примерно 30%.

Ну, вот мы и закончили! Желаю всем успеха!

Автор:123rf

Как в фотошопе вырезать текст без фона

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

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

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

Рассмотрим пример, как в Фотошопе стереть надпись, не повредив фон (её мы добавили специально).

Выбираем инструмент Lasso Tool/«Инструмент “Лассо”» и мышкой обводим надпись.

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

После этого кликаем правой клавишей мыши по выделенной области и выбираем пункт меню Fill/«Выполнить заливку».

В появившемся диалоговом окне в параметре Contents надо задать значение Content-Aware/«С учётом содержимого». Такая настройка даёт программе указание автоматически заполнить выделенную область, основываясь на том, что изображено на фотографии рядом. В случае однородных поверхностей или каких-то текстур результат получается качественным.

После этого нажимаем в диалоговом окне на кнопку Ok и видим, что наш текст пропал, а Фотошоп «дорисовал» область максимально похоже на окружение.

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

Для более сложных ситуаций подойдёт способ, основанный на использовании Clone Stamp Tool/«Инструмент “Восстанавливающая кисть”».

Давайте рассмотрим, как на картинке убрать надпись в Фотошопе на примере фотографии ниже.

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

Поэтому выбираем инструмент Spot Healing Brush Tool/«Инструмент “Точечная восстанавливающая кисть”».

В верхней панели инструментов задаём размер инструмента и обязательно уточняем, что параметр Type установлен в значение Content Aware/«С учётом содержимого». Смысл этого параметра аналогичен описываемому в предыдущем способе — Фотошоп будет пытаться восстанавливать область воздействия с учётом структуры изображения.

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

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

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

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

Шаг 1: Загрузите в программу изображение, которое будет являться исходным для нашей работы. Выберите инструмент «Горизонтальный текст – маска» и в панели параметров выберите такой размер шрифта, при котором текст будет закрывать изображение. В нашем примере выберем размер равный 72. Шрифт выберите как можно более широкий. Введите текст, не обращая внимания на то, что он может выходить за пределы изображения и не закрывать его полностью.

Новое в рубрике:

Шаг 2: Выделите введенный текст и нажмите кнопку «Вкл./Выкл. палитры символов и абзацев» расположенную в панели параметров. В появившейся палитре, меняя значения в полях «Масштаб по вертикали» и «Масштаб по горизонтали» добейтесь, чтобы текст покрывал весь рисунок. В нашем примере это числа 120 и 200 соответственно. Чтобы изображение было хорошо различимо внутри текста, буквы следует располагать как можно ближе друг к другу. Расстояние между символами меняется в поле «Третинг для выделенных символов». Введите в этом поле число -90. После того, как вы добились нужного результата, нажмите кнопку «Применить текущую правку», расположенную в панели параметров, чтобы завершить ввод текста. Обратите внимание, что текст был введен в виде выделения.

На рисунке: Исходное изображение

На рисунке: Текст в виде выделения

Шаг 3: Чтобы красиво оформить текст, примените к нему ряд эффектов. Однако прямо сейчас это сделать невозможно, поскольку изображение в данный момент состоит лишь из заднего плана, к которому стиль слоя применить нельзя. Выберите команду меню «Слой => Новый => Из заднего плана (Layer => New => background)». В появившемся диалоге нажмите кнопку Да (ОК), чтобы преобразовать слой.

Шаг 4: У нас получилось выделенные фрагменты изображения в форме текста. А нам нужно, наоборот, оставить изображение внутри текста. Выберите команду меню «Выделение => Инверсия ( => Invert)», а затем нажмите клавишу . Снова выделите текс, выбрав команду «Выделение => Инверсия( => Invert)», еще раз. Мы получим текст в виде фрагментов изображения.

На рисунке: Выделенный текст

На рисунке: Окончательный вариант

Шаг 5: В палитре слоев нажмите кнопку «Добавить стиль слоя», им будет открыто меню, в котором выберите команду Тиснение (Emboss). В результате будет открыт диалог настройки стиля слоя. В поле Размер (Size) введите число 25. Остальные параметры оставьте по умолчанию. в списке используемых эффектов установите флажок Тень(Shadow). Нажмите кнопку Да (ОК), диалог будет закрыт, а эффекты будут применены.

Шаг 6: Чтобы увидеть окончательный вариант, выберите команду меню «Слой => Выполнить сведения (Layer => Flatten Image)». Слои будут объединены, и у надписи появится фон. Таким образом, можно создавать оригинальные надписи.

Оцените, пожалуйста, эту статью:

Рейтинг: 3.6/5 (голосов: 20)

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

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

5 простых способов вырезать объект в Фотошопе

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

Вырезать выделенную область в Фотошопе можно в любой версии программы. Для примера использовался Adobe Photoshop CC 2017.

«Волшебная палочка»

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

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

Выберите инструмент «Волшебная палочка» на основной панели.
Сверху измените чувствительность до «5».
Кликните мышкой по фону в любом месте, на предмете внутри появится выделение.

Если выделился фон, то нажмите на это место еще раз.

Когда контур выделен окончательно, нажмите клавишу «Backspace».

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

Инструмент «Лассо»

Если фон однородный, воспользоваться можно инструментом «Лассо». Упростит работу подвид «Магнитное лассо».

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

Как в Фотошопе вырезать изображение по контуру:

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

В списке инструментов найдите кнопку «Магнитное лассо».
Кликните курсором мыши на край нарисованного или сфотографированного объекта.

Отодвиньте курсор, чтобы увидеть, как «Лассо» тянется за ним. Снова нажмите на край объекта, контур начнет выделяться.
Если поставленная точка окажется не на краю, то ее можно удалить, нажав кнопку «Backspace».
Завершение процесса – это клик по начальной точке. После этого появляется пунктирное выделение.

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

Инструмент «Лассо» имеет три подвида, поэтому не всегда понятно, как в Adobe Photoshop убрать лишний предмет проще и быстрее. Для этого ознакомьтесь со статьей по ссылке.

Способ «Быстрая маска»

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

Как вырезать в Фотошопе CS6:

Возьмите на панели инструмент «Кисть», определите для нее черный цвет. Проверьте, чтобы цвет фона был «#000000».

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

Снова активируйте «Кисть» и закрасьте область, которую нужно вырезать.

Для мелких объектов придется использовать инструмент с меньшим диаметром. Настройте жесткость – для точного выделения установите «100».
Если случайно вышли за границы объекта, то сделайте цвет инструмента белым. Проверьте код — «#FFFFFF».

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

Использование ластика

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

Как вырезать рисунок по контуру в Фотошопе CS 6:

Активируйте инструмент «Ластик» на панели.

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

Если при выделении задет объект, то нажмите комбинацию «CTRL + Z», чтобы отменить последнее действие.

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

Вырезание сложных объектов

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

Как вырезать по контуру в Фотошопе:

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

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

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

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

Откройте пункт «Выделение», нажмите на «Цветовой диапазон», установите чувствительность на «50». Появится контур.

Кликните по контуру правой кнопкой мыши, нажмите на «Растушевка», определите радиус в 2 пикселя.

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

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

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

Видео с подробным объяснением работы уровней:

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

Post Views: 2

PhotoshopSunduchok — Как вырезать текст

Автор: Ольга Максимчук (Princypessa). Дата публикации: 26 ноября 2019. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем изучать как вырезать текст при помощи программы фотошоп.

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

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

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

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

В завершение мы улучшим читаемость текста при помощи стилей слоя и фильтра Размытие по Гауссу.

Открываем в фотошоп (Ctrl+O) фотографию из папки с исходниками.

В панели слоев создаем дубликат фонового слоя (Ctrl+J).

Переименовываем дубликат слоя в «Фон 2».

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

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и вводим настройки, как на рисунке ниже.

Выше слоя «Фон 2» создаем новый пустой слой и называем его «Полоса».

Активируем инструмент Прямоугольная область.

Создаем выделение, как на рисунке ниже.

Заливаем выделение белым цветом на слое «Полоса».

Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем белый оттенок.

Снимаем выделение (Ctrl+D).

Устанавливаем шрифт из папки с исходниками.

Для этого щелкните ПКМ по файлу шрифта и выберите «Установить».

После этого шага шрифт установится одновременно в программу фотошоп и систему.

В уроке как вырезать текст активируем инструмент Текст.

Пишем «Осень прекрасна!».

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

При помощи инструмента Перемещение располагаем текст, как на рисунке ниже.

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

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

Снимаем выделение (Ctrl+D).

В панели слоев отключаем видимость текстового слоя, нажав на «глазик» около слоя.

В панели слоев понижаем прозрачность слоя «Полоса».

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

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

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

Итак, создаем дубликат слоя «Фон 2» и переименовываем дубликат слоя в «Размытие».

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

При активном выделении активируем слой «Размытие» и переходим в меню Фильтр-Размытие-Размытие по Гауссу.

Подбираем значение размытия на свое усмотрение. Снимаем выделение (Ctrl+D).

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

Во вкладке Обводка выбираем контрастный цвет (я использовала оттенок # 000000) и вводим настройки, как на рисунке ниже.

Результат после применения стилей слоя.

Урок как вырезать текст готов!

Пусть ваше настроение, будет прекрасным!

Творите и наслаждайтесь жизнью!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.

Добавить комментарий

Как вырезать текст из картинки в фотошопе?

Статьи » Уроки » Adobe Photoshop

Вырезаем надпись из фона

На рисунке: Исходное изображение

На рисунке: Текст в виде выделения

Шаг 4: У нас получилось выделенные фрагменты изображения в форме текста. А нам нужно, наоборот, оставить изображение внутри текста.

Вырезаем надпись из фона

Выберите команду меню «Выделение => Инверсия ( => Invert)», а затем нажмите клавишу . Снова выделите текс, выбрав команду «Выделение => Инверсия( => Invert)», еще раз. Мы получим текст в виде фрагментов изображения.

На рисунке: Выделенный текст

На рисунке: Окончательный вариант

Оцените, пожалуйста, эту статью:

Читать комментарии на форуме.

Оставить комментарий

Рейтинг: 3.6/5 (голосов: 20)

Статьи » Уроки » Adobe Photoshop

Вырезаем надпись из фона

Совет 1: Как вырезать текст из картинки

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

На рисунке: Исходное изображение

На рисунке: Текст в виде выделения

На рисунке: Выделенный текст

На рисунке: Окончательный вариант

Оцените, пожалуйста, эту статью:

Читать комментарии на форуме.

Оставить комментарий

Рейтинг: 3.6/5 (голосов: 20)

Статьи » Уроки » Adobe Photoshop

Вырезаем надпись из фона

На рисунке: Исходное изображение

На рисунке: Текст в виде выделения

На рисунке: Выделенный текст

На рисунке: Окончательный вариант

Шаг 5: В палитре слоев нажмите кнопку «Добавить стиль слоя», им будет открыто меню, в котором выберите команду Тиснение (Emboss).

Как вырезать текст из картинки?

В результате будет открыт диалог настройки стиля слоя. В поле Размер (Size) введите число 25. Остальные параметры оставьте по умолчанию. в списке используемых эффектов установите флажок Тень(Shadow). Нажмите кнопку Да (ОК), диалог будет закрыт, а эффекты будут применены.

Оцените, пожалуйста, эту статью:

Читать комментарии на форуме.

Оставить комментарий

Рейтинг: 3.6/5 (голосов: 20)

Статьи » Уроки » Adobe Photoshop

Вырезаем надпись из фона

На рисунке: Исходное изображение

На рисунке: Текст в виде выделения

На рисунке: Выделенный текст

На рисунке: Окончательный вариант

Создаем эффект вырезанного текста в Фотошоп

в списке используемых эффектов установите флажок Тень(Shadow). Нажмите кнопку Да (ОК), диалог будет закрыт, а эффекты будут применены.

Оцените, пожалуйста, эту статью:

Читать комментарии на форуме.

Оставить комментарий

Рейтинг: 3.6/5 (голосов: 20)

7. Копирование, перемещение и удаление участков текста.

В редакторе Word можно копировать, удалять и перемещать участки текста различными способами. Одним из наиболее удобных способов является использование буфера обмена Windows. Буфер обмена – это специальная область памяти, в которую программы могут помещать на время текст и рисунки, чтобы потом получить их обратно. При этом поместить информацию в буфер обмена может одна программа, а взять – другая. Так осуществляется обмен данными между программами Windows (например, перенос текста из web-страницы в Word).

Для работы с буфером обмена Word используются кнопки панели “Стандартная”.

Копирование части текста.

Способ 1. Копирование с помощью клавиши “Ctrl”.

Выделить часть текста.

Установить указатель мыши внутри выделенного фрагмента.

Нажать на клавиатуре клавишу “Ctrl” и, не отпуская ее нажать на левую кнопку мыши.

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

Последовательно отпустить левую кнопку мыши и клавишу “Ctrl” на клавиатуре.

Способ 2. Копирование с помощью кнопки “Копировать”.

Выделить часть текста.

На панели инструментов “Стандартная” щелкнуть мышью по кнопке “Копировать”.

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

На панели инструментов “Стандартная” щелкнуть мышью по кнопке “Вставить”.

Перемещение части текста.

Способ 1. Перемещение текста с использованием мыши.

Выделить часть текста.

Установить указатель мыши внутри выделенного фрагмента.

Нажать на левую кнопку мыши.

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

Отпустить кнопку мыши.

Способ 2. Перемещение текста с помощью кнопки “Вырезать”.

Выделить часть текста.

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

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

На панели инструментов “Стандартная” щелкнуть мышью по кнопке “Вставить”.

Удаление части текста.

Выделить фрагмент текста, который нужно удалить.

Нажать на клавиатуре клавишу «Delete»

Статьи » Уроки » Adobe Photoshop

Вырезаем надпись из фона

Обратите внимание, что текст был введен в виде выделения.

На рисунке: Исходное изображение

На рисунке: Текст в виде выделения

На рисунке: Выделенный текст

На рисунке: Окончательный вариант

Оцените, пожалуйста, эту статью:

Читать комментарии на форуме.

Оставить комментарий

Рейтинг: 3.6/5 (голосов: 20)

Как вырезать фон в фотошопе: легкий и быстрый способ

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

Шаг 1: Выделение

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

Если фон у вас монотонный, как в нашем случае, то гораздо проще выделить его, не так ли? Для этого выбираем инструмент «Волшебная палочка» (Magic tool) и кликаем по фону. Если сразу все не выделилось, то не унываем и, зажав на своей клавиатуре SHIFT, кликаем волшебной палочкой в оставшиеся области фона.

Если же фон у вас разноплановый, как на фотографии, или же вам нужно вытащить объект из другого коллажа, то придется попотеть, выделяя сам объект. На помощь вам придут различные лассо и «Быстрое выделение» («Lasso tool» etc + «Quick selection tool»).

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

Шаг 2: Удаляем фон

В других уроках вас попросят создать копию слоя и удалить фоновый слой (который с замочком), но не даром же мы прошлый урок посвятили изучению инструментов! Так что нам на помощь придет «Фоновый ластик» (Background eraser tool). Выбираем ластик побольше и тщательно удаляем весь фон, не боясь зацепить нужный нам элемент картинки/фотографии. На этом, по идее, все заканчивается, но посмотрите дополнение.

Рис. 2. С помощью «фонового ластика» удаляем фон

Шаг 3: Дополнение, шаг не обязательный

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

Рис. 3. Создаем «слой заливку»

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

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

Как вырезать в фотошопе? Убираем задний фон на фотографии

Зип Файл, друзья. В прошлом месяце, в рамках рубрики «Графический дизайн», я выпустил материал про создание открытки к Международному женскому дню. Как и следовало ожидать, наибольшую популярность ролик стал набирать в преддверии 8 марта. В связи с чем, от зрителей, стали поступать вопросы, и самый распространённый из них звучит следующим образом: «Как можно получить PNG картинку с человеком без фона?» или, говоря простыми словами, «Как вырезать изображение с фотографии, дабы впоследствии разместить его на внутренней части открытки?».

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

Как обычно, не будем долго запрягать, а сразу приступим к практическим действиям. Для работы нам в первую очередь понадобится растровый графический редактор Adobe Photoshop. Актуальную версию данной программы можно без проблем скачать на официальном сайте. Там есть и пробная версия, и подписка на приложение в течении определённого периода, и даже специальное пакетное предложение со скидкой. Если же, вы не хотите тратить денежку на софт, то воспользуйтесь услугами торрент-трекеров. Либо можете качнуть старинную версию CS2. Она уже давно распространяется на бесплатной основе. Функций в ней, конечно, поменьше, нежели в CC версиях последних лет. Однако для наших целей вполне сгодится. Инсталяшка есть, как для пользователей Винды, так и для маководов.

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

Шаг 1. Что ж, запускаем Adobe Photoshop. На момент создания данного урока, последняя версия CC 2018. В ней мы и будем работать.

Шаг 2. Переносим заранее подготовленную картинку с объектом на фоне в главное окно программы. В появившемся окне настроек цветового профиля отказываемся от управления цветом и жмём «ОК».

Шаг 3. Снимаем блокировку с основного, и в нашем случае единственного слоя кликнув по замочку слева правой кнопкой. Если не убрать данный замочек, то любое дальнейшее редактирование изображения будет невозможно. Бывает так, что на вашем компьютере не отображается панель слоёв. Не беда. Вы всегда можете включить её в меню «Окно», пункт «Слои».

Инструмент «Прямолинейное лассо»

Шаг 4. Рассмотрим самые распространённые инструменты для вырезания по порядку. Первый, он же мой самый любимый инструмент – «Прямолинейное лассо». С его помощью можно вручную выделить часть изображения. При этом, качество выделения, зависит исключительно от вашей кропотливости, усидчивости и терпения. Чем меньше шаги между точками, тем точнее будет вырезан объект. В теории звучит, наверное, не очень понятно. Давайте-ка лучше попробуем применить лассо на практике, и вы сразу же поймёте о чём речь.

Шаг 5. Ставим у основания фотографии первую точку. Затем чуть выше вторую. Таким образом обводим целый участок с фоном за моделью до уровня шеи.

Шаг 6. По завершению работ, нам необходимо замкнуть получившийся контур. Сделать это можно двумя способами. Первый – кликнуть в самую первую точку, с которой мы начинали долгий путь выделения. А второй – нажать на клавиатуре «ENTER» и произвести операцию замыкания между начальной и конечной точкой автоматически. Оба варианты имеют право на жизнь. Как только выделение оформилось в виде области с дрожащим контуром по краям, удаляем внутреннее содержимое нажав «DELETE».

Шаг 7. Остаётся только отменить выделение. В верхнем меню жмякаем «Выделение» — «Отменить выделение». Да здравствует капитан Очевидность.

Плюсы и минусы прямолинейного лассо

К основным недостаткам данного инструмента можно отнести некую «угловатость» конечного результата. Если во время выделения вы слишком спешите и не часто ставите ключевые точки, элементы изображения могут получиться весьма «топорными». После вырезания вы будете вынуждены дорабатывать их ластиком, пытаясь придать некую «округлость». Не скажу, что это прям-таки большой недостаток. Для финальной обработки ластик придётся применять в любом случае, каким бы инструментом для вырезания вы не воспользовались. В этом плане «Прямолинейное лассо» не сильно уступает «Волшебной палочке» или «Быстрому выделению».

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

Инструмент «Магнитное лассо»

Шаг 8. Следующий инструмент для удаления лишнего фона, который мы рассмотрим в нашем уроке это «Магнитное лассо». В отличие от прямолинейного собрата, «магнитка» представляет собой полуавтоматическое средство для выделения.

Шаг 9. Линия, которую вы проводите, как бы прилипает к конечным точкам изображения. При желании вы можете уточнять точки вручную, либо откатываться на шаг назад, удаляя последнюю точку нажатием клавиши «BACKSPACE». После того, как нужный нам участок изображения выделен, замыкаем начальную и конечную точку кликнув «ENTER».

Шаг 10. Жмякаем «DELETE», а затем отменяем выделение перейдя в одноимённое меню.

Плюсы и минусы магнитного лассо

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

Инструмент «Быстрое выделение»

Шаг 11. Перейдём к обзору второй группы инструментов. С помощью «Быстрого выделения» вы можете с успехом выделять объекты, расположенные на однородном фоне.

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

class=»eliadunit»>

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

Шаг 14. Далее, как обычно «DELETE», и не забываем, отменить выделение через меню.

Плюсы и минусы быстрого выделения
Затрагивая достоинства и недостатки быстрого выделения, можно с уверенностью сказать, что данный инструмент эффективен исключительно в ситуациях, где присутствует однородный фон. Но даже на таких, казалось бы, простых участках, бывает захватываешь лишний элемент. Поэтому для качественной обработки, он не подходит. Разве что фон картинки идеально белый и вам нужно в несколько кликов его убрать. В таком случае да, быстрое выделение сэкономит уйму времени.
Инструмент «Волшебная палочка»
Шаг 15. Хотя, если уж вам попалось изображение с идеальной однородной подложкой, лучше воспользоваться волшебной палочкой. Данный инструмент, аналогично быстрому выделению, позволяет быстро выделить фон.

Шаг 16. Однако, при этом, позволяет настроить уровень «Допуска», отвечающий за максимально допустимое отклонение от образцового оттенка. Проще говоря, он анализирует первоначальное выделение и исходя из его цвета выделяет рядом прилегающие участки. Чем выше допуск, тем менее прихотлив данный инструмент к оттенку. Так, например, если вы выделили часть фона белого цвета и установили уровень допуска 70, то волшебная палочка попутно захватит все светлые оттенки серого. Очень удобно. На практике, лично я, юзаю «Волшебную палочку», гораздо чаще, «быстрого выделения».

Шаг 17. Удаляем последний заполненный участок фона на фотографии и не забываем снять выделение.

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

Инструмент «Ластик»
Шаг 18. Кстати о ластике. Именно он является наиболее распространённым инструментом для удаления фона у обывателей, и фаворитом среди дизайнерской братии на этапе финальной обработки вырезанного изображения. Давайте рассмотрим его поближе.

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

Шаг 20. После того, как задний фон будет полностью удалён, а все неровные края вокруг изображения сглажены, хорошим тоном будет подрезать картинку по размеру изображения. Для этого выбираем на панели инструментов «Рамку» и выделяем нашу модель с учётом крайних точек фотографии. Отлично. Жмём «ENTER».

Сохранение проекта и вывод в PNG
Шаг 21. Осталось сохранить нашу работу. Сейвить всю эту историю мы будем в двух форматах. Первый – PSD, он же родной формат фотошопа. Сохранять в нём необходимо для того, чтобы в будущем была возможность доработать исходник. Например, вы заметили, как криво подрезали один из цветков и хотите поправить ситуацию. Кликаем в меню «Файл» — «Сохранить как…».

Шаг 22. Присваиваем проекту понятное имя. Допустим, «Модель проект». Место сохранения – рабочий стол. Формат выбираем «Photoshop». Галочку на слоях оставляем. Окей. Жмём «Сохранить».

Шаг 23. С проектом разобрались. Теперь нужно вывести картинку формата PNG. Данный формат позволяет сохранять изображения без фона. К тому же он имеет неплохое сжатие, так что итоговая PNGшка не займёт много места на жёстком диске. Идём по привычному пути «Файл» — «Сохранить как…».

Шаг 24. Название, пусть будет, «Модель без фона». Рабочий стол. Формат – PNG. Супер. Сохраняемся.

Шаг 25. В появившемся окне указываем самый медленный вариант сохранения. Картинка сохранится без потери качества. Жмём «Ок».

Шаг 26. Сворачиваем Фотошоп и проверяем результат открыв соответствующие изображения на рабочем столе. По-моему, получилось недурно.

Друзья, на этом наш урок подошёл к концу. В дальнейшем, вы без труда сможете использовать данную PNGшку без фона в других дизайнерских проектах. Будь то открытка, поздравительный адрес или какая-нибудь карточка пропуска на работу. Вариантов масса. Рекомендую закрепить навык вырезания в фотошопе на собственной фотографии, и применить её уже непосредственно в рамках создания целевого графического продукта. А я с вами прощаюсь. С вами был Денис Курец. Еженедельный выпуск блога Kurets.Ru. Ребятушки, я желаю вам удачи, успеха и отличного настроения на грядущие праздники. До новых встреч.
class=»eliadunit»>
Полезные материалы:
как вырезать в фотошопе из фона цифры или буквы?
выделить нужную букву нажать ктрл + с потом вставить куда надо
Уроки: <a rel=»nofollow» href=»http://globator.net/texteffects/133-kak-sdelat-tekst-iz-foto.html» target=»_blank»>http://globator.net/texteffects/133-kak-sdelat-tekst-iz-foto.html</a> <a rel=»nofollow» href=»http://www.photoshop-master.ru/articles.php?rub=19&id=88″ target=»_blank»>http://www.photoshop-master.ru/articles.php?rub=19&id=88</a>
пиши на текст на картинке. Будет выглядеть как 2 слоя. По квадратику с текстом нажми левой кнопкой мыши удерживая ctrl. Появиться выдиление, клацай на фон с картинкой. Жми ctrl+c. потом ctrl + v. И все.
проще написать таким же шрифтом поверх и растрировать этот слой. Будет тебе вырезанный текст! Растрировать — это правой кнопкой мышки по тексту
Откройте фото Возьмите инструмент Горизонтальный текст маска, напишите текст, и возьмите любой другой интсрумент. Появится выделение. Жмите Ctrl+J, удалите фон.
Вырезаем надпись из фона 1. Загружаем фото 2. Пишем необходимый текст из букв и/или цифр получилось 2 слоя 3. Выбираем текстовый слой 4. Нажимаем и удерживаем, выбираем в главном меню выделение -> Загрузить выделенную область -> в появившемся окне -> новая выделенная область -> жмём [ОК]. текст стал выделенной областью. 5. Выбираем слой с фотографией 6. Нажимаем +<С> и + Появился новый слой из текста 7. Кликаем дважды мышкой по новому слою: и задаём стиль слоя (Тиснение, Выполнить обводку, Тень и задаём необходимые параметры) 8. Для усиления эффекта комбинацией клавиш + создаём копию нового слоя с полученной надписью и задаём необходимую прозрачность слоя (например 30%). Всё готово.