Нажмите "Enter" для пропуска содержимого

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

Содержание

404 Not Found

Call-Центр

Москва:

Санкт-Петербург:

Бесплатно по всей РФ:

Время работы Call-Центра:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Точки самовывоза

Москва

117335 г. Москва, Архитектора Власова д. 6

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Санкт-Петербург

196084, г. Санкт-Петербург, ул. Малая Митрофаньевская, д.4, лит. О, офис 11

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Услуги и поддержка

Отзывы ЯндексМаркет:

Мы в соц. сетях:

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


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


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

Прозрачность слоев

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

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

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

Способ 1: общая непрозрачность

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

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

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

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

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

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

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

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

Есть много способов вырезать объект или удалить фон из изображения. Многие начинают с фотошопа. Два популярных метода маскирования в Photoshop используют инструменты выделения, такие как Magic Wand, Lasso, а также режим Select и Mask. Между тем, режим быстрой маски использует кисть для рисования фона.

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


Метод 1. Инструменты и маски выделения

Шаг 1. Использование инструмента Magic Wand Tool

Выберите инструмент Magic Wand Tool в окне «Инструменты».Начните с Допуск 20% в меню Опции .

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

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

Шаг 2. Используйте инструмент «Лассо» для точной настройки выделения

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

Lasso для точной настройки краев.Удерживайте Shift и перетащите, чтобы добавить к выделению.

Существует три варианта инструмента «Лассо». Вы найдете их, нажав и удерживая лассо в меню «Инструменты»:

  • Лассо — Щелкните и перетащите курсор, чтобы нарисовать выделение от руки.
  • Polygonal Lasso — Создание многоугольной области выделения путем добавления точек к форме выделения.
  • Магнитное лассо — Автоматическое добавление к выделению путем обводки области.

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

Option и делаю то же самое, чтобы удалить эту область выделения.

Шаг 3. Используйте панель «Выделение и маска» для уточнения выделения

Когда вы будете удовлетворены грубым выбором, нажмите кнопку Select and Mask в меню Options в верхней части экрана.Или нажмите Command + Option + R , чтобы открыть окно.

Поэкспериментируйте с настройками Global Refinement, чтобы получить более плавный выбор.

В разделе Global Refinements начните со следующих настроек для большого изображения с высоким разрешением:

  • Smooth : 3
  • Feather : .3px
  • Shift Edge
    : -20

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

Если вы застряли, лучше всего нажать Отмена и исправить выбор вручную с помощью Magic Wand или Lasso, а затем вернуться в окно Select and Mask.

Шаг 4. Создайте маску слоя для удаления фона

В Output Settings внизу окна Select and Mask выберите Layer Mask из списка. Окно закроется, а слой с вашим объектом будет иметь маску, скрывающую фон.Затем вы можете активировать или деактивировать маску, щелкнув правой кнопкой мыши значок маски слоя в окне «Слои».

Когда активирована маска слоя, фон становится прозрачным.

Метод 2: Быстрая маска

В этом методе используется инструмент Quick Mask в Photoshop. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.

Активируйте быструю маску с помощью кнопки в нижней части окна «Инструменты».

Включите / выключите режим быстрой маски в нижней части панели инструментов или просто нажмите Q.

Затем активируйте инструмент кисти (B) . В режиме быстрой маски на палитре отображаются только два цвета: черный, используемый для скрытия содержимого, и белый, используемый для отображения содержимого. Идея состоит в том, чтобы закрасить фон — ту часть, которую вы хотите удалить — черным цветом. Область, которую вы закрашиваете, станет красной.

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

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

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

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

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

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


