Как сделать фон прозрачным в 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 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. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выберите области, чтобы удалить фон, изолировать фотографии или объединить изображения

Сделать выделение стало проще, быстрее и точнее, чем когда-либо, в новом пространстве «Выделение и маска», которое есть в последней версии Photoshop.

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

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

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

На этом этапе я, возможно, захочу изменить вид. Мы были в режиме луковой кожи. Теперь давайте выберем Overlay, где этот красный оверлей указывает области, которые будут скрыты, когда мы закончим, и это будут области, которые будут замаскированы.Мы можем точно настроить наши конечные результаты, используя любой из инструментов выбора в левой части экрана. Вы даже найдете инструмент «Кисть», с помощью которого можно добавлять или убирать созданную маску, а также рисовать на изображении, чтобы настроить его. Я снова изменю вид на Onion Skin, а затем полностью увеличу прозрачность, чтобы хорошо рассмотреть наш конечный результат. Если вы хотите более точно настроить это, вы можете перейти в область Global Refinement, где вы найдете несколько ползунков, предназначенных для улучшения конечного результата, или в этом случае я обнаружил, что края волос имеют область другого цвета. для них не совсем соответствует фону.Итак, я перейду в Настройки вывода, где найду флажок «Обеззараживать цвета». Это изменит цвет полупрозрачных областей, чтобы они лучше соответствовали фону.

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

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

Узнайте, как использовать специальное рабочее пространство «Выделение и маска» в Photoshop.

Режим просмотра: Во всплывающем меню «Просмотр» выберите один из следующих режимов просмотра:

• Луковая кожура (O): Визуализирует выделение как схему луковой кожуры в стиле анимации
• Марширующие муравьи (M): Визуализирует границы выделения в виде марширующих муравьев
• Наложение (V): Визуализирует выделение как наложение прозрачного цвета.Невыбранные области отображаются этим цветом. Цвет по умолчанию — красный.
• На черном (A): Помещает выделение на черный фон
• На белом (T): Помещает выделение на белый фон
• Черно-белое (K): Визуализирует выделение в виде черно-белой маски
• На слоях (Y): Окружает выделение областями прозрачности

Нажмите F для переключения режимов и X для временного отключения всех режимов.

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

Показать оригинал: Показывает исходное выделение.

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

Прозрачность / непрозрачность: Устанавливает прозрачность / непрозрачность для режима просмотра.

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

Мы уже рассмотрели:

— Что такое слой в Фотошопе;

— Как активизировать, перемещать, скреплять и объединять слои в Фотошопе;

Для полного и ясного представления о слоях необходимо рассмотреть еще несколько параметров.

1. Opacity (Прозрачность)

Этот параметр меняет прозрачность слою.

Например, изменим прозрачность рубашки человечка до 60%.

Смотрите, что с ней происходит! Она стала прозрачной!

У параметра «Fill» (Заливка) похожая функция.

2. Блокировки слоев

На палитре слоев вы должно быть замечали следующие изображения:

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

Блокировка — не позволяет рисовать на слое, появляется запрещающий кружок.

Блокировка — не позволяет перемещать слой.

Блокировка «замок» — включает в себя сразу все виды блокировок.

3. Создаем папку для слоев

Ее можно свернуть до такого вида:

4. Вызов палитры стилей.

Автор: Зинаида Лукьянова;

Источник: photoshop-master.ru

⇐ • Как активизировать, перемещать, скреплять и объединять слои (предыдущая страница учебника)

• Как вернуть действие (следующая страница учебника) ⇒

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

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

Какой слой считается прозрачным?

Давайте разберем первую ситуацию. Допустим, есть у нас исходное изображение. Допустим, фото. И нам следует создать новый слой. Предположим, с помощью комбинации клавиш ctrl+shift+n.

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

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

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

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

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

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

Вернемся к тому же исходнику с Дедпулом и Харли. Но на этот раз уже сдвигаем ползунок не до нуля. Оставим, допустим, процентов 50. Что выйдет?

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

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

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

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

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

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

Инструкция

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

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

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

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

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

HTML 5 CSS 3 IE 9

Создание и продвижение сайтов в интернете

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

