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

Непрозрачность и режимы наложения в Photoshop Elements

Руководство пользователя Отмена

Поиск

  1. Photoshop Elements User Guide
  2. Introduction to Photoshop Elements
    1. What’s new in Photoshop Elements
    2. System requirements | Photoshop Elements
    3. Workspace basics
    4. Guided mode
    5. Making photo projects
  3. Workspace and environment
    1. Get to know the Home screen
    2. Workspace basics
    3. Tools
    4. Panels and bins
    5. Open files
    6. Rulers, grids, and guides
    7. Enhanced Quick Mode
    8. File information
    9. Presets and libraries
    10. Multitouch support
    11. Scratch disks, plug-ins, and application updates
    12. Undo, redo, and cancel actions
    13. Viewing images
  4. Fixing and enhancing photos
    1. Resize images
    2. Cropping
    3. Process camera raw image files
    4. Add blur, replace colors, and clone image areas
    5. Adjust shadows and light
    6. Retouch and correct photos
    7. Sharpen photos
    8. Transforming
    9. Auto Smart Tone
    10. Recomposing
    11. Using actions to process photos
    12. Photomerge Compose
    13. Create a panorama
    14. Moving Overlays
    15. Moving Elements
  5. Adding shapes and text
    1. Add text
    2. Edit text
    3. Create shapes
    4. Editing shapes
    5. Painting overview
    6. Painting tools
    7. Set up brushes
    8. Patterns
    9. Fills and strokes
    10. Gradients
    11. Work with Asian type
  6. Guided edits, effects, and filters
    1. Guided mode
    2. Filters
    3. Guided mode Photomerge edits
    4. Guided mode Basic edits
    5. Adjustment filters
    6. Effects
    7. Guided mode Fun edits
    8. Guided mode Special edits
    9. Artistic filters
    10. Guided mode Color edits
    11. Guided mode Black & White edits
    12. Blur filters
    13. Brush Stroke filters
    14. Distort filters
    15. Other filters
    16. Noise filters
    17. Render filters
    18. Sketch filters
    19. Stylize filters
    20. Texture filters
    21. Pixelate filters
  7. Working with colors
    1. Understanding color
    2. Set up color management
    3. Color and tonal correction basics
    4. Choose colors
    5. Adjust color, saturation, and hue
    6. Fix color casts
    7. Using image modes and color tables
    8. Color and camera raw
  8. Working with selections
    1. Make selections in Photoshop Elements
    2. Saving selections
    3. Modifying selections
    4. Move and copy selections
    5. Edit and refine selections
    6. Smooth selection edges with anti-aliasing and feathering
  9. Working with layers
    1. Create layers
    2. Edit layers
    3. Copy and arrange layers
    4. Adjustment and fill layers
    5. Clipping masks
    6. Layer masks
    7. Layer styles
    8. Opacity and blending modes
  10. Creating photo projects
    1. Project basics
    2. Making photo projects
    3. Editing photo projects
  11. Saving, printing, and sharing photos
    1. Save images
    2. Printing photos
    3. Share photos online
    4. Optimizing images
    5. Optimizing images for the JPEG format
    6. Dithering in web images
    7. Guided Edits — Share panel
    8. Previewing web images
    9. Use transparency and mattes
    10. Optimizing images for the GIF or PNG-8 format
    11. Optimizing images for the PNG-24 format
  12. Keyboard shortcuts
    1. Keys for selecting tools
    2. Keys for selecting and moving objects
    3. Keys for the Layers panel
    4. Keys for showing or hiding panels (expert mode)
    5. Keys for painting and brushes
    6. Keys for using text
    7. Keys for the Liquify filter
    8. Keys for transforming selections
    9. Keys for the Color Swatches panel
    10. Keys for the Camera Raw dialog box
    11. Keys for the Filter Gallery
    12. Keys for using blending modes
    13. Keys for viewing images (expertmode)

Параметры непрозрачности и наложения слоев

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

Режимы наложения слоев используются для определения методов наложения слоя с пикселями нижних слоев. С помощью режимов наложения можно создавать различные специальные эффекты.