Альтернативы удалению фона в Photoshop

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

  • Powerpoint имеет инструмент под названием Remove Background , который запускает вас с выбора объекта переднего плана, замаскированного от фона. У вас также есть возможность добавлять или удалять определенные части.
  • Бесплатные веб-сайты — Существует множество бесплатных приложений и веб-сайтов, которые позволяют пользователям вручную удалять фон. Хотя они могут быть простыми в использовании, к минусам относятся проблемы с надежностью и точностью, а также отсутствие безопасности системы.
  • Shutterstock Editor — Средство удаления фона в Editor позволяет легко вырезать формы и элементы из изображения. Со всеми другими инструментами дизайна в приложении вы можете создать профессиональный дизайн за половину шагов и с гораздо меньшими хлопотами.

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

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

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

  1. Найдите и выберите изображение
  2. Используйте инструмент «Удалить фон»
  3. Загрузите лицензионный образ

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

Хорошее маленькое изображение собачки через Пола Стивена

Просто нажмите на кнопку — Удалить и закрасьте фон. Это уберет фон. Чтобы настроить выделение, нажмите + Добавить и закрасьте объект, который хотите сохранить. Уменьшите размер кисти с помощью ползунка Размер кисти , чтобы получить более подробную информацию, или увеличьте его, чтобы блокировать большие участки за раз.

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

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

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


Для получения дополнительных уроков и техник продолжайте читать:

Обложка фонового изображения через FabrikaSimf , изображение кошелька через Creative Lab

.

Основы Photoshop: делать больше со слоями

Урок 10: Делаем больше со слоями

/ ru / photoshopbasics / резкость и снижение шума / содержание /

Введение

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

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

Непрозрачность слоя

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

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

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

Для регулировки непрозрачности слоя:
  1. Выберите нужный слой, затем щелкните стрелку раскрывающегося списка Непрозрачность в верхней части панели слоев .
  2. Щелкните и перетащите ползунок , чтобы настроить непрозрачность. Вы увидите изменение непрозрачности слоя в окне документа по мере перемещения ползунка.Если вы установите непрозрачность на 0%, слой станет полностью прозрачным или невидимым.
Попробуй!

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

Прозрачность фона

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

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

Если вы следуете примеру файла, попробуйте скрыть все слои, кроме слоя Acorn.Видите шахматный узор позади желудя? Это означает, что фон полностью прозрачный . При сохранении изображения шахматная доска фактически не будет экспортирована; это только указывает на прозрачность.

Обратите внимание: если вы хотите, чтобы ваше изображение имело прозрачный фон, вам необходимо сохранить его в формате , который поддерживает прозрачность . Мы рекомендуем использовать формат PNG-24 , который доступен в диалоговом окне «Сохранить для Интернета».Файлы JPEG не могут иметь прозрачный фон, поэтому они сохранят все прозрачные области как белые.

Режимы наложения

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

Если вы следуете примеру файла, выберите слой Record . Обратите внимание, что режим наложения установлен на Multiply .Несмотря на то, что непрозрачность слоя записи установлена ​​на 100%, этот режим наложения позволяет просвечивать бирюзовый цвет нижележащего слоя.

.

Изучите основы работы со слоями в Photoshop на iPad.

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

Удалить слой: Удаляет активный слой.

Переименовать слой: переименовывает активный слой.

Добавить обрезанную корректировку: добавляет обрезанный корректировочный слой к выбранному слою.

Начать режим множественного выбора: позволяет выбрать несколько слоев.

Дублировать слой: дублирует активный слой.

Копировать слой: позволяет скопировать выделение или слой для вставки.

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

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

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

Объединить вниз: Объединяет активный слой со слоем под ним.

Объединить видимые: Объединяет все видимые слои в активный слой.

.

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

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

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

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

Вспоминаю и смеюсь.

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

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

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

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

Прозрачный фон в Adobe Photoshop, обозначается шахматной сеткой.

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

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

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

1 способ. Вырезаем объект при помощи лассо

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

Одним из основных инструментов, является «Лассо» и его аналоги: «Прямолинейное лассо» и «Магнитное лассо».

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

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

  1. Скопировать выделенный объект и вставить в новый слой.
  2. Инвертировать выделение и удалить задний фон.

В первом случае, нам требуется нажать комбинацию клавиш CTRL + C (копирование), после чего CTRL + V (вставить).

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

