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

Содержание

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

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

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

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

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

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

Способ №1.

Это самый простой способ на мой взгляд.

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

  2. В правом нижнем углу (где слои) кликаем двойным нажатием на значок «замок». После этого появится окошко, в котором нужно нажать «ОК».
  3. Берем инструмент «Волшебная палочка», в окошке «Допуск» устанавливаем параметр 10.

  4. На пустое пространство нажимаем палочкой и кликаем на кнопку Delete. И вот мы видим, что фон становится прозрачным.

Как сохранить изображение в формате PNG с помощью стандартных средств Windows

Проще всего для изменения формата изображения воспользоваться предустановленной программой Paint. Вам поможет представленная далее инструкция.

  1. Откройте программу.
  2. В открывшееся окно перетащите необходимое для изменения формата изображение.
  3. Нажмите по синей кнопке, расположенной в левом верхнем углу интерфейса приложения.
  4. Из появившегося списка нажмите по вкладке «Сохранить как».
  5. В открывшемся окне «Проводника», во второй строке «Тип файла», необходимо развернуть список и выбрать из предложенных расширение PNG.
  6. Нажмите «ОК».

Способ №2.

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

  1. В столбце с инструментами нажимаем на «Лассо» и перед вами откроются три варианта. Выбираем именно магнитное лассо.

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

Совет! Этим способом лучше пользоваться, если картинка изображена на белом фоне!

Делаем прозрачным фон из картинки или рисунка в Photoshop

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

Загрузив фотографию, создаем дубликат слоя и выбираем «магнитное лассо«. Обводим им по контуру фигуру выделяемого объекта.

Прилипло по нужным границам? Далее, идем через «главное меню» «выделение«-«инверсия«.

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

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

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

Способ №3.


Суть этого варианта заключается в использовании такого инструмента, как маска.

  1. Выбираем «быструю маску» и затем нажимаем на кисть.
  2. Закрашиваем только персонажа, и при этом, не затрагивая фон.
  3. Далее нужно снова кликнуть на маску и на кнопку Delete. Все фон удалился.

Как сделать полупрозрачный текст и «водяной знак»

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

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

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

1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open…).

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

При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.

3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers) передвинем ползунок свойства Opacity в значение 40%:

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

Правильное сохранение.

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

Белый задний вид остается в формате GEPG. Поэтому лучше сохранять либо в PNG, либо в GIF. Я больше предпочтение отдаю PNG.


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

Помним, что тип мы выбираем либо PNG, либо GIF. Я выбрал первый вариант.

И также в этом окне вы можете выбрать место для хранения изображения.

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

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

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

А вы знали?

Представляете, программу фотошоп разработал один студент из Мичиганского университета по имени Томас Холл.

В настоящее время слово Photoshop стало нарицательным. Многие неспециалисты называют так многие графические редакторы.

Данная программа остается платной и достаточно дорогой. Поэтому для нее появился альтернативный вариант – Corel.

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

Как открыть файл PNG

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

Все веб-браузеры (такие как Chrome, Firefox, Edge и т.д.) будут автоматически просматривать PNG-файлы, которые вы открываете из Интернета, а это означает, что вам не нужно загружать каждый PNG-файл, который вы хотите просмотреть. Вы также можете использовать веб-браузер, чтобы открывать файлы PNG со своего компьютера, используя комбинацию клавиш Ctrl + O для поиска файла.

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

Есть также несколько автономных программ для открытия файлов, графических инструментов и сервисов, которые открывают файлы PNG. Некоторые популярные из них включают XnView MP, IrfanView, FastStone, Google Drive, Eye of GNOME и gThumb.

Для редактирования файлов PNG можно использовать только что упомянутую программу XnView MP, а также включенную в состав Microsoft Windows графическую программу под названием Paint, инструмент Windows 10 Paint 3D, популярную утилиту GIMP и очень популярный (и очень не бесплатный) Adobe Photoshop.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Непрозрачность градиента

Смотрите также: “Как убрать белый фон с картинки в Фотошопе”

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

Следом нужно выбрать инструмент «Градиент», оттенок которого может быть белым, черным или серым, т.к. только эти цвета распознает маска.

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

Это все, что пока можно делать с непрозрачностью. Надеемся, что этот урок помог вам. До “встречи”!

Смотрите также: “Как создать логотип в Фотошопе самому в хорошем качестве”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рекомендую:

Если хотите получить перспективную профессию или освоить новый навык (будь то SEO, HTML, веб-программирование или даже мобильная разработка), то посмотрите ТОП-3 лучших онлайн школ:

  • Нетология — одна из старейших школ интернет-профессий. Основные направления — маркетинг, управление, дизайн и программирование;
  • GeekBrains — специализируется, в первую очередь, на обучении программистов. После интеграции в Mail Group появились и другие профессии;
  • SkillBox — наиболее молодая из 3-х перечисленных школ, но обладает наибольшим ассортиментом специальностей. Если услышали о какой-либо экзотической профессии, то наверняка этому уже обучают в Skillbox.

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

3 способа сделать фон изображения прозрачным в Photoshop

«Мне не нужен этот фон!»

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

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

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

Примечание. Скриншоты ниже взяты из версии Adobe Photoshop для Windows. Если вы используете версию для Mac, навигация может выглядеть немного иначе.

Содержание

  • Способ 1. Использование инструмента «Удалить фон»
  • Способ 2. Удаление фона с помощью инструмента «Волшебная палочка»
  • Способ 3. Удаление фона с помощью инструмента «Быстрое выделение» Фоновый инструмент

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

    Я продемонстрирую это чистое изображение.

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

    Затем найдите панель Properties . В зависимости от вашего макета Photoshop панель свойств может появиться справа над панелью слоев.

    Если вы его не видите, перейдите к Окно в строке меню. Прокрутите вниз, нажмите Properties, и появится панель.

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

    Когда вы нажимаете кнопку, фон исчезает, как по волшебству!

    Способ 2. Удалить фон с помощью инструмента «Волшебная палочка»

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

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

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

    Найдите его на панели инструментов по умолчанию Object Selection Tool.

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

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

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

    Инвертировать выделение, нажав Shift + Ctrl + I или Shift + Command + I с активным выделением.

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

    Способ 3. Удаление фона с помощью инструмента быстрого выделения

    Что делать, если у вас есть разноцветный объект и разноцветный фон? Инструмент «Волшебная палочка» в этом случае может оказаться не таким полезным.

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

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

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

    Снова инвертируйте выделение, нажав Shift + Ctrl + I или Shift + Command + I . Затем нажмите Backspace . В этом случае мне придется немного подчистить выделение с помощью инструмента Eraser на лбу птицы, но основная работа уже сделана.

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

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

    О Каре Кох

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

    Как применить прозрачность к изображению в Photoshop CS6 | Малый бизнес

    Автор Эндрю Теннисон Обновлено 27 июля 2018 г.

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

    Применение прозрачности к PSD с прозрачным фоном

    1. Нажмите «Файл», затем «Создать», а затем введите нужные размеры и разрешение в диалоговом окне «Новый файл».

    2. Нажмите раскрывающееся меню «Содержимое фона», выберите «Прозрачный» и нажмите «ОК», чтобы создать новое изображение с прозрачным фоном.

    3. Откройте изображение, которое вы хотите скопировать в новую прозрачность.

    4. Выделите части изображения, которые вы хотите скопировать на пленку, и нажмите «Ctrl-C» на клавиатуре, чтобы скопировать их в буфер обмена.

    5. Вернитесь к новому прозрачному изображению и нажмите «Ctrl-V», чтобы применить скопированное изображение к прозрачному.

    6. Нажмите «Файл», нажмите «Сохранить как» и выберите «Photoshop» в раскрывающемся меню «Формат». Введите имя файла в поле «Сохранить как» и нажмите «Сохранить».

    Работа с прозрачными файлами PNG и GIF

    1. Откройте изображение, которое вы хотите сохранить, с прозрачными частями.

    2. Нажмите «Файл» и нажмите «Сохранить для Интернета и устройств», чтобы открыть диалоговое окно «Сохранить для Интернета и устройств».

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

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

    5. Щелкните раскрывающееся меню «Оптимизированный формат файла» в правом верхнем углу диалогового окна «Сохранить для Интернета и устройств» и выберите формат, в котором вы хотите сохранить изображение. Для использования в Интернете выберите «GIF» или «PNG-8».

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

    7. Совет

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

    Справочные материалы

    • Adobe: создание составного изображения в Adobe Photoshop CS6
    • VHO Training: Adobe Photoshop CS6 Создание прозрачных фоновых изображений
    • Design Panopoly: Photoshop CS6 Быстрый совет — установите непрозрачность слоя на 100% с помощью клавиатуры

    Советы

    • Вы также можете настроить прозрачность отдельных слоев в Photoshop CS6.

alexxlab

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

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