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

Содержание

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

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

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

  1. Любым способов, выделите ту часть изображения, которую следует оставить непрозрачной. К примеру, для этого можно использовать инструмент «Лассо».
    После выделения вы должны получить замкнутую фигуру, образованную линией выделения с мерцающими контурами.
  2. Создайте копию выделенного слоя нажатием клавиш Ctrl и J на клавиатуре. В окне управления слоями должен появиться новый слой, содержащий только выделенный в предыдущем шаге фрагмент исходного изображений. Фон вокруг данного фрагмента в новом слое должен быть прозрачным.
  3. Теперь можно удалить слой с исходным изображением, перетащив его в окне управления слоями в корзину, и сохранить новый слой в одном из двух форматов, поддерживающих прозрачные фоны: GIF или PNG. Или продолжить работу с выделенным фрагментом, вклеивая его в соответствии со своими задумками в другие изображения.
Разумеется, что в п.1 для выделения нужной области, в зависимости от исходного изображения, можно использовать другие более гибкие инструменты: «Магнитное лассо», «Быстрое выделение», «Волшебную палочку».

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

Сделать это с минимальными усилиями позволяет фильтр Extract (извлечение). Данный фильтр по каким-то причинам убран разработчиками из последних версий фотошопа, но остался доступен в качестве установке дополнительного внешнего модуля.

Чтобы сделать прозрачный фон с его помощью сделайте следующее.

  1. В верхнем главном меню нажмите на группу «Фильтр» и в появившемся меню выберите пункт «Extract».
  2. В левой части окна выберите инструмент с названием пограничный маркер (Edge Highlighter Tool). Задайте необходимый размер маркера справа в окне «Brush Size» в соотвествии с размером изображения.
  3. Проведите маркером по границе отделяемого фона таким образом, чтобы маркер закрашивал примерно половину вырезаемой фигуры и половину отделяемого фона. Не стремитесь сразу к идеалу. Впоследствии вы можете подкорректировать результат работы в данном шаге.
    Образуйте замкнутое выделение.
  4. Залейте с помощью заполнителя «Fill Tool» ту часть изображения, которую нужно составить на прозрачном фоне и нажмите кнопку «Ок».
  5. В результате вы получите выбеленное изображение на прозрачном фоне.
  6. Теперь можно исправить все недостатки выделения, полученные в п.3 с помощью инструмента «Архивная кисть», которая будет восстанавливать ошибочно удаленные участки. Или наобор, удалять все лишее, что попала в рисунок с помощью инструмента «Ластик».
Для закрепления в памяти данного материала попробуйте описанные способы на практике на различных видах изображений и после этого вы всегда сможете сделать прозрачный фон в Фотошопе.

По умолчанию все новые слои в фотошопе создаются со 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) .

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Необходимо:

— Adobe Photoshop.

Инструкция:

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

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

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

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

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

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

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

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

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

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .

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

Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .

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

А теперь смотрите что было и что стало:

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

На этом сегодня всё, желаю удачи!

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

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

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

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

Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.

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

Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».

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

Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.

Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.

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

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

Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

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

Использование волшебной палочки

Самый простой способ сделать прозрачный фон в Фотошопе CS6 и новых версиях — это использования инструмента «волшебная палочка » или «magic wand ». Далее дана пошаговая инструкция:

Ластик

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


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

Замена фона

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

Как сохранить картинку без фона в Фотошопе

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

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

Зачем вообще нужен прозрачный фон?

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

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


Надеюсь, теперь все понимают суть. И мы переходим к делу!

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

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

Три способа удалить фон в фотошопе

1 способ сделать прозрачный фон:

Все, фон исчез. Надеюсь все было понятно.

2 способ, как сделать фон прозрачным:

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

3 способ, как убрать фон в фотошопе

1. Убрать фон в фотошопе при помощи инструмента быстрая маска. Маска находится внизу в левом вертикальном меню:

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

Используйте различные размеры кисти для закраски. Для этого воспользуйтесь вторым горизонтальным меню. Подробнее на скрине: 3. После того, как солнце полностью закрашено, снова нажмите на быструю маску. Затем кнопку Delete, чтобы удалить всё вокруг объекта.

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

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

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