Во втором случае, при помощи клавиш CTRL + SHIFT + I, произведем инверсию. То есть, если был выделен объект, то при помощи инверсии можно выделить фон и наоборот.

Нажмите комбинацию клавиш, после чего удалите выделение клавишей Delete.

С лассо, думаю все понятно. Переходим к следующему примеру.

2 способ. Выделяем фон волшебной палочкой

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

В ассортименте имеется два инструмента:

  • Волшебная палочка;
  • Быстрое выделение.

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

Теперь нам осталось удалить фон в Фотошопе и сделать прозрачным заднюю часть.

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

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

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

Проблему может решить уменьшение параметра «Допуск».

При значение 50, как вы видите, происходит выделение части щенка. А что будет, если уменьшим значение до 10?

На много лучше.

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

3 способ. Удаляем фон ластиком

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

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

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

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

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

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

4 способ. Использование быстрой маски

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

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

И так. Задача, создать прозрачный фон для картинки с пандой По в Фотошопе.

Активируем быструю маску и при помощи кисти с черным цветом, закрасим объект.

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

Что будем делать дальше, надеюсь помните? У нас два варианта:

  1. Скопировать выделенный объект и вставить на новый слой.
  2. Применить инверсию и удалить задний фон.

В этот раз выбрал второй пункт и при помощи клавиш CTRL + SHIFT + I, инвертировал выделение, после чего удалил фон.

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

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

В заключении, разберемся с немаловажным вопросом, связанным с сохранением прозрачного фона в файл.

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

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

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

Для этих целей, в Фотошопе, предусмотрено два варианта:

  • Сохранить прозрачный фон в формате PNG;
  • Сохранить прозрачный фон в формате GIF.

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

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

Выберите формат «PNG» и придумайте название файла.

Кроме этого, можно нажать клавиши CTRL + SHIFT + ALT + S и сохранить как Web.

Так же, выберите формат PNG24, после, нажмите «Сохраните». Выберите имя файла и подтвердите сохранение.

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

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

Если остались вопросы, пообщаемся в комментариях.

Загрузка…

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

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

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

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

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

Кликаем левой кнопкой мыши «Файл» (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. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

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

Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора 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.

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

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

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

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

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

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

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

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

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

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

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

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

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

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

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

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

Отсечение фона маской

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

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

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

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).

В CorelDRAW возьмите инструмент — Transparency.

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

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

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

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

(Visited 2 851 times, 1 visits today)

28.01.2015 27.01.2018

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1. Увеличить объект. Для этого кликнуть на кнопку инструмента Zoom Tool (Z) и навести курсор на изображение. Курсор превращается в плюсик и при каждом клике картинка увеличивается. После того, как мы поработаем с изображением, поменяем вверху на линейке настроек значение инструмента обратно на Zoom Out и курсором, превращающимся в минус, снова уменьшим его. Кнопка инструмента Zoom Tool (Z) изображает лупу. В данном примере мы увеличили картинку двумя кликами, этого будет достаточно, чтобы аккуратно обвести объект.

Шаг 2. Выделить объект. Для этого кликнуть на инструмент перо Pen Tool (P). Обратите внимание на настройки линейки вверху.

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

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

Контур картинки замерцает – значит, объект мы выделили.

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

Шаг 3. Создать прозрачный фон. Сначала сделать дубликат изображения. Для этого в меню выберите последовательно Image – Dublicate – Ok.

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

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

Шаг 4. Переместить изображение на прозрачный фон. Для этого кликнуть курсором по нужной выделенной ранее картинке изатем кликнуть кнопку Перемещение Move Tool (V). Зажимаем левой мышкой, и, перетащив объект на прозрачный фон, отпускаем. Цель по изменению фона на прозрачный достигнута.

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

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

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

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

Инструкция

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

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

Источники:

  • Просто о создании сайтов и баннеров

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

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

  • Редактор html-кода

Инструкция

К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.

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

Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.

