Rivalry2

HTML Diff

1 added 1 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>5 авг 2025</li>

3 <li>0</li>

4 </ul>Показываем самые простые способы, а также раскрываем секреты профессионалов.

5 Иллюстрация: Полина Честнова для Skillbox Media

6 Знает всё о дизайне, фотографии и современном искусстве. Постоянный посетитель московских музеев и галерей.

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

8 В материале вы узнаете<a>о базовых инструментах</a>Photoshop и способах вырезать фон картинки:

9 <ul><li>"<a>Волшебная палочка</a>" - для изображений с однородным фоном, залитым сплошным цветом.</li>

10 <li><a>Параметры наложения</a> - для изображений с неоднородным фоном.</li>

11 <li><a>Режимы наложения</a> - белые и чёрные объекты.</li>

12 <li>"<a>Лассо</a>" - для простых объектов либо корректировки результата.</li>

13 <li><a>Цветовой диапазон</a> - для сложных объектов, например шерсти или волос.</li>

14 <li><a>Кисть и маска</a> - для небольших участков и корректировки результата.</li>

15 <li>"<a>Выделение и маска</a>" - для фрагментов со сложной фактурой, например кустов или деревьев.</li>

16 <li>"<a>Перо</a>" - для объектов со сложной формой.</li>

17 <li><a>Каналы изображения</a> - для неоднородных изображений, когда нужно получить мягкое выделение с переходом в прозрачность.</li>

18 </ul>Если вам нужен быстрый результат и качество вас не волнует, попробуйте убрать фон с картинки<a>с помощью нейросетей</a>.

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

20 <ul><li>Откройте панель слоёв и найдите на ней слой с вашим изображением.</li>

21 <li>Если он имеет название "Фон" или Background, кликните по маленькому замочку справа от названия этого слоя.</li>

22 <li>Название автоматически изменится на "Слой 0" или Layer 0 ― теперь можно работать!</li>

23 </ul>Чтобы разблокировать фоновый слой, нужно нажать на замочек справа от его названия на панели слоёвИзображение:<a>Freepik</a> / Skillbox MediaСамый простой способ стереть фон с картинки в Photoshop ― воспользоваться инструментом "Ластик" (Eraser, клавиша E) или же нажать клавишу Delete. Но в этом случае область будет полностью удалена, и вы не сможете исправить ошибки. Поэтому обычно используют маску ― это дополнительный параметр изображения, в котором содержится информация, какие области должны стать прозрачными.

24 Преимущество маски в том, что её всегда можно отредактировать: восстановить удалённые участки или добавить дополнительные области ластиком и кистью. Также маски поддерживают полупрозрачность, что очень важно при вырезании объектов с размытыми краями ― например, волос.

25 Вот как маски работают:

26 Видео: Жанна Травкина / Skillbox MediaЧтобы создать маску на основе выделения, нужно нажать на иконку "Добавить слой-маску" (Add Layer Mask) внизу панели "Слои" (Layers). Белые участки на слой-маске отвечают за непрозрачные области. Чёрные ― прозрачные участки.

27 При создании маски автоматически скрылись области, которые вошли в выделение, ― на маске они целиком закрашены чёрным.

28 Результат работы выделения и слой-маскиИзображение:<a>Freepik</a> / Skillbox MediaЕсли вы выделили объект и создали слой-маску, то этот объект из неё исчезнет. Если вам нужно сделать наоборот, можно инвертировать выделение:

29 <ul><li>кликните по выделенной области правой кнопкой мыши с любым активным инструментом выделения (например, "Волшебная палочка" ― Magic Wand);</li>

30 <li>в появившемся меню выберите "Инверсия выделенной области" (Select Inverse). Теперь маска скроет фон, оставив нетронутым ваш главный объект.</li>

31 </ul>Видео: Жанна Травкина / Skillbox MediaВ этом руководстве после создания выделений мы будем использовать именно маски.

32 Отменить последнее действие в Photoshop можно, нажав клавиши Ctrl (⌘) + Z. Вся история действий хранится на панели "История" (History), её можно вызвать, нажав клавишу F7.

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

34 <ul><li>Найдите на панели инструментов "Выделение объектов" (Select Objects), кликните по этому инструменту правой кнопкой мыши ― в появившемся меню выберите "Волшебную палочку" (Magic Wand).</li>

35 <li>Кликните по любому участку фона, который нужно удалить.</li>

36 <li>Поскольку вы выделили фон, то инвертируйте выделение и создайте маску.</li>

37 </ul>Видео: Жанна Травкина / Skillbox MediaТочность работы инструмента в Photoshop можно менять на панели настроек - она над рабочим пространством:

38 <ul><li>"Размер образца" (Sample Size) по умолчанию стоит 1×1 рх. Но если фон состоит из пикселей не одинаковых, а просто похожих цветов ― например, это синева неба на фотографии, то часть может не попасть в выделение из-за разницы оттенков.</li>

39 </ul>При параметре "Размер образца" в 1 px ("Точка") часть неба оказалась незахваченнойИзображение: <a>Freepik</a> / Skillbox Media"Допуск" (Tolerance) ― параметр, отвечающий за точность выделения у границ объекта. Хотя на краю объекта пиксели выглядят как фоновые, на самом деле они незначительно различаются. Если допуск будет слишком маленьким, вокруг объекта будут невыделенные части фона, а если слишком большой - выделение залезет в сам объект. По умолчанию в Photoshop установлено значение 32.

40 Цвет пикселей вокруг цветов не до конца белый - из-за слишком малого допуска они не попали в выделениеИзображение: <a>Freepik</a> / Skillbox MediaПодходит для изображений с неоднородным фоном. С помощью него вы можете делать прозрачными тёмные или светлые участки картинки в Photoshop.

41 - <ul><li>Кликните правой кнопкой мыши по на��ванию слоя с изображением на панели слоёв и выберите в появившемся меню самый верхний пункт "Параметры наложения" (Blending Options).</li>

41 + <ul><li>Кликните правой кнопкой мыши по названию слоя с изображением на панели слоёв и выберите в появившемся меню самый верхний пункт "Параметры наложения" (Blending Options).</li>

42 <li>В нижней части окна "Наложение если" (Blend If) находится шкала "Данный слой" (This Layer). Передвигая на ней белый ползунок влево, вы будете стирать светлые области, а если двигать чёрный ползунок вправо, то пропадут тёмные.</li>

43 <li>Если зажать Alt, кликнуть по ползунку и потянуть ― появится дополнительный ползунок, при помощи которого можно создать эффект полупрозрачности.</li>

44 <li>Когда всё готово, нажмите ОК.</li>

45 </ul>Видео: Жанна Травкина / Skillbox MediaПри использовании этого метода маска слоя не потребуется. Однако вы без труда можете вернуть изображению стёртый фон ― для этого дважды кликните по названию слоя на панели "Слои" и верните ползунки в исходное состояние.

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

47 Чтобы добавить новые вырезанные объекты к фоновому изображению:

48 <ul><li>поместите картинками с объектами над фоновым слоем в Photoshop;</li>

49 <li>вверху панели слоёв в выпадающем меню измените режим наложения слоя "Обычные" (Normal) на "Экран" (Screen), "Мягкий свет" (Soft Light) или "Умножение" (Multiply);</li>

50 <li>посмотрите, какой из эффектов вам понравится больше;</li>

51 <li>готово!</li>

52 </ul>Видео: Жанна Травкина / Skillbox MediaТакое удаление фона занимает лишь несколько секунд!

53 Обычно "Лассо" в Photoshop используют как вспомогательный инструмент, если нужно вырезать фрагмент изображения, не придавая большого значения точности краёв. Плюс этого инструмента ― работать им очень быстро. Минус ― для выделения сложных участков придётся много работать мышью, не отпуская курсора.

54 Если нажать правой кнопкой мыши на "Лассо", то можно увидеть три варианта:

55 <ul><li>простое "Лассо" (Lasso), им можно "рисовать" мышью, обводя нужные объекты;</li>

56 <li>"Прямолинейное лассо" (Polygonal Lasso Tool) ― выделяет прямыми линиями;</li>

57 <li>"Магнитное лассо" (Magnetic Lasso) ― прилипает к краям объекта, ориентируясь на контраст.</li>

58 </ul>Если изменить параметр "Растушёвка" (Feather) на панели настроек вверху экрана, то у выделения будут размытые края. Если зажать клавишу Shift при работе с инструментом, к выделению можно добавить новые области, а если удерживать Alt - удалить.

59 Видео: Жанна Травкина / Skillbox MediaИнструмент работает примерно по тому же принципу, что и "Волшебная палочка", но выделяет целый диапазон цветов. Благодаря этому вам будет проще вырезать сложные объекты из фона в Photoshop, например шерсть или волосы.

60 <ul><li>Выберите слой с нужным объектом, затем в верхнем меню перейдите "Выделение" → "Цветовой диапазон" (Select → Color Range).</li>

61 <li>В открывшемся окне кликните пипеткой по цвету фона ― на превью он окрасится белым. В превью белым цветом будет отображаться выделенная область. Параметр "Разброс" (Fuzziness) отвечает за то, насколько точным будет выделение.</li>

62 <li>При необходимости вы можете добавить сколько угодно новых цветов: выберите пипетку со знаком "+" и кликайте по тем областям, которые вы также хотите убрать.</li>

63 </ul><ul><li>После выбора нужных цветов нажмите кнопку ОК и создайте маску. В данном случае её инвертировать не нужно, поскольку она будет точно совпадать с превью из окна "Цветовой диапазон".</li>

64 </ul>Видео: Жанна Травкина / Skillbox MediaПри помощи кисти в Photoshop можно вырезать из фона абсолютно любые участки изображения, в том числе фрагменты. К изображению нужно просто добавить маску слоя, кликнуть по её превью на панели слоёв и рисовать инструментом "Кисть" (Brush) прямо поверх неё.

65 Для более точной работы:

66 <ul><li>Лучше увеличить масштаб изображения ― он регулируется сочетаниями клавиш Ctrl (⌘) + "+" и Ctrl (⌘) + "-", или Ctrl (⌘) + колёсико мыши.</li>

67 <li>Можно регулировать размер кисти и её жёсткость. Для этого кликните правой кнопкой с активным инструментом "Кисть" на любом участке изображения ― появится меню с настройками.</li>

68 <li>Если вы ошиблись, то отмените действие через Ctrl (⌘) + Z или выберите ластик и подкорректируйте неудачное место.</li>

69 </ul>Видео: Жанна Травкина / Skillbox MediaТакой метод удаления фона требует усидчивости и внимательности, поэтому подходит только для небольших участков. Обычно его используют для корректировки результата автоматического вырезания ― "Волшебной палочкой", "Цветовым диапазоном", через каналы.

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

71 Чтобы попасть в рабочее пространство "Выделение и маска" (Select & Mask):

72 <ul><li>в Photoshop выберите инструмент "Прямоугольная область" (Rectangular Marquee, клавиша М);</li>

73 <li>в правой части панели настроек вверху нажмите на кнопку "Выделение и маска" (Select & Mask).</li>

74 </ul>Инструмент выделяет не целое поле сразу, как "Волшебная палочка" или "Цветовой диапазон", а вы задаёте размер участка, который хотите вырезать.

75 В рабочем пространстве "Выделение и маска" советуем выбрать отображение "Марширующие муравьи" (Marching Ants) или "На слоях" (On Layers). Изменить режим отображения можно в выпадающем меню "Просмотр" (View) в правой части рабочего пространства.

76 Три типа предпросмотра: "Марширующие муравьи", "Перекрытие", "На слоях"Изображение:<a>Freepik</a> / Skillbox Media<ul><li>Подберите размер кисти. Для этого на панели настроек в окне рабочего пространства в поле "Размер" (Size) введите число и примерьте её на отделяемый объект. Кисть должна не выходить за его границы, но и не быть сильно меньше.</li>

77 </ul>При необходимости размер кисти можно менять клавишами "[" и "]".

78 <ul><li>Кликайте этой кистью по нужному фрагменту изображения ― программа сама определит границы объектов на основе контраста. Если зажать правую кнопку мыши и вести кисть, зона выделения расширится.</li>

79 <li>Если в выделение попало что-то лишнее, нажмите "-" в кружочке слева на панели настроек, и кисть перейдёт в режим "Вычитание" (Subtract) - в нём она работает как ластик для выделения.</li>

80 <li>Под меню "Просмотр" справа находятся тонкие настройки выделенной области, при помощи которых сразу же в режиме предпросмотра вы можете модифицировать уже созданное выделение.</li>

81 <li>После того как всё будет готово, нажмите Enter, чтобы вернуться в рабочее пространство. Маска для слоя появится автоматически.</li>

82 </ul>Видео: Жанна Травкина / Skillbox MediaГлавное преимущество выделения инструментом "Перо" ― линию можно быстро и легко подгонять под самые сложные формы. Рисуют их инструментом "Перо" (Pen, горячая клавиша Р).

83 Кривые Безье, образующие голубой контур вокруг головы уточки. "Усы" опорных точек формируют изгибыИзображение:<a>Freepik</a> / Skillbox MediaВ Photoshop кривые и перо работают точно так же, как в Illustrator или Figma. Чтобы изменить искривление линии, нужно зажать Ctrl (⌘) и тянуть за один из "усов", растущих из точки в две стороны. Чтобы добавить дополнительную опорную точку, нужно поднести перо к линии ― рядом с ним появится знак "+". Чтобы точку удалить ― поднести к ней перо, рядом с курсором появится знак "-".

84 Попрактиковаться в работе с кривыми Безье вы можете в онлайн-тренажёре <a>The Bézier Game</a>.

85 Чтобы убрать фон инструментом "Перо":

86 <ul><li>Обведите объект по контуру, а затем продолжите фигуру за пределы объекта, чтобы перекрыть фон.</li>

87 <li>После того как контур готов, создайте маску слоя.</li>

88 <li>Кликните внутри нарисованной области правой кнопкой мыши с активным инструментом "Перо".</li>

89 <li>В появившемся меню выберите "Выполнить заливку контура" (Fill Path), причём убедитесь, что в поле "Содержание" (Contents) стоит значение "Чёрный" (Black).</li>

90 <li>Кликните правой кнопкой мыши внутри контура и выберите "Удалить контур" (Delete Path).</li>

91 </ul>Видео: Жанна Травкина / Skillbox MediaЕсли вам нужно расширить пустое пространство, то вы можете продолжить работу в маске кистью, инструментом "Лассо" с заливкой или создать ещё одну чёрную заливку "Пером", как вы это проделали только что.

92 Если же вы хотите не стереть фон, а, наоборот, вырезать объект целиком, то вам нужно "Пером" обвести сам объект. Когда контур будет готов, кликните внутри него правой кнопкой мыши и выберите "Создать векторную маску" (Create Vector Mask). Плюс такого подхода в том, что вы можете отредактировать векторную маску в любой момент ― контур по-прежнему редактируемый. Минус ― в векторной маске нельзя рисовать кистью и создавать дополнительные заливки.

93 Подходит для неоднородных изображений, когда нужно получить мягкое выделение с переходом в прозрачность. Таким образом удобно вырезать, например, мех или волосы. Методы, основанные на обведении пикселей, сделают края такого объекта чёткими, в то время как удаление через каналы сохранит переходы.

94 Изображение в системе RGB формируется тремя цветовыми каналами ― красным, зелёным и синим. Совмещаясь, они дают цветную картинку, но каждый из них сам по себе монохромен ― один отвечает за количество красного цвета, второй ― зелёного, третий ― синего. Увидеть, как изображение разложено по каналам в Photoshop, можно на панели "Каналы" (Channels).

95 Красный объект лучше всего проявил себя в зелёном и синем канале.

96 Изображение:<a>Freepik</a> / Skillbox MediaЧтобы отделить объект от фона этим методом, нужно выбрать канал, который будет наиболее точно соответствовать форме объекта:

97 <ul><li>перейдите на панель "Каналы" (Channels) и кликните по изображению с глазом слева от каждой строчки, чтобы видимым остался только один канал;</li>

98 <li>изображение станет чёрно-белым. Задача ― найти канал, в котором будет наиболее точно представлена форма изолируемого объекта ― на его основе вы сделаете маску слоя;</li>

99 <li>чтобы сравнить содержимое каналов, можно поочерёдно нажимать на строчки каждого из каналов ― "Красный" (Red), "Зелёный" (Green) или "Синий" (Blue).</li>

100 </ul>Когда вы выбрали канал, нужно превратить его в слой-маску:

101 <ul><li>Перетащите строчку с названием нужного канала на значок с плюсиком внизу панели "Каналы". Это будущая маска для изображения.</li>

102 <li>Чтобы выделение было более точным, можно увеличить контраст будущей маски. Для этого в верхнем меню выберите "Изображение" → "Коррекция" → "Кривые" (Image → Adjustments → Curves, можно просто нажать Ctrl (⌘) + M).</li>

103 <li>Кликните на нижней части графика и перетащите её вниз ― тёмная часть вашего чёрно-белого изображения станет темнее. Если хочется выбелить фон ― полную прозрачность на маске даёт только чисто белый, ― приподнимите таким же образом верхнюю часть графика (тогда он приобретёт форму буквы S).</li>

104 </ul>S-образная кривая, которая делает тёмное почти чёрным, а светлое ― почти белымИзображение:<a>Freepik</a> / Skillbox Media<ul><li>Нажмите на пустой квадратик слева от названия RGB в списке каналов, чтобы сделать видимыми все три канала сразу.</li>

105 <li>В квадратике появится глаз, а изображение снова станет цветным.</li>

106 <li>Поскольку пятый канал образовал поверх изображения красный слой ― кликните на глаз рядом с его названием, чтобы отключить.</li>

107 <li>Зажмите Ctrl и кликните по названию этого канала ― появится выделение.</li>

108 <li>Далее знакомая процедура ― осталось инвертировать выделение и создать маску слоя.</li>

109 </ul>Видео: Жанна Травкина / Skillbox Media<a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>