Товаров: 0 (0р.)

Фотошоп текст на фоне: Как добавить цвет фона к тексту в фотошопе

Содержание

5 способов разместить текст на изображении в Фотошоп / Creativo.one

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

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

1. Наложение Цвета

На изображении ниже, вы можете увидеть, что текст очень сложно прочитать, потому что отвлекает внимание задний фон. На заднем фоне слишком много деталей, в частности в области барной стойки. Хорошо подобранный шрифт “Buffalo Wings” полностью затерялся из-за нагромождения, которое создал задний фон. Тем не менее, в данном случае, у нас есть возможность улучшить контраст.

Первый шаг – создайте новый слой, назовите этот слой “наложение цвета”.

Далее, выберите инструмент Пипетка (Eyedropper), нажав клавишу (I). С помощью данного инструмента, отберите образец цветового оттенка с рубашки мужчины, а затем залейте новый слой выбранным цветовым оттенком (Shift+F5).

В заключение, уменьшите непрозрачность (opacity) слоя с заливкой до 50%, а затем, переместите данный слой вниз, расположив ниже слоёв с текстом.

Как вы видите, мы значительно улучшили контраст. Теперь, текстура шрифта “Buffalo Wings” стала более отчётливой и более различимой.

2. Стиль слоя Тень (Drop Shadow)

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

Первый шаг – подберите соответствующий цвет для текста.

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

Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха

(Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.

Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).

3. Линии

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

Добавление двух линий….

.…создаёт наибольшее разделение между двумя элементами дизайна.

4. Фигурные Блоки для Текста

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

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

Чтобы усилить видимость текста, выберите инструмент Произвольная фигура(Custom Shapes Tool), нажав клавишу (U), чтобы создать фигурный блок. Фигурный блок может быть любой формы, здесь нет блока правильной формы или неправильной формы.

Залейте фигуру чёрным цветом, а также установите цвет

Обводки (Stroke) белый, толщина обводки 3pt.

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

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

5. Размытие Заднего фона

5-й и последний способ улучшить контраст – это лёгкое размытие заднего фона.

Изначально, текст очень сложно различить на заднем фоне.

Первый шаг- преобразуйте слой с задним фоном в смарт-объект. Просто, щёлкните правой кнопкой мыши по слою с задним фоном и в появившемся окне, выберите опцию

Преобразовать в смарт-объект (Convert to Smart Object).

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filters-Blur-Gaussian Blur).

Установите радиус размытия 3.8 px.

Теперь контраст значительно улучшен, а текст можно легко прочитать.

Надеюсь, вам понравился данный урок!

Автор: Maria Wendt

 

Источник: photoshopstar.com

5 способов разместить текст на изображении в Фотошоп / Creativo.one

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

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

1. Наложение Цвета

На изображении ниже, вы можете увидеть, что текст очень сложно прочитать, потому что отвлекает внимание задний фон. На заднем фоне слишком много деталей, в частности в области барной стойки. Хорошо подобранный шрифт “Buffalo Wings” полностью затерялся из-за нагромождения, которое создал задний фон. Тем не менее, в данном случае, у нас есть возможность улучшить контраст.

Первый шаг – создайте новый слой, назовите этот слой “наложение цвета”. Далее, выберите инструмент Пипетка (Eyedropper), нажав клавишу (I). С помощью данного инструмента, отберите образец цветового оттенка с рубашки мужчины, а затем залейте новый слой выбранным цветовым оттенком (Shift+F5).

В заключение, уменьшите непрозрачность (opacity) слоя с заливкой до 50%, а затем, переместите данный слой вниз, расположив ниже слоёв с текстом.

Как вы видите, мы значительно улучшили контраст. Теперь, текстура шрифта “Buffalo Wings” стала более отчётливой и более различимой.

2. Стиль слоя Тень (Drop Shadow)

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

Первый шаг – подберите соответствующий цвет для текста.

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

Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха (Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.

Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).

3. Линии

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

Добавление двух линий….

.…создаёт наибольшее разделение между двумя элементами дизайна.

4. Фигурные Блоки для Текста

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

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

Чтобы усилить видимость текста, выберите инструмент Произвольная фигура

(Custom Shapes Tool), нажав клавишу (U), чтобы создать фигурный блок. Фигурный блок может быть любой формы, здесь нет блока правильной формы или неправильной формы.

Залейте фигуру чёрным цветом, а также установите цвет Обводки (Stroke) белый, толщина обводки 3pt.

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

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

5. Размытие Заднего фона

5-й и последний способ улучшить контраст – это лёгкое размытие заднего фона.

Изначально, текст очень сложно различить на заднем фоне.

Первый шаг- преобразуйте слой с задним фоном в смарт-объект. Просто, щёлкните правой кнопкой мыши по слою с задним фоном и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filters-Blur-Gaussian Blur).

Установите радиус размытия 3.8 px.

Теперь контраст значительно улучшен, а текст можно легко прочитать.

Надеюсь, вам понравился данный урок!

Автор: Maria Wendt

 

Источник: photoshopstar.com

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

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

Добавление надписи

Для того чтобы написать что-то на фото или изображении, откройте это изображение: «File» – «Open» или «Ctrl+O». В примере мы будем создавать текст в новом документе на прозрачном фоне. В конце можно будет сохранить на прозрачном фоне результат, тогда у Вас будет возможность в любое время вставить надпись на нужное изображение.

Создадим новый файл в Фотошопе: «Ctrl+N». В диалоговом окне установите значения ширины «Width» и высоты «Height» и выберите «Background Contents» (Содержимое фона) – «Transparent» (Прозрачный). Нажмите «ОК».

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

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

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

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

То, что написала я, не поместилось полностью на листе. Поэтому выделяю все, нажав сочетание клавиш «Ctrl+A», и перехожу к настройкам инструмента.

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

Первая кнопочка позволит изменить направление — горизонтальное или вертикальное. Дальше можно выбрать нужный шрифт, размер и цвет. Кнопка «Create warped text» (Создать деформированный текст) поможет деформировать надпись, нужно просто выбрать подходящий стиль. В примере выставлены все параметры, которые подчеркнуты на рисунке, код цвета «#4b84d8».

Поместив курсор мышки за границами текста, он примет вид черной стрелочки (такой же, как первый инструмент Панели инструментов «Move Tool» (Перемещение)), зажав левую кнопку мышки, можно переместить напечатанное в любое другое место на изображении.