Обратите внимание, что укрывистость слоя и режим наложения сочетаются с укрывистостью и режимами наложения инструментов рисования. Например, для слоя используется режим «Растворение» с укрывистостью 50 %. На этом слое выполняется рисование инструментом «Малярная кисть», для которого выбран режим «Нормальный» и укрывистость 100 %. Нанесенный рисунок отображается в режиме «Растворение» с укрывистостью 50 %. Соответственно, если слой использует режим смешения «Нормальный» и 100%-ную непрозрачность, и вы стираете объекты с помощью инструмента «Ластик» с 50%-ной непрозрачностью, будет удаляться только 50% закрашенных объектов.

Наложение слоев

A. Слой «Бамбук» и слой «Рамки» B. Слой «Бамбук» с 100%-ной непрозрачностью в режиме «Затемнение» C. Слой «Бамбук» с 50%-ной непрозрачностью в режиме «Затемнение» 

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

  1. На панели «Слои» выделите слой.

  2. На панели «Слои» введите значение укрывистости в диапазоне от 0 до 100 или нажмите стрелку справа от поля «Укрывистость» и перетащите появившийся ползунок на нужное значение.

Указание режима наложения для слоя

  1. Выделите добавленный слой на панели «Слои».

  2. Выберите нужный режим наложения в меню «Режимы наложения».

    Примечание.

    (ОС Windows) Сразу после выбора определенного режима наложения можно поэкспериментировать с другими режимами, воспользовавшись клавишами со стрелками для выбора параметров режима наложения из списка.

Выделение непрозрачных областей слоя

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

  1. На панели «Слои» нажмите миниатюру слоя, удерживая клавишу Ctrl (Command в ОС Mac OS).

  2. Чтобы добавить пиксели к существующей выделенной области, нажмите комбинацию клавиш Ctrl+Shift (Command+Shift в ОС Mac OS) и нажмите миниатюру слоя на панели «Слои».

  3. Чтобы удалить пиксели из существующей выделенной области, нажмите комбинацию клавиш Ctrl+Alt (Command+Option в ОС Mac OS) и нажмите миниатюру слоя на панели «Слои».

  4. Чтобы загрузить пересечение пикселей и имеющуюся выделенную область, удерживайте клавиши Ctrl+Alt+Shift (Command+Option+Shift в ОС Mac OS) и нажмите миниатюру слоя на панели «Слои».

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

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

  1. В ОС Windows выберите меню «Редактирование» > «Установки» > «Прозрачность». В ОС Mac выберите Photoshop Elements > «Установки» > «Прозрачность».

  2. В меню «Размер сетки» выберите размер сетки.

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

Справки по другим продуктам

  • Понятие слоя
  • Режимы наложения
  • Инструменты рисования
  • Выделенные области
  • Панель «Слои»
  • Работа с палитрой «Выбор цвета»

Вход в учетную запись

Войти

Управление учетной записью

Вход в учетную запись

Войти

Управление учетной записью

Три способа сделать картинку полупрозрачной в Adobe Photoshop

Опубликовано: Автор: Артём Чёрный

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

Содержание

  1. Как сделать картинку полупрозрачной в Adobe Photoshop
  2. Вариант 1: Изменение прозрачности для всего изображения
  3. Вариант 2: Установка частичной прозрачности
  4. Вариант 3: Градиентное наложение
  5. Как сохранить готовую работу

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

Вариант 1: Изменение прозрачности для всего изображения

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

  1. Загрузите в рабочий интерфейс программы нужную картинку. Вы можете работать с любым форматом, неважно, JPG или PNG. Загрузка может быть произведена с помощью обычного перетаскивания картинки в рабочую область. Также можно воспользоваться сочетанием клавиш Ctrl+O и указать программе путь до нужного изображения в «Проводнике».
  2. Это изображение можно будет видеть на панели слоёв, что расположена в правой нижней части интерфейса программы. Оно по умолчанию помечено как фоновое и закрыто для редактирования (стоит иконка замка напротив названия). От вас требуется просто кликнуть два раза левой кнопкой мыши по этой иконке, чтобы получить доступ к редактированию этой картинки.
  3. Теперь в графе «Непрозрачность» установите приемлемое значение. По умолчанию там стоит 100%, что означает, что картинка совсем непрозрачная. Если установить 0%, то её вообще не будет видно. Вам нужно подобрать нужный диапазон непрозрачности.
  4. Теперь останется только сохранить изображение. О том, как это правильно сделать для прозрачных картинок написано в самом конце статьи.

