Как в фотошопе сделать пнг картинку: Использование флажков «Прозрачность» и «Подложка» в Photoshop Elements

Содержание

Как вставить пнг картинку в фотошопе на фон

  • arial
  • the meme
  • vanlentines
  • Filxgirl
  • Kingthings Sans
  • BIRTH OF A HERO
  • Amperzand
  • ABEAKRG
  • Market Deco
  • REVOLUTION
  • Dancing Script
  • Bleeding Cowboys
  • Champagne And Limousines
  • Jellyka Delicious Cake
  • Lydia Puente
  • georgia
  • Mirella Script
  • Justice by Dirt2
  • 5,width:0,rSize:0.4}»>Bellerose
  • Respective
  • before The Rain
  • champignonalt swash
  • Dutch And Harley
  • the Daily Bread
  • adinekir
  • Angelic Peace
  • Beyond Wonderland
  • Christmas Mouse
  • Compass
  • COUTURE Bold
  • evanescent
  • FairyDustB
  • Fantastica
  • FLOWER
  • iNked God
  • Jellyka Vampire
  • 65}»>Jellyka Castle
  • LaPointesRoad
  • Mutlu Ornamental
  • Neou Thin
  • Quickier
  • REZ
  • staravenue
  • SverigeScriptClean
  • Van den
  • Sansation

Больше шрифтов

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

Необходимо сделать задний план картинки прозрачным? Для этого нужно скачать Adobe Photoshop. Самым безопасным вариантом будет загрузка с официального сайта, однако лицензионная версия отличается высокой стоимостью. Если же есть желание воспользоваться программой бесплатно — скачайте её с любого из сайтов-агрегаторов, например https://free-photoshop-rus. ru.

Теперь расскажем о том, как сделать фон прозрачным в Фотошопе.

Зачем нужен прозрачный фон

  • Существует несколько причин для удаления заднего плана у снимка:
  • Обработка фото с товарами для интернет-магазина.
  • Размещение изображения поверх другой картинки.
  • Создание клипарта.
  • Разработка веб-сайта.

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

Пошаговая инструкция по удалению фона в Photoshop

После того как вы скачали и установили Фотошоп на компьютер, выполните несколько простых действий:

Шаг 1. Импортируйте фотографию

Запустите редактор и нажмите «Файл» — «Открыть». Также можно зажать комбинацию клавиш «Ctrl+O». Укажите путь к изображению и дождитесь завершения импорта.

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

Шаг 2. Сделайте фон прозрачным

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

Как сделать белый фон прозрачным в Фотошопе? Для этого программа содержит несколько функций:
1. Волшебная палочка. На левой панели кликните правой кнопкой мыши на опцию «Быстрое выделение» и укажите инструмент «Волшебная палочка». В верхней части интерфейса введите число 10 в строке «Допуска». Также измените тип выделения на «Добавить к выделенной области». Несколько раз нажмите мышкой на фон. После выделения всех участков зажмите клавишу «Delete».

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

3. Быстрая маска. Включите режим быстрой маски с помощью значка, отмеченного на картинке. С помощью кисти закрасьте объект. Вы можете настроить размер и жесткость инструмента. Затем переключитесь на стандартный режим, используя ту же кнопку. Кликните «Delete».

Шаг 3. Экспортируйте результат

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

Затем откройте меню «Файл» и кликните на строку «Сохранить как». Также можно использовать сочетание клавиш «Shift+Ctrl+S». Обязательно выберите подходящий формат: PNG или GIF. Укажите папку, введите название документа и подтвердите сохранение.

Заключение

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

Как сделать прозрачный фон на картинке. Как создать PNG с прозрачностью в Adobe Photoshop (версии CC и выше)

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

Инструкция
  • Многое зависит от того, в каком графическом редакторе вы работаете. Простейшие программы, типа стандартного редактора Paint, в принципе не поддерживают прозрачность. Более функциональные программы Paint.net, CorelDraw, Adobe Photoshop (и подобные им) позволяют настраивать прозрачность изображений и поддерживают работу со слоями.
  • Чтобы настроить прозрачность (частичную прозрачность) изображения или какой-либо его части, создавайте новые слои и используйте инструменты своего редактора для настройки отображения слоев. В зависимости от особенностей редактора, возможно, перед сохранением вам придется объединить все слои.
  • Чтобы сохранить изображение в том виде, в каком вы видите его в редакторе, выберите в верхней строке меню пункт «Файл» (File). Из выпадающего меню выберите команду «Сохранить как» (Save as). В открывшемся диалоговом окне укажите директорию для сохранения файла, в поле «Имя файла» (File name) введите имя, под которым вы хотите сохранить файл. В поле «Тип файла» (Format) из выпадающего списка выберите значение PNG(*.PNG) и нажмите на кнопку «Сохранить» (Save).
  • В том случае, если объединение слоев ведет к потере прозрачности, либо сохраняйте изображение, не объединяя слои, либо установите для своего редактора инструмент, позволяющий экспортировать слои в формате.png без потери прозрачности (например, в Adobe Photoshop стандартными инструментами этого не добиться, так как в списке форматов нет расширения.png).
  • Загрузите из сети интернет соответствующий скрипт. В качестве фона установите прозрачный слой, а основное изображение разместите на другом слое. Выберите в верхней строке меню пункт «Файл», в развернувшемся меню — пункт «Сценарии» (Scripts) и команду «Экспортировать слои в файлы» (Export Layers to File).
  • В открывшемся диалоговом окне выберите директорию для сохранения слоев, установите маркер в поле напротив надписи Fast Mode (Don»t remove hidden layers), в поле «Тип файла» выберите формат.png и нажмите кнопку «Выполнить» (Run). Данное действие приведет к тому, что у вас будет сохранено два файла: один «пустой», в другом будет находиться изображение с вашими настройками прозрачности.

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

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

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

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

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

    Приветствую Вас, дорогие читатели моего блога!

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

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

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

    Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

    Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

    Выбираем: Загрузить изображение с компьютера.

    Теперь справа в окошке «СЛОИ»
     надо открыть замочек

    Кликаем на него 2 раза левой кнопкой
     мыши, должна появиться галочка в квадратике.

    Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка»
     и толерантность ставим 21.

    Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.

    Инструкция

    Многое зависит от того, в каком графическом редакторе вы работаете. Простейшие программы, типа стандартного редактора Paint, в принципе не поддерживают прозрачность. Более функциональные программы Paint.net, CorelDraw, Adobe Photoshop (и подобные им) позволяют настраивать прозрачность изображений и поддерживают работу со слоями.

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

    Чтобы сохранить изображение в том виде, в каком вы видите его в редакторе, выберите в верхней строке меню пункт «Файл» (File). Из выпадающего меню выберите команду «Сохранить как» (Save as). В открывшемся диалоговом окне укажите директорию для сохранения файла, в поле «Имя файла» (File name) введите имя, под которым вы хотите сохранить файл. В поле «Тип файла» (Format) из выпадающего списка выберите значение PNG(*.PNG) и нажмите на кнопку «Сохранить» (Save).

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

    Загрузите из сети интернет соответствующий скрипт. В качестве фона установите прозрачный слой, а основное изображение разместите на другом слое. Выберите в верхней строке меню пункт «Файл», в развернувшемся меню — пункт «Сценарии» (Scripts) и команду «Экспортировать слои в файлы» (Export Layers to File).

    В открывшемся диалоговом окне выберите директорию для сохранения слоев, установите маркер в поле напротив надписи Fast Mode (Don»t remove hidden layers), в поле «Тип файла» выберите формат.png и нажмите кнопку «Выполнить» (Run). Данное действие приведет к тому, что у вас будет сохранено два файла: один «пустой», в другом будет находиться изображение с вашими настройками прозрачности.

    Источники:

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

    png — графический формат для интернета

    Из всех применяемых сегодня графических форматов для веб-изображений чаще всего используются три — gif, jpeg и молодой, но очень перспективный формат png. Разработанный в 1995 году, как альтернатива не удовлетворявшему все пользовательские запросы GIF, он предназначен для изображений, использовать которые планируется в интернете. В отличие от gif, формат png поддерживает 24-битные изображения и прозрачность фона без зубчатых краев.

    Основные преимущества формата png -поддержка любых цветов, работа с прозрачными пикселями, эффективный алгоритм сжатия без потери качества изображения. В отличие от gif, который поддерживает только полную прозрачность, png сохраняет также полупрозрачные пиксели (1-99%) за счет Альфа-канала с 256 градациями серого. Встроенная гамма-коррекция позволяет без искажений отображать цвета на любом компьютере, независимо от платформы. Данный формат имеет возможность загружаться с чересстрочной разверткой, причем двойной — по горизонтали и вертикали.

    Формат png поддерживает цветовые модели RGB, Grayskale, Indexed Color и Bitmap без альфа-каналов. Он не предназначен для использования с профессиональной графикой и не обеспечивает поддержку цвета CMYK.

    Как посмотреть файл с расширением png

    Самый простой способ открыть такой файл — два раза щелкнуть по нему левой кнопкой мышки. Даже если на компьютере не установлено никаких дополнительных программ, запустится «Средство просмотра фотографий Windows» и картинка будет открыта. Кроме того, этот формат без проблем открывает графический редактор Paint (в котором можно еще и отредактировать изображение, а также создать новое) и браузер Internet Explorer, входящие в пакет стандартных программ.

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

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

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

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

    FastStone Image Viewer — удобное приложение для домашнего пользования. Включает в себя все основные функции обработки изображений. Главное достоинство этой программы — просмотр изображения, открытого на весь экран с увеличением отдельных деталей. Это позволит подробно рассмотреть любую область. Слайд-шоу, сделанное при помощи FastStone, будет иметь расширение exe, поэтому легко запустится даже на самом старом компьютере.

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

    Ashampoo Photo Commander FREE — качественная утилита для просмотра и обработки графики. Имеет такие встроенные эффекты, как сепия, тень и резкость, позволяет кадрировать и вращать изображение. Помимо основных функций, обладает возможностью делать снимки рабочего стола, записывать фотографии на диск CD или DVD, конвертировать изображения и отправлять их по электронному адресу. Кроме того, в ней можно создавать и коллажи.

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

    Все рассмотренные программы полностью бесплатны. Существует и много других подобных приложений. Среди них можно отметить, например, Honeyview, который позволяет просматривать фотографии прямо из архива zip, 7z или rar, не распаковывая их. Также заслуживает внимания просмотрщик изображений Irfan View. Его функциональность можно значительно увеличить при помощи плагинов, выбор которых будет зависеть от задач, стоящих перед конкретным пользователем.

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

    И так, открываем нашу картинку в фотошопе.

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

    Замочек должен исчезнуть

    Если фон однотонный:

    Выбираем инструмент «Волшебная палочка
    » — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск
    ), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

    Если фон разноцветный:

    Используем инструмент «Быстрое выделение
    «. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
    Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

    3
    . Если на рисунке осталось что-то лишнее, используем инструмент «Ластик
    «, просто затираем лишний фон.

    4
    . Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

    Полезное видео в тему:

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

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

    Приветствую!

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

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

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

    Инструкция по добавлению картинке плавного перехода в прозрачность в Фотошоп

    1. Открыв редактируемое изображение, в окне Слои нажмите по миниатюрной кнопке Добавления слой-маски. Как конкретно выглядит эта кнопка, можно увидеть ниже, на изображении.

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

    2. Добавив слой-маску, вы увидите соответствующее обозначение в окне слоёв.

    3. Теперь в панели инструментов выберите Градиент.
    4. Дабы наделить редактируемое изображение прозрачностью, необходимо подвести курсор мышки к краю изображения (край может быть любой), нажать левую клавишу и провести курсор по изображению. Как только вы отпустите зажатую клавишу, вы сразу же увидите результат.

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

    5. Результатом станет добавленная прозрачность. На приведённом примере ниже это можно наблюдать воочию.

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

    Видеоинструкция

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

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

    До новых встреч, уважаемый посетитель!

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

    В свою очередь, Вы тоже можете нам очень помочь.

    Просто поделитесь статьей в социальных сетях и мессенджерах с друзьями.

    Поделившись результатами труда автора, вы окажете неоценимую помощь как ему самому, так и сайту в целом. Спасибо!

    Опрос: помогла ли вам эта статья?  

    (cбор пожертвований осуществляется через сервис Яндекс Деньги)

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

    Номер банковской карты: 5331 5721 0220 5546
    Кошелёк Яндекс Деньги: 410015361853797
    Кошелёк WebMoney:
    P865066858877
    PayPal: [email protected]
    QIWI кошелёк: +79687316794
    BitCoin: 1DZUZnSdcN6F4YKhf4BcArfQK8vQaRiA93

    Оказавшие помощь:
    Сергей И. — 500руб
    <аноним> — 468руб
    <аноним> — 294руб
    Мария М. — 300руб
    Валерий С. — 420руб
    <аноним> — 600руб
    Полина В. — 240руб

    Деньги пойдут на оплату хостинга, продление домена, администрирование и развитие ресурса. Спасибо.
    С уважением, создатель сайта IT-Actual.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Заключение

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

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

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

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

    Основная непрозрачность активного слоя настраивается в верхней части палитры слоев и измеряется в процентах.

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

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

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

    Если основная непрозрачность влияет на весь слой целиком, то настройка «Заливка» не затрагивает стили, примененные к слою.

    Предположим, что мы применили к объекту стиль «Тиснение»,

    а затем снизили значение «Заливки» до нуля.

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

    При помощи такого приема создаются прозрачные объекты, в частности, водяные знаки.

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

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

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

    Читайте статью «Как вырезать объект в Фотошопе»

    Я воспользуюсь «Волшебной палочкой».

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

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

    На холсте появилось выделение.

    Выделение нужно инвертировать, нажав сочетание клавиш CTRL+SHIFT+I.

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

    Нажимаем сочетание клавиш SHIFT+F5 и в настройках выбираем цвет.

    Нажимаем ОК в обоих окнах и получаем непрозрачность в соответствии с выбранным оттенком.

    Выделение можно (нужно) снять при помощи клавиш CTRL+D.

    Градиентная непрозрачность

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

    Затем выбрать инструмент «Градиент».

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

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

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

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

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

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

    ДА НЕТ

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

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

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

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

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

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

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

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

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

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

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

    Примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • Открыть меню для оптимизации изображения Photoshop.

    Сохранить настройки сжатия в Photoshop.

    Image Resize Guide Lite.

      3. #000000#000033#000066#000099#0000CC#0000FF
      #003300#003333#003366#003399#0033CC#0033FF
      #006600#006633#006666#006699#0066CC#0066FF
      #009900#009933#009966#009999#0099CC#0099FF
      #00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF
      #00FF00#00FF33#00FF66#00FF99#00FFCC#00FFFF
      #330000#330033#330066#330099#3300CC#3300FF
      #333300#333333#333366#333399#3333CC#3333FF
      #336600#336633#336666#336699#3366CC#3366FF
      #339900#339933#339966#339999#3399CC#3399FF
      #33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF
      #33FF00#33FF33#33FF66#33FF99#33FFCC#33FFFF
      #660000#660033#660066#660099#6600CC#6600FF
      #663300#663333#663366#663399#6633CC#6633FF
      #666600#666633#666666#666699#6666CC#6666FF
      #669900#669933#669966#669999#6699CC#6699FF
      #66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF
      #66FF00#66FF33#66FF66#66FF99#66FFCC#66FFFF
      #990000#990033#990066#990099#9900CC#9900FF
      #993300#993333#993366#993399#9933CC#9933FF
      #996600#996633#996666#996699#9966CC#9966FF
      #999900#999933#999966#999999#9999CC#9999FF
      #99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF
      #99FF00#99FF33#99FF66#99FF99#99FFCC#99FFFF
      #CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF
      #CC3300#CC3333#CC3366#CC3399#CC33CC#CC33FF
      #CC6600#CC6633#CC6666#CC6699#CC66CC#CC66FF
      #CC9900#CC9933#CC9966#CC9999#CC99CC#CC99FF
      #CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF
      #CCFF00#CCFF33#CCFF66#CCFF99#CCFFCC#CCFFFF
      #FF0000#FF0033#FF0066#FF0099#FF00CC#FF00FF
      #FF3300#FF3333#FF3366#FF3399#FF33CC#FF33FF
      #FF6600#FF6633#FF6666#FF6699#FF66CC#FF66FF
      #FF9900#FF9933#FF9966#FF9999#FF99CC#FF99FF
      #FFCC00#FFCC33#FFCC66#FFCC99#FFCCCC#FFCCFF
      #FFFF00#FFFF33#FFFF66#FFFF99#FFFFCC#FFFFFF

    Photoshop. Формат PNG-8.

    Photoshop. Формат PNG-24.

    Photoshop. Формат JPEG.

    Тигры