Обратите внимание

Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Полезный совет

Для редактирования сайта пользуйтесь программой Dreamweaver.

Источники:

  • как сделать сайт картинки в 2019

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

Инструкция

Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.

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

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

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

Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.

Видео по теме

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

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

Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Рекомендуем также

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

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

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

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

Кликаем левой кнопкой мыши «Файл» (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. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

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

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

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

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

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

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

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

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

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

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

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

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

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

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

Отсечение фона маской

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

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

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

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).

В CorelDRAW возьмите инструмент — Transparency.

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

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

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

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

(Visited 2 847 times, 1 visits today)

39 60 922 0

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

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

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

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

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

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

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

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

Удаляем фон

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

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

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

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

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

Инструкция

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

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

Источники:

  • Просто о создании сайтов и баннеров

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

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

  • Редактор html-кода

Инструкция

К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.

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

Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.

Обратите внимание

Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Полезный совет

Для редактирования сайта пользуйтесь программой Dreamweaver.

Источники:

  • как сделать сайт картинки в 2019

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

Инструкция

Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.

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

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

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

Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.

Видео по теме

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Интересные статьи по теме:

Как сделать слой прозрачным? — Сообщество поддержки Adobe

Фон не является слоем. Это фон. Есть тонкая разница.

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

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

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

Надеюсь, это поможет!

-Ноэль

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

Как мне это увидеть?

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

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

Тем не менее, это очень просто, поэтому позвольте мне показать вам, как это сделать.

Шаг 1: Выберите слой

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

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

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

В верхней части панели «Слои» вы увидите поле с названием «Непрозрачность». Значение по умолчанию — 100%. Измените его на 0%, и слой станет прозрачным.

Бум! Тигр исчезает. Я говорил вам, что это было легко!

Устранение неполадок прозрачности

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

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

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

Однако это можно обойти.

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

Двойной щелчок откроет это поле.

Вы можете переименовать слой и установить нулевую непрозрачность прямо здесь. Затем нажмите OK и у вас будет прозрачный фон.

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

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

Создание части слоя прозрачной

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

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

Видишь мой выбор? Теперь просто нажмите Backspace или Удалить , чтобы удалить этот раздел.

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

Что делать, если вы хотите сделать выделение полностью прозрачным, но не остальную часть фонового слоя?

Нажмите Shift + Ctrl + D или Shift + Command + D для повторного выбора или повторного выбора. Убедитесь, что фоновый слой выбран на панели «Слои».

Затем нажмите Backspace или Удалить , чтобы удалить и эти пиксели.

Очистить как прозрачный слой? Я надеюсь, что это так!

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

О Каре Кох

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

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

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

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

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

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

Начнем.

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

Шаг 1. Выберите основное изображение

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

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

Я выбрал одну из своих кухонь:

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

Далее вам нужно добавить новый слой.

Это можно сделать, щелкнув значок Новый слой в нижней части панели Слои .

Если вы предпочитаете сочетание клавиш, вы можете использовать Command-Option-Shift-N (Mac) или Control-Alt-Shift-N (Windows).

Этот новый слой будет служить фоном, поэтому вам нужно будет разблокировать исходный фоновый слой (щелкнуть замок), а затем переместить новый пустой слой так, чтобы он оказался под слоем с изображением. Шаг 3: Добавьте маску слоя

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

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

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

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

Шаг 4. Создание прозрачного градиента

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

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

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

После того, как вы выбрали инструмент «Градиент», перейдите к панели инструментов градиента вверху и выберите параметр градиента от черного к белому (от переднего плана к фону).

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

Теперь создадим прозрачный градиент.

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

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

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

Получение нужного градиента может занять несколько раз. Хорошо. Просто нажмите Cmd -Z (Mac) или Ctrl-Z (Windows), чтобы отменить действие, а затем повторно применяйте, пока не получите желаемый эффект. (Вы можете сделать это в любой момент процесса.)

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

Шаг 5: Добавьте фон градиент, пришло время добавить фон, в котором он будет исчезать.