Вариант 2: Установка частичной прозрачности

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

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

Сам же алгоритм действий выглядит следующим образом:

  1. Загрузите нужное изображение и создайте дубликат его слоя, воспользовавшись сочетанием клавиш Ctrl+J. Работать будем с этим дубликатом.
  2. Фоновый слой можно сделать невидимым, переключив отображение с помощью иконки глаза, что расположена в левой части слоя.
  3. Теперь на сдублированном слое установите слой-маску с помощью иконки, что отмечена на скриншоте ниже.
  4. Переключите на маску. Выберите инструмент «Кисть» в левой панели инструментов.
  5. Обязательно установите чёрный цвет в качестве основного. Другие параметры, такие как размер кисти, непрозрачность, тип и т.д. Можно установить в верхней части интерфейса программы.
  6. У самой кисти можно установить параметры непрозрачности. Для примера поставим там около 70%.
  7. Теперь пройдитесь этой кистью по той части изображения, которую вам требуется сделать полупрозрачной.

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

  1. У дублированного слоя изображения установите маску, как это было описано в инструкции выше.
  2. В панели с инструментами выберите инструмент «Выделение прямоугольной области». Его расположена можно посмотреть на скриншоте ниже.
  3. Выделите ту область, которая должна быть полупрозрачной.
  4. Теперь выберите инструмент «Заливка».
  5. Если в качестве основного цвета установить чисто чёрный, то часть изображения, находящаяся в зоне выделения, станет полностью невидимой. Рекомендуется выбрать в качестве основного цвета серый. Чем больше он приближен к чёрном по оттенку, тем более прозрачным будет залитая область.
  6. Залейте выделенную область, просто нажав по ней левой кнопкой мыши.
  7. Уберите выделение, воспользовавшись сочетанием клавиш Ctrl+D.

Вариант 3: Градиентное наложение

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

  1. Как в предыдущей инструкции добавьте к слою с изображением маску.
  2. В панели инструментов нажмите правой кнопкой мыши по инструменту «Заливка». Из небольшого меню выберите пункт «Градиент».
  3. Сам градиент можно настроить с помощью функциональных инструментов, расположенных в верхней части интерфейса. Например, здесь вы можете задать шаблон наложения градиента, его стили. Стоит учитывать, что в режиме работы с масками доступны только варианты с чёрно-белым оформлением.
  4. Теперь на изображении установите начальную и конечную точку градиента. После этого на маске нужная часть зальётся и станет полупрозрачной.

Читайте также:
Как в PowerPoint сделать фон картинки прозрачным — инструкция
Как создать и работать с альфа-каналами в Adobe Photoshop
Два способа выделить один цвет в Adobe Photoshop
Как создать водяной знак в Paint.NET: пошаговая инструкция

Как сохранить готовую работу

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

  1. По завершению работы нажмите «Сохранить как». Этот пункт можно найти в контекстном меню при нажатии на кнопку «Файл».
  2. В «Проводнике» обязательно выберите напротив графы «Тип файлов» PNG, PNS. Это универсальный типы файлов, которые можно использовать на веб-сайтах и которые сохраняют прозрачность изображения.
  3. Задайте имя для файла и воспользуйтесь кнопкой «Сохранить».

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

Как сделать изображение прозрачным в Photoshop: 3 простых шага [2023]


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

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

В эту статью включены следующие темы:

  • Инструмент непрозрачности Photoshop
  • Как сделать изображение прозрачным (как настроить непрозрачность)
  • Как изменить белый фон на прозрачный (как создать вырез)

Но сначала обратимся к слону в комнате.

Есть ли в Photoshop инструмент прозрачности?

Да, в Adobe Photoshop есть инструмент прозрачности. Он называется Opacity Tool , и его можно применять как к отдельным слоям, так и к отдельным стилям слоев.

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

Значение 0% означает, что элемент полностью прозрачен. Значение 50% означает, что элемент на 50% прозрачен. А значение 100% означает, что элемент полностью непрозрачен.

(оригинальные фото Софии Журавец/shutterstock.com и Натыкач Наталии/shutterstock.com)

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

Сделать картинку прозрачной или прозрачной в Photoshop проще простого. Вот шаги:

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

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

