Фон PSD, 52000+ Графические ресурсы Photoshop для бесплатной загрузки

Как сделать прозрачный текст в Photoshop

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

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

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

Создать прозрачный текст в Photoshop очень просто. Мы начинаем с добавления нового слоя над изображением и заливки его белым цветом. Затем мы добавляем наш текст. Чтобы сделать текст прозрачным, мы используем параметры Advanced Blending в Photoshop (не волнуйтесь, это очень простые «расширенные» параметры), чтобы превратить наш слой Type в слой «Knockout», который пробивает дыры прямо до изображения в фигурах. наших писем!

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

Эффект прозрачного текста.

Приступим!

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

Как добавить прозрачный текст

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

Шаг 1. Откройте изображение

Начните с открытия изображения, в которое вы хотите добавить какой-нибудь прозрачный шрифт. Я загрузил это изображение горизонта Нью-Йорка из Adobe Stock:

Исходное изображение.Фото: Adobe Stock.

Шаг 2: Добавьте новый слой

На панели Layers мы видим изображение на фоновом слое. Добавьте новый пустой слой над изображением, щелкнув значок New Layer внизу панели «Слои»:

Щелкните значок «Новый слой».

Новый слой с именем «Layer 1» появляется над фоновым слоем:

Добавлен новый слой.

Шаг 3: залейте новый слой белым цветом

Мы будем использовать этот слой для создания белой области вокруг текста.Залейте слой белым цветом, перейдя в меню Edit в строке меню и выбрав Fill :

Перейдите в Edit> Fill.

В диалоговом окне «Заливка» установите для параметра « Contents » вверху значение White , а затем нажмите «ОК»:

Выбор белого в качестве цвета заливки.

Photoshop заполняет слой белым цветом, временно закрывая изображение:

Новый слой теперь залит белым.

Шаг 4. Уменьшите непрозрачность слоя

Уменьшите непрозрачность слоя 1 до 75% .Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои»:

Понижение непрозрачности слоя 1 до 75%.

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

Изображение теперь видно через «Слой 1».

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

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

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

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

Выберите шрифт на панели параметров .Я буду использовать Futura PT Heavy , который я скачал с Adobe Typekit, но подойдет любой шрифт:

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

По-прежнему на панели параметров установите размер шрифта от до 72 pt . Нам нужно будет изменить размер текста после того, как мы его добавим, но это даст нам самый большой предустановленный размер на данный момент:

Установка размера шрифта 72 pt.

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

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

Образец цвета шрифта на панели параметров.

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

Щелкните внутри документа и добавьте свой текст. Я наберу слово «НЬЮ-ЙОРК»:

Добавление текста к изображению.

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

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

На панели «Слои» новый слой типа появляется над «Слоем 1»:

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

Шаг 9. Измените размер текста

Перейдите в меню Edit в строке меню и выберите Free Transform:

Перейдите в Edit> Free Transform.

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

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

Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я переместлю текст перед ватерлинией. Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре:

Щелкните и перетащите в поле «Свободное преобразование», чтобы изменить положение текста.

Шаг 10: Откройте параметры наложения

Выбрав слой «Тип», щелкните значок Стили слоя (значок fx ) в нижней части панели «Слои»:

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

Выберите Параметры наложения вверху списка:

Выбор «Вариантов наложения».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором установлены основные параметры наложения. В разделе Advanced Blending измените Knockout с None на Shallow .Это превращает слой «Текст» в слой «нокаут», что означает, что Photoshop будет использовать формы букв, чтобы пробить «Слой 1» и показать изображение на фоновом слое:

Установка для параметра Knockout значения «Shallow».

Чтобы увидеть эффект, перетащите ползунок Непрозрачность заливки до конца до 0% :

Понижение непрозрачности заливки до 0%.

Щелкните OK, чтобы закрыть диалоговое окно «Стиль слоя». Стал прозрачным не только сам текст, но и область «Слоя 1» непосредственно под текстом, как если бы текст пробил дыру прямо через него.Теперь мы можем видеть изображение на фоновом слое сквозь буквы:

Эффект после превращения слоя Type в слой выреза.

Шаг 11: Выберите «Слой 1»

Давайте изменим размер белой области вокруг текста, чтобы она не закрывала всю фотографию. Щелкните Layer 1 на панели Layers, чтобы выбрать его:

Выбор «Слой 1».

Шаг 12: Измените размер слоя с помощью свободного преобразования

Перейдите в меню Edit и еще раз выберите Free Transform :

Перейдите в Edit> Free Transform.

Перетащите верхний и нижний маркеры по направлению к тексту. Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда закончите:

Изменение размера белой области вокруг текста с помощью Free Transform.

Шаг 13: Настройте непрозрачность слоя

Наконец, отрегулируйте непрозрачность «Layer 1», чтобы точно настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более плотной, а шрифт — более читабельным.Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я устанавливаю непрозрачность на 85%:

Увеличение значения непрозрачности до 85%.