Обычно в дизайне полупрозрачным должен быть только фон элемента, а текст непрозрачным для сохранения его читабельности. Свойство opacity здесь не подходит, потому что текст внутри элемента также будет частично прозрачным. Лучше всего использовать формат RGBA, частью которого является альфа-канал или иными словами значение прозрачности. В качестве значения пишется rgba, затем в скобках через запятую перечисляются значения красной, синей и зелёной компоненты цвета. Последним идёт прозрачность, которая задаётся от 0 до 1, при этом 0 означает полную прозрачность, а 1 непрозрачность цвета — синтаксис применения rgba.

Полупрозрачный фон HTML 5 CSS 3 IE 9

Создание и продвижение сайтов в интернете.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

Примечание

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

Еще одно примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Здравствуйте, дорогие читатели моего красочного блога сайт! Почему красочного? Вы посмотрите, какие картинки я делаю! Не каждый осмелится. Кстати как вам? Не сильно мешает восприятию? Мне важно ваше мнение. Пишу уроки то я для вас! Итак, по делу!

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

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

1. Откройте Фотошоп.

2. Пройдите в меню «Файл» => «Открыть» и выберите ваше изображение, которому желаете придать прозрачность.

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

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

3. Щелкните левой кнопкой мыши по этому слою два раза либо перейдите в меню «Слой» => «Новый слой» => «Из заднего плана».

4. В появившемся окне нажмите кнопку «ОК».

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

5. Убедитесь, что у вас выделен слой с изображением и измените пункт «Непрозрачность» на то значение, которое посчитаете необходимым. Я изменю непрозрачность на 85%.

Вот, что в итоге должно получиться:

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

6. Нажимаем сочетание клавиш «Ctrl+Shift+Alt+S» или идем в меню «Файл» => «Сохранить для Web и устройств».

7. Выбрать формат сохранения «PNG-24» и в этом формате ни чего больше не меняя сохранить файл.

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

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

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

Какой слой считается прозрачным?

Давайте разберем первую ситуацию. Допустим, есть у нас исходное изображение. Допустим, фото. И нам следует создать новый слой. Предположим, с помощью комбинации клавиш ctrl+shift+n.

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

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

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

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

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

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

Вернемся к тому же исходнику с Дедпулом и Харли. Но на этот раз уже сдвигаем ползунок не до нуля. Оставим, допустим, процентов 50. Что выйдет?

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

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

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

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

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

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

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

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

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

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

• Отличие Заливки от Непрозрачности

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Здравствуйте, дорогие читатели моего красочного блога olegastanin.ru! Почему красочного? Вы посмотрите, какие картинки я делаю! Не каждый осмелится. Кстати как вам? Не сильно мешает восприятию? Мне важно ваше мнение. Пишу уроки то я для вас! Итак, по делу!

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

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

1. Откройте Фотошоп.

2. Пройдите в меню «Файл» => «Открыть» и выберите ваше изображение, которому желаете придать прозрачность.

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

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

3. Щелкните левой кнопкой мыши по этому слою два раза либо перейдите в меню «Слой» => «Новый слой» => «Из заднего плана».

4. В появившемся окне нажмите кнопку «ОК».

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

5. Убедитесь, что у вас выделен слой с изображением и измените пункт «Непрозрачность» на то значение, которое посчитаете необходимым. Я изменю непрозрачность на 85%.

Вот, что в итоге должно получиться:

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

6. Нажимаем сочетание клавиш «Ctrl+Shift+Alt+S» или идем в меню «Файл» => «Сохранить для Web и устройств».

7. Выбрать формат сохранения «PNG-24» и в этом формате ни чего больше не меняя сохранить файл.

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

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

Рекомендую хостинг BeGet.ru

С уважением, Олег Астанин Автор проекта olegastanin.ru

Понравилась статья? Поделитесь с друзьями!

В Мой Мир

0

Tweet

This Post Has Been Viewed 3,594 Times

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

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

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

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

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

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

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

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

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

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

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

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

Затем надо нажать на кнопку ALT и кликнуть по маске внизу панели слоев.

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

После этого на холсте появится выделение:

Теперь его необходимо инвертировать с помощью комбинации горячих клавиш CTRL+SHIFT+I.

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

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

Чтобы убрать выделение, нажимаем CTRL+D.

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

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

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

Непрозрачность заливки

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

Допустим, мы зашли в “параметры наложения” и применили к слою стиль «Тиснение».

После того, как стили применены, устанавливаем показатели «Заливки» на 0%.

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

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

Вырезание объекта в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

Форматы поддерживающие прозрачный фон

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

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

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

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

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

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

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

если эту картинку нанести на другую, получится примерно так:

Для кого-то это может показаться некрасиво! так как один фон залезает (накладывается) на другой.

Так как же сделать фон картинки прозрачным ?? чтобы при наложении картинки получилось так, как на скриншоте ниже:

Всё просто, — картинка, на которой изображён колобок, как понимаем, имеет белый фон.

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

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

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

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

Открываем программу Photoshop (фотошоп).

…затем открываем требуемую для удаление фона картинку…

Для того чтобы убрать с картинки фон, сделать его прозрачным, нам потребуется инструмент «Быстрое выделение»…

нажимаем на кнопку «Быстрое выделение» (см. горизонтальное меню слева)…

Преступим к правке картинки:

Немного теории

Что такое растушёвка? И что такое полупрозрачность?

В предыдущем уроке («Выделение в Adobe Photoshop. Часть 1: Простая геометрия») рассказывалось о философии «работы через слои» в Photoshop.

Проиллюстрируем:

• Скопируйте часть фотографии на новый слой.
• И установите бегунок «Непрозрачность» в палитре слоёв на уровень менее 100%.
• Получите примерно такой результат:

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

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

Итак, растушёвка выделения – плавный переход прозрачности с 0% до 100% на границах выделенной области.

Непрозрачность слоя против заливки в фотошопе

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

Исходное изображение.

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

Панель «Слои» показывает фоновый слой, текстовый слой над ним и копию текста в верхней части, которая временно скрыта.

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

Параметры Opacity и Fill установлены на 100%.

Давайте посмотрим, что произойдет, если я уменьшу значение непрозрачности до 50%:

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

Уменьшение непрозрачности слоя Type до 50%.

При уменьшении непрозрачности до 50% слово «сон» в моем документе становится прозрачным на 50%, что позволяет частично показать изображение под ним:

Изображение после понижения значения непрозрачности текста до 50%.

Я увеличу значение непрозрачности до 100%, а на этот раз уменьшу значение Fill до 50%:

Снижение Fill до 50%.

Если для параметра «Заливка» установлено значение 50%, текст снова становится прозрачным на 50% в документе, и мы получаем тот же самый результат, который мы видели недавно, когда мы снизили значение «Непрозрачность»:

Снижение Fill до 50% дает точно такой же результат.

Непрозрачность против заливки со стилями слоя

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

Отключение исходного текстового слоя.

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

Выделение и включение копии текстового слоя.

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

Тот же текст, но с добавлением нескольких эффектов слоя.

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

Закручивая стили слоя, откройте список эффектов, добавляемых к тексту.

Давайте посмотрим, что произойдет с этим новым слоем, если я уменьшу значение непрозрачности до 50%:

Еще раз понизив непрозрачность до 50%.

Понизив значение непрозрачности нового слоя, мы сделали все на 50% прозрачным. Под «всем» я имею в виду не только сам текст, но и примененные к нему стили слоя. Все и все на слое теперь прозрачно на 50% после снижения значения непрозрачности:

Понижение значения непрозрачности привело к тому, что все на слое, включая стили слоя, стало прозрачным на 50%.

Пока что больших сюрпризов нет. Я увеличу значение непрозрачности до 100%, а теперь уменьшу значение Fill до 50%:

Снижение Fill до 50%.

Вот где мы видим разницу между непрозрачностью и заливкой. Снижение значения непрозрачности сделало все на слое прозрачным на 50%, но при уменьшении значения «Заливка» до 50% только сам текст станет прозрачным на 50%. Стили слоев, которые я применил к тексту, остаются видимыми на 100%! На эффекты Stroke, Drop Shadow и Bevel and Emboss значение Fill никак не влияло. На самом деле, когда сам текст теперь прозрачен на 50%, мы можем начать видеть эффект Bevel and Emboss, который я применил к нему:

Значение Fill делает текст частично прозрачным, но не влияет на стили слоя.

Давайте снизим значение Fill до 0% и посмотрим, что произойдет:

Это интересно: Эффект размытых полос мертвой зоны в фотошопе

Снижение Fill до 0%.

Если для параметра «Заливка» установлено значение 0%, текст становится полностью прозрачным в документе, но примененные к нему стили слоя остаются полностью видимыми! Значение Fill никак не влияет на стили слоя, что позволяет мне легко создать интересный текстовый эффект, который был бы невозможен при использовании значения Opacity:

Текст теперь прозрачен на 100%, но стили слоя остаются видимыми на 100%.

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

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

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

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

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

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

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

Возможность редактирования изображений в Photoshop построена на использовании слоев. Каждый из них является отдельным независимым объектом. Изменение любого из слоев никак не отразится на содержимом остальных. Слоевая структура изображения отображается на панели «Слои»:

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

Разберем на примере, как в фотошопе можно поменять фон с помощью корректирующего слоя. На старте у нас имеется такое изображение:

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

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

С помощью корректирующего слоя можно легко изменить время дня во всем городе.

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

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

Все изменения коснулись лишь основного слоя. Перед тем, как изменить фон, через меню «Слой» — «Новый» создаем новый:

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

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

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

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

После этого на выделенной области жмем правой кнопкой мыши, и в появившемся контекстном меню выбираем «Слой через обрезание»:

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

Теперь можно добавить новый слой и заполнить небо над Сахарой яркими красками:

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

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

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

Если проводить инструментом «Магнитное лассо» вдоль контура на изображении, то серебристую обводку как будто магнитом притягивает к границам выделяемого предмета.

После активации инструмента осторожно проводим курсором вдоль контуров фигуры девушки. А затем в контекстном меню выбираем пункт «Инвертировать выделение»:

Перед тем, как сделать задний фон размытым, применим встроенный фильтр графического редактора. Для этого в меню «Фильтр» выбираем пункт «Смазывание» — «Смазывание Гаусса»:

Получилось, конечно, не без изъянов. Но все их можно убрать с помощью инструмента «Размытие». И вот что получилось:

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

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

Теперь проделываем следующее:

• На панели инструментов активируем инструмент «Кисть»;
• В параметрах задаем диаметр кисти и жесткость воздействия:

• В сборщике устанавливаем черный цвет для переднего фона:

• Затем медленно проводим кистью по контурам фигуры девушки и внутри. Сразу становится видно, что кисть восстанавливает размытость, которую мы применили на слое-копии;
• После нескольких минут наведения резкости с помощью кисти все черты женского лица и фигуры приобрели четкость. Должно получиться примерно так:

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

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

РМРимма Михайловаавтор

Совет Photoshop: как сделать часть слоя прозрачной

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

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

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

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

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

2. Выберите Edit> Fill и установите Blending Mode на Clear . Установите непрозрачность Opacity на желаемый процент — здесь я выбрал 50%.

3. Щелкните OK. Выбранная часть вашего слоя теперь полупрозрачна, а остальная часть вашего файла остается на 100%.

Между прочим, я ничего не имею против Пола Маккартни 🙂

Я надеюсь, что этот совет по Photoshop оказался для вас полезным, и буду очень благодарен, если вы поделитесь им.Большое спасибо! 🙂

Получите бесплатную распечатываемую шпаргалку панели инструментов Photoshop

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

Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку, и загрузите шпаргалку панели инструментов Photoshop.

Дженнифер Фарли

Привет! Меня зовут Дженнифер Фарли.Я иллюстратор, дизайнер, автор и преподаватель дизайна из Ирландии. Я преподаю и работаю в области дизайна более 15 лет и помогаю людям изучать Adobe Photoshop, Lightroom, Illustrator и графический дизайн. Photoshop Bootcamp — это постоянно растущая коллекция моих руководств и уроков по Photoshop, которые я написал для своих учеников.