2. Затем щелкните раскрывающееся меню Инструмент непрозрачности (расположен в верхней части панели слоев ).

3. Наконец, переместите ползунок , чтобы изменить процент непрозрачности, или вручную введите новое значение (0% = прозрачный, 100% = непрозрачный).

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

(оригинальные фото Софии Журавец/shutterstock.com и Натыкач Наталии/shutterstock.com)

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

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

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

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

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

(исходное фото Софии Журавец/shutterstock. com)

Способ 1: новый инструмент Photoshop «Выбрать тему» ​​ (простой)

В новейших версиях Photoshop (2019+) я рекомендую использовать инструмент «Выбрать тему» ​​ . Чтобы использовать инструмент Select Subject , просто выполните следующие действия:

1. Сначала щелкните миниатюру слоя, который вы хотите вырезать, на панели слоев .

2. Далее щелкните любым инструментом выделения на панели инструментов (Инструмент выбора объектов, Инструмент быстрого выбора или Инструмент «Волшебная палочка»)

3. Затем в верхнем меню нажмите Выберите тему . Для достижения наилучших результатов выберите Cloud в раскрывающемся меню.

4. Далее нажмите Select and Mask .

5. Уточните свой выбор по вкусу на панели Свойства выбора . Если вы имеете дело с объектами с тонкими краями, такими как волосы или мех, вам может пригодиться Refine Hair 9. вариант 0025. Нажмите OK , когда закончите.

6. Наконец, нажмите кнопку Добавить векторную маску на панели слоев .

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

(оригинальная иллюстрация Natykach Nataliia/shutterstock.com)

Метод 2: Инструмент «Перо» в Photoshop (расширенный)

Если инструмент Select Subject не дал желаемых результатов, вы можете воспользоваться ручным вырезанием используя Инструмент «Перо» . Тем не менее, я предупрежу: этот метод не предназначен для начинающих. Обычно требуется немного практики, чтобы правильно освоить этот инструмент. И я редко рекомендую использовать инструмент Pen Tool для любого выреза с мягкими краями, такими как волосы или мех.

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

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

Вот шаги:

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

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

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

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

5. Затем закройте путь и выберите (кнопка Command на Mac, кнопка Windows на ПК) новый путь на панели Paths (Window > Paths).

6. Затем вернитесь на панель слоев и щелкните слой, который хотите вырезать.

7. Наконец, нажмите кнопку Добавить маску слоя .

Вот и все — готово!

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

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

спросил

12 лет, 9 месяцев назад

Изменено 12 лет, 9 месяцев назад

Просмотрено 23 тысячи раз

Я пытаюсь сделать простой файл jpeg прозрачным. Я хочу стереть в нем весь белый цвет и сохранить его как png . Я помню в Photoshop CS2 был один хороший инструмент, который по умолчанию удалял белый цвет. В настоящее время я использую Photoshop CS4 . И я не могу найти этот инструмент. На самом деле я использую Photoshop после нескольких месяцев тишины. Может ли кто-нибудь помочь мне с этим? Мне нужен самый простой способ сделать это. Я не мастер фотошопа. Это должно быть легко для вас, ребята.

Заранее спасибо 🙂

  • Adobe-Photoshop

1

Для прозрачности нужно

  • Открыть JPEG
  • Дважды щелкните фоновый слой, чтобы сделать его обычным слоем (я думаю, фоновые слои всегда имеют фоновый цвет)
  • Используйте ластик или что-то еще, чтобы удалить ненужные части изображения. Чтобы убрать белый, я бы, наверное, попробовал использовать Wand или каналы или что-то в этом роде.
  • Сохраните его в формате, поддерживающем прозрачность (например, PNG)

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

Сохраните файл для Интернета (в меню файлов), выберите GIF или PNG8 в качестве вывода. в таблице цветов выберите белый цвет и щелкните значок прозрачности внизу таблицы цветов.

Однако не работает с PNG24. Cmd + Shift + I) и используйте это как маску слоя для вашего базового слоя.

Формат JPEG не поддерживает прозрачность.

Необходимо использовать PNG или GIF.

3

Когда вы открываете файл JPEG в Photoshop, это будет один фоновый слой.

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

Оставить комментарий

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

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