Сразу отмечу важный момент. Может быть только этих слов будет вполне достаточно для решения вашей проблемы. Если сохранить изображение в формате JEPG, то прозрачный фон исчезает, останется прежний белый цвет. Требуется сохранять в форматах PNG или GIF. Статьи по теме:



Ну вот и все. Теперь, если мы вставим солнце на полянку, то картинка примет привлекательный внешний вид:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

И так, открываем нашу картинку в фотошопе.

1. Первое, что нужно сделать — создать у картинки рабочую область с прозрачным фоном. Для этого:
— в окошке слоёв кликаем два раза на наш слой (с замочком)
— В повившемся окошке нажимаем ОК

Замочек должен исчезнуть

Если фон однотонный:
Выбираем инструмент «Волшебная палочка » — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск ), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

Если фон разноцветный:
Используем инструмент «Быстрое выделение «. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

3 . Если на рисунке осталось что-то лишнее, используем инструмент «Ластик «, просто затираем лишний фон.

4 . Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

Полезное видео в тему:

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

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

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

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

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

Сервис 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, результаты их обработки находятся на хорошем уровне, а специфика опционала совсем не сложна. Если вам необходимо сделать прозрачный фон для фото — рекомендую обратиться к возможностям данных инструментов, они позволят легко и быстро создать прозрачный фон онлайн.

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

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

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

1. Открываем Photoshop . Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open… ).

2. Выделяем все изображение/фото (Ctrl+O ).

3. Копируем выделенную картинку (Ctrl+C ).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N ). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent — «прозрачность»:

Нажимаем Enter и видим, что Photoshop создал новый файл с фоном, состоящим из бело-серых квадратиков. Такими квадратиками в Фотошопе обозначаются полностью прозрачные области.

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

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

или с помощью «волшебных» инструментов (W ):

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

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

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

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

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

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

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

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

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

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

В каком формате сохранить картинку с прозрачностью

Обратите внимание, что сохранять обработанную в Фотошопе фотографию с прозрачными участками в формате JPEG нельзя — этот формат не поддерживает прозрачность. Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым). Среди форматов, которые используются в веб , корректно отображаются браузерами и поддерживают прозрачность — только GIF и PNG. Родной формат Фотошопа PSD браузерами не отображается.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

По умолчанию все новые слои в фотошопе создаются со 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) .

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

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

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



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

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

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

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

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


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


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

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

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

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


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

Как преобразовать JPEG в PNG в Photoshop (с прозрачностью!)

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

Чтобы преобразовать JPEG в PNG с прозрачным фоном в Photoshop, выделите объект с помощью инструмента «Быстрое выделение» и добавьте его к маске слоя.Удалив фон, перейдите в меню «Файл»> «Экспорт»> «Экспортировать как». Установите формат PNG, установите флажок «Прозрачность» и нажмите «Экспорт».

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

В чем разница между JPEG и PNG?

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

JPEG

Во-первых, давайте начнем с JPEG, что означает Joint Photographic Experts Group. Это название группы, которая основала формат файлов JPEG в 1992 году, поскольку им нужен был способ уменьшить большие изображения, чтобы их было легче делиться. JPEG имеет так называемое сжатие с потерями, что означает снижение качества файла.

Степень сжатия JPEG составляет 10: 1. Так, например, если вы начнете с изображения размером 20 МБ, оно станет 2 МБ, если вы экспортируете его в формате JPEG.Сжатие не всегда влияет на качество изображения, по крайней мере, для человеческого глаза. Однако это зависит от самого изображения, а также от качества исходного файла.

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

PNG

Формат файлов PNG означает «Переносимая сетевая графика». Он был создан в середине 1990-х годов и был создан для замены GIF (Graphical Interchange Format). PNG имеет так называемое сжатие без потерь, что означает, что качество файла остается неизменным до и после сжатия.

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

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

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

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

Как преобразовать изображение JPEG в PNG

Шаг 1: перейдите в «Файл»> «Экспорт»> «Экспортировать как

».

Откройте изображение в Photoshop, затем перейдите в строку меню и нажмите «Файл »> «Экспорт»> «Экспортировать как». Вы также можете использовать сочетание клавиш Alt + Shift + Control + W в Windows или Option + Shift + Command + W на Mac.Откроется меню «Экспортировать как».