Окно настроек деформации появится после нажатия на кнопку «Create warped text» (Создать деформированный …). Выберите подходящий стиль, настройте параметры и нажмите «ОК».

Изменение стиля слоя

Рассмотрим палитру слоев. Каждый раз, при добавлении новой надписи, там будет создаваться новый слой. Если Вы добавляли текст на фото, оно будет представлено в палитре отдельным слоем. Таким образом, при работе с написанным мы никак не изменим изображение.

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

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

В открывающемся списке выбираем верхний пункт «Blending Options» (Параметры наложения).

Откроется окно «Layer Style» (Стиль слоя). Слева в нем будут представлены различные стили:

«Drop Shadow» (Тень), «Inner Shadow» (Внутренняя тень), «Outer Glow» (Внешнее свечение), «Inner Glow» (Внутреннее свечение), «Bevel and Emboss» (Тиснение), «Contour» (Контур), «Texture» (Текстура), «Satin» (Глянец), «Color Overlay» (Наложение цвета), «Gradient Overlay» (Наложение градиента), «Pattern Overlay» (Перекрытие узора), «Stroke» (Обводка).

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

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

«Drop Shadow» (Тень).

«Inner Shadow» (Внутренняя тень).

«Outer Glow» (Внешнее свечение).

«Bevel and Emboss» (Тиснение).

«Contour» (Контур).

«Gradient Overlay» (Наложение градиента).

«Stroke» (Обводка).

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

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

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


Оценить статью: Загрузка… Поделиться новостью в соцсетях

 

Об авторе: Олег Каминский

Вебмастер. Высшее образование по специальности «Защита информации». Создатель портала comp-profi.com. Автор большинства статей и уроков компьютерной грамотности

Как сделать надпись в фотошопе

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

Содержание:

Самый простой способ: вставка текста

Если вам быстро нужно добавить надпись простую на фотографию, можно воспользоваться только стандартной «вставкой текста», которая находится слева на панели инструментов (дашборде) программы:

  • откройте фотографию в окне редактора;

Рис. 1 – первоначальное изображение

  • найдите на панели инструментов элемент «Текст», как показано на рисунке:

Рис. 2 – внешний вид меню инструментов

  • теперь кликните указателем на том месте картинки, где будет размещена надпись. Начните печатать текст;

Рис. 3 – печать текста на фото

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

Рис. 4 – настройка форматов надписи

  • выполним настройку деформации текста, с помощью соответствующей кнопки;

Рис. 5 – применение деформации

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

Рис. 6 – окно выбора

  • в открывшемся окне настройки стилей слоя настройте тени, обводки и прочие эффекты.

Рис. 7 – внешний вид окна настроек

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

Рис. 8 – размещение итоговой надписи

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

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


Читайте другие наши статьи о работе в Фотошопе:

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

Как поменять язык Photoshop – инструкции для всех версий


к содержанию ↑

Выбираем шрифт

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

Скачивать дополнительные шрифты для Фотошоп можно на сторонних ресурсах.

Самый популярный из них – 1001 free fonts. Выберите понравившийся шрифт и скачайте его, затем распакуйте архив.

Переместите файл формата TTF в системную папку Шрифты Windows, которая расположена в панели управления.

Рис. 9 – системна папка «Шрифты»

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

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

Напишите его на любом месте фотографии.

С помощью верхней панели выберите шрифт (помимо стандартных элементов, в этой вкладке также будет отображаться установленный шрифт).

Рис. 10 – добавление надписи

Выберите размер символов. Теперь можно приступать к добавлению различных эффектов. Откройте окно слоёв (вкладка «Окно», пункт «Слои»).

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

Далее выставьте смещение на 10-12 пикселей. В строке Размер также переместите ползунок до значения 10-12 пикселей.

Рис. 11 – настройка тени надписи

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

Теперь добавим свечение внешней части текста. Для этого в том же окне «Стиль слоя» слева отметьте галочкой «Внешнее свечение».

В правой части окна выставьте параметр «Размах» как 8% и Размер как 27 пикселей. Чтобы увеличить площадь свечения, отрегулируйте элемент «Размах».

Рис. 12 – настройка внешнего свечения текста

Далее приступим к работе с градиентной заливкой символов текста. В окне «Стиль слоя» кликните на раздел «Наложение градиента.

Нажмите на цвет градиента, чтобы открыть палитру оттенков. Можно выбрать цвет с помощью мышки или ввести код оттенка. Введём #fbfea0.

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

Рис. 13 – создание градиентной заливки текста

Теперь сделаем обводку для символов. Кликните на «Обводка» и выберите размер контура «3» и цвет обводки под кодом #031f01.

Рис. 14 – настройка обводки текста

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

Рис. 15 – результат создания надписи

к содержанию ↑

Создаём стилизованную надпись

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

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

Советуем создавать такую надпись в отдельном проекте. При необходимости, её можно будет добавить на любую картинку, изменив текст.

Откройте новый проект в редакторе Photoshop. Размер листа должен быть 800×600 px. Выполните дублирование слоя с задним фоном.

Рис. 16 – дублирование с задним фоном

Теперь кликните на дубликате и откройте окно «Стили слоя». В левой части окна выберите пункт «Наложение градиента» (или «Gradient Overlay»). Справа настройте параметры: радиальный стиль (Radial Style), Масштаб – 50% (Scale). Затем выставьте цвет градиента левая точка будет иметь код #ffffff, а правая — #979797.

Рис. 17 – создание градиента

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

Рис. 18 – результат создания градиента

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

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

Рис. 19 – наложение текстуры

Скачайте на свой ПК шрифт «Bubble Gum» по ссылке и установите его. Не забудьте сохранить проект перед тем, как будете перезагружать проект в Фотошоп.

Добавьте на страницу проекта надпись, используя новый установленный шрифт. Выставьте размер – 170 пт., вид – Обычный.

Рис. 20 – добавление надписи

Примечание: каждую новую строку следует создавать только на отдельной вкладке Layer

На панели Layer выделите два текстовых слоя (если вы создали три строки, то выделите три слоя) и создайте их дубликаты.

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

Кликните по оригинальному слою текста в соответствующем меню, чтобы открыть окно «Стиль слоя».