Переход в сплошной цвет

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

Чтобы использовать сплошной цвет, выберите фоновый слой, а затем инструмент Paint Bucket . Как упоминалось ранее, это может быть объединено с вашим инструментом градиента. Если это так, щелкните правой кнопкой мыши инструмент градиента и выберите ведро с краской.

В последних версиях Photoshop Paint Bucket вложен в инструмент Gradient.

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

Переход к фоновому изображению

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

Сначала перетащите/вырежьте и вставьте выбранное фоновое изображение в Photoshop и убедитесь, что это фоновый слой.

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

Чтобы получить правильный размер изображения, используйте инструмент Free Transform .

Убедитесь, что фоновое изображение выбрано, а затем нажмите Command-t (Mac) или Control-t (Windows). Теперь вы можете изменить размер, пропорции и расположение фонового изображения.

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

Шаг 6. Тонкая настройка

Если вы хотите внести изменения в то, как объекты плавно переходят друг в друга, это легко сделать. Вы всегда можете вернуться к маске слоя и изменить градиент или использовать инструмент Paint Brush tool .

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

(Чтобы добавить больше фонового изображения, я бы изменил цвет на белый.)

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

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

Вот финальное изображение:

Final Words

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

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

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

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

Создание прозрачного фона в Photoshop

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

Когда вы начинаете с нуля

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

  1. Сначала создайте новый слой. Проблема с простым выбрасыванием исходного заблокированного фонового слоя заключается в том, что это означает, что у вас нет монтажной области, на которую можно было бы смотреть. Photoshop не нравится эта идея. Легкое средство? Просто создайте новый слой, на котором ничего нет.
  1. Откройте окно «Слои», которое находится в раскрывающемся меню «Окно» в верхней части экрана. Найдите значок страницы в нижней части окна «Слои» и щелкните по нему.Появится новый слой. Этот слой должен выглядеть как серо-белая шахматная доска, что является способом Photoshop сказать: «На этом слое ничего нет». Идите вперед и удалите исходный белый фон, чтобы у вас осталась прозрачная шахматная доска.

Вот и все: новый файл с прозрачным фоном Photoshop.

Удаление фона с объектов и логотипов

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

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

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

Начнем с самого простого варианта.

Инструмент выбора темы

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

  1. Начните с создания копии фонового слоя, как мы делали выше в новом документе. Однако вместо того, чтобы щелкнуть на значке страницы на панели «Слои», перетащите свой слой на значок страницы, чтобы создать дубликат вашего изображения. Вы не должны видеть появление шахматной доски; это должна быть копия вашего изображения.
  1. Выберите значок глаза на панели «Слои» рядом с исходным фоновым слоем.Это скроет этот слой из поля зрения, поэтому вы сможете работать только с новым слоем, который вы создали.
  2. Затем щелкните значок «Быстрые действия» на панели «Свойства»:
  1. Во всплывающем окне выберите «Удалить фон». Фотошопу может потребоваться несколько минут обработки, прежде чем он завершит действие, но как только он будет завершен, вы должны найти свой объект на прозрачной шахматной доске.

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

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

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

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

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

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

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

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

.
  • Используйте инструмент Magic Wand Tool , чтобы выбрать определенный цвет для удаления. Это отличный вариант, если у вас простой одноцветный фон. Например, если у вас есть векторный логотип на белом фоне, просто нажмите на белый фон, и инструмент «Волшебная палочка» выделит все белые пиксели, которые вы хотите удалить.
  • Если у вас есть идеальная форма, такая как квадрат, круг или прямоугольник, которую вы хотите вырезать из фона, вы можете использовать инструмент Marquee Tool . Выберите объект, который хотите сохранить, и удалите фон.
  • Используйте инструмент Lasso Tool , если у вас более сложный фон или несовершенная форма. Три типа инструментов лассо, пожалуй, самые мощные инструменты, которыми вы можете овладеть после Select Subject Tool . Чтобы полностью понять, как использовать этот инструмент, давайте рассмотрим пример.

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

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