Шаг 2. Установите формат экспорта в PNG

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

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

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

Шаг 3: Нажмите Экспорт

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

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

Как превратить JPEG в файл PNG с прозрачным фоном

Шаг 1. Удалите фон с изображения

Выберите инструмент выбора объекта на панели инструментов. Это позволит вам легко выбрать объект на вашем изображении, который вы хотите вырезать. Если вы используете Photoshop 2019 или более поздней версии, вы можете использовать инструмент быстрого выбора вместо этого для этих шагов. Инструмент выбора объекта доступен только в Photoshop 2020 и новее.

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

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

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

Шаг 2: перейдите в «Файл»> «Экспорт»> «Экспортировать как

».

Теперь, когда вы успешно избавились от фона, следующим шагом будет сохранение изображения как файла PNG с прозрачным фоном. Для этого вам потребуется повторить шаги, описанные в предыдущем разделе, чтобы получить доступ к меню «Экспортировать как», или вы можете использовать сочетание клавиш Alt + Shift + Control + W в Windows или Option + Shift + Command + W на Mac, чтобы сделать Это.

Шаг 3. Установите формат PNG и отключите прозрачность

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

Шаг 4: Щелкните Экспорт

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

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

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

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

Удачного редактирования!

Как сохранить форму PowerPoint в PNG со 100% прозрачным фоном

Сохранение презентаций PowerPoint в виде изображений — это то, что мы можем сделать, если хотим использовать слайды в качестве изображений.Однако в некоторых случаях мы хотим сохранить фигуру как изображение и оставить 100% прозрачный фон.

Плохая новость заключается в том, что параметр сохранения PowerPoint в изображениях (в диалоговом окне «Файл») не позволяет нам сохранять прозрачный фон при сохранении слайдов. Но хорошая новость заключается в том, что мы можем использовать опцию «Сохранить как изображение» в графике или фигуре, чтобы сохранить их со 100% прозрачностью.

Для этого примера рассмотрим один из шаблонов, доступных на SlideModel.com, одном из моих любимых поставщиков шаблонов PowerPoint. Они предоставляют высококачественные шаблоны PowerPoint, которые можно редактировать на 100%, поэтому докладчик или дизайнер получают «полный контроль» над настройкой слайдов для своих нужд. Это определенно одно из основных преимуществ использования редактируемых шаблонов и графики, созданной с помощью фигур PowerPoint, по сравнению с другими поставщиками или даже бесплатными шаблонами PowerPoint, которые нельзя редактировать.

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

Выбрав рисунок, мы можем щелкнуть правой кнопкой мыши по рисунку или фигуре и затем выбрать опцию «Сохранить как рисунок…» в PowerPoint.

Появится новое диалоговое окно «Файл», в котором вы можете указать выходной каталог и имя файла для использования. Здесь вам нужно выбрать PNG Portable Network Graphics Format * . png в качестве параметра сохранения как типа.

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

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

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

Экспорт слайдов PowerPoint с прозрачностью

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

Это решение изначально было представлено здесь в Stackoverflow. и, как указано в сообщении, этот метод также работает с графикой Word Art, это означает, что вы можете использовать PowerPoint для создания слайдов с текстовыми эффектами, созданными с помощью Word Art, а затем экспортировать их для использования в любом другом инструменте. Важно отметить, что этот метод очень хорошо работает в последней версии PowerPoint, такой как PowerPoint 2016 или Office 365, но также и в некоторых более старых версиях, таких как PowerPoint 2013, 2010.Если ваша версия PowerPoint старше любой из этих версий, рекомендуется обновить вашу копию PowerPoint, поскольку вам, возможно, не хватало некоторых других приятных опций, таких как 3D-графика PowerPoint или эффекты перехода Morph.

Как использовать прозрачные изображения в Photoshop

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

Содержание:

1.Сделать изображения прозрачными

2. Вырезанный продукт и прозрачный фон

3. Удалить белый фон в Photoshop

4. Контурное изображение в Photoshop

5. Гладкая кожа Photoshop

6. Сохраните изображение в соответствующем веб-формате

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

Шаг 01

Давайте откроем первое изображение.Для этого нажмите « Left », а затем « Open » в левом меню.

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

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

