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

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

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

Этот урок посвящен тому, как сделать картинку полупрозрачной в Фотошопе.

Для работы нам понадобится какое-нибудь изображение. Я взял вот такую картинку с автомобилем:

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

Для разблокировки слоя кликаем по нему два раза и в открывшемся диалоговом окне нажимаем ОК.

Теперь все готово к работе.

Прозрачность (в Фотошопе она называется «Непрозрачностью») меняется очень просто. Для этого ищем в палитре слоев поле с соответствующим названием.

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

В общем-то, это все, что необходимо знать о прозрачности изображений.

Давайте выставим значение, равное 70%.

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

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

Нажимаем сочетание клавиш CTRL+S и в открывшемся окне выбираем нужный формат:

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Эффект прозрачности в фотошопе на примере картинок, градиента

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

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

Так как же сделать прозрачность картинки в фотошопе?

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

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

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

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

Этот прием используется гораздо чаще. Для примера мы добавили мужчину в повозке на лошади, идущего вдаль. Но про 100% непрозрачности объект выглядит не совсем естественно, так как в природе объекты вдали менее контрастны.

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

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

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

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

Теперь мышкой тянем в углу картинки и получаем солнце.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способ №1: Волшебная палочка

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

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

Чтобы избавиться от блокировки, кликаем дважды на слой и далее нажимаем “ОК”.

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

После этих действий появится область выделения (двигающейся пунктир вокруг объекта).

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

Способ №2: Быстрое выделение

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

При помощи этого инструмента выделяем контур нужного объекта на картинке.

После чего нужно инвертировать полученное выделение. Для этого одновременно нажмите SHIFT+CTRL +I, а затем DEL.

Способ №3.

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

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

  1. Лассо. Работа с ним, требует определенной тренировки и твердости руки. Проще всего работать с ним на графическом планшете. Не все смогут работать с этим инструментом, это невероятно сложно.
  2. Магнитное лассо. Будет полезным только на тех картинках, где объект или фон однотонные. Если цвет фона и оттенки области, которую необходимо выделить, где-то совпадут, края выделения получатся рваными.
  3. Прямолинейное лассо. Узкоспециализированный инструмент, подойдет не для каждого изображения. Будет актуальным, если выделяемая область имеет четкие и прямые края.
  4. Перо.  Инструмент весьма многогранный и наиболее удобный в использование. Подойдет как для выделения прямых линий, так и для любой другой формы объекта.

Давайте попробуем выделить нужный объект при помощи этого инструмента. Выбирайте в панели инструментов «Перо» и обведите им контур объекта.

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

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

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

При помощи инструмента «Перо» можно выделить на картинке не один объект, а сколько угодно.

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

Затем появляется окошко “образовать выделенную область”. Просто кликаем “ОК”.

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

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

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

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

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

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

Итак, план действий для выполнения поставленной задачи следующий:

  1. Открываем фото в программе и обращаем вниманием на Палитру. Если мы видим значок в виде замка в строке со слоем с картинкой (скорее всего, с названием “Фон”), это означает, что у нас нет возможности изменять данный слой. Чтобы снять блокировку, щелкаем по этому замку.
  2. После этого замок должен исчезнуть. Теперь мы можем редактировать слой (его имя должно измениться с “Фона” на “Слой + порядковый номер”).
  3. За прозрачность выбранного слоя отвечает параметр “Непрозрачность” (задается в процентах). Настроить его можно как путем ввода с клавиатуры необходимого значения в соответствующем поле (после ввода нажимаем Enter), так и путем сдвига ползунка, который появится, если нажать на стрелку вниз в конце данного поля. Сдвиг ползунка выполняется с помощью зажатой левой кнопки мыши. Чем больше в итоге должна быть прозрачность, тем меньше указываем значение, и наоборот. К примеру, останавливаемся на 60%.
  4. Видим следующий результат на холсте. Поверх него можно заметить шахматную доску – верный признак того, что мы все сделали верно. Интенсивность/видимость этой доски зависит от указанного значения непрозрачности слоя.
  5. Для сохранения полупрозрачных картинок используется расширение PNG (распространенный формат JPG/JPEG не подойдет). Переходим в меню “Файл” и выбираем в нем команду “Сохранить как”. Или можно воспользоваться горячими клавишами Ctrl+S.
  6. В открывшемся окне указываем имя и желаемое расположение файла, выбираем правильный формат и жмем кнопку “Сохранить”.
  7. В следующем окошке выбираем параметры сохранения PNG и щелкаем OK. В нашем случае оставляем большой размер файла.
  8. На этом наша работа по созданию и сохранению полупрозрачной картинки завершена. Для наглядности, мы совместили исходное изображение (слева) и обработанное (справа).

Заключение

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

Прозрачность и полупрозрачность в Photoshop

05.05.09    Подробные инструкции, Уроки Photoshop

Прозрачность в 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 и уже потом заливать на сайт.

Читайте также:

Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)

» Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)

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

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

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

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

Нажмите «Волшебной палочкой» на белый фон. Когда фон выделится, жмите на клавиатуре клавишу «Delete»:

Все, фон исчез:

○ 2 способ:

Удаляем фон при помощи инструмента «Магнитное лассо»:

Нажимайте возле колобка и просто ведите курсор вокруг него. Линия сама будет притягиваться по контуру:

После выделения нужно перейти в верхнем меню на пункт «Выделение» => «Инверсия»:

Жмите на клавиатуре клавишу «Delete». Все, фон исчез:

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

○ 3 способ:
Удаляем фон при помощи режима «Быстрая маска». Она находится внизу:

Нажимаем на «Быструю маску», выбираем инструмент «Кисть» и просто зарисовываем колобка, но не затрагивая фон:

Когда зарисовали колобка, нужно отжать кнопку «Быстрая маска»:

А на клавиатуре нажать клавишу «Delete». Все, фон исчез:

Теперь самое важное: как сохранить?

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

Если картинку сохранить в формате JEPG, то вместо прозрачного фона он будет белым. Сохранять нужно в формате PNG или GIF.
Итак, сохраняем:
Жмите в меню на «Файл» => «Сохранить как…»:

В «Имя файла:» дайте название картинке, в «Тип файла» найдите и выберите формат «PNG». Жмите на кнопку «Сохранить»:

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

Можете посмотреть мой видео-урок по теме «Как сделать прозрачный фон картинки в Photoshop»:

Подписывайтесь на обновление моего блога .

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

Последние новости категории:

Похожие статьи

Популярные статьи:

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

Метки: для начинающих, фотошоп

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

Бренда Бэррон, 24 марта 2021 г.

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

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

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

Простой ответ — Photoshop.

Если у вас его еще нет, вы можете скачать Photoshop здесь с сайта Adobe.

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

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

Начнем.

Вариант 1. Создание прозрачных слоев

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

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

Вариант 2: Создание прозрачных выделений

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

  • Скопируйте область, щелкнув правой кнопкой мыши и выбрав Копировать
  • Удалите выделение с помощью кнопки Del
  • Вставьте скопированное выделение в новый слой
  • Опустите непрозрачность на этом слое

Вариант 3: Создание прозрачного фона

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

  • Нажмите «Файл», затем «Создать» в Photoshop, и откроется новое окно.
  • Перейдите в раздел «Содержание фона» и выберите «Прозрачный», затем нажмите «ОК».
  • Перейдите в раздел «Слои» и убедитесь, что он выглядит как клетчатый бело-серый прямоугольник — это подтвердит, что слой прозрачен.
  • Добавьте изображение

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

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

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

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

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

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

Чтобы получить более быстрые советы по Photoshop и фотографии, не забудьте подписаться на нас в Twitter и Facebook.

Используете WordPress и хотите получить Envira Gallery бесплатно?

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

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

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

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

Ваш лучший комплект для веб-разработки:

Чтобы сделать фон изображения / логотипа прозрачным в Photoshop, необходимо выполнить следующие действия:

  1. Щелкните правой кнопкой мыши слой изображения в Photoshop. Выберите «Слой из фона».

  2. Выберите инструмент «Волшебная палочка» на левой панели в Photoshop:

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

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

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

  6. Чтобы сохранить изображение, нажмите «Файл — Сохранить для Интернета и устройств» в Photoshop, затем выберите изображение. и нажмите «Сохранить»:

Не стесняйтесь ознакомиться с подробным видеоуроком ниже:

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

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


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

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

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

Быстрый способ удаления фона в Photoshop

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

Первый шаг — скопировать фоновый слой.Выделите все изображение с помощью Control / command + A, в зависимости от вашей ОС, затем скопируйте его и вставьте обратно. Теперь вы можете щелкнуть значок глаза в строке старого слоя на панели, чтобы сделать его невидимым и продолжить внесение изменений во вновь созданную копию.

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

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

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

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

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

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

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

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

Создание файла

Шаг: 1

Первым шагом является создание файла. Для этого откройте Adobe Photoshop и выберите «Создать» в меню «Файл» вверху страницы.

Шаг: 2

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

Когда вы создаете PNG с прозрачным фоном в Photoshop, вы должны указать размер изображения, которое будет загружено в качестве фона. Ниже приведен пример, который иллюстрирует следующее: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемым размером для загрузки изображений HD.

После настройки параметров нажмите «ОК», чтобы открыть новый документ.

Шаг: 3

Затем на панели «Слои» убедитесь, что вы работаете с прозрачным слоем, а не с фоном.

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

Сохранение файла

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

Напоминание: Adobe по-прежнему предлагает параметр «Сохранить для Интернета и устройств» в Photoshop CC 2015, и он доступен через меню «Файл»> «Экспорт» или с помощью Command + Option + Shift + S (для Mac) или Ctrl + Alt + Shift + S (для ПК).

Затем в появившемся окне выберите PNG в раскрывающемся меню «Формат» и убедитесь, что выбраны «Прозрачность» и «Преобразовать в sRGB».

Поля «Размер изображения» и «Размер холста» должны автоматически заполнять значения, которые вы задали при создании файла.Но вы можете изменить эти настройки перед тем, как сделать Photoshop прозрачным, если хотите.

По завершении нажмите «Экспортировать все».

Как обрезать и выпрямить

изображений в Photoshop?

ПОДРОБНЕЕ

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

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

Шаг: 1

Для демонстрации нам понадобятся изображения. Я взял этот —

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

Чтобы разблокировать слой, просто нажмите на замок.

Теперь вы все готовы.

Шаг: 2

Прозрачность (в Photoshop она называется «Непрозрачность») меняется очень просто. Для этого ищем в палитре слоев поле с соответствующим именем.

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

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

Давайте установим значение 60%.

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

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

Нажмите комбинацию клавиш CTRL + S (CMD + S) и в открывшемся окне выберите нужный формат.

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

Как использовать инструмент «Лечебная кисть» в Photoshop?

УЗНАТЬ БОЛЬШЕ

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

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

Шаг: 1

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

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

Шаг: 2

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

Первый метод:

Волшебная палочка — Шаг: 1

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

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

Magic Wand — Шаг: 2

Теперь нажмите на инструмент «Magic Wand» и в «Tolerance» задайте параметр «10»:

Вот и все, фон исчез.

Второй метод:

Инструмент «Магнитное лассо» — Шаг: 1

Удалите фон с помощью инструмента «Магнитное лассо», нам нужно его сначала выбрать —

Инструмент «Магнитное лассо» — Шаг: 2

Щелкните рядом с автомобилем и просто наведите на него курсор.После этого по контуру будет проведена сама линия.

Инструмент «Магнитное лассо» — Шаг: 3

После выбора перейдите в верхнее меню к «Выделение» => «Инверсия» или просто нажмите Ctrl + Shift + I (Cmd + Shift + I)

И нажмите Клавиша «Удалить» на клавиатуре, чтобы сделать фон прозрачным.

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

Третий метод:

Быстрая маска — Шаг: 1

Удалите фон, используя режим «Быстрая маска». Он расположен внизу:

Быстрая маска — Шаг: 2

Щелкните «Быстрая маска», выберите инструмент «Кисть» и просто аккуратно нарисуйте автомобиль, не затрагивая фон:

Когда вы рисуете машину, вам нужно нажать кнопку «Быстрая маска».

И на клавиатуре нажмите клавишу «Удалить». Это оно! Фон не будет.

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

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

Итак, сохраняем:

Нажмите «Файл» => «Сохранить как…» в меню:

В «Имя файла:» дайте картинке имя, в «Тип файла» найдите и выберите формат «PNG. ».Щелкните по кнопке «Сохранить».

Ладно, проверим результат.

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

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

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

Шаг: 1

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

Шаг: 2

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

Сохраните автомобиль в формате PNG и посмотрим на результат.

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

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

Как использовать инструмент «Пластика» в Photoshop?

УЗНАТЬ БОЛЬШЕ

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

Наконец, в статье рассказывается, как разместить логотип на любом фоне по шагам.

Шаг: 1

Давайте сначала откроем логотип.Для этого нажмите «Файл», затем «Открыть» в верхнем левом меню.

Шаг: 2

Затем выберите файл с логотипом и разместите его.

Шаг: 3

Выбираем любой из трех инструментов:

  1. «Волшебная палочка»
  2. «Магнитное лассо».
  3. «Маска» + «Кисть»

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

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

«Маска + кисть — еще более трудоемкий способ выбора, но это наиболее точный способ выбора. Я рекомендую его, если вам нужно выделить сложную и красочную область для большей точности.

Итак, мы остановились на Magic Wand. Выберите инструмент на левой панели.

Шаг: 4

Затем щелкните левой кнопкой мыши по белому полю. Мы получим следующий эффект:

Как мы видим, внутри логотипа и текста все еще есть белые области.

Шаг: 5

Поэтому необходимо щелкнуть левой кнопкой мыши по всем белым областям внутри, удерживая нажатой клавишу «Shift». Теперь мы выбрали все области:

Шаг: 6

После того, как мы выбрали все белые области, просто нажмите «Del».

Шаг: 7

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

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

Теперь мы можем использовать логотип на любом фоне. Например, мы можем разместить его на фотографии —

Или добавить в рекламную брошюру —

Заключительные слова

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

OCP с радостью предлагает вам

БЕСПЛАТНУЮ пробную версию, чтобы проверить качество своих услуг
на фоне изображения прозрачный

ПОЛУЧИТЬ БЕСПЛАТНУЮ ПРОБНУЮ

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

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

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

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

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

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

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

2. Выберите «Правка»> «Заливка» и установите режим наложения «Очистить».Установите прозрачность на желаемый процент — здесь я выбрал 50%.

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

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

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

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

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

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

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

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

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

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хотя режимы наложения дают вам большую гибкость, их также может быть сложно использовать. Чтобы узнать больше о режимах наложения, просмотрите этот урок на Photo Blog Stop.

Маски для стрижки

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

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

Чтобы применить обтравочную маску, нажмите и удерживайте клавишу Alt на клавиатуре (или Option на Mac), затем щелкните между нужными слоями на панели «Слои». В этом примере мы щелкаем между слоями Gradient Map и Acorn.

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

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

Попробуй!

Откройте файл примера. Выберите слой Acorn, затем добавьте корректирующий слой Curves. Убедитесь, что к новому слою применена обтравочная маска, затем измените кривые на панели «Свойства». Обратите внимание, как настройки кривых влияют только на слой Acorn.Затем попробуйте уменьшить непрозрачность корректирующих слоев до 70%.

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

Маски слоя

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

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

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

Для редактирования маски слоя:

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

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

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

Чтобы создать новую маску слоя:

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

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

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

Использование масок слоев с корректирующими слоями

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

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

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

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

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

Группы слоев

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

Для создания группы:
  1. Найдите и нажмите кнопку «Группировать» в нижней части панели «Слои».
  2. Появится новая пустая группа.Если хотите, щелкните и перетащите группу, чтобы изменить ее порядок на панели «Слои».
  3. Щелкните и перетащите любой слой к значку группы на панели «Слои», затем отпустите кнопку мыши. Слои, входящие в группу, будут иметь небольшой отступ от других слоев на панели.
  4. Щелкните стрелку, чтобы свернуть или развернуть слой.
  5. Теперь вы можете управлять всеми слоями в группе одновременно. В этом примере мы щелкаем значок глаза, чтобы скрыть все слои в группе.

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

Попробуй!

Откройте файл примера и создайте группу. Щелкните и перетащите все текстовые слои в эту новую группу. Затем выберите Group 1, затем уменьшите непрозрачность до 70%. Обратите внимание, как это изменяет непрозрачность для всех слоев в группе.

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

Объединение и выравнивание слоев

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

Чтобы объединить слои, выберите первый слой, нажмите и удерживайте клавишу Shift и щелкните последний слой, который вы хотите объединить (будут выбраны все слои между первым и последним). Затем щелкните слои правой кнопкой мыши и выберите «Объединить слои». Вы также можете выбрать слои и затем нажать Ctrl + E (или Command + E на Mac).

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

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

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

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

Попробуй!

Откройте файл примера. Выберите слои Gradient Map и Acorn, затем объедините их.

Чтобы узнать больше о слиянии слоев, просмотрите этот видеоурок от Adobe.

/ ru / photoshopbasics / working-with-brush / content /

Удалите фон логотипа (сделайте его прозрачным) с помощью Photoshop

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

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

1.) Откройте файл в Photoshop

В строке меню выберите Файл> Открыть…

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

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

2.) Создайте новый слой

В строке меню выберите «Слой»> «Создать»> «Слой…» (или используйте сочетание клавиш Shift + Ctrl / Cmd + N).

На панели «Слои» в правом нижнем углу окна Photoshop дважды щелкните слой с надписью «Фон» и нажмите «ОК». Это превратит исходное изображение в слой.

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

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

3.) Раскрасьте новый пустой слой

Выбирая новый пустой слой, на панели инструментов (слева) щелкните инструмент Paint Bucket Tool.

На палитре цветов в правом верхнем углу экрана щелкните цветной квадрат. В палитре цветов выберите цвет, который контрастировал бы с цветами логотипа, кроме белого.

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

4.) Удалите пробелы

На панели «Слои» выберите слой с изображением.

Вернитесь на панель «Инструменты» (слева), щелкните правой кнопкой мыши набор инструментов «Ластик» и выберите «Волшебный ластик». Этот тип ластика автоматически стирает с изображения один заключенный оттенок цвета.

Начните с нажатия на внешнюю белую область изображения.

Перед

После

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

5.) Уберите белые пространства на закрытых участках логотипа

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

6.) Удалите пустой слой, который вы создали ранее

На панели «Слои» выберите пустой слой (тот, который вы залили цветом на шаге 3) и нажмите кнопку удаления на клавиатуре.Вы также можете щелкнуть по нему правой кнопкой мыши и выбрать «Удалить слой».

7.) Сохраните отредактированный логотип

В строке меню перейдите к «Файл»> «Сохранить для Интернета» (или воспользуйтесь сочетанием клавиш Alt + Shift + Ctrl / Cmd + S).

В окне «Сохранить для Интернета» установите для изображения значение «PNG-24» (для сохранения прозрачности). Вы также можете настроить высоту логотипа в предусмотренных полях ввода.

Для всех шаблонов веб-сайтов Restaurant Engine рекомендуется высота логотипов не менее 140 пикселей, но не более 200 пикселей.

Нажмите кнопку «Сохранить» и выберите каталог, в который вы хотите сохранить отредактированный логотип.

Вот и все! Логотип с прозрачным фоном, который теперь вы можете загрузить и использовать на своем веб-сайте Restaurant Engine.

Связанные руководства:

cs6 — Замена белизны прозрачностью в Photoshop

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

Обновление


: вот несколько пошаговых инструкций:

Начните со сплющенного изображения:

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

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

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

Теперь CTRL + A для выбора всего изображения и CTRL + SHIFT + C для копирования объединенного результата в градациях серого.Создайте маску слоя на исходном слое. Теперь ALT + Щелкните на значке маски слоя, чтобы войти в режим прямого редактирования. Теперь вставьте туда черно-белое изображение, которое вы только что скопировали.

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

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