Как добавить прозрачность в фотошопе: Создание эффекта просвечивания в Photoshop

Содержание

Трюк с фотошопом: добавь прозрачности к любой фотографии

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

Здесь мы объясним, как использовать эти прозрачные пленки в Photoshop.

Как добавить прозрачность в фоновый слой Photoshop (как создать основной альфа-слой)

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

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

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

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

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

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

Что если исходное изображение не имеет прозрачности?

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

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

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

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

У нас уже есть изображение ( Windows 10) с прозрачностью на прозрачном фоне. Теперь мы можем экспортировать его только в формате, который наилучшим образом соответствует нашим потребностям. Когда мы открываем его в любом средстве просмотра или снова в Photoshop, мы видим, что отображается только логотип, и, хотя мы сохранили холст, он не кажется прозрачным.

Будьте осторожны при сохранении: не все форматы поддерживают прозрачность

Не все форматы изображений совместимы с прозрачностью. Так же, как альфа-слой также не является обязательным; может быть фотография в совместимом формате (например, PNG) без прозрачного слоя.

Основные форматы, совместимые с прозрачными пленками:

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

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

Фотошоп сделать фон прозрачным. Как сделать прозрачный фон в фотошопе

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

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

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

допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

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

Единственный минус Pixlr — нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

39 60 839 0

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

Вам понадобятся:

Подготовка к обработке

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

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

Работаем с «волшебной палочкой»

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

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

Удаляем фон

Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.

Сохранение изображения

Обратите внимание, что сохранять файл нужно исключительно в формате.PNG, иначе «прозрачность» фона просто не будет отображаться (вместо него будет заливка белого цвета).

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

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

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

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

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

Выбираем инструмент «Волшебная палочка» . В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D» .

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

Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D» .

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

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

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

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

Копируем выделенные области, нажав «Ctrl+C» . Дальше создаем новый файл, «Ctrl+N» , с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V» . Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик» . Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

Оценить статью:

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

Необходимо:

— Adobe Photoshop.

Инструкция:

  • У программы «Photoshop» есть одна выгодная отличительная особенность , которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
  • Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя «, а после этого нажать на «Ок ». У вас должно получиться два идентичных слоя: «Фон » и «Слой1 ».
  • Далее слой «Фон » нужно скрыть . Для этого нужно просто кликнуть на «глазок » обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «
    Е
    »). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
  • После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение , чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd (который является форматом Фотошопа) или формат .png . В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат .png более практичен, поскольку его распознает большее количество программ.
  • Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным. Однако представленный здесь является наиболее простым , но иногда может возникнуть необходимость использовать и другие. Для того чтобы хорошо разбираться в Фотошопе и чувствовать какой из методов когда лучше использовать, нужно много практиковаться, или пойти на курсы по графической обработке фотографий.

28.01.2015 27.01.2018

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

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

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

А так выглядит список слоев

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

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

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

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

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

Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!

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

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

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

Зачем это нужно?

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

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

Делаем прозрачным все изображение

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в «Файл», «Открыть» и открываем нужную нам картинку. Теперь в списке слоев смотрим на слой под названием «Фон». Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка. После этого можно производить со слоем различные манипуляции.

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

Сохранение отредактированного изображения

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

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

Создание на изображении

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

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

Делаем прозрачным фон изображения

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

После того как вышеописанные манипуляции были произведены, выполняем сведение слоев и смотрим на результат. Если он нас устраивает, то сохраняем изображение в формате PNG. Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания. Ибо одно неверное движение ластиком — и придется все переделывать. Оно вам надо? Не думаем.

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в «Фотошопе». Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное — не перестараться, ибо чрезмерная прозрачность не нужно. Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги «Фотошопа». Тренируйтесь, и будет вам счастье.

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

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

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

Как сделать прозрачный фон у картинки

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

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

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

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

Единственный минус Pixlr — нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

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

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

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



Открывать фотошоп и рисовать в рисунке с мамонтенком вместо синего фона клеточки? А потом пытаться подогнать их к основному фону страницы? Это не выход!!!

Так вот, докладываю, что графические форматы gif и png — поддерживают режим прозрачности, позволяя тем самым сделать некоторые области рисунка невидимыми человеческому глазу — что нам собственно и нужно!

Теперь по порядку:

1. Откройте рисунок фон которого нужно сделать прозрачным с помощью Adobe Photoshop.

2. Откройте закладку «Изображение» >> «Режим» >> «Индексированные цвета» .


3. В появившемся окне-диалоге «Индексированные цвета» ставим галочку «Прозрачность» и нажимаем «ОК»


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

5. Ну и сохраняем нашу картинку в формате gif .. закладка «Файл» >> «Сохранить для Web…» в появившемся окне указываем (соглашаемся), что картинка будет сохранена в формате gif жмем «Сохранить» .. выбираем папку пишем имя — всё это Вы, я надеюсь умеете..

Всё картинка с прозрачным фоном создана!!

Теперь её можно снова вставить в нашу страницу, не забыв при этом сменить расширение jpg на gif .


Создание в рисунке прозрачных областей
gif » alt=»Мамонтёнок»>

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

Перечень сервисов способных сделать прозрачный фон картинки

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

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

Сервис Online-Photoshop позволяет удалить задний фон

Первый ресурс, позволяющий создать прозрачный фон онлайн – это Online-Photoshop. Работа с ним достаточно проста, позволяя за пару минут получить объект с прозрачным фоном на вашем фото.

  1. Для реализации намеченного перейдите на ресурс , кликните на кнопку «Select image» и загрузите нужное фото.
  2. Последнее появится в левой части экрана, а курсор приобретёт форму жёлтого кружочка.
  3. Пометьте этим кружочком с помощью жёлтой линии внешние контуры объекта, фон за которым вы хотите сделать прозрачным.
  4. Затем кликните на зелёный кружочек с плюсиком в панели инструментов и пометьте зелёным цветом внутренние черты объекта.
  5. Потом кликните на красный кружочек с минусом и пометить красными линиями внешнее пространство за границами объекта.

Теперь нажимаем стрелочку справа и смотрим результат. Если всё хорошо, нажимаем на кнопку «Download» сверху и сохраняем результат к себе на ПК.

Сервис Pixlr задаём один цвет фону

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

Сервис IMGonline позволяет сделать прозрачный фон

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

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


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

Замечу, что за счёт автоматизации качество получаемой обработки обычно хуже, чем в перечисленных выше Online-Photoshop и Pixlr.

Сервис Watermark.Algid.Net

Ещё один сервис, позволяющий сделать прозрачный фон на фото онлайн бесплатно.

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


  1. Затем необходимо перейти на сам сайт , нажать на кнопку «Обзор», указать сервису путь к вашему файлу и кликнуть на «Следующий шаг».
  2. Откроется ваше изображение, вам будет необходимо кликнуть мышкой на цвете фото, который вы хотите сделать прозрачным (задний фон для удаления должен иметь один цвет после обработки).
  3. Кликните на цвете заднего фона, программа обработает его и он станет прозрачным.
  4. Если обработка вас устроила, нажмите правой клавишей мыши на фотографии и выберите «Сохранить изображение как».

Сервис LunaPic убираем задний фон изображения

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

  1. Для работы с сервисом выполните вход на него , нажмите на «Обзор» и загрузите требуемое фото (или укажите ссылку на него в сети в строке ниже).
  2. Затем выберите цвет на фото, который бы вы хотели сделать прозрачным и кликните на него мышкой.
  3. Фото будет обработано, и вы, в идеале, получите прозрачный цвет заднего фона.

По сравнению с сервисом Watermark.Algid.Net сервис LunaPic больше похож на полноценный фоторедактор, позволяя окрасить задний фон одним цветом с помощью встроенных в данный сервис инструментов.

Заключение

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

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

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

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

Способ 1: IMGOnline

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

  1. Оказавшись на сайте, нажмите по кнопке «Выберите файл» . Откроется окно стандартного «Проводника» Windows, в нем перейдите к папке с картинкой, прозрачность которой вы хотите изменить. Выберите ее и нажмите кнопку «Открыть» .
  2. Следующий шаг – настройка параметров замены фона. Если нужен прозрачный, ничего в этом разделе не меняем. Если же необходимо заменить на другой однотонный фон, выбираем любой доступный из выпадающего списка. Дополнительно можно ввести HEX-код цвета или открыть палитру и выбрать подходящий оттенок из нее.
  3. Определившись с параметрами фона, выбираем формат для сохранения обрабатываемого изображения. Рекомендуем установить отметку напротив расширения PNG, после чего следует нажать «ОК» .
  4. Изображение будет обработано моментально.

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


    или сразу же сохранить на компьютер.


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

Способ 2: Фотоулица

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

  1. На главной странице сайта нажмите по кнопке «Открыть фоторедактор» .
  2. Далее, возможно, потребуется разрешить веб-сервису использовать Flash Player , для чего нужно просто кликнуть по пустому полю, а затем нажать «Разрешить» во всплывающем окне. В появившемся фоторедакторе нажмите по расположенной в правом верхнем углу кнопке «Загрузить фото» .
  3. Далее нажмите «Загрузить с компьютера» или выберите второй вариант, если у вас есть ссылка на изображение в интернете.
  4. На обновленной странице веб-сервиса нажмите кнопку «Выбрать фото» , в открывшемся окне системного «Проводника» перейдите в папку с картинкой, выделите ее и нажмите «Открыть» .
  5. Когда изображение будет добавлено в фоторедактор, нажмите по расположенной в нижней части левой панели кнопке «Эффекты» .
  6. В правой верхней области, нажимая на круглый значок «–» , измените степень прозрачности изображения.
  7. Добившись приемлемого результата, нажмите «Свернуть» , чтобы открыть основное меню редактора на сайте Фотоулица.
  8. Там кликните по кнопке «Сохранить» , расположенной внизу.
  9. Далее выберите предпочтительный вариант скачивания. По умолчанию установлено «Сохранить на компьютер» , но можно выбрать и другой. Определившись, нажмите «ОК» .
  10. Сервис предоставит вам возможность выбора качества конечного файла. Установите галочку напротив пункта «Большой размер» и около расположенной снизу строки «Не печатать логотип» . Нажмите «ОК» .
  11. Начнется процедура сохранения результата, которая, по непонятным причинам, может затянуться на несколько минут.
  12. Когда сохранение измененного изображения будет выполнено, онлайн-сервис предоставит вам ссылку на его скачивание. Перейдите по ней – картинка будет открыта во вкладке браузера, откуда ее можно сохранить на ПК. Кликните правой кнопкой мышки и выберите пункт «Сохранить файл как…» . Укажите предпочтительную директорию для размещения скачиваемого файла и нажмите «Сохранить» .

  13. Изменение прозрачности изображения с помощью редактора, встроенного в онлайн-сервис Фотоулица, требует немного больше усилий и действий, чем рассмотренный в предыдущем способе IMGOnline. Но ведь и обработку он выполняет по совсем иному принципу. При этом важно учитывать следующее – для изображений в формате JPG фактически будет изменена не прозрачность, а яркость, то есть изображение просто станет более светлым. А вот с файлами PNG, поддерживающими прозрачность по умолчанию, все будет именно так, как и задумано – картинка, становясь менее яркой визуально, в действительности будет становиться более прозрачной пропорционально уменьшению этого показателя.

Прозрачность объекта в фотошопе

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

Зачем это нужно?

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

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

Делаем прозрачным все изображение

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в «Файл», «Открыть» и открываем нужную нам картинку. Теперь в списке слоев смотрим на слой под названием «Фон». Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка. После этого можно производить со слоем различные манипуляции.

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

Сохранение отредактированного изображения

Дело в том, что формат JPEG, использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в формате PNG-24. Без этого никак. Идем в «Файл», «Сохранить как. » и в строке выбора формата выходного файла выбираем PNG. Жмем «Сохранить». На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в «Фотошопе». На примере целого изображения. Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

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

Создание водяных знаков на изображении

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

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

Делаем прозрачным фон изображения

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

После того как вышеописанные манипуляции были произведены, выполняем сведение слоев и смотрим на результат. Если он нас устраивает, то сохраняем изображение в формате PNG. Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания. Ибо одно неверное движение ластиком — и придется все переделывать. Оно вам надо? Не думаем.

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в «Фотошопе». Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное — не перестараться, ибо чрезмерная прозрачность не нужно. Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги «Фотошопа». Тренируйтесь, и будет вам счастье.

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

Содержание статьи
1Как в фотошопе выглядит прозрачность
23 способа как сделать слой с картинкой прозрачным
3Как сделать прозрачным отдельный участок слоя
4Как сохранить изображение с прозрачностью

По умолчанию все новые слои в фотошопе создаются со 100% непрозрачностью. Но степень прозрачности слоя можно изменить с помощью настроек Непрозрачность и Заливка, расположенных в верхней части палитры Слоев.

Непрозрачность (Opacity) — это настройка со 100% шкалой, позволяющая изменять степень просвечивания абсолютно всего слоя, со всеми наложенными эффектами. Если значение будет отлично от 100%, то будет виден низлежащий слой. Степень прозрачности равная 0% говорит о полном отсутствии видимых пикселей изображения.

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

Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него стилей слоя.

Как в фотошопе выглядит прозрачность

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

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

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

3 способа как сделать слой с картинкой прозрачным

Для начала необходимый слой нужно выделить (сделать активным). Здесь также будет уместен прием выделение двух и более с помощью клавиш Ctrl или Shift .

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

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

Способ 1 Ввод цифр

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

Способ 2 Ползунковый регулятор

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

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

Способ 3 С помощью клавиатуры

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

Теперь нажимайте на клавиатуре цифры:

  • Цифра 1 изменит непрозрачность до 10%, 2 — до 20%, 5 — до 50% и так далее;
  • Цифра 0 означает 100%;
  • Наберите 55 и получите 55%, 67 — это 67% и так далее

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

Как сделать прозрачным отдельный участок слоя

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

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

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

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

Способ 1 Вырезать нужный участок изображения на новый слой

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

Теперь можно кликнуть правой кнопкой мыши по выделению. Появится контекстное меню. Нас интересует команда Вырезать на новый слой.

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

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

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

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

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

Как сохранить изображение с прозрачностью

Существует множество форматов для сохранения изображения, но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

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

Чтобы сохранить в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как. Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файлаPNG(*.PNG).

Как сделать прозрачный фон картинки в Фотошопе


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

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

Сделать это можно несколькими способами.

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

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

Дважды кликаем по слою и в диалоговом окне нажиаем «ОК».

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


Теперь нажимаем клавишу DEL. Готово, белый фон удален.

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

Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.


Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL. Результат такой же.

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

Для ручного выделения в Фотошопе есть несколько инструментов.

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

2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.

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

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

Итак, выбираем инструмент «Перо» и обводим наше изображение.

Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.

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

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

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

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



Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL. Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z, инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Добавьте прозрачности к любой фотографии с помощью этого трюка Photoshop

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

Как добавить прозрачности фоновому слою Photoshop

Далее мы объясним, как использовать эти прозрачные пленки в Photoshop.

Как создать основной альфа-слой

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

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

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

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

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

Теперь, если мы импортируем в проект другую фотографию с прозрачностью (например, PNG с альфа-каналом), мы увидим, что эта прозрачность уже включена. Теперь мы можем воспользоваться возможностью для создания желаемых эффектов.

Что делать, если исходное изображение непрозрачно?

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

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

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

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

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

Будьте осторожны при сохранении: не все форматы поддерживают прозрачность

все форматы изображений делают несовместимы с прозрачностью. Как и альфа-канал, он также не является обязательным; Может быть фотография в поддерживаемом формате (например, PNG) без прозрачного слоя.

Основные форматы, совместимые с прозрачными пленками:

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

Если мы установили Плагин WebP для Photoshop, мы рекомендуем вам выбрать этот формат, особенно если мы собираемся использовать наши фотографии в Интернете. WebP предлагает сжатие на уровне JPEG, но он совместим с альфа-каналом, поэтому мы можем наслаждаться прозрачностью в небольшом размере.

Паутина для добавления прозрачности к изображению

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

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

Еще одна очень быстрая альтернатива, которая у нас есть: PNG онлайн инструменты . Этот веб-сайт позволяет нам загружать любое изображение в формате PNG, которое у нас есть на компьютере, и автоматически добавляет альфа-канал в фоновый режим, чтобы сделать его прозрачным. Загрузив уже обработанную фотографию, мы можем приступить к работе с ней, как с любой другой фотографией с прозрачным фоном.

Как сделать фон прозрачным в фотошопе — China-Phone.Info

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

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

Нет фотошопа? Вот еще несколько способов удалить фон с изображения.

Быстрый и грязный способ удалить фон в Photoshop

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

Начните с копирования фонового слоя, чтобы создать тот тип слоя, в котором Photoshop должен использовать этот инструмент. Выделите всю фотографию (команда + A в MacOS или Control + A в Windows), скопируйте и вставьте. На панели слоев щелкните значок глаза рядом с фоновым слоем, чтобы скрыть фон. Отсюда вы будете работать только с новым слоем, который вы только что создали.

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

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

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

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

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

Выбор инструмента выделения Photoshop

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

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

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

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

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

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

1. Нажмите «Выбрать»> «Выбрать тему».

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

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

Если инструмент «Выбрать тему» ​​у вас не работает (или вы используете старую версию Photoshop), перейдите к следующему шагу и начните выделение с нуля.

Если инструмент «Выбрать тему» ​​работает идеально (такое бывает!), Переходите к шагу четыре.

2. Для сложных объектов используйте Select и Mask, чтобы уточнить выбор.

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

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

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

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

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

3. Превратите выделение в слой

Сохраните то, что вы выбрали до сих пор, на новом слое, даже если он еще не совсем идеален — просто убедитесь, что вы не пропустили ничего, что нужно выделить. Пока эти «марширующие муравьи» все еще указывают ваш выбор, скопируйте (Control или Command + C) и вставьте (Control или Command + V) выделение. Вставленное выделение автоматически отобразится как отдельный слой. Кроме того, вы также можете перейти на Слой> Создать> Слой через копию.

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

4. Продолжайте совершенствовать инструменты лассо и ластик.

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

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

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

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

5. Удалите фон.

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

6. Сохранить как PNG

Если вы сохраните файл в формате JPEG, вся тяжелая работа будет потеряна, поскольку JPEG не поддерживает прозрачность. Вместо этого вы захотите сохранить его в формате PNG. Перейдите в Файл> Сохранить как и выберите PNG из вариантов типа файла. Теперь у вас есть файл PNG, который можно разместить где угодно с прозрачным фоном. Если вы хотите иметь возможность легко вносить дальнейшие изменения, вы также можете сохранить вторую версию в виде файла .PSD.

Рекомендации редакции

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

  • Есть два способа сделать фон прозрачным в Photoshop: с помощью быстрого действия «Удалить фон» или вручную с помощью инструментов выделения.
  • Быстрое действие выполняется одним щелчком мыши за секунды, но может не работать для сложных изображений.
  • Вы также можете удалить фон, внимательно выбрав объект, инвертировав выделение, а затем удалив выделение.
  • Посетите техническую библиотеку Business Insider, чтобы узнать больше.

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

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

Как сделать фон прозрачным в Photoshop с помощью инструмента «Удалить фон»

1. Откройте фотографию в Photoshop.

2. Дублируйте изображение на новом слое. Для этого нажмите Ctrl + A, затем Ctrl + C, а затем Ctrl + V. (Это выделяет все изображение, затем копирует его и, наконец, вставляет его как новый слой.) Вы должны увидеть новый слой в слоях. палитра в правой части экрана.

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

После того, как вы продублируете слой, скройте фоновый слой. Дэйв Джонсон / Business Insider

4. В палитре свойств справа найдите «Быстрые действия» и нажмите «Удалить фон».

Используйте быстрое действие «Удалить фон», чтобы удалить фон за один шаг. Дэйв Джонсон / Business Insider

Теперь вы должны увидеть объект, окруженный узором в виде шахматной доски — это прозрачный фон.Вы можете сохранить файл как файл Photoshop (PSD) или PNG, чтобы сохранить прозрачность.

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

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

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

1. Откройте фотографию в Photoshop и в палитре «Слои» дважды щелкните «Слой 0». Во всплывающем окне нажмите «ОК».

Дважды щелкните слой и нажмите «ОК», прежде чем продолжить.Дэйв Джонсон / Business Insider

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

  • Object Selection Tool . Щелкните и удерживайте четвертый инструмент сверху палитры инструментов, пока инструменты не выскочат из куба. Выберите «Инструмент выбора объекта».»Чтобы использовать этот инструмент, перетащите рамку вокруг объекта (или части объекта). Через мгновение Photoshop автоматически выберет часть объекта, содержащуюся в рамке.
  • Инструмент быстрого выбора . в том же помещении, что и инструмент выбора объекта, чтобы использовать этот инструмент, щелкните и перетащите в пределах объекта, и выделение должно охватывать окружающую его часть.
  • Magic Wand Tool . Также в том же помещении щелкните Magic Wand внутри объекта, и он выберет область аналогичного цвета.Вы можете использовать элемент управления «Допуск» в верхней части окна, чтобы изменить чувствительность этого инструмента.
Выберите инструмент выделения, который хотите использовать, на палитре инструментов. Дэйв Джонсон / Business Insider
  • Инструмент «Лассо» .Это третья позиция на палитре инструментов (чуть выше трех предыдущих инструментов). Вы можете использовать этот инструмент, чтобы выбрать объект рисованием от руки.
  • Инструмент «Многоугольное лассо» и инструмент «Магнитное лассо» . Эти инструменты, которые находятся там же, где и обычное лассо, позволяют рисовать выделения, используя прямые линии. Магнитное лассо будет пытаться привязаться к областям с разной контрастностью, в то время как многоугольное лассо полностью произвольно.
Инструменты лассо — еще один удобный способ сделать выбор.Дэйв Джонсон / Business Insider

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

  • Новый выбор .Используйте этот режим только тогда, когда начинаете выбирать объект. Каждый раз, когда вы используете инструмент с выбранным этим режимом, вы начинаете свой выбор с нуля.
  • Добавить в подборку . Это режим, который следует использовать, когда вы «создаете» свое выделение — каждый раз, когда вы используете инструмент, новое выделение будет добавляться к вашим предыдущим выделениям.
  • Вычесть из выбора . Как следует из названия, это убирает текущий выбор и удобно для исправления ошибок.
Чтобы постепенно наращивать выделение, обязательно установите инструмент выделения на «Добавить к выделению». Дэйв Джонсон / Business Insider

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

5. Нажмите клавишу Delete на клавиатуре.

Окончательное изображение должно выглядеть примерно так.Дэйв Джонсон / Business Insider

Теперь вы должны увидеть объект, окруженный узором в виде шахматной доски — это прозрачный фон. Вы можете сохранить файл как файл Photoshop (PSD) или PNG, чтобы сохранить прозрачность.

Дэйв Джонсон

Писатель-фрилансер

Как заменить цвет на прозрачность в PhotoShop

Изображение предоставлено: AndreyPopov / iStock / GettyImages

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

Подготовьте файл изображения

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

Изменить цвет на прозрачный в Photoshop

Откройте изображение в Adobe Photoshop.Выберите инструмент Magic Wand и щелкните те области изображения, которые вы хотите сделать прозрачными. Используйте палочку, чтобы выделить всю область фона. Чтобы добавить к выбранной области, удерживайте клавишу «Shift» и щелкните дополнительные области с помощью инструмента Magic Wand, чтобы расширить выделение. Нажмите кнопку «Удалить», чтобы удалить фон из выбранной области. Вы увидите серо-белую шахматную область, которая представляет прозрачность. Шахматная доска не отображается ни в печати, ни в Интернете. После удаления цветного фона сохраните изображение как файл.png файл.

Альтернативные варианты

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

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

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

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

Ваш идеальный комплект для веб-разработки:

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

  1. Щелкните правой кнопкой мыши слой изображения в Photoshop.Выберите «Слой из фона» .

  2. Выберите инструмент Magic Wand Tool на левой панели в Photoshop:

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

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

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

  6. Чтобы сохранить изображение, нажмите «Сохранить файл для Интернета и устройств», в Photoshop, затем выберите изображение и нажмите «Сохранить» :

Не стесняйтесь ознакомиться с подробным видеоуроком ниже:

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

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


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

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

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

Быстрый способ удаления фона в Photoshop

Каждая следующая версия этой программы упрощает и упрощает работу цифровых художников. С Photoshop 2020, при условии, что ваша версия не ниже 21.0.0, вы можете буквально позволить инструменту Select Subject делать все за вас. Он мастерски справляется с некоторыми простыми формами, а более сложный контур не составит труда определить вручную.

Первый шаг — скопировать фоновый слой.Выделите все изображение с помощью Control / command + A, в зависимости от вашей ОС, затем скопируйте его и вставьте обратно. Теперь вы можете щелкнуть значок глаза в строке старого слоя на панели, чтобы сделать его невидимым и продолжить внесение изменений во вновь созданную копию.

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

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

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

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

Создание прозрачного текста в Photoshop

Прозрачный текст на изображении в Photoshop

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

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

Метод 1

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

Шаг 1

После открытия изображения выберите инструмент «Горизонтальный текст» и введите текст.Выберите для текста полужирный шрифт и нажмите Ctrl + T , чтобы свободно преобразовать текст. С помощью Free Transform ( CTrl + T ) вы можете растянуть текст, чтобы увеличить его размер.

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

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

Нажмите Ctrl + D , чтобы снять выделение.

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

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

Метод 2
Шаг 1

Откройте изображение в Adobe Photoshop как новый документ.

Шаг 2

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

Шаг 3

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

Шаг 4

Дважды щелкните текстовый слой, чтобы открыть диалоговое окно «Стиль слоя».В этом диалоговом окне в разделе «Расширенное наложение» установите для параметра «Нокаут» значение «Мелкое» и уменьшите непрозрачность заливки до 0%. Нажмите ОК, чтобы применить стиль слоя.

Это два разных метода создания прозрачного текста в Photoshop .

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

Следите за новостями по Photoshop на сайте vividesigning.com.

Нравится:

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

Связанные

Используйте прозрачные PNG в своих проектах печати — создавайте как профессионал


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

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

Программ: Photoshop и InDesign
Уровень сложности: Средний

Шаг 1

Откройте изображение, из которого вы хотите вырезать фон, в Photoshop.Затем дважды щелкните слой и нажмите OK, чтобы разблокировать его. Убедитесь, что это высокое разрешение (300 точек на дюйм) для проектов печати.

Шаг 2

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

Шаг 3

Затем перейдите в меню «Файл»> «Сохранить как» и убедитесь, что в раскрывающемся списке выбран PNG.Обратите внимание, что это работает только для файлов RGB. Поскольку вы можете преобразовать все элементы вашего проекта печати в CMYK при сохранении PDF-файла в InDesign, вы можете использовать этот файл RGB для любого проекта печати или веб-проекта. Дайте файлу PNG имя, выберите место для его сохранения и нажмите «Сохранить». Во всплывающем окне параметров PNG выберите «Нет» и нажмите «ОК». Вы успешно создали прозрачный файл для использования в проектах печати.

Шаг 4

Теперь давайте откроем InDesign. Создайте новый документ желаемого размера.Моя — это образец обложки альбома, так что она имеет квадрат 4,724 дюйма с отступом 1/8 дюйма.

Шаг 5

Добавьте фоновое изображение, щелкнув и перетащив его из папки в InDesign или CTRL + D (Option + D на Mac), чтобы поместить. Затем переместите фоновое изображение, пока не будете довольны размещением. Вы также можете изменить размер изображения, удерживая CTRL + Shift (Option + Shift на Mac), щелкнув и перетащив угол изображения. Это ограничивает пропорции при изменении размера изображения.Убедитесь, что ваше изображение доходит до красных линий под обрез.

Шаг 6

Вставьте прозрачное изображение, щелкнув и перетащив его из папки в InDesign или CTRL + D (Option + D на Mac) для размещения. Следуйте инструкциям выше, чтобы изменить размер и разместить прозрачное изображение. На изображении не должно быть цвета фона. Если да, убедитесь, что вы сохранили файл в формате PNG. Обратите внимание, что я бы очистил это изображение с помощью некоторой цветокоррекции, чтобы лучше соответствовать фоновому изображению.Это просто, чтобы показать вам, как прозрачное изображение из Photoshop можно быстро добавить в проект печати в InDesign.

Заключение / окончательное изображение

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

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

Три простых способа сделать любую текстуру прозрачной — Medialoot

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

Метод 1: Стиль слоя

Откройте любую текстуру в фотошопе. Дважды щелкните слой с именем «Фон» и нажмите «Хорошо» в появившемся диалоговом окне «Новый слой». Это разблокирует фоновый слой. Теперь щелкните Изображение | Настроить | Обесцветьте (Cmd + Shift + U), чтобы изображение текстуры стало черно-белым. Затем настройте уровни, щелкнув Изображение | Настроить | Уровни (Cmd + L). Вы хотите сделать черный и белый более четкими, по сути убрав часть серого.Отсюда вы можете просто перетащить этот слой текстуры в файл с изображением и установить режим наложения слоя на Screen (показать белые) или Multiply (показать черные). Это сделает текстуру прозрачной, но во многих случаях вы можете захотеть, чтобы текстура была действительно прозрачной. Может быть, вы хотите создать PNG или превратить текстуру в вектор для использования в Illustrator. Затем создайте новый слой и залейте его черным цветом. Перетащите его под слой текстуры. Теперь дважды щелкните слой текстуры, чтобы открыть панель «Стили слоя».В разделе «Параметры наложения» переместите белую стрелку на верхнем ползунке влево, и вы увидите, как белые области текстуры начинают исчезать. Поскольку нижележащий слой черный, вам нужно перемещать ползунок до тех пор, пока изображение не станет как можно ближе к сплошному черному. Нажмите «ОК». Вернитесь к черному слою под текстурой. Выберите его и нажмите (Cmd + I), чтобы инвертировать его в сплошной белый цвет. Теперь вы снова можете видеть текстуру. Почти сделано. Удалите белый слой внизу. Теперь, чтобы сгладить стиль слоя, создайте новый слой над текстурой.Выделите оба слоя и нажмите (Cmd + E), чтобы объединить два слоя. Теперь у вас осталась прозрачная текстура.

Метод 2: Пользовательская кисть

Один из самых простых способов получить прозрачную текстуру — создать собственную кисть. Единственный недостаток — текстура будет ограничена до 2500×2500 пикселей. Давайте посмотрим, как это делается. Возвращаясь к методу 1 … Давайте откроем текстуру, преобразуем ее в черно-белую и настроим уровни. Теперь создайте новый документ размером 2500×2500 пикселей. Щелкните и перетащите слой текстуры в этот новый документ.Расположите текстуру так, чтобы она умещалась в квадратном полотне. Теперь выберите Edit | Определите предустановку кисти. Появится новое диалоговое окно. Дайте новой кисти имя и нажмите «ОК». Теперь ваша новая кисть появится на панели кистей. Выберите новую кисть и примените ее к новому слою в своей работе.

Метод 3: Выбор

Пожалуй, самый простой, этот способ также самый универсальный. Это включает в себя выбор и настройку атрибутов этого выбора. Сначала нам нужно открыть текстуру, преобразовать ее в черно-белую и настроить уровни так же, как и раньше.(подробности см. в методе 1) Теперь с помощью Magic Wand Tool (W) выделите черную область. Теперь нажмите Select | Похожий. Возможно, вам придется проделать это два или даже три раза, чтобы получить нужный вам выбор. Теперь нажмите Select | Уточнить край. На этой панели вы можете выполнить очень точную настройку. Смотрите мои настройки ниже для этой конкретной текстуры. Убедитесь, что для параметра «Вывод в:» установлено значение «Новый слой». Теперь у вас есть прозрачный слой текстуры, который можно применить к вашей работе.

Заключение

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

Как сохранить изображение с прозрачным фоном photoshop

Иногда вы можете решить использовать изображение на своей веб-странице без цвета фона. Это часто называют прозрачным фоном.

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

Как сохранить изображение с прозрачным фоном photoshop

Причины иметь прозрачный фон фон

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

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

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

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

Откройте свой логотип

Начальный Шаг — открыть ваш логотип в Adobe Photoshop. Для этого следуйте этому шаг:

• Щелкните «Файл», а затем выберите «Открыть» в меню

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

Включить прозрачный слой

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

• Щелкните «Слой», затем наведите курсор на «Новый» и выберите «Слой» в меню. Если вы используете ПК, вы можете нажать «Control + N» на клавиатуре и «Command + N» для Mac.

• Переименуйте слой в зависимости от ваших стандартов именования изображений в Adobe Photoshop.

• Перетащите новый слой под слоем исходной версии. Это означает, что исходный слой будет наложите новый пустой слой.

• Выберите новый слой, чтобы вы могли продолжить.

Сделайте фон логотипа прозрачный

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

• От на панели инструментов щелкните инструмент «Волшебная палочка»

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

• Выбрать Настройки «Волшебной палочки». Выберите параметры, которые позволят вам достичь цели для вашего логотипа.

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

Сохранить логотип в формате PNG

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

• Пресса «Control + D» для ПК или «Command + D» для Mac, чтобы отменить выбор ваш логотип

• Щелкните «Файл» в вашем меню, а затем выберите «Сохранить как».

alexxlab

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

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