Теперь откройте вкладку «Тиснение» («Bevel and Emboss»). Теперь выставьте все настройки аналогично к показанными на рисунке ниже (код цвета в параметре «Shadow Mode» — #878787):

Рис. 21- настройки тиснения

Теперь перейдите во вкладку контура и выставьте такие настройки:

Рис. 22 – настройки контура

Во вкладке «Текстуры» кликните на встроенный узор «Диагональные полоски».

Рис. 23 – выбор узора

Теперь необходимо настроить внутреннюю тень. Перейдите на соответствующую вкладку и задайте такие параметры (Цвет — #ffffff):

Рис. 24 – настройки внутренней тени

Параметры вкладки «Внутреннее свечение» (левая точка градиента — #391c21, правая — #f7efed):

Рис. 25 – настройки внутреннего свечения

Теперь откройте вкладку «Глянец» и выставьте настройки (код цвета — #ffeae3):

Рис. 26 – создание стиля глянца

Настроим наложение цвета (код — #e0dadb):

Рис. 27 — параметры наложения цвета

Создаём градиент надписи (левая точка — #ffffff, правая точка — #999999):

Рис. 28 – настройка градиента

Откройте вкладку «Перекрытие узора» и выберите узор под номером 6. Масштабирование – 7%.

Рис. 29 – перекрытие узора

Теперь нужно настроить тень надписи:

Рис. 30 – настройки тени

Скопируйте созданный стиль для каждого слоя текста (для каждой строки). Итоговый вид надписи:

Рис. 31 – итоговая надпись

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


Читайте другие наши статьи о Фотошопе:

Как удалить фон в фотошопе – простые способы

Как вставить картинку в картинку в фотошопе – подробное руководство


Пишем текст на заднем плане

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

Вот фотография, которую я буду использовать для этого урока.

Итак начнём.

Шаг 1: Добавьте Ваш текст.

Выберите инструмент Текст (T).

Для текста выберите шрифт, размер и цвет на Ваше усмотрение, затем щёлкните в окне документа и добавьте Ваш текст. Я напечатал слово «Baseball» и добавил к нему несколько стилей слоя.

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

Шаг 2: Выберите слой Заднего плана.

Нажмите на слое Заднего плана в палитре Слоёв, чтобы сделать его активным.

Шаг 3: Выделите область наложения.

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

Я упоминал, что хочу, чтобы игрок бейсбола появился перед текстом, но так как текст перекрыл только верхнюю часть игрока, нет никакой необходимости выделять бейсболиста полностью. Выделите верхнюю часть бейсболиста любым удобным для Вас инструментом (Lasso (Лассо), Magnetic Lasso (Магнитное Лассо) и т. д.). Я выбрал область из вершины его шлема вниз к его талии. Я могу игнорировать остальную его часть, так как она попадает ниже текста.

Шаг 4: Скопируйте выделенную область.

Скопируйте выделенную область на новый слой нажав Ctrl+J.

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

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

Шаг 5: Включите слой с текстом.

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

Шаг 6: Перетащите слой 1 выше слоя с текстом.

Нажмите на Слое 1 левой кнопкой мышки и, не отпуская её, перетащите его над Слоем Текста.

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

Автор: Steve Patterson

Перевод: Владимир Нестеров

Ссылка на источник

Как сделать текст четким в фотошопе

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

Пример:

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

Как обычно борются с нечеткими текстами в фотошопе?

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

Как сделать четкую надпись на фото

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

  1. Берем картинку и пишем текст, цвет текста может быть близок по цвету основного фона изображения.
  2. У нас получилось два слоя – фоновый с исходным изображением и текстовый.
  3. Кликните по иконке текстового слоя с зажатой клавишей Shift – загрузится выделение вокруг текстового слоя, как показано на скриншоте ниже:
  4. Создайте новый пустой слой, нажав на иконку чистого листа в нижней части палитры слоев.
  5. Переместите новый слой под текстовый.
  6. Не снимая выделения текста, выберите команды Выделение -> Модификация -> Расширить (Select > Modify > Expand). Расширить на 5-10 пикселей.
  7. Сделайте активным новый слой (Слой 1) и залейте выделение любым цветом.
  8. Снимите выделение (горячие клавиши CTRL +D). Теперь нам понадобится фильтр размытие по Гауссу (Filter > Blur > Gaussian blur), примените его к слою с заливкой (Слой 1), уменьшайте и увеличивайте радиус фильтра, пока не получите желаемый результат. Вы можете уменьшить прозрачность слоя 1. Результат:

Как сделать размытые текст на фото четче

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

  1. Возьмите инструмент “Волшебная палочка”, в настройках укажите “Добавить к выделенной области” и букву за буквой выделяйте надпись:
  2. Нажмите клавиши CTRL + J для того, чтобы выделенная область текста скопировалась на новый слой.
  3. Повторите шаги с 3 (перейти к третьему шагу) предыдущей инструкции, когда мы работали с текстовым слоем. Результат будет такой же, как и в прошлом уроке с выделением текста.

( 1 оценка, среднее 5 из 5 )

Понравилась статья? Поделиться с друзьями:

Как убрать лишнюю надпись в фотошопе. Как удалить текст с фотографии в фотошопе

Как убрать надпись с картинки в графическом редакторе Paint. Мастер класс


Рябиченко Надежда Владимировна, учитель начальных классов МКОУ «Михайловская ООШ» Киквидзенского района Волгоградской области
Описание: Предлагаю вашему вниманию мастер класс по подготовке изображений для вставки в презентацию. Данный материал будет полезен учителям начальной школы, среднего звена, воспитателям, педагогам дополнительного образования, учащимся школ, студентам.
Цель: подготовка изображения для вставки в презентацию
Задачи:
— ознакомить с технологией работы в графическом редакторе Paint;
— развивать творческие способности.
Составляя презентацию к уроку или какому – либо мероприятию в программе PowerPoint, мы используем соответствующие иллюстрации. Часто картинки бывают с надписями. В своем мастер-классе я хочу показать, как можно убрать надпись с фона картинки (фон белый или цветной, но однотонный) в графическом редакторе Paint разными способами.

Ход работы:

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


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


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


Или на вкладке Вид нажмите Уменьшить


4. В левом верхнем углу картинки на белом фоне мы видим надпись.

Работа по удалению надписи:

1 способ :
Чтобы убрать надпись, на Ленте вкладки Главная в Инструментах воспользуйтесь Ластиком , кликнув по его изображению левой кнопкой мыши. Удерживая ластик левой кнопкой мыши, сотрите надпись.


2 способ:
На Ленте вкладки Главная в Изображениях нажмите Выделить , затем выделите прямоугольную область с надписью и нажмите Вырезать .


3 способ (подходит для картинок с фоном не только белого, но и другого цвета, фон однотонный):
На Ленте вкладки Главная в Изображениях нажмите Выделить , затем выделите любую прямоугольную область на фоне.


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


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


Наша картинка готова к дальнейшему использованию.


Вот так легко можно убрать надпись с фона картинки.
Благодарю за внимание!

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

Графический редактор Paint

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

Как убрать надпись с картинки в Paint?

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

Удалить надпись в Paint можно, просто скопировав часть фона и поставив на нее заплатку. Для этого нажимаем на треугольничек под пунктом «Выделить». В показавшемся меню выбираем инструмент «Прямоугольная область». Далее помещаем преобразовавшийся в крестик курсор на ту часть рисунка, где имеется свободный от изображения фон. Затем зажимаем кнопку мыши (левую) и выделяем небольшую прямоугольную область. Помещаем курсор в образовавшийся прямоугольник, нажимаем кнопку мышки (правую) и в появившемся меню выбираем пункт «Копировать».

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

Редактор «Фотошоп»

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

Графический редактор Photoshop® CS5

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

Как убрать надпись в Photoshop® CS5?

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

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

Убираем надписи в редакторе Photoshop® CS6

Рассмотрим, как убрать надпись с картинки в «Фотошопе CS 6». Делается это точно так же, как и в Photoshop® CS5. Также открываем нашу картинку, пройдя по пунктам «Файл» — «Открыть». Затем опять копируем слой Background и увеличиваем ненужную надпись. После этого переходим в раздел «Редактирование» — «Выполнить заливку» и выполняем необходимые настройки в появившемся диалоговом окне.

Как убрать надписи в других версиях редактора «Фотошоп» с помощью инструмента «Штамп»

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

Итак, как убрать надписи с картинки инструментом «Штамп»? Для начала увеличиваем ее инструментом «Лупа». Берем «Штамп» и помещаем курсор-кружок на свободную область фона где-нибудь поблизости от нее. Зажимаем клавишу Alt и кликаем по выбранному участку. При этом кружок-курсор уменьшится в размерах, а внутри него появится крестик. Далее перемещаем его на надпись. Отпустив клавишу Alt, щелкаем по ней. В результате часть фона скопируется поверх надписи. Шаг за шагом заполняем всю требующую корректировки область. Возможно, щелкать по фону с зажатой клавишей Alt придется не один раз. В этом случае конечный результат будет смотреться гораздо аккуратнее.

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

Метод клонирования в редакторе «Фотошоп» похож на тот способ, который мы рассматривали в самом начале для программы Paint. Надпись убирают, воспользовавшись инструментом «Лассо» или «Прямоугольная область». Все, что требуется, — выделить тот участок фона, который будет служить заплаткой. Инструментом «Прямоугольная область» просто растягивают квадрат на нужном участке. При помощи «Лассо» можно сделать более сложные выделения. Получившуюся заплатку необходимо скопировать на новый слой. Для этого нужно, также используя инструменты «Лассо» или «Прямоугольная область», щелкнуть по выделенному участку кнопкой мыши (правой) и в выскочившем окошке выбрать строчку «Скопировать на новый слой». В окне слоев появится новый с заплаткой. В рабочем поле выделена она не будет.

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

На самом последнем этапе нужно будет слить все слои в один. Для этого следует кликнуть кнопкой мыши (правой) в любом месте рисунка и в высветившемся меню выбрать пункт «Объединить слои». В результате останется один Background с уже удаленной надписью.

Итак, вам, скорее всего, теперь понятно, как убрать надпись с картинки. «Фотошоп» и другие позволяют выполнить данную операцию буквально за несколько кликов. В Paint это можно сделать, выделив заплатку, скопировав и закрыв ею текст. Этот же прием, наряду со способом закрашивания инструментом «Штамп», может быть использован и в редакторе «Фотошоп» ранних версий. В Photoshop, начиная с версии CS5, удаление выполняется еще проще — автоматически, с применением средства «Заливка с учетом содержимого».

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

Наша задача — понять, как удалить объект в Фотошопе: например, провода немного испортили кадр. Они появляются из ниоткуда, после чего туда же и уходят. Нужно сказать, что подобные вещи часто портят всю красоту фотографий, на которых изображены деревушки и небольшие города. И далеко не все подозревают, что провода легко можно стереть средствами Adobe Photoshop. Именно этим мы сейчас и займемся.

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


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


Далее нажмите клавишу Delete. Это приведет к удалению выделенных участков изображения. Но предварительно программа при помощи диалогового окна спросит у вас, что именно должно появиться вместо удаленных объектов. Вы должны выбрать пункт «С учетом содержимого». Непрозрачность оставьте на уровне 100%, режим изменять не нужно.

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

На совершение данной операции может потребоваться 10-15 секунд. В наихудших случаях графическому редактору может не хватить оперативной памяти, тогда он выдаст соответствующую ошибку. Обычно такое происходит на слабеньких ноутбуках. Если же всё прошло нормально, то на картинке и следа не останется от удаленных объектов. Например, наше изображение оказалось полностью избавлено от электрических кабелей. Пустующую область Photoshop залил цветами, близкими к затянутому тучами небу. Не забудьте после получения результата перейти по пути «Выделение>Отменить выделение».

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

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

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

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


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

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

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

Теперь давайте поговорим об удалении в общих чертах. Вам может показаться, что вопрос о том, как удалить в Фотошопе ту или иную область, очень простой. Но на самом деле удаление очень просто реализовано только в текстовых редакторах. В подобной программе нужно лишь выделить кусок текста, после чего он удаляется одним нажатием клавиши Delete. В Adobe Photoshop ситуация совсем другая. Здесь удаления можно добиться разными способами.

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

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

Как удалить фон в Фотошопе?

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

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


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

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

Если у вас картинка до сих пор состоит из одного слоя, то дальше выскочит знакомое диалоговое окно. Пункт «С учетом содержимого» в этот раз использовать не стоит. Попробуйте вместо него выбрать пункт «Черный», «Белый» или «Цвет фона».


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

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


Теперь вы можете со спокойной душой нажимать клавишу Delete (если только вы не успели залить всё белым или черным цветом). В этот раз никакое диалоговое окно не выскочит. Вместо этого фон тут же заменится на шахматные клетки. Это означает, что он стал прозрачным. Если вы сохраните получившееся изображение в PNG-формате, то сразу это заметите. Если же вы захотите сохранить картинку в формате JPEG, то прозрачность заменится на белый цвет.


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

Как в Фотошопе удалить цвет?

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

Работать мы будем над картинкой, на которой изображен некий рестлер. Человек нарисован в стиле «Южного парка». Изображение состоит из небольшого количества цветов, что только облегчит нам работу.

Наша задача простая — нужно изменить цвет кожи на любой другой. Для этого перейдите по пути «Выделение>Цветовой диапазон».


Появится небольшое диалоговое окно, позволяющее выбрать тот или иной цветовой оттенок. Курсор мыши в этот момент превратится в пипетку. Вам необходимо щелкнуть по торсу рестлера. Разброс смело увеличивайте до 60-69 пунктов. Затем жмите кнопку «OK».


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

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

Как удалить фото в Фотошопе?

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

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

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

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

Но мы немного отвлеклись. Давайте рассмотрим ещё пару моментов, случающихся очень часто. Регулярно мы качаем красивые изображения из Интернета. И очень обидно бывает, когда в одном из углов обнаруживается какая-нибудь надпись. Обычно это имя автора или адрес его сайта. Давайте подумаем над тем, как удалить текст в Фотошопе — на самом деле вы уже без подсказки смогли бы это сделать, так как для данной операции используются рассмотренные выше приемы. В качестве примера возьмем обои на рабочий стол, посвященные фильму «Живая сталь». В их правом верхнем углу имеется текст с указанием правообладателя. Именно его мы постараемся удалить.


Масштаб отображения картинки увеличьте до 100-процентного. Затем выберите инструмент «Лассо». Если бы текст был больше — можно было бы задействовать даже «Магнитное лассо» или «Быстрое выделение». С помощью этих инструментов можно быстро выделить большие буквы по их контуру. Но в нашем случае буквы очень маленькие, поэтому мы просто обведем их все при помощи обычного «Лассо».


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

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

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


Выделять такие надписи следует при помощи всё того же «Лассо». Для остальных инструментов их размер слишком мал. Выделять следует по одной надписи. То есть, после выделения логотипа MGM зажмите клавишу Shift, после чего переходите к выделению надписи New Line Cinema. Когда выделены будут все логотипы — нажмите клавишу Delete. Что выбрать в диалоговом окне, посвященном удалению объектов, вы уже знаете.


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


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

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

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

Сегодня небольшая статья о том, как убрать надпись с фотографии в фотошоп. Для этого не нужно быть продвинутым пользователем Фотошопа, делается всё легко и быстро.Я покажу 3 способа, с помощью которых можно убрать любую надпись. Они идеально подходят для непрофессионального, но довольно качественного редактирования фото. Я буду использовать программу Photoshop CS6, хотя предыдущие версии также отлично справляются с этой задачей.

Способ 1: Выполнение заливки

Этот способ хорошо эффективен в тех случаях, когда надпись находится на достаточно однородном фоне.

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

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

Всё, надпись исчезла.

Способ 2: Точечная восстанавливающая кисть

Данный способ тоже отлично справляется с удалением надписи с фото при однородном заднем плане.

Выбираем инструмент “Точечная восстанавливающая кисть”. С помощью кнопок “[” и “]” установите оптимальный диаметр кисти, затем зажмите левую кнопку мыши и выделите редактируемую область с текстом или датой.

После чего, отпустите кнопку. Надпись пропадет.

Способ 3: Комбинированный

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

Мы будем использовать инструменты “Лассо”, “Точечная восстанавливающая кисть” и “Заплатка”.

Часть надписи удаляем с помощью точечная восстанавливающей кисти.

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

В итоге выделенная область заменится. Фото готово.

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

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

video1

15.05.2015 28.01.2018

Все сталкивались с ненавистными надписями на фото которые хочется убрать. Как это сделать? Я расскажу в этой статьи с примерами.

Убрать надпись с фото используя Фотошоп -легко и просто!

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

Как в фотошопе убрать водяной знак с картинки

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

Поэтому замазать эту надпись мы можем без угрызения совести.

Отройте эту фотографию в Фотошопе.

Найдите инструмент Штамп на панели инструментов слева.

Обратите внимание на настройки инструмента. В принципе они стандартные в этом случае.

Слева можно выбрать размер кисти этого инструмента.

Теперь приступаем к работе. Для начала необходимо зажать кнопку Alt на клавиатуре (вы увидите как курсор превратился в крестик) теперь курсором указать облать которую мы будет наносить (копировать).

Так как вода идет волнами сверху вниз, то брать нужно область над надписью. После этого отжать Alt и нанести копируемую область на надпись.

Теперь можно зарисовать всю надпись.

Как в фотошопе убрать надпись с фотографии

Другой метод, другой случай.

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

Сейчам мы будем удалять эту надпись.

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

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

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

Я выделил крайнюю букву.

Теперь просто перетаскиваю выделение на область стены где нет надписи.

После этого буква пропала, а я снял выделение (CTRL+D )

Осталось повторить тоже самое с остальными буквами.

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

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

Готово, мы имеем фото без надписи.

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

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

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

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

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

Удаление текстовых слоев

Удалите или скройте текстовый слой на панели «Слои».

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

Если текст в изображении занимает отдельный слой, его удаление означает просто удаление этого слоя. Это невозможно в однослойном изображении, таком как файл JPG или PNG, но оно может работать в многослойных форматах, таких как файлы Photoshop PSD. Текстовые слои всегда имеют Т-образный значок на панели «Слои» и часто включают первые слова в качестве имени слоя. Чтобы удалить текст, выберите слой на панели «Слои» и затем нажмите кнопку «Удалить» в нижней части панели.Другой вариант — щелкнуть значок «Глаз» слоя, чтобы сделать текст невидимым.

Буква «o» стирается с помощью инструмента Healing Brush Tool.

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

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

Буква «o» удаляется после выборки тени слева.

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

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

«T» заменяется патчем сверху.

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

Буква «o» проставляется в области чуть выше нее.

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

Инструмент «Штамп» работает так же, как и инструмент «Точечная восстанавливающая кисть». Сначала щелкните область для клонирования, удерживая клавишу Alt, а затем перетащите курсор на букву. Как следует из названия, этот инструмент клонирует выбранную область и ставит ее над буквой при перетаскивании курсора.

Инструмент Clone Stamp Tool буквально штампует выделение над буквой. Преимущество этого инструмента в том, что вы не получаете мазков, которые появляются с помощью инструмента Spot Healing Brush Tool. Однако недостатком является то, что повторяющийся узор на фото часто делает ремонт легко заметным.

Как разместить текст за объектом в 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 на клавиатуре. На панели опций вы можете щелкнуть значки «Выровнять», чтобы выровнять текстовый слой.

Щелкните на Align Vertical Centers и Align Horizontal Centers , чтобы центрировать текстовый слой по центру холста.

Нажмите 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 — Уточните выделение с помощью рабочей области «Выделение и маска»

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

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

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

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

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

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

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

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

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

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

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

Global Refinements

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 11 — Соответствие глубине резкости

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

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

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

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

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

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

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

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

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

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

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

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

Как удалить белый фон из текста с помощью Photoshop

В сегодняшнем уроке я продемонстрирую, как легко удалить белый фон с текста с помощью Photoshop.Подобные вещи были бы полезны, если у вас есть старый JPEG-файл, и вы хотите использовать его на разных стилях фона. Или, может быть, ваш дизайнер логотипов дал вам только копии вашего логотипа в формате JPEG, и вы не можете их использовать из-за этого (звучит безумно, но на самом деле это происходит часто!) В любом случае, Logos By Nick вам поможет.

Чтобы удалить белый фон, мы собираемся использовать инструмент Magic Wand Tool , который позволяет вам создать выделение вокруг определенного цвета по вашему выбору.Однако вам нужно будет отрегулировать настройку «Допуск» инструмента, чтобы получить наилучший результат.

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

Удаление белого фона из текста с помощью Photoshop

Чтобы удалить белый фон с текста с помощью Photoshop, возьмите инструмент Magic Wand Tool и щелкните белую область, чтобы создать выделение вокруг нее.Затем нажмите клавишу Удалить , чтобы удалить белую область.

Следующий видеоурок проведет вас через весь процесс менее чем за 3 минуты:

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

Оглавление

  • Шаг 1 : Используйте Magic Wand Tool, чтобы создать выделение вокруг текста
  • Шаг 2 : Отрегулируйте настройку Tolerance, чтобы она соответствовала вашему тексту
  • Шаг 3 : Удалите фон с помощью клавиши Удалить

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

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

Шаг 1. Используйте инструмент Magic Wand Tool, чтобы создать выделение вокруг вашего текста

Чтобы удалить белый фон с текста с помощью Photoshop, нам нужно будет использовать инструмент Magic Wand Tool , который находится на панели инструментов, в подменю Object Selection Tool .

Для доступа к нему нажмите W на клавиатуре, затем, удерживая нажатой кнопку мыши, щелкните значок инструмента, чтобы открыть подменю.Инструмент «Волшебная палочка» — самый последний инструмент внизу списка:

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

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

Если между любыми вашими буквами есть отрицательное расстояние (например, буква D в моем примере), то также создайте выделение вокруг них, удерживая Shift и щелкая по ним.

Если вы не удерживаете Shift, он удалит первый сделанный выбор и заменит его новым выделением вокруг отрицательного пространства букв. Удерживание Shift позволяет нам добавлять к выделению, а не заменять его: если в какой-либо из ваших букв есть отрицательное пространство внутри, как в случае с буквой D в моем примере, вам также придется создать выделение вокруг них. .

Шаг 2. Настройте параметр «Допуск», чтобы он соответствовал выделенному тексту.

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

Для проверки увеличьте масштаб, удерживая Alt и вращая колесико мыши.

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

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

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

Удалите выделение из документа, нажав Control + D , измените Допуск в соответствии с вашим собственным изображением, затем создайте новое выделение (так же, как мы делали на шаге 1), пока оно не будет точно соответствовать вашему тексту.

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

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

Шаг 3. Удалите фон с помощью клавиши «Удалить».

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

Если вы используете Mac, то у вас не будет клавиши удаления на клавиатуре, поэтому перейдите к Правка> Очистить .

Теперь вы можете отменить выбор, просто нажав Control + D на клавиатуре, и все готово! Вы успешно удалили фон вашего текста, сделав его прозрачным.

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

Заключение

Благодаря точности и простоте использования инструмента Magic Wand Tool, умение удалить белый фон из текста в Photoshop сводится к небольшому количеству щелчков мышью. Этот метод также можно использовать для удаления фонов всех типов и различных других предметов (не только текста.)

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

Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, предназначенной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках. Прочтите информацию о партнерских программах здесь.

Создайте уникальный текстовый эффект разрыва с городским фоном в Photoshop

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

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

Вот предварительный просмотр финального эффекта, который я получил для этого урока: (щелкните, чтобы увеличить)

Скачать PSD файл

Вы можете скачать PSD-файл для этого руководства через VIP-зону всего за 6 долларов.95 / Месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 70 других PSD-файлов + Дополнительные полезности + Эксклюзивные руководства по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив 🙂 Узнайте больше о зонах VIP-членов

Хорошо. Приступим!

Для выполнения этого урока вам потребуются следующие акции:

Дымовые щетки

Текстура дерева

Город

Трещина

Щетка для мусора

Шаг 1

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

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

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

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

Затем добавьте следующие 3 корректирующих слоя изображений в качестве обтравочной маски к этому слою с трещиной:

Черно-белый (установите непрозрачность этого корректирующего слоя на 70%)

Уровни

Кривые

, и пока у вас будет следующий эффект:

Шаг 2

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

Используйте Меловую кисть в качестве ластика (установите растекание и непрозрачность примерно на 50%), сотрите края здания, чтобы создать некоторый разрушительный эффект:

и вот эффект после стирания:

Добавьте следующие 3 корректирующих слоя изображения в качестве обтравочной маски к этому слою с городом:

Черно-белое

Уровни

Цветовой баланс (светлые участки)

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

Шаг 3

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

Загрузите текстуру дерева в Photoshop, выберите ее часть, как показано ниже:

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

Повторите описанный выше процесс, скопируйте и вставьте еще 2 куска дерева на наше письмо:

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

Затем примените следующие 3 корректирующих слоя к текстовому слою в качестве обтравочной маски:

Черно-белое

Уровни

Кривые

, и у вас будет следующий эффект:

Шаг 4

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

Совет: используйте Sharpen and Blur Tool на обломках, чтобы создать дополнительную глубину.

Продублируйте этот слой мусора один раз и примените следующие настройки радиального размытия:

Уменьшите непрозрачность этого слоя радиального размытия примерно до 60%, вы получите следующий эффект:

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

Шаг 5

Хорошо, мы почти закончили! В качестве последних штрихов я добавил немного тени на текстуру трещины с помощью мягкой черной кисти: (установите поток кисти и непрозрачность примерно на 20%)

Также добавлен свет, исходящий из-за текста с помощью мягкой белой кисти:

Я добавил несколько зданий поверх текста с изображения города (применил те же настройки изображения, что и на шаге 2):

Далее добавил немного текстуры облака / дыма вокруг текста в позиции, показанные ниже:

Плюс эффект фильтра Lens Flare Filter (установите режим наложения «Color Dodge») на текст, чтобы немного оживить эффект:

Подсказка: если у вас возникли трудности с этим световым и цветовым эффектом, ознакомьтесь с этим уроком здесь.

Добавьте еще цвета, и вы получите следующий конечный эффект: (щелкните, чтобы увеличить)

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

4 простых способа выделить текст с помощью Photoshop — Don Charisma

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

Чтобы использовать Photoshop для эффективного выделения текста, ВЫ ДОЛЖНЫ понимать, как работают слои. Я написал пост о том, как рисовал себя, в котором есть объяснение слоев. Рекомендую посмотреть на часть слоев, если вы не знаете, что это за слои.


ДОБАВИТЬ нас в социальных сетях

(Мы распространяем синдикаты на некоторые из этих сайтов, поэтому, возможно, вам будет проще подписаться на нас на этих платформах:

Gravatar — Профиль FaceBook — Страница FaceBook — Профиль Shitter — Blogspot — Pinterest — FineArtAmerica — YouTube — YouTubeTV —


На самом деле существует ТОЛЬКО ОДИН СПОСОБ выделить текст на любой фотографии или графическом дизайне.Итак, мы начнем с этого и добавим в ваш набор инструментов, пока не дадим вам 4 способа. Из этого вы можете создавать комбинации и легко научиться выделять текст с помощью Photoshop.

ОБЯЗАТЕЛЬНО проявите терпение с Photoshop — это невероятно мощный инструмент. Обратной стороной такой большой мощности является то, что она иногда кажется очень сложной. Настойчивость и терпение окупятся, я вам это обещаю.

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

Веб-дизайнеры должны знать об этих методах, особенно если они занимаются собственным графическим дизайном. Эти методы можно использовать, чтобы превратить «средний» веб-сайт в выдающийся. Поэтому, пожалуйста, ОБРАТИТЕ ВНИМАНИЕ, если вы хотите узнать, как создавать лучшие веб-сайты, блоги или что-то еще, что содержит текст…


Спонсорское сообщение — Если вы хотите, чтобы веб-дизайнер помогал вам в вашем проекте — свяжитесь с нами DonCharisma.com, мы будем рады помочь с коммерческими проектами любого размера.


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

1. Контраст

Практически все методы выделения текста с помощью Photoshop (или любого другого программного обеспечения для фото / дизайна) основаны на одном и том же принципе — контраст . Мы все понимаем контраст, сознательно или нет.Без этого мы не смогли бы ни читать, ни писать.

Черные буквы, например, на белой странице…

ИЛИ олдскульный компьютерный текст на дисплее…

Это оба примера использования контраста для выделения текста. Тот же принцип применяется в Photoshop. Так как же это сделать в фотошопе?

Давайте возьмем для примера эту стоковую фотографию:

Очень просто:

  1. Используйте текстовый инструмент на панели инструментов (слева), чтобы нарисовать текстовое поле.
  2. Введите текст, который нужно выделить
  3. Используйте панель символов (вверху) для изменения шрифта / размера / цвета — у меня используется шрифт Arial Bold 250pt, белый. Обратите внимание, что для текста большого размера может потребоваться ввести размер в поле!

Вот как это выглядело на моем экране (выделите поля для упомянутых инструментов):

2. Ход

Еще один очень простой способ выделить текст — это обвести текст «обводкой». В Photoshop есть специальная панель под названием «Эффекты и стили слоя».У Adobe здесь есть помощь. Назовем это для краткости «панелью эффектов».

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

Очень просто:

1. Как и в примере выше, создайте текстовое поле с текстом, который вы хотите выделить.

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

3. Щелкните стиль «Обводка» и отрегулируйте размер в соответствии с требованиями. В моем примере это обычная черная обводка 10pt.

Вот как это выглядит без обводки:

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

Это мое окно Photoshop — я выделил место двойного щелчка для панели эффектов (желтым цветом!).Между прочим, вы не увидите слова «fx», пока не добавите обводку 😀

3. Накладка

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

Очень просто:

  1. Создайте текстовое поле с текстом желаемого размера и цвета. Я продолжу использовать белый текст, чтобы было проще.
  2. Используйте инструмент «Прямоугольник», чтобы создать черный прямоугольник, закрывающий текст, и немного больше, чтобы создать «границу».Старайтесь, чтобы все было «симметрично» — то есть зазоры одинакового размера слева, справа и снизу. Это помогает сохранить приятный внешний вид, поверьте мне…
  3. Перетащите слой прямоугольника так, чтобы он отображался за текстом. Он должен быть между текстовым слоем и фоновым слоем.
  4. Отрегулируйте «непрозрачность» слоя прямоугольника до 50%.

Вот как после этого будет выглядеть мое окно Photoshop:

Я выделил, где находится инструмент формы (слева) для рисования прямоугольника.Также положение моего слоя с прямоугольником между текстовым слоем и фоновым слоем (правая сторона). И, наконец, поле непрозрачности, чтобы изменить непрозрачность примерно до 50%, в данном случае это 56%.

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

4.Падающая тень

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

Очень просто:

  1. Создайте текстовое поле — желаемого размера, цвета и шрифта, как вы делали в других примерах.
  2. Дважды щелкните текстовый слой, чтобы открыть панель эффектов.
  3. Перейдите к «Drop Shadow» и отрегулируйте ползунки для «Distance», «Spread» и «Size». В этом примере у меня 23, 65 и 10 соответственно.Остальные настройки — значения по умолчанию.

Вот как выглядит мое окно Photoshop:

И то, что я называю «панелью эффектов», а Adobe — «стилем слоя»:

Краткие и заключительные примечания

Contrast — это основной инструмент , используемый для выделения текста на фотографии или графическом дизайне с помощью Photoshop (или любого другого графического пакета).

Я объяснил методы основного контраста, обводки, наложения и тени.Эти методы могут быть построены (и объединены) для создания более сложных методов выделения текста.

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

Вам следует обратить особое внимание на то, что я называю «панелью эффектов» — это то место, где большая часть умных вещей заключается в выделении текста (или визуальной привлекательности в этом отношении).Я провожу здесь много времени. Это на первый взгляд небольшое количество инструментов, которые на самом деле предлагают ошеломляющее множество вариантов для красивого фальшивого текста 😀

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

Happy Photoshop’ing … в качестве бонуса, если вы хотите поделиться здесь ссылками на свои творения, я буду рад увидеть, что вы придумали!

Ура

Дон Харизма


Примеры Дона Харизмы

Выбрано случайным образом, чтобы показать, что можно сделать 😀

Обводка и наложение.

Чистая накладка.

На всю фотографию нанесено черное покрытие, чтобы выделить металлический шрифт.

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

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

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

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

Здесь (по памяти) я использовал тиснение с падающей тенью.

Снова тиснение с падающей тенью, из-за которой текст кажется «парящим над» фотографией.

Вот и все — покопайтесь в моем блоге, чтобы найти больше примеров 😀



Комментарии приглашены

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



Нравится:

Нравится Загрузка …

Связанные

Как добавить текст на цифровой фон в Photoshop — Essem Creatives

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

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

Что вам понадобится для этого проекта:

  1. Цифровой фон (например, этот акварельный фон)
  2. Adobe Photoshop (получите бесплатную 7-дневную пробную версию из здесь )
  3. Любимый шрифт (ваш компьютер будет иметь много предустановленных шрифтов.Если вы хотите опробовать новый шрифт, вы можете зайти сюда — https://creativemarket.com/fonts)

Пошаговое руководство по добавлению текста на цифровой фон в Photoshop

Следите за этим видео на как добавить текст на цифровой фон в фотошопе. Примечания к шагам (и несколько советов!) Включены под видео).

Ресурсы, используемые в этом видео:

  1. Бесплатный шрифт
  2. Цифровой фон из нейтральных цветов Набор акварели
Шаг 1. Откройте Photoshop и выберите размер холста

Запуск Фотошоп.

Затем перейдите в Файл -> Новый

Выберите размер холста. Вы можете использовать дюймы или пиксели. Если вы создаете искусство для печати, выбор дюймов может быть для вас более удобным. Я выбрал 5 дюймов на 7 дюймов.

Совет: Убедитесь, что вы установили Разрешение на 300 (это оптимально для печати).

Нажмите «Создать».

Шаг 2: Добавьте фон

Теперь, когда ваш холст готов, вы можете просто перетащить фон на холст.

Если используемый фон больше холста, отрегулируйте его по размеру холста.

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

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

Шаг 3: Добавьте текст к фону

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

Затем нажмите кнопку « Добавить новый слой » в правом нижнем углу панели слоев. Кроме того, вы можете перейти в Layers (в меню) -> New

Затем выберите Text Tool на панели инструментов.

Щелкните холст и добавьте текст.

Затем отформатируйте текст (измените стиль шрифта, размер, интервал и т. Д.) из Панели персонажей.

Совет: Если вы не видите панель символов (как на видео), перейдите в меню «Окно» (строка меню) -> «Персонаж». Теперь ваша панель персонажа будет видна.

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

Шаг 4: Сохраните

После того, как вы закончите свой текст, просто перейдите в Файл -> Сохранить как

Затем выберите JPEG в качестве типа файла.

Назовите файл.

Нажмите «Сохранить».

Убедитесь, что вы выбрали «Максимум» в качестве качества.

Готово!

Pin для более поздних версий:

Связанные

Наложение прозрачного текста поверх любого фона изображения

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

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

Приступим.

Шаг 1: Начнем с открытия изображения в Photoshop.

В открывшемся окне перейдите к палитре слоев (на рисунке ниже), щелкните ее правой кнопкой мыши и выберите Duplicate Layer… . Поскольку мое изображение называется «Фон», дублирующийся слой в Photoshop назван «Фоновая копия».С этого момента мы будем использовать эти имена.

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

Шаг 3: Теперь заполним новый слой белым цветом. Для этого не забудьте сначала щелкнуть по нему на палитре Layers , чтобы выбрать его.

После выбора в строке меню (или только в меню Windows) перейдите в меню Edit и выберите опцию Fill… .

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

Шаг 4: После создания нового слоя, окрашенного в белый цвет, выберите слой «Фоновая копия» на палитре слоев, чтобы добавить текст. После выбора щелкните инструмент Type Tool , а затем выберите нужный шрифт, его стиль и размер на панели параметров над главным окном.

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

Шаг 5: Теперь с текстом, написанным на изображении, перетащите на палитре слоев текстовый слой под слоем «Фоновая копия», как показано ниже.

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

Шаг 6: Теперь давайте создадим финальный эффект, сделав ваш текст прозрачным, а затем разместим его поверх изображения / фона. К счастью, все это можно сделать с помощью простой команды в Photoshop.

Щелкните меню Layer в строке меню и выберите опцию Create Clipping Mask . Вы увидите, что ваш текст, наконец, наложен поверх фонового изображения.

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

Шаг 7: Выберите текстовый слой на палитре слоев и затем нажмите кнопку Effects .

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

alexxlab

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

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