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

Обновлено: 22.06.2024

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создаем прозрачный фон

1

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

Перенос изображения

Делаем фото прозрачнее

Рассмотрим на конкретном примере
У нас есть 2 картинки, одна из которых (Харли Квин) будет прозрачной

2

3

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

5

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

4

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

6

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

Еще один метод регулировки прозрачности

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

7

8

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

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

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

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

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


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

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

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

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

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


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

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

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

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

  1. Загрузите нужное изображение и создайте дубликат его слоя, воспользовавшись сочетанием клавиш Ctrl+J. Работать будем с этим дубликатом.
  2. Фоновый слой можно сделать невидимым, переключив отображение с помощью иконки глаза, что расположена в левой части слоя.
  3. Теперь на сдублированном слое установите слой-маску с помощью иконки, что отмечена на скриншоте ниже.



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

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



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

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

  1. Как в предыдущей инструкции добавьте к слою с изображением маску.
  2. В панели инструментов нажмите правой кнопкой мыши по инструменту «Заливка». Из небольшого меню выберите пункт «Градиент».



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

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

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

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

добавить слои и прозрачность

Выберите шаблон VistaCreate для редактирования

Делайте изображение прозрачным в VistaCreate – бесплатном редакторе для мобильных и десктопов

Выбирая VistaCreate, по сути вы получаете виртуального дизайнера, который вместе с вами будет создавать проекты 24/7. В нашем редакторе вы можете делать изображения в слоях и фонах прозрачными – бесплатно, в одном окне, даже без дизайн-навыков. Теперь каждый может редактировать изображения и делать их прозрачными всего парой кликов – как настоящий дизайн-профессионал.

Делайте логотип прозрачным

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

Делайте фон прозрачным онлайн

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

Делайте картинку прозрачной

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

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

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

Делайте фото прозрачным

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

Скачивайте и делитесь

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

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

Возможность создавать прозрачные изображения открывает перед дизайнерами неограниченные возможности. Функция настройки прозрачности в VistaCreate – тот самый инструмент, который поможет вам создать wow-сторис, картинки с глубиной и мощные анимации. В прозрачности – сила, проверено.

Продумать дизайн
Прежде чем сделать фото прозрачным, нужно добавить в проект все элементы вашей будущей композиции – скачать их из фотобанка или загрузить свои. В любом случае – VistaCreate поможет. Изменить прозрачность изображения
Изменить прозрачность изображения – это значит сделать фото менее или более насыщенным. Для этого нужно просто передвинуть бегунок в диапазоне от 0 до 100 во вкладке, которая открывается при нажатии на иконку в клеточку. Наслоить фото онлайн
Если в вашем дизайне несколько фрагментов, можно наслаивать их онлайн в фоторедакторе VistaCreate. Слои будут отличаться прозрачностью – и благодаря этому необычному эффекту композиция станет более насыщенной и динамичной.

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

как добавить слои и прозрачность

Выбрать изображение

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

Изменить прозрачность

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

Ускорить

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

Добавить объекты

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

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