Шаг 03

Выберите одну из следующих трех групп.

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

Инструмент «Обтравочное перо».

Маска + кисть

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

Инструмент Magic Wand

Шаг 04

Выберите панель инструментов Magic Tools на панели инструментов в левой части экрана и нажмите «W» .Если вы не видите инструмент «Волшебная палочка», возможно, он спрятан за инструментом «Быстрая палочка». Если это так, нажмите и удерживайте инструмент Speed ​​Wand и выберите инструмент Magic Wand.

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

Изображения на прозрачном фоне

В верхней части экрана вы увидите параметры для настройки поведения инструмента Magic Wand .

Есть два способа использовать инструмент Magic Wand для определения фото темы: Выбрать фон и выбрать тему. Используемый метод во многом зависит от того, цветной фон фотографии или нет.

Шаг 05

Если фон состоит из нескольких цветов, вы можете выбрать тему изображения вместо фона.

Photoshop CC18 имеет параметр под названием «Выбор объекта». Эта интуитивно понятная функция определяет и выбирает тему вашей фотографии, какой бы сложной она ни была.

Сделать прозрачное изображение

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

Убедитесь, что вы находитесь на дублированном слое (он должен быть выделен на панели «Слои»).

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

Нажмите кнопку «Выбрать элемент» в верхней части приложения. Теперь вам нужно выбрать примерную тему.

Щелкните Удалить из выбора в верхней части экрана.Затем щелкните субъективные части выделения (например, тени под этим мандарином). Это удаляет эти поля из выбора.

Удалить фон

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

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

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

Сохранение изображений с прозрачностью в Photoshop

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

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

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

Сохраните изображение в соответствующем веб-формате

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

Лучшим форматом для хранения изображения является формат PNG-24. Эта форма допускает несколько уровней прозрачности, что означает, что изображение не будет иметь пиксельного «ореола», если оно размещено на фоне другого цвета.Более старые прозрачные форматы файлов, такие как PNG-8 и GIF, могут создавать этот побочный эффект ореола, поэтому по возможности используйте PNG-24.

Чтобы сохранить файл PNG-24 в Photoshop CC, введите SHIFT + ALT + CTRL + W (SHIFT + OPTION + Command + W на Mac) или выберите «Файл»> «Экспорт»> «Экспортировать как…» в раскрывающемся меню. в верхней части окна Mac.

Примечание. Если вы используете старую версию Photoshop и не видите параметр «Экспортировать как…», вы можете выбрать «Сохранить в Интернет», а затем выбрать PNG-24 в раскрывающемся меню «Наборы настроек» в правой части диалогового окна.

В появившемся диалоговом окне в разделе «Параметры файла» в разделе «Параметры файла» измените формат PNG и убедитесь, что флажок установлен. Не сканируйте сегодня файл (8-битный) — этот файл. Получается PNG-8.

Изменение размера изображения с прозрачным фоном в Photoshop

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

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

Поскольку многие из ваших клиентов видят ваш продукт на сетчатом экране, рекомендуется сохранять изображение продукта на 50–100% больше, чем вы ожидаете. Это делает его хрустящим на всех устройствах.Другими словами, если вы знаете, что ваш продукт имеет ширину 400 пикселей, вам нужно создать здесь не менее 600 пикселей.

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

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

Назовите файл изображения и убедитесь, что для него установлено расширение PNG.

Щелкните Сохранить.

Как использовать прозрачные изображения в PowerPoint

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

Это отличный способ убрать лишний шум из вашего шоу.

С помощью этого пошагового руководства вы можете сделать свою презентацию более понятной, чем раньше, независимо от того, используете ли вы PowerPoint 2010, 2013, 2016 или последнюю версию. PowerPoint 2018.

Использование прозрачных фоновых изображений в PowerPoint

Чтобы сделать фоновое изображение прозрачным с помощью инструмента прозрачности подписки Microsoft Office 365, вам нужно всего лишь:

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

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

В настоящее время этот новый инструмент прозрачности доступен только для одной подписки на Microsoft 365.

Я надеюсь, что скоро меня добавят в автономную версию PowerPoint 2019 (но я не дышу).

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

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

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

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

Авторское право © 2021 Es picture - Картинки
top