.

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

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

  1. Поскольку мы выделили все, кроме розы на картинке выше, нам нужно сделать инверсию выделения, чтобы замаскировать фон. Для этого, удерживая нажатой клавишу Option, щелкните инструмент «Маска» на панели «Слои».Помните, инструмент маски выглядит как квадрат с кружком посередине. Теперь ваше изображение должно выглядеть так:

.
  1. Неплохо! Верхняя часть розы имеет красивый край, однако ей нужно немного подчистить нижнюю часть, там, где сено вторгается в рамку. Чтобы уточнить эти края, начните с использования инструмента «Кисть» на маске, чтобы стереть все, что вам не нужно. Увеличьте область, над которой вы работаете, чтобы получить как можно более точное изображение. Помните, что используйте элементы управления жесткостью и размером на инструменте «Кисть», чтобы убедиться, что вы не забираете слишком много изображения.Вы также можете воспользоваться Инструментом клонирования, чтобы скрыть кусочки соломы, попавшие на картинку:

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

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

  1. Сначала выберите инструмент «Магнитное лассо» в наборе инструментов и найдите четкий край на объекте.Поскольку есть области сердца, которые перекрываются с сеном, вам нужно убедиться, что у вас настроен контраст, чтобы учесть некоторую снисходительность, скажем, в 50 лет. 
  1. Lasso Tool, ваш выбор будет привязан к объекту, который вы выбираете. Тем не менее, убедитесь, что вы нажимаете кнопку мыши, когда вы идете, чтобы ваш инструмент «Магнитное лассо» не сбивался с пути. Удерживая нажатой клавишу Shift, вы сможете добавить к своему выбору, а удерживая нажатой клавишу Option, вы освободите часть выделения.Ваш выбор может выглядеть примерно так:
  1. После уточнения контура выберите клавишу маски на панели «Слои». Вы всегда можете вернуться и внести коррективы в свою маску после ее создания.

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

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

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

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

PNG-24 — лучший формат для сохранения изображений с прозрачным фоном, так как технология, лежащая в основе этого формата, допускает несколько уровней прозрачности. Сохранение таким образом гарантирует, что вы никогда не получите эффект пиксельного «ореола» вокруг вашего объекта или логотипа, когда вы поместите его на новый фон, независимо от цвета этого фона. Чтобы сохранить файл в формате PNG-24, выполните следующие простые действия:

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

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

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

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

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

Последнее обновление страницы: июнь 2021 г.

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

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

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

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

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

Вариант 1: Сделать слои прозрачными Выберите слой, который вы хотите сделать прозрачным, щелкнув вкладку «Слои» — он выглядит как свернутая страница. Выберите уровень непрозрачности в поле, которое появляется в верхней части слоев. Значение по умолчанию равно 100%, но вы можете уменьшить его до 0%. Сохраните свое изображение в формате .

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

Как создать прозрачный градиент в Photoshop Шаг 1: Добавьте новый слой.Откройте фотографию, которую хотите использовать в Photoshop. Шаг 2: Добавьте маску слоя. Выберите слой, содержащий фотографию. Шаг 3: Добавьте прозрачный градиент. Шаг 4: Залейте фоновый слой.

Как сделать белую часть изображения прозрачной?

Сделать часть изображения прозрачной Выберите изображение, для которого вы хотите изменить прозрачность цвета. На вкладке Формат изображения выберите Цвет, а затем выберите Установить прозрачный цвет. Щелкните цвет на картинке или изображении, которое вы хотите сделать прозрачным.

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

На большинстве изображений можно создать прозрачную область. Выберите изображение, в котором вы хотите создать прозрачные области. Нажмите «Работа с рисунками» > «Перекрасить» > «Установить прозрачный цвет». На картинке щелкните цвет, который хотите сделать прозрачным. Примечания: Выберите изображение. Нажмите CTRL+T.

Как замаскировать объект в Photoshop?

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

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

2. Сделайте изображение Photoshop прозрачным. Щелкните раскрывающееся меню «Непрозрачность» на панели «Слои» и выберите процентное значение меньше 100%. Чем ниже вы идете, тем более прозрачным будет изображение.Нажмите «Файл» в верхнем меню, выберите «Сохранить как» и выберите «PNG» в раскрывающемся меню. Теперь у вас есть прозрачное изображение Photoshop.

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

1 Правильный ответ. Select> Color Range — Select: Highlights — Нажмите OK. Если фоновый слой, разблокируйте, перетащив значок замка на панели слоев в корзину, нажмите клавишу удаления. Теперь все белое должно быть прозрачным.

Почему мой PNG не прозрачен для Photoshop?

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

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

Шаг 1: Превратите изображение в многослойный файл. Откройте изображение продукта в Photoshop. Шаг 2: Создайте свой выбор. Выберите инструмент «Волшебная палочка» на панели инструментов в левой части окна приложения. Шаг 3: Удалите фон. Шаг 4: Сохраните изображение в подходящем для Интернета формате.Шаг 5: Сохраните файл.

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

Просто выполните: Цвета > Цвет в альфа-канал, выберите Черный. Нажмите «ОК».

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

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

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

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

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

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

Как замаскировать слой в Photoshop?

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

Что такое маска слоя в Photoshop?

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

Для чего нужна маска слоя?

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

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

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

Может ли PNG быть прозрачным?

Форматы растровых файлов, поддерживающие прозрачность, включают GIF, PNG, BMP, TIFF, TGA и JPEG 2000 либо через прозрачный цвет, либо через альфа-канал. Большинство векторных форматов неявно поддерживают прозрачность, потому что они просто не помещают какие-либо объекты в заданную точку.

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

В Adobe Photoshop есть несколько инструментов, использующих Adobe Sensei, механизм искусственного интеллекта (ИИ) платформы. Эти инструменты пригодятся для различных целей, в том числе для создания прозрачного фона.

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

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

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

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

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

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

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

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

Использование панели свойств в Photoshop для удаления фона

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

Вы можете скачать это фото с Pexels и следить за ним.

  1. Как только ваше изображение будет импортировано в Photoshop, нажмите Ctrl + J , чтобы продублировать слой. Примечание: Если вы пропустите этот шаг, вы не увидите параметры выбора, которые мы рассмотрели на третьем шаге.
  2. Перейдите к Окно > Свойства .
  3. Выберите Удалить фон .
  4. Чтобы просмотреть прозрачный фон, щелкните значок Eye слева от слоя Background .

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

Размещение корректирующего слоя сплошного цвета

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

  1. Используя изменения из нашего урока выше, переключите ключ X , пока цвет переднего плана не станет Black .
  2. Перейдите к значку Create New Fill or Adjustment Layer в правом нижнем углу экрана и выберите Solid Color .Затем нажмите OK .
  3. Слой Color Fill должен появиться поверх вашего стека слоев. Если это не так, ничего страшного, потому что теперь мы собираемся щелкнуть слой Color Fill и перетащить его чуть ниже нашего прозрачного слоя, как показано на рисунке.

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

Если ваш объект — портрет, подобный этому, вы можете даже продолжить редактирование изображения с помощью плагина Photoshop, который называется Portrait Pro, чтобы еще больше улучшить изображение.

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

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

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

Вы можете скачать это фото с Pexels и следить за ним.

  1. С изображением, импортированным в Photoshop, перейдите к Выберите > Тема .
  2. Будут выбраны обе женщины, на что указывают линии выбора «марширующие муравьи» вокруг них.Выберите инструмент Lasso в левом столбце, если он не отображается по умолчанию. Затем, удерживая нажатой клавишу Alt , обведите круг вокруг женщины справа и отпустите клавишу Alt .
  3. Щелкните левой кнопкой мыши где-нибудь внутри выбранной женщины слева.Выберите Выберите Инверсия из меню.
  4. Перейдите к . Выберите > . Выберите и замаскируйте .
  5. По умолчанию красным цветом отмечена выбранная область.Чтобы выделить большую часть изображения, чтобы сделать его прозрачным, например части стула, выберите инструмент Кисть , как показано на рисунке.
  6. Убедитесь, что выше выбран значок Plus ( + ). Затем закрасьте красным цветом нужные области, чтобы сделать их прозрачными. В этом случае нужно сделать совсем немного.
  7. Затем перейдите к Output To и выберите New Layer with Layer Mask из выпадающего меню. Нажмите OK .

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

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

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

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

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

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

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

Изображение предоставлено: Подгузник / Pexels

Luminar AI Photo Editor: все, что вам нужно знать

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

Читать Далее

Об авторе Крейг Боман (опубликовано 73 статьи)

Крейг Боман — американский фотограф из Мумбаи.Он пишет статьи о Photoshop и редактировании фотографий для MakeUseOf.com.

Более От Крейга Бомана
Подпишитесь на нашу рассылку

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

Нажмите здесь, чтобы подписаться

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

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

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

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

Импортный смокинг

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

Запустите Photoshop и откройте файл, содержащий объект на фоне, который вы хотите удалить. Обратите внимание на его разрешение. Создайте новый вторичный документ ( Ctrl + N ) с более высоким разрешением — +200 пикселей по ширине и высоте. Вернитесь к своему первому документу, выберите все ( Ctrl + A ), затем скопируйте его в буфер обмена ( Ctrl + C ). Снова перейдите ко второму пустому документу и вставьте ( Ctrl + V ) туда свое изображение.

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

Изменить фон по умолчанию

Выберите инструмент «Ведро с краской» (G) и выберите фоновый слой одним щелчком мыши на его записи на панели «Слои» справа. Выберите цвет, которого нет (по крайней мере, не так много) на вашем существующем изображении. Мы выбрали пастельно-зеленый. Щелкните в любом месте изображения, чтобы заполнить фон этим цветом.

Как видите, прямоугольник, о котором мы упоминали ранее, теперь виден вокруг Такса. Давайте удалим это.

Выберите фон с помощью Magic Wand

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

Вы увидите контур вокруг своих объектов. Если он выбрал все, кроме ваших объектов, все готово. Если это не так, стоит повторить попытку, изменив значение допуска волшебной палочки. Чем выше допуск, тем больше областей вашего изображения будет выбрано. Затем нажмите Ctrl + X , чтобы удалить все.

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

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

Удалить фон

Выберите слой объекта на панели «Слои». Нажмите L на клавиатуре, чтобы выбрать инструмент Лассо.Аккуратно выберите несколько пикселей за пределами вашего объекта, щелкнув левой кнопкой мыши, перетащив мышь, чтобы определить форму вручную, а затем отпустив кнопку мыши. Нажмите Ctrl + X , чтобы удалить их.

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

Повторяйте до тех пор, пока не останется единственное, что вас интересует.

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

Экспорт в PNG

Чтобы сохранить файл, выберите формат, например 24-битный PNG, для нового прозрачного изображения. Чтобы сохранить в этом формате, выберите «Файл -> Сохранить для Интернета».

Настройкой по умолчанию, вероятно, будет JPG. Измените его на PNG-24 в раскрывающемся меню в правом верхнем углу.Остальные параметры оставьте без изменений и нажмите «Сохранить» внизу. Выберите, куда вы хотите экспортировать файл, нажмите «ОК», и все. Теперь вы можете включить объект из этого файла в другие ваши проекты.

Подведение итогов

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

Полезна ли эта статья? да Нет

Одиссей Коурафалос Настоящая жизнь

ОК началась примерно в 10 лет, когда он получил свой первый компьютер — Commodore 128.

Станьте первым комментатором

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

Ваш адрес email не будет опубликован.

2019 © Все права защищены. Интернет-Магазин Санкт-Петербург (СПБ)