И вот, после увеличения непрозрачности, мой окончательный результат «прозрачной текстовой области»:

Последний эффект прозрачного шрифта.

Выявление слоя, отличного от фонового

Шаги, которые мы рассмотрели в этом руководстве, — это все, что вам нужно сделать, когда изображение, которое вы хотите показать через текст, находится на фоновом слое .Если у вас есть изображение над фоновым слоем, которое вы хотите показать сквозь текст, просто поместите слой Type и сплошной белый слой под ним в группу слоев, выбрав оба слоя, а затем перейдя в меню Layer и выбрав Group Layers .

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

Удалите фон логотипа (сделайте его прозрачным) с помощью Photoshop

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

Примечание. Для этой процедуры необходимо использовать стороннее приложение для редактирования изображений (Adobe Photoshop CS6).Если у вас нет доступа к ним, свяжитесь с нами для получения помощи в работе с вашим логотипом. Напоминаем, что мы не предлагаем услуги по разработке логотипов.

1.) Откройте файл в Photoshop

В строке меню перейдите к Файл> Открыть…

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

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

2.) Создайте новый слой

В строке меню выберите Layer> New> Layer… (или воспользуйтесь сочетанием клавиш Shift + Ctrl / Cmd + N ).

На панели Layers в правом нижнем углу окна Photoshop дважды щелкните слой с надписью «Фон» и нажмите OK . Это превратит исходное изображение в слой.

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

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

3.) Раскрасьте новый пустой слой

При выборе нового пустого слоя на панели инструментов (слева) щелкните инструмент Paint Bucket Tool .

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

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

Как удалить фон в Photoshop

Вы когда-нибудь задумывались, как вырезать объект из изображения, но при этом не показать «холст» или белый квадратный фон? Это, вероятно, один из самых часто задаваемых вопросов о Photoshop, и к тому же очень хороший.Именно эта способность делает Photoshop таким мощным инструментом для редактирования изображений. Даже для себя я также задавался вопросом, как избавиться от фона объектов, особенно при печати на футболках, поскольку на самом деле вы не хотите, чтобы фон тоже печатался!

Подготовка:

Первый шаг — подготовить фотографию в Photoshop. Вы можете перетащить его в Photoshop или просто зайти в Файл> Открыть> свою фотографию.

Этот урок был написан в Adobe Photoshop CS5.Другие версии могут незначительно отличаться.

Шаг 1:

Хорошо, поэтому сложность варьируется в зависимости от вашей картинки и объекта, который вы хотите очертить. Давайте посмотрим на мой пример, сегодня я очерчу и выделю семью из четырех человек. Перво-наперво, убедитесь, что ваш слой Rasterized . Это просто означает растровую форму (точки или пиксели), а не вектор. Чтобы проверить, просто щелкните правой кнопкой мыши слой с фотографией. Если слой Rasterize Layer неактивен, значит все в порядке.Если нет, выберите «Растрировать слой»!

Шаг 2:

Теперь мы должны очертить объект, в данном случае четырех человек. Если вы не читали руководство по выделению объекта, прочтите его и вернитесь сюда. Я буду использовать, как всегда, инструмент Polygonal Lasso Tool . Не забывайте увеличивать и уменьшать масштаб, чтобы обрисовать жизнь проще и точнее! Мне потребовалось около 5 минут, чтобы обрисовать это, и после этого у вас должен получиться такой красивый пунктирный контур.

Шаг 3:

Затем, убедившись, что слой фото / изображения выбран, нажмите Ctrl + J (Cmd + J) . Это скопирует контур и вставит его в новый слой, как вы можете видеть в примере ниже как Layer 2 . Обратите внимание, как на миниатюре показаны только четыре человека, но не фон? Однако мы не видим разницы в основном изображении, так как обведенный слой из четырех человек просто перекрывает фон, а это и те же четыре человека , поэтому, очевидно, вы не увидите никаких изменений.

Шаг 4:

Теперь начинается самое интересное! Чтобы просмотреть объект контура отдельно, просто delet e или скрыть исходное фоновое изображение. Я рекомендую только Hiding , поскольку вы никогда не знаете, когда вам снова может понадобиться исходное изображение. Скройте исходное изображение, щелкнув «глазное яблоко», как показано в примере. Теперь вы должны увидеть свое изображение на белом фоне! (при условии, что когда вы впервые вставили исходную фотографию, по умолчанию уже был белый фон)

Шаг 5:

Если вы хотите сохранить изображение на белом фоне как есть, то вперед! (Если вы еще не знали, выберите в строке меню: Файл> Сохранить как.) В противном случае поместим объект на прозрачный фон! Просто скройте белый фон еще раз, щелкнув «глазное яблоко». Теперь вы должны увидеть фон из бело-серых квадратов. Не пугайтесь, это просто означает, что фон прозрачный. Эти квадраты не появятся после сохранения изображения.

Шаг 6:

Затем я просто использую Trim , чтобы уменьшить размер холста для облегчения перемещения и просмотра. Он просто «автоматически обрезает» все до самых краев объекта.Перейдите в строку меню : Изображение> Обрезать . Я буду резать со всех сторон, поэтому я проверю верх, низ, лево и право.

И мы получаем что-то подобное.

Шаг 7:

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

Шаг 8:

Теперь вы можете сохранить свое изображение! Обратите внимание, что вы можете сохранить его только как файл gif или png , поскольку только эти два формата поддерживают прозрачность. Если вы сохраните его как jpeg, вы все равно получите белый фон.Gif рекомендуется для использования в Интернете или изображения с небольшим количеством цветов. Для фотографий или изображений с множеством цветов используйте png. После сохранения вы можете просто перетащить или поместить это изображение на другой фон или фотографии, которые вы, возможно, захотите отредактировать. Поскольку фон этого изображения прозрачный, вы можете разместить его в любом месте на любой другой фотографии, и оно будет просто наложено на изображение.

Конечный результат (фон выглядит белым из-за белого фона веб-сайта, но он просто прозрачный):

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

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

Удаление фона из изображений или логотипов

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

Воспользуйтесь этими быстрыми ссылками:

Совет. Вы также можете нанять кого-нибудь за 5 долларов США, чтобы сделать ваше изображение прозрачным.Срок выполнения обычно составляет 1 день и не более 1 часа. Проверьте это здесь, на Fiverr.

Что такое прозрачный фон PNG

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

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

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

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

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

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

PNG, JPG, GIF

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

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

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

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

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

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

Какие инструменты можно использовать для создания прозрачного PNG?

Самый популярный инструмент для редактирования PNG — Adobe Photoshop, но это не единственный инструмент на рынке. Мы рассмотрим эти три программы для редактирования PNG:

Давайте посмотрим.

Создайте свой фон с прозрачным PNG с помощью Adobe Photoshop

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

1. Откройте файл с вашим логотипом

2. Добавьте прозрачный слой

Выберите «Слой»> «Новый слой» в меню (или просто щелкните квадратный значок в окне слоев).

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

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

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

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

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

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

Удаление фона с помощью Background Erase Tool и Magic Wand Tool

Ластик для фона

Этот инструмент выбирает цвет фона в центре кисти и удаляет этот цвет внутри кисти.

1. Открыть изображение в фотошопе
2. Сделайте дубликат изображения для резервного копирования, нажмите (Ctrl + Alt + j) для дублирования слоя.
3. Скрыть первый слой

4. Выберите Background Eraser Tool из меню Tools

Ластик >> Инструмент Ластик фона

5. Настройка кисти для инструмента «Ластик фона»

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

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

Размер: 102 пикселя
Жесткость: 50%
Шаг: 25%

6. Следующий вариант — выборка, у него есть три варианта выбора

a) Непрерывный: (Непрерывный выбор цвета фона, где бы мы ни перетаскивали мышь на изображение)
б) Один раз: (Пример фона изображения при первом щелчке)
в) Переключатель фона: ()

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

7. Следующая опция — это «Лимиты», которая определяет «Как далеко можно стирать спреды». имеет три варианта.

a) Прерывистый: (стирает только непрерывность выделенного цвета)
б) Непрерывный: (стирает тот же цвет, найденный в любой области изображения)
в) Найти края ()

В этом случае мы выбираем опцию «a» Прерывистая для удаления фона.

8. Допуск

Устанавливаем допуск на 30% убрать.

9. Начать стирание

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

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

На приведенном в качестве примера рисунке цвет футболки очень похож на цвет фона. Итак, мы будем использовать инструмент Pencil tool , чтобы отметить тело.

10. Теперь сотрите ненужный фон изображения с помощью Quick Mask или Pen Tool.

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

Выберите Радиус растушевки на 0 пикселей и нажмите OK.

Он отметит нежелательную область фона, теперь нажмите кнопку удаления .

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

Заменить фон

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

Импортируйте новое изображение с красивым фоном и переместите новый фоновый слой под основное изображение (прозрачный) .

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

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

Действия по удалению сплошного цветного фона в логотипе

1. Открыть изображение в Photoshop
2. Щелкните значок Lock на панели Layers , чтобы разблокировать изображение.

3. Нажмите, чтобы добавить «Стиль слоя» из нижней части панели слоев, и нажмите Blending Option .

В Blending Option, как вы можете видеть, есть Blend If Option, у которого есть две полосы, одна говорит Blend This Layer , а другая говорит Blend Underlying Layer .

Здесь нам нужно удалить фон текущего слоя, поэтому перейдем к ползунку This Layer .

Здесь у нас логотип с белым фоном. Чтобы удалить фон белого цвета с изображения, перетащите ползунок в сторону черного цвета, нажав Alt Key .

Нажав клавишу Alt, вы получите плавное смешивание.

Без нажатия клавиши Alt вы получите жесткое смешивание.

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

Таким же образом можно удалить более темный (черный) фон логотипа.

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

Видеоурок о том, как сделать фон прозрачным в Photoshop?