Создание полупрозрачного выделения с помощью альфа-каналов

Создание полупрозрачного выделения с помощью альфа-каналов

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

Шаг 1

Создайте новый альфа-канал

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

Шаг 2

Заливка градиентом

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

Шаг 3

Загрузить как выбор

Загрузить канал как выбор. Ctrl (Cmd) Щелкните эскиз Alpha 1. Теперь вы увидите марширующих муравьев. Обратите внимание, что все, что выбрано менее 50%, не будет отображаться в выделенных марширующих муравьях. Щелкните миниатюру RGB в верхней части палитры «Каналы», чтобы отобразить композицию. Если вы видите красноватый оттенок, это потому, что также отображаются альфа-каналы. В этом случае щелкните значок глаза слева от миниатюры Alpha 1, чтобы скрыть канал и отобразить только выбранный композит.

Шаг 4

Удалить выделение

Выберите палитру слоев. Выберите верхний слой и нажмите клавишу удаления (или создайте маску слоя, это лучший способ). Теперь вы увидите фоновое изображение. Посмотрите, как отображаются полупрозрачные области, потому что эти части канала были серыми. Вот в чем суть этого упражнения, чтобы вы это поняли.
Заметили, что на лице женщины просвечивает синий фон? Не слишком хорошо выглядит, правда? Готовы к работе с некоторыми расширенными каналами? Хорошо, нажмите Ctrl-Z, чтобы отменить удаление, мы исправим это сейчас.Если есть активный выбор, нажмите Ctrl-D, чтобы выключить его.

Шаг 5

Рисование на канале

Откройте палитру каналов. Вы собираетесь закрасить канал, чтобы повлиять на выбор. Вы знаете, что черный не выбран, а белый выбран. Это означает, что если вы хотите защитить часть изображения, вам нужно будет сделать эту часть черной в альфа-канале. (Уже начинаете понимать? Будете). Щелкните значок глаза слева от канала Alpha 1 (или нажмите клавишу \ обратная косая черта).Теперь вы должны увидеть цвет рубилита (или любой другой цвет, установленный для вашей маски), в котором создается градиент. Выберите мягкую кисть и черный цвет. Щелкните канал Alpha 1 на палитре каналов. Теперь это должен быть выбранный канал. Прокрасьте черной кистью область лица женщины. Теперь вы полностью исключаете его из выбора. Белый выбран, черный — нет. На снимке экрана показан канал, отображаемый вместе с композитом и отображаемый отдельно. Щелкните значки глаз, чтобы управлять отображением.

Шаг 6

Загрузить как выделение

Убедитесь, что отображается только композиция RGB, щелкнув миниатюру RGB. Если отображается альфа-канал, щелкните значок глаза, чтобы скрыть его. Ctrl- (Cmd) + щелкните миниатюру альфа 1. Вы можете загрузить выделение с канала, даже если он скрыт! Полезно знать

Шаг 7

Удалить выделение

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

Смотрите, как быстрая маска или маска слоя. В конце концов, альфа-каналы не так уж и мистичны.

Будьте в курсе!

CS6 Superguide

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

Photoshop 101 — Прозрачные заливки

Последнее обновление Суббота, 16 ноября 2019 г.

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

Расчетное время чтения: 2 минуты

Оглавление

Чего мы хотим достичь

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

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

Техника

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

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

Почти готово

Для завершения эффекта вернитесь в меню слоев. Вы увидите опцию Заливка. Щелкните раскрывающееся меню и уменьшите процент до 0%. Это делает заливку прозрачной, давая нам желаемый эффект.

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

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

Теги

Последние сообщения

Об авторе

Джордж Орнбо — человек из Великобритании.

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

← http://shapeshed.com

Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

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

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

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

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

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

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

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

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

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

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

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

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

2. Выберите значок глаза на панели «Слои» рядом с исходным фоновым слоем.Это скроет этот слой из поля зрения, так что вы сможете работать только с новым созданным слоем.
3. Затем щелкните значок «Быстрые действия» на панели «Свойства»:

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

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

Если ваш документ содержит более одного объекта, вам, возможно, придется использовать инструмент Select Object Tool , который работает с Photoshop AI аналогично инструменту Select Subject Tool. Вы найдете этот инструмент под инструментом Magic Wand на боковой панели панели инструментов. Выберите инструмент, затем создайте рамку вокруг объекта, который вы хотите изолировать. Photoshop найдет объект так же, как описано выше.

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

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

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

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

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

• Используйте инструмент Magic Wand Tool , чтобы выбрать определенный цвет для удаления. Это отличный вариант, если у вас простой одноцветный фон. Например, если у вас есть векторный логотип на белом фоне, просто нажмите на белый фон, и инструмент Magic Wand Tool выберет все белые пиксели, которые вы хотите удалить.

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

• Используйте инструмент «Лассо » , если у вас более сложный фон или несовершенная форма. Три типа инструментов лассо, пожалуй, самые мощные инструменты, которые вы можете освоить после инструмента Select Subject Tool . Чтобы полностью понять, как использовать этот инструмент, давайте рассмотрим пример.

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

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

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

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

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

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

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

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

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

2. По мере того, как вы следите за краем сердца своим Инструмент «Лассо», ваш выбор будет придерживаться выбранного вами объекта. Тем не менее, убедитесь, что вы щелкаете кнопкой мыши, когда идете, чтобы держать инструмент Магнитное лассо на правильном пути. Удерживая нажатой клавишу Shift, вы можете добавить что-то к вашему выбору, а удерживая клавишу Option, вы освободите часть выделения.Ваш выбор может выглядеть примерно так:

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

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

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

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

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

1. В раскрывающемся меню «Файл» выберите «Экспорт»> «Экспортировать как…».

2. На экране появится диалоговое окно.Щелкните Параметры файла справа от поля и установите формат PNG. Затем убедитесь, что вы отметили опцию «Прозрачность» перед сохранением.

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

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

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

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

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

Действительно прозрачный слой размытия в Photoshop

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

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

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

Есть ли способ, используя Raya Pro или Lum 32 (у меня есть оба), чтобы я мог получить слой размытия, который не является клонированным / штампованным видимым слоем, который позволит мне вносить изменения ниже слоя размытия, которые все еще будут отображаться на размытии слой? По сути, это было бы похоже на полупрозрачный слой размытия, который по-прежнему позволяет просвечивать нижележащую регулировку.

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

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

1. Дважды продублируйте фоновый слой, дважды нажав Ctrl + J (ПК) или Cmd + J (Mac).

2. Дважды щелкните имя верхнего слоя и измените имя слоя на «Локальный».

3. Теперь дважды щелкните имя среднего слоя и измените имя этого слоя на Global.

4. Выберите слой Local (верхний) и перейдите в Filters> Other> High Pass.

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

6. Измените режим наложения слоя Local на Linear Light.

7. Скройте локальный слой, щелкнув значок глаза.

8. Выберите глобальный слой и перейдите в Filter> Blur> Gaussian Blur.

9. Переместите ползунок радиуса, чтобы размыть изображение, затем нажмите OK.

10. Щелкните значок глаза на локальном слое, чтобы он снова стал видимым.

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

12. Выберите слой Local и перейдите в Layer> Layer Mask> Reveal all.

13. Нажмите B, чтобы выбрать инструмент «Кисть» и установите черный цвет переднего плана и 100% непрозрачности.

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

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

16. Любые корректировки, которые необходимо внести в изображение, должны выполняться между слоями Local и Global.

Весь этот процесс стал намного проще с использованием Raya Pro.

— Продолжение руководства ниже —

1.Выберите слой, с которым мы будем работать.

2. Откройте панель Filters and Finish.

3. Щелкните одну из кнопок Freq Sep, 16 или 8.

4. Отрегулируйте ползунок «Радиус размытия по Гауссу» и нажмите «ОК».

5. На панели слоев появится новая группа под названием «JM Frequency Separation».

6.Разверните группу, щелкнув маленькую стрелку вниз рядом со значком видимости.

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

8. Нажмите B, чтобы выбрать инструмент «Кисть», установите непрозрачность на 100% и передний план на черный.

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

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

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

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

Еще раз спасибо за помощь в этом.Я никогда не думал использовать вашу технику для размытия изображения. Я использовал это для разделения слоев цвета кожи и текстуры для ретуши лица, но никогда не рассматривал возможность использования этого для корректировки размытия. Я буквально рыскал по Youtube, и никто не показал, как применить эту технику размытия с размещением всех корректирующих слоев между слоями «цвет» и «текстура». Все ютуберы (которые я нашел) показывают только метод деструктивного штампованного видимого слоя и никогда не помещают какие-либо другие слои между слоями «цвет» и «текстура» при корректировке кожи или ландшафта.

Предложение скоро закончится — получите скидку 25% сегодня

Подписался на нашу рассылку новостей.

Как использовать файлы ASL в Photoshop? — AnswersToAll

Как использовать файлы ASL в Photoshop?

В строке меню выберите «Правка»> «Предустановки»> «Диспетчер предустановок», выберите «Стили» в раскрывающемся меню, а затем добавьте свои стили с помощью кнопки «Загрузить» и выберите свой.ASL файл. Вы также можете загрузить свои стили прямо из палитры стилей в правой части Photoshop, используя раскрывающееся меню.

Какие стили слоев существуют в Photoshop?

Стили слоев Photoshop: подробное руководство

• Что такое стиль слоя?
• Применение стилей слоя.
• Диалоговое окно «Стиль слоя».
• Drop Shadow.
• Внутренняя тень.
• Внешнее свечение.
• Внутреннее свечение.
• Фаска и тиснение (контур / текстура)

Что такое стиль слоя?

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

Зачем нужно создавать слои изображения?

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

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

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

Что означает непрозрачность в Photoshop?

Непрозрачность — это степень, в которой что-то блокирует свет.Вы можете изменить непрозрачность слоев, фильтров и эффектов, чтобы просвечивалось больше (или меньше) нижележащего изображения. Буквы прозрачны, если непрозрачность установлена ​​на 50%. Буквы с непрозрачностью 100% непрозрачны или непрозрачны.

Где непрозрачность в фотошопе?

Для регулировки непрозрачности слоя:

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

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

Сделать форму прозрачной

1. Выберите «Вставка»> «Фигуры».
2. Выберите фигуру в раскрывающейся галерее и нарисуйте ее нужного размера.
3. Щелкните фигуру правой кнопкой мыши и выберите «Форматировать фигуру».
4. На панели откройте раздел Заливка.
5. Выберите ползунок «Прозрачность» и перетащите вправо, чтобы установить желаемую степень прозрачности.

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

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

Как изменить прозрачность изображения в Illustrator?

Изменить непрозрачность обложки

1. Выберите объект или группу (или выберите слой на панели «Слои»).Чтобы изменить непрозрачность заливки или обводки, выберите объект, а затем выберите заливку или обводку на панели «Оформление».
2. Установите параметр «Непрозрачность» на панели «Прозрачность» или «Управление». Примечание:

Как избавиться от фона в Illustrator?

Иногда вам нужно удалить фон с изображения, что возможно в Illustrator. Чтобы удалить фон с изображения в Adobe Illustrator, вы можете использовать волшебную палочку или инструмент «Перо», чтобы сформировать передний объект.Затем щелкните изображение правой кнопкой мыши и выберите «Создать обтравочную маску».

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

Прозрачный фон в Adobe Illustrator

1. Перейдите к настройкам документа в меню «Файл».
2. Убедитесь, что в качестве фона выбрана «Прозрачность», а не «Монтажная область». Artboard даст вам белый фон.
3. Выберите предпочтительные параметры прозрачности.
4. Выберите «Экспорт» в меню «Файл».
5. Сохраните файл как PNG.
6. Выберите параметры PNG.

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

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

1. Щелкните монтажную область.
2. Перейдите на панель «Свойства» («Окно»> «Свойства») для монтажной области.
3. В разделе «Цвет фона монтажной области» выберите фон и измените его на прозрачный.

Как сохранить PNG с прозрачным фоном?

Сохраните логотип как прозрачное изображение PNG Нажмите «Файл» -> «Сохранить как».Выберите «PNG (*. PNG) в качестве формата файла. Обратите внимание, что хотя прозрачный фон выглядит в Photoshop клетчатым, в конечном файле PNG он будет прозрачным.

Как изменить цвет фона монтажной области?

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

Как избавиться от белого цвета в Illustrator?

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

9 быстрых способов сделать изображение прозрачным в Windows и Mac

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

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

Microsoft Paint — это обновление старой версии Microsoft Paint, которое бесплатно входит в состав Windows 10. Вы можете использовать Paint 3D для простых задач рисования, в том числе для создания прозрачного изображения.

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

1. Запустите Paint 3D и выберите «Меню ».

2. Затем выберите Открыть > Просмотрите файлы , чтобы открыть изображение.

3. Выберите Кисти , чтобы открыть боковую панель.

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

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

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

2. Затем выберите фигуру, а затем выберите Форма Формат > Контур фигуры > Без контура .

3. Щелкните фигуру правой кнопкой мыши и выберите Форматировать фигуру .

4. Выберите значок Fill на панели Format Shape , а затем выберите Picture или заливка текстуры .

5. Затем выберите Insert > Pictures , выберите изображение, а затем выберите Insert .

6. Отрегулируйте прозрачность изображения, перемещая ползунок прозрачности на панели Format Shape . Или введите число от 0 до 100 в поле рядом с ползунком, чтобы настроить уровень прозрачности.

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

Примечание : в Office в Интернете нельзя сделать изображение прозрачным.

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

1. Откройте PowerPoint, выберите Вставить > Картинки , чтобы вставить изображение.

2. Щелкните изображение правой кнопкой мыши и выберите Формат изображения .

3. Выберите значок Изображение на панели Формат изображения .

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

5. Вы также можете изменить прозрачность части изображения, открыть изображение, выбрать его и затем выбрать Формат изображения .
6. Выберите Color в группе Adjust .

7. Затем выберите Установить прозрачный цвет и с помощью курсора выберите цвет на изображении.

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

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

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

2. В изображении выберите цвет, который нужно сделать прозрачным, выберите изображение и нажмите CTRL + T .

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

1. Выберите Вставить > Изображение , чтобы открыть изображение. Щелкните его правой кнопкой мыши и выберите Параметры формата .

2. Щелкните стрелку рядом с полем Adjustments и затем отрегулируйте ползунок прозрачности до желаемого уровня непрозрачности.

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

1. Выберите Вставить > Изображение , чтобы открыть изображение. Щелкните изображение, а затем нажмите кнопку Параметры изображения на панели инструментов.

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

Если вы являетесь подписчиком Microsoft 365, вы можете получить доступ к инструменту «Прозрачность» и использовать его, чтобы сделать изображения прозрачными в Office 365.

1. На ПК с Windows вставьте изображение и выберите Прозрачность на вкладке Работа с изображениями Формат .

2. Вы увидите предустановленных параметров прозрачности , которые можно выбрать в диапазоне от 0 до 95 процентов.

3. Кроме того, вы можете настроить уровень прозрачности, выбрав Прозрачность > Параметры прозрачности изображения.

4. Перетащите ползунок Прозрачность на панели Формат изображения .

Mac могут изменять прозрачность объекта или изображения в таких программах, как Pages, Keynote или Numbers.

Numbers — это приложение Apple для работы с электронными таблицами, которое вы можете использовать для создания красивых электронных таблиц с впечатляющими изображениями и таблицами, а Keynote — это приложение Apple PowerPoint для создания великолепных презентаций.

1. В Pages, Keynote или Numbers для Mac откройте документ, содержащий изображение, которое нужно сделать прозрачным, а затем нажмите значок Формат .

2. Выберите изображение и перетащите ползунок Opacity под вкладку Style , чтобы сделать изображение прозрачным.

Если вам просто нужен быстрый способ сделать изображения прозрачными, вы можете использовать онлайн-инструмент, такой как Online PNG.Кроме того, вы можете использовать стороннее приложение, такое как Snagit или Canva. Если вы предпочитаете более сложную программу, стоит подумать о Adobe Photoshop.

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

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