Как в фотошопе изменить прозрачность слоя: Прозрачность и непрозрачность
Содержание
Как поставить прозрачный фон в фотошопе. Сделать прозрачный фон в фотошопе
По умолчанию все новые слои в фотошопе создаются со 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)
.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!
Вам понадобится
- — программа «Фотошоп»
- — изображение, у которого необходимо сделать полупрозрачный фон.
- — знать, как создавать новый слой
- — уметь пользоваться инструментом «Заливка», чертить фигуры в фотошопе
Инструкция
Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу Delete.
В окне «Слои» при выделенном нижнем слое установите нужный процент его непрозрачности, перемещая рычажок в поле «Непрозрачность» и наблюдая за изменением прозрачности фона на . Чем меньше будет значение непрозрачности, тем прозрачнее будет фон; чем — тем непрозрачнее.
Источники:
- Просто о создании сайтов и баннеров
Перед многими владельцами сайтов возникает вопрос, как обновить сайт или привнести в него что-нибудь новое. Менять на сайте можно многое: шрифт, цветовую гамму, расположение информационных блоков, общий фон. В этой статье вы узнаете, как установить картинку
в качестве фона для сайта
.
Вам понадобится
- Редактор html-кода
Инструкция
К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта
, вы должны изучить основы html–кода и воспользоваться одним из его редакторов.
Первое, на что следует обратить внимание перед тем, картинку
на сайт в качестве фона, это макет ширины сайта
: фиксированный он или растягивающийся во весь экран. Если ширина фиксированная, то смело можете размещать картинку
. Отображаться она будет у всех пользователей одинаково хорошо. Если сайт «резиновый», то изображение будет у каждого пользователя подгоняться под ширину экрана и может отображаться .
Итак, вы знаете ширину макета сайта
. Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.
Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.
Обратите внимание
Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.
Полезный совет
Для редактирования сайта пользуйтесь программой Dreamweaver.
Источники:
- как сделать сайт картинки в 2019
Фотошоп открывает перед пользователями широкие возможности в обработке фотографий и рисунков – вы можете создать на выбранном изображении любой визуальный эффект, и количество этих эффектов ограничивается только вашим воображением, а также умением работать в Фотошопе. Одним из выразительных и красивых эффектов является прозрачность изображения. Умение делать фон фотографии прозрачным, а также уменьшать общую прозрачность рисунка поможет вам в дальнейшем редактировании изображений.
Инструкция
Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.
Выберите на панели инструментов любой инструмент, которым можно выделить те или иные области – вызовите их M или W. Масштабируйте рисунок для удобства и выделите те области, которые вы хотите сделать прозрачными.
После того, как выделение будет готово, замкните его и нажмите Delete. Лишние фрагменты изображения исчезнут, и вместо них вы увидите прозрачный фон.
В некоторых случаях вам может потребоваться полупрозрачный рисунок – например, полупрозрачный может стать необычным украшением коллажа или веб-сайта, а также полупрозрачный текст можно использовать в качестве . Для того чтобы нанести на фото полупрозрачный текст, откройте нужное изображение, а затем выберите в меню текстовый инструмент (Т).
Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.
Видео по теме
При создании логотипа
весьма желательно иметь возможность сделать его фон прозрачным — в этом случае он будет более органично вписываться в любое оформление, будь то страница веб-сайта, документ в формате Word, флэш- или видео-ролик и т.д. Кроме того полупрозрачный логотип можно накладывать в качестве ватермарки на изображения и фотографии. Наиболее распространенный инструмент для проведения такого рода графических работ — Adobe Photoshop.
Когда работаешь над дизайном сайтов, часто приходится сталкиваться с тем, что найденное изображение, которое идеально бы подходило к твоему сайту, имеет другой фон, который желательно бы убрать.
И так, открываем нашу картинку в фотошопе.
1.
Первое, что нужно сделать — создать у картинки рабочую область с прозрачным фоном. Для этого:
— в окошке слоёв кликаем два раза на наш слой (с замочком)
— В повившемся окошке нажимаем ОК
Замочек должен исчезнуть
Если фон однотонный:
Выбираем инструмент «Волшебная палочка
» — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск
), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.
Если фон разноцветный:
Используем инструмент «Быстрое выделение
«. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.
3
. Если на рисунке осталось что-то лишнее, используем инструмент «Ластик
«, просто затираем лишний фон.
4
. Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).
Полезное видео в тему:
28.01.2015 27.01.2018
Сделать прозрачный слой в фотошопе на изображении проще простого.
Эта короткая объясняющая заметка содержит в себе исчерпывающую информацию по этому вопросу. Поэтому я надеюсь сложностей у вас не возникнет.
Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.
Прозрачный слой по умолчанию в фотошопе отображается в виде шахматной доски. Вот так выглядит прозрачный слой:
А так выглядит список слоев
Мы можем над прозрачным слоем поместить другой слой с изображением. Вот так выглядит яблоко на прозрачном слое в photoshop.
Такое изображение будет иметь прозрачный фон под яблоком, поэтому вы можете его вставить на сайте на любой фон.
Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.
Также можно регулировать у слоев прозрачность. Это может понадобится для разных целей — например создать полупрозрачный фон или сделать прозрачным изображение.
Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).
Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!
Единственный вопрос который у вас мог остаться — это как сделать прозрачный фон на своем изображении. Для этого вам нужно выделить часть изображения которую вы хотите оставить, а остальную область выделения удалить. Как это сделать правильно и как выделять сложные объекты вы можете узнать в моем бесплатном видео курсе «Как выделять в фотошопе»
. Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.
Достаточно часто при обработке изображений в графическом редакторе изображений Adobe Photoshop требуется создать прозрачный фон вокруг какой-то части редактируемого изображения. Без данной процедуры не обойдись, если вы делаете коллаж из фотографий, накладываете одну часть первого изображения на второе, или создаете изображение с прозрачным фоном для веб-сайта формата.GIF или.PNG. Как создать прозрачный фон в Фотошопе в этом случае?
Сделать это можно различными путями. Выбор конкретного способа зависит как от свойств самого изображения, на котором требуется создать прозрачный фон, так и от личных предпочтений пользователя Фотошопа и его привычек к работе с теми, или иными его инструментами.
Несколько популярных способов создания прозрачного фона.
- Любым способов, выделите ту часть изображения, которую следует оставить непрозрачной. К примеру, для этого можно использовать инструмент «Лассо». После выделения вы должны получить замкнутую фигуру, образованную линией выделения с мерцающими контурами.
- Создайте копию выделенного слоя нажатием клавиш Ctrl и J на клавиатуре. В окне управления слоями должен появиться новый слой, содержащий только выделенный в предыдущем шаге фрагмент исходного изображений. Фон вокруг данного фрагмента в новом слое должен быть прозрачным.
- Теперь можно удалить слой с исходным изображением, перетащив его в окне управления слоями в корзину, и сохранить новый слой в одном из двух форматов, поддерживающих прозрачные фоны: GIF или PNG. Или продолжить работу с выделенным фрагментом, вклеивая его в соответствии со своими задумками в другие изображения.
Разумеется, что в п.1 для выделения нужной области, в зависимости от исходного изображения, можно использовать другие более гибкие инструменты: «Магнитное лассо», «Быстрое выделение», «Волшебную палочку».
Но, данный способ походит для создания прозрачного фона вокруг изображений с контурами простой формы. В реальных задачах часто приходится сталкиваться с созданием прозрачности вокруг сложных фигур, или объектов с неопределенными краями.
Сделать это с минимальными усилиями позволяет фильтр Extract (извлечение). Данный фильтр по каким-то причинам убран разработчиками из последних версий фотошопа, но остался доступен в качестве установке дополнительного внешнего модуля.
Чтобы сделать прозрачный фон с его помощью сделайте следующее.
- В верхнем главном меню нажмите на группу «Фильтр» и в появившемся меню выберите пункт «Extract».
- В левой части окна выберите инструмент с названием пограничный маркер (Edge Highlighter Tool). Задайте необходимый размер маркера справа в окне «Brush Size» в соотвествии с размером изображения.
- Проведите маркером по границе отделяемого фона таким образом, чтобы маркер закрашивал примерно половину вырезаемой фигуры и половину отделяемого фона. Не стремитесь сразу к идеалу. Впоследствии вы можете подкорректировать результат работы в данном шаге. Образуйте замкнутое выделение.
- Залейте с помощью заполнителя «Fill Tool» ту часть изображения, которую нужно составить на прозрачном фоне и нажмите кнопку «Ок».
- В результате вы получите выбеленное изображение на прозрачном фоне.
- Теперь можно исправить все недостатки выделения, полученные в п.3 с помощью инструмента «Архивная кисть», которая будет восстанавливать ошибочно удаленные участки. Или наобор, удалять все лишее, что попала в рисунок с помощью инструмента «Ластик».
Для закрепления в памяти данного материала попробуйте описанные способы на практике на различных видах изображений и после этого вы всегда сможете сделать прозрачный фон в Фотошопе.
Как в фотошопе настроить прозрачность слоя
Как в фотошопе сделать слой прозрачным
Обучение фотошопу / УЧЕБНИК 42191 1 комментарий
По умолчанию все новые слои в фотошопе создаются со 100% непрозрачностью. Но степень прозрачности слоя можно изменить с помощью настроек Непрозрачность и Заливка, расположенных в верхней части палитры Слоев.
Заливка (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).
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Cовет как лучше обучаться фотошопу:
- Изучайте теорию — учебник по фотошопу.
- Набивайте руку практикой, повторяя уроки.
- Сложно? Задавайте вопросы в комментариях к уроку или по этой форме. Посмотрите ответы уже разобранных вопросов.
- Подписывайтесь на обновления, чтобы не пропустить появление новых статей и уроков.
Подписаться на обновления сайта
Смотрите другие похожие статьи
Слои в фотошопе Сохранение файлов
наверх
Прозрачность и полупрозрачность в 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
Здесь можно как поработать ползунком, так и ввести точное значение.
Как видим, через наш черный объект частично проступил подлежащий слой.
Непрозрачность заливки
Если основная непрозрачность влияет на весь слой целиком, то настройка «Заливка» не затрагивает стили, примененные к слою.
Предположим, что мы применили к объекту стиль «Тиснение»,
а затем снизили значение «Заливки» до нуля.
В этом случае мы получим изображение, на котором останется видимым только этот стиль, а сам объект из видимости пропадет.
При помощи такого приема создаются прозрачные объекты, в частности, водяные знаки.
Непрозрачность отдельного объекта
Непрозрачность одного из объектов, содержащихся на одном слое, достигается путем применения маски слоя.
Для изменения непрозрачности объект необходимо выделить любым доступным способом.
Читайте статью «Как вырезать объект в Фотошопе»
Я воспользуюсь «Волшебной палочкой».
Затем зажимаем клавишу ALT и кликаем по значку маски в панели слоев.
Как видим, объект полностью пропал из вида, а на маске появилась черная область, повторяющая его форму. Далее зажимаем клавишу CTRL и кликаем по миниатюре маски в палитре слоев.
На холсте появилось выделение.
Выделение нужно инвертировать, нажав сочетание клавиш CTRL+SHIFT+I.
Теперь выделение необходимо залить любым оттенком серого цвета. Полностью черный скроет объект, а полностью белый откроет.
Нажимаем сочетание клавиш SHIFT+F5 и в настройках выбираем цвет.
Нажимаем ОК в обоих окнах и получаем непрозрачность в соответствии с выбранным оттенком.
Выделение можно (нужно) снять при помощи клавиш CTRL+D.
Градиентная непрозрачность
Градиентная, то есть неравномерная по всей площади, непрозрачность так же создается при помощи маски. На этот раз необходимо создать белую маску на активном слое, кликнув по значку маски без клавиши ALT.
Затем выбрать инструмент «Градиент».
Как мы уже знаем, по маске можно рисовать только черным, белым и серым цветом, поэтому выбираем вот такой градиент в настройках на верхней панели:
Затем, находясь на маске, зажимаем левую кнопку мыши и протягиваем градиент через холст.
Тянуть можно в любом нужном направлении. Если с первого раза результат не устроил, то «протяжку» можно повторить неограниченное количество раз. Новый градиент полностью перекроет старый.
Это все, что можно сказать о непрозрачности в Фотошопе. Искренне надеюсь, что эта информация поможет Вам понять принципы получения прозрачности и применять данные приемы в своей работе. Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Создаем прозрачные слои в Фотошопе
Работа со слоями – основы основ Фотошопа. Главная идея подобных программ заключается именно в размещении контента на разных слоях, что позволяет редактировать каждый элемент независимо от других. В этом уроке поговорим о том, каким образом получить прозрачный слой в Фотошопе.
Прозрачность слоев
Прозрачным (или полупрозрачным) может считаться слой, через который можно увидеть контент, который расположен на подлежащих.
Скачать последнюю версию Photoshop
По умолчанию, каждый новый слой, создаваемый в палитре, является прозрачным, так как не содержит никаких элементов.
В том случае, если слой не является пустым, для придания ему прозрачности необходимо произвести некоторые действия.
Способ 1: общая непрозрачность
Для снижения общей непрозрачности элементов, содержащихся на слое, нужно поработать ползунком с соответствующим названием в верхней части палитры слоев.
Как видим, при снижении непрозрачности верхнего слоя с черным кругом, через него начинает просвечиваться нижний, красный.
Способ 2: непрозрачность заливки
Данная настройка отличается от предыдущей тем, что убирает только заливку элемента, то есть делает ее прозрачной. Если к слою были применены стили, например, тень, то они останутся видимыми.
На этом урок окончен, теперь Вы знаете, как создать непрозрачный слой в Фотошопе тремя способами. Данные свойства слоев открывают перед нами широчайшие возможности по созданию и обработке изображений.
Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Разница между Непрозрачностью и Заливкой
Как мы видим, заливка и непрозрачность у текстового слоя по умолчанию заданы 100%:
Пока рассмотрим поведение текста без эффектов. Давайте уменьшим параметр «Непрозрачность» до 50%:
Я получил ожидаемый результат, текст стал несколько прозрачным, и сквозь него частично просвечивает нижний слой:
Теперь давайте вернём «Непрозрачность» на место, а «Заливку уменьшим на 50%:
Результат точно такой же, как и при изменении «Непрозрачности»:
Если мы уменьшим один из этих параметров до нуля, то текст попросту не будет виден, т.к. он будет полностью прозрачен:
Но сейчас мы изменяли прозрачность у слоя без добавленных к нему эффектов стилей.
Давайте посмотрим, что произойдёт, когда мы будем изменять эти параметры у точно такого же текста, но с применёнными к нему стилями. Скроем простой текст и откроем его копию со стилями, для наглядности я открою стили этого слоя в панели слоёв:
Вот как выглядит текст со стилями при 100%-ной «Непрозрачности» и «Заливке»:
Давайте посмотрим, что произойдёт с этим слоем, если я уменьшу значение «Непрозрачности» до 50%:
Результат такой же, как и с простым текстом. Текст вместе со стилями слоя стал наполовину прозрачным:
При значении этого параметра равным нулю, текст, как и в первом случае, пропадёт из виду.
До сих пор всё идёт без сюрпризов и изменений. Но давайте перейдём к «Заливке». Уменьшим теперь её до 50%-ов:
На рисунке хорошо видно, что сам текст стал частично прозрачным, как и раньше, но стили слоя, у нас это обводка, тень и тиснение остались без изменений, прозрачность их осталась прежней:
Теперь уменьшаем «Заливку» до 0%, смотрим, что получилось:
Мы видим, что сам текст стал полностью прозрачным, но применённые к нему стили слоя остались полностью видимыми. Получается, что величина параметра «Заливка» не влияет на стили слоя, что позволяет мне легко создать интересный текстовый эффект, который был бы невозможен при изменении «Непрозрачности».
Выводы
Параметр «Непрозрачность» (Opacity) управляет прозрачностью всех элементов слоя, в том числе и стилей слоя.
«Заливка» (Fill) влияет только на фактическое содержание слоя, которым в моем случае является текст. На стили слоя «Заливка» нисколько не влияет.
Используя этот эффект, можно создать, к примеру, прозрачный текст для логотипа фотографии.
Как в фотошопе сделать прозрачный фон? Как вырезать и сделать фон прозрачным в фотошопе
По умолчанию все новые слои в фотошопе создаются со 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)
.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!
Как в фотошопе сделать прозрачный фон?
Фотошоп — одна из самых популярных программ среди людей, увлекающихся дизайном, графикой и рисованием. Фотошоп может понадобиться и людям далёким от творчества, но нуждающимся в его функциях. Например, понадобилось использовать какое-то изображением в тексте, но неприемлемо поместить его с имеющимся фоном. Для этого вы можете либо поменять фон , либо использовать прозрачный фон. Давайте попробуем разобраться, как в фотошопе сделать прозрачный фон.
Как в фотошопе сделать прозрачный фон — первый способ:
Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.
Как в фотошопе сделать прозрачный фон — второй способ:
Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».
Второй этап — необходимо скрыть слой под названием «фон». Для этого нужно будет просто кликнуть на изображение глазка, находящееся слева от слоя.
Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.
Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.
Теперь вы может использовать изображение без первоначального фона, вставляя его в требующийся документ. Нужно отметить, что инструмент «резинка» довольно сложен для новичков, если рука «не набита» ежедневной работой в данной программе. Поэтому могут возникнуть сложности при попытке «стереть» фон вокруг мелких объектов, таких как трава, например. Можно посоветовать либо совершенствовать мастерство, либо использовать для работы графический планшет (что больше свойственно профессионалам), либо попробовать другой способ.
Как в фотошопе сделать прозрачный фон — третий способ:
Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.
В сети есть большое количество видеоуроков по данной теме. Например, можно проследить за последовательностью действий на видео к статье.
Теперь вы сделали один шаг в сфере изучения базовых возможностей графической программы фотошоп и попутно реализовали свою потребность в качественном визуальном оформлении вашей работы. Поздравляем!
Довольно часто можно найти в Интернете подходящее изображение, например, чтобы вставить его на веб-сайт. А возможно, Вы делаете коллаж, и нужно на один рисунок добавить другие. Вот только нужные изображения обычно имеют какой-либо фон.
Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора
Adobe
Photoshop
. У меня установлена англоязычная версия Adobe Photoshop CS5, поэтому показывать буду на нем. Постараюсь приводить различные сочетания горячих клавиш.
Если у Вас еще не установлен фотошоп, Вы им очень редко пользуетесь или он на английском, можете сделать прозрачный фон в Paint.net . Это простой русскоязычный редактор изображений, который займет не много места на жестком диске. Перейдя по ссылке, Вы можете прочесть подробную статью. Скачать программу Paint.net можно с нашего сайта.
Для начала рассмотрим простой пример. Предположим, у Вас есть изображение на однотонном фоне, это может быть логотип или название чего-либо. Сделаем этот логотип или надпись на прозрачном фоне в фотошоп
.
Открываем нужное изображение в редакторе. Теперь сделаем прозрачный фон для слоя. В окне «Слои»
кликаем два раза мышкой по добавленному слою – напротив него будет стоять замочек. Откроется окно «Новый слой»
, нажмите в нем «ОК»
. После этого замочек исчезнет.
Выбираем инструмент «Волшебная палочка»
. В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D»
.
Задаем чувствительность и нажимаем волшебной палочкой на область фона. Чтобы добавить к выделенному фону, те части, которые не выделились, зажмите «Shift»
и продолжайте выделение. Для удаления выделенных областей нажмите «Delete»
.
Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D»
.
Если у Вас изображение или фотография, на которой много различных цветов и объектов, рассмотрим, как сделать прозрачный фон для изображения в фотошопе
.
В этом случае, воспользуемся инструментом «Быстрое выделение»
. Кликаем по волшебной палочке левой кнопкой мыши с небольшой задержкой и выбираем из меню нужный инструмент.
Теперь нужно выделить объект, который мы хотим оставить на прозрачном фоне. В строке свойств устанавливайте различные размеры и кликайте на объект, добавляя к нему области. Если ошибочно выделится ненужный фон, нажмите «Alt»
и уберите его.
Для просмотра результата нажмите «Q»
. Розовым будут выделены те части изображения, которые станут прозрачными.
Копируем выделенные области, нажав «Ctrl+C»
. Дальше создаем новый файл, «Ctrl+N»
, с прозрачным фоном.
Вставляем в него скопированные фрагменты, «Ctrl+V»
. Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик»
. Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.
Делайте белый фон рисунка прозрачным, или делайте прозрачный фон для отдельных фрагментов цветного изображения или фотографии в фотошопе. После этого, можно их использовать там, где это необходимо: вставлять на сайт, добавлять на другой рисунок или делать интересные коллажи.
Оценить статью:
Разрабатывая макет полиграфии или верстая сайт, может потребоваться некоторые участки изображения сделать прозрачными. Например, для того, чтобы фон фотографии совпадал с фоном макета или углы изображения не перекрывали текст.
Прозрачный фон изображения позволяет делать красивое . Этот прием сокращает пустое пространство и улучшает вид верстки.
Такие векторные редакторы как CorelDRAW и Illustrator могут скрывать часть изображения с помощью контурной маски, это быстрый и простой метод сделать прозрачный фон, если форма предмета простая.
Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.
В этом видео уроке подробно опишу 3 способа, а также, какие форматы поддерживают прозрачность.
Чтобы сделать прозрачный фон, необходимо вырезать предмет, а фон удалить. В зависимости от формы предмета, выберите тот , который будет удобен в данной ситуации.
Качество готовой картинки в основном зависит от качества выделения. Постарайтесь максимально точно повторить форму предмета подходящими инструментами лассо.
Если края предмета имеют не четкие края, выделение тоже должно иметь слегка размытые грани. Для этого нужно щелкнуть по выделению правой кнопкой мыши и задать значение «Растушевки». Значение размытия сработает ко всему выделению.
Однако, бывают редкие ситуации, когда только часть предмета имеет размытый край или отсутствие фокусировки. В таком случае, необходимо комбинировать несколько способов выделения.
Для примера, я специально выбрал более сложное изображение с разной степенью фокусировки, соответственно с разной четкостью границ.
Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.
Преимущество этого метода заключается в том, что вы можете менять жесткость краем меняя жесткость кисти в процессе рисования. Но есть и недостаток: выделение кистью не такое точное как лассо. Но это не единственный способ получить выделение с разной четкостью границ.
Добавление к выделению нечетких областей
А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…
Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.
Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.
Возможно, этот прием покажется более сложным, чем предыдущий. В общем, делайте, как удобно вам.
После того, как вы удалили фон, необходимо сохранить изображение в формате поддерживающем прозрачность.
PSD — самый первый из них. Он легко читается во всех редакторах Adobe и не только. Он содержит всю информацию о слоях эффектах и т.д. поэтому, как правило, имеет большой вес.
Tiff — формат похожий по свойствам с предыдущим. Тоже может содержать прозрачные области. Из-за высокого качества, часто используется в полиграфии.
PNG — имеет относительно не большой вес и позволяет сохранять качество изображения. Чаще всего используется в веб-дизайне. Баннера, кнопки сайтов, графические элементы веб-страницы часто содержат этот формат.
Внимание! Прежде чем сохранять обязательно удалите альфа каналы, если вы их создавали в процессе выделения.
Отсечение фона маской
Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.
Если предмет имеет простую форму (круг, прямоугольник, треугольник и т.д.) применение маски может сэкономить время и силы на обработке изображения. При более сложной форме предмета лучше использовать фотошоп и формат изображения поддерживающий прозрачность.
Еще один недостаток этого метода состоит в том, что маской невозможно частично размыть края предмета, в отличие от обработки в фотошопе.
Clipping Mask в Adobe Illustrator
Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.
После отсечения маской части изображения вы можете продолжать редактировать контур. Двойной щелчок по обтравочной маске позволит менять расположение предметов внутри контура, удалять, вносить новые, менять форму контура или снова разобрать Clipping Mask и вытащить все элементы.
PowerClip в CorelDRAW
В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.
Контур в CorelDRAW также можно редактировать после создание маски.
Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.
3. Прозрачность режимом наложения
Что делать, если фон фотографии, как и фон макета уже белый, но углы изображения перекрывают важные детали макета. В таком случае, можно применить режим наложения. Применение этого режима к изображению будет достаточно, чтобы белый угол не залезал на изображение.
Этот способ позволяет получить прозрачный фон одним нажатием кнопки, совершенно ничего не выделяя и не вырезая.
В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).
В CorelDRAW возьмите инструмент — Transparency.
В панели параметров инструмента настройте так, как показано на скриншоте ниже:
Использовать этот режим нужно аккуратно, у него есть и свои недостатки. Хорошо работать он будет только на белом фоне, а сам предмет тоже станет прозрачным при наложении на текст или на другие изображения.
Видео урок: прозрачный фон
Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:
(Visited 2 851 times, 1 visits today)
28.01.2015 27.01.2018
Сделать прозрачный слой в фотошопе на изображении проще простого.
Эта короткая объясняющая заметка содержит в себе исчерпывающую информацию по этому вопросу. Поэтому я надеюсь сложностей у вас не возникнет.
Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.
Прозрачный слой по умолчанию в фотошопе отображается в виде шахматной доски. Вот так выглядит прозрачный слой:
А так выглядит список слоев
Мы можем над прозрачным слоем поместить другой слой с изображением. Вот так выглядит яблоко на прозрачном слое в photoshop.
Такое изображение будет иметь прозрачный фон под яблоком, поэтому вы можете его вставить на сайте на любой фон.
Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.
Также можно регулировать у слоев прозрачность. Это может понадобится для разных целей — например создать полупрозрачный фон или сделать прозрачным изображение.
Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).
Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!
Единственный вопрос который у вас мог остаться — это как сделать прозрачный фон на своем изображении. Для этого вам нужно выделить часть изображения которую вы хотите оставить, а остальную область выделения удалить. Как это сделать правильно и как выделять сложные объекты вы можете узнать в моем бесплатном видео курсе «Как выделять в фотошопе»
. Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.
Как сделать прозрачным, блокировать, стилизовать слой в Фотошопе
Мы уже рассмотрели:
— Что такое слой в Фотошопе;
— Как активизировать, перемещать, скреплять и объединять слои в Фотошопе;
Для полного и ясного представления о слоях необходимо рассмотреть еще несколько параметров.
1. Opacity (Прозрачность)
Этот параметр меняет прозрачность слою.
Например, изменим прозрачность рубашки человечка до 60%.
Смотрите, что с ней происходит! Она стала прозрачной!
У параметра «Fill» (Заливка) похожая функция.
2. Блокировки слоев
На палитре слоев вы должно быть замечали следующие изображения:
Это различные виды блокировок.
Если вы установили вид блокировки — шахматку — это означает, что вы не сможете рисовать на прозрачных пикселях.
На слое с человечком я установила блокировку , решила перечеркнуть рисунок — крест получился только на рубашке. Если присмотреться к голове, увидите, что за пределами рисунка кисть перестала рисовать.
Блокировка — не позволяет рисовать на слое, появляется запрещающий кружок.
Блокировка — не позволяет перемещать слой.
Блокировка «замок» — включает в себя сразу все виды блокировок.
3. Создаем папку для слоев
— кнопка «Create a New Set» (Создать новый набор), позволяет создать папку для слоев.
Создадим папку для всех слоев с частями тела человечка и перетащим все слои туда.
Ее можно свернуть до такого вида:
4. Вызов палитры стилей.
Кнопка в виде буквы «f» вызывает палитру стилей.
С помощью нее вы можете применять слоям определенные стили, например, сделать тень, обводку, объем и так далее.
Автор: Зинаида Лукьянова;
Источник: photoshop-master.ru
⇐ • Как активизировать, перемещать, скреплять и объединять слои (предыдущая страница учебника)
• Как вернуть действие (следующая страница учебника) ⇒
Применение порога к прозрачности слоя смарт-объекта
Я сразу вижу одну проблему с тем, что вы пытаетесь сделать. Вы не можете изменить внутреннюю маску смарт-объекта без редактирования самого смарт-объекта. Таким образом, у вас всегда будет прозрачность внутри смарт-объекта, с которой нужно бороться при редактировании вне смарт-объекта. Надеюсь, это станет более ясным к концу этого ответа.
С учетом вышесказанного, существует способ приблизиться к тому, что вы хотите сделать, не редактируя сам смарт-объект, который можно записать в действие в виде сценария и запустить как пакетный процесс или как каплю. Ниже я пройдусь по шагам, чтобы создать действие Photoshop, чтобы сделать это
В этом примере мы будем использовать пурпурно-зелено-оранжевый градиент в качестве изображения RGB, а этот черно-белый градиент — в качестве маски с различными уровнями прозрачности.
В этом примере эти изображения приводят к созданию смарт-объекта, который выглядит следующим образом в Photoshop.
Учитывая это в качестве примера, вот что я предлагаю:
- Выберите слой Smart Object и выберите меню
Select -> Load Selection...
- В диалоге выбора нагрузки убедитесь, что канал установлен на
Layer 0 Transparency
. На самом деле это должно быть единственное, что вы выбираете, если единственным элементом в текущем файле Photoshop является сам смарт-объект.Для моего примера это приводит к выбору «марширующих муравьев».
- С выбранной составной прозрачностью Smart Objects выберите меню
Layer -> Layer Mask -> Reveal Selection
.Это создаст маску слоя для смарт-объекта, которая соответствует составной прозрачности смарт-объектов. Это позволит сделать изображение более прозрачным, поскольку вы добавляете прозрачность к прозрачности.
- С новой выбранной маской слоя выберите меню
Image -> Adjustments -> Levels...
чтобы вызвать диалог Levels. - В диалоговом окне «Уровни» вы хотите установить точки входа черного и белого входа вместе. Вы не можете установить черные и белые точки на одно и то же число. Они ДОЛЖНЫ быть разделены хотя бы одним значением, представляющим серую точку.
Например, я хочу, чтобы каждый уровень прозрачности ниже 50% серого в маске был прозрачным, а любое значение выше 50% серого — непрозрачным. Это означает, что я установил Черный вход на 127, а Белый вход на 129. С 128 (или 50% серым по 256-битной шкале) между ними.Это приводит к маске, которая теперь обрезается до жестких значений прозрачности или непрозрачности, НО, потому что мы не изменили саму прозрачность Smart Objets, у изображения все еще есть прозрачность в непрозрачной стороне.
Здесь мы попадаем в ловушку НЕ редактируя прозрачность Smart Objects напрямую. Вам нужен цвет фона, чтобы прозрачность в смарт-объекте могла смешиваться, чтобы он больше не был прозрачным. Вам в основном нужно выбрать белое или черное фоновое изображение, на которое оно маскируется. Но вам все равно нужно использовать новую прозрачность, которую вы только что создали.
- С выделенной маской слоя повторите шаги 1 и 2 и выполните меню
Select -> Load Selection...
, но убедитесь, что вы выбрали маску Layer 0. - С этим новым выбором перейдите в меню
Layer -> Group Layers
Это приводит к добавлению смарт-объекта с маской слоя в папку группы.
- Теперь вам нужно создать слой маски для папки группы. Выбор, сделанный на шаге 6, должен оставаться активным, чтобы можно было создать маску слоя групп. Это то же самое, что вы сделали в шаге 3.
Это должно привести к тому, что ваш смарт-объект внутри папки группы с собственной маской.
- Теперь нам нужно добавить сплошную белую или черную основу, которая будет служить основой для непрозрачной области для частей смарт-объекта, которые все еще демонстрируют прозрачность. Белый выбранной папке группы перейдите в меню
Layer -> New Fill Layer -> Solid Color...
- Откроется диалоговое окно «Новый слой», нажмите «
OK
. - Выберите Белый (вы можете выбрать черный, если хотите) из палитры цветов.
Это создает новый слой сплошного цвета. Но это, скорее всего, выше вашего смарт-объекта.
- Переместите слой «Сплошной цвет» ниже смарт-объекта, сохраняя его в папке группы.
Это приводит к созданию смарт-объекта, который теперь маскируется для определенного диапазона прозрачности, который является либо прозрачным, либо непрозрачным, и который не изменяет сам исходный смарт-объект.
Теперь вы сделали. Если вы записали это как действие, теперь вы можете повторить это с любым смарт-объектом.
Но в этом и заключается большая проблема: ваш смарт-объект изменяется белым или черным фоновым изображением, в результате чего появляются непрозрачные и непрозрачные области. Если бы вы делали вызов уровней, который изменяет маску в смарт-объекте, вы бы получили другое изображение, потому что вы не используете фоновое изображение, а вы сами изменяете исходную маску. Вот сравнение процесса, который я только что изложил выше, против редактирования маски внутри самого смарт-объекта. Обратите внимание, что цвет маскировки смарт-объекта начинает приглушаться белым фоновым изображением по сравнению с переходом в сам смарт-объект и изменением самой маски.
VS.
Возможно, есть другой способ сделать это, о котором я не знаю, но это лучшее решение, которое я смог найти, чтобы решить вашу проблему.
Сложение:
Вот процесс, который я обрисовал в общих чертах выше, который выполняется с изображением, аналогичным вашему примеру
Сложение:
Вот ссылка, чтобы загрузить мой Photoshop Smart Object Mask Mod Action, если хотите.
Сложение:
Эта процедура будет работать для классического рабочего процесса автоматизации Photoshop, но, вероятно, не будет работать при использовании более новой функции Photoshop CC Generator.
Непрозрачность и заливка в палитре слоев
В Adobe Photoshop есть две функции, отвечающие за прозрачность изображения – Непрозрачность и Заливка. Не путайте с инструментом «Заливка». Мы будем рассматривать параметры, расположенные в палитре слоев. Они отвечают за степень видимости сквозь слой в процентах.
Внимание! Работа с прозрачностью и заливкой в Фотошоп недоступны для закрепленных слоев.
Как открепить рассказано в статье о работе со слоями.
Отличие заливки от непрозрачности
Разница в том, что непрозрачность влияет на все изображение, включая стили, а заливка изменяет прозрачность, не затрагивая примененные стили.
Пример: В левой части расположены слои с текстом и изображением без каких-либо стилей. В правой части к ним применили стили: к тексту – тиснение, к картинке облако – обводку и тень.
На всех слоях, кроме фонового, ставим значение непрозрачности ноль, то есть устанавливаем полную прозрачность. Все слои становятся 100% прозрачными, невидимыми:
Проделаем то же с заливкой. Уберем ее, снизив значение до ноля, а непрозрачность оставим 100%.
Слои без стилей полностью прозрачные. Их не видно. В правой части они так же прозрачны, ведь через них виден фон. А вот стили – тиснение, обводка, тень, остались без изменения.
Вывод: В отличие от непрозрачности, заливка не влияет на стили слоя. В этом и заключается разница между этими функциями.
Как работать с непрозрачностью и заливкой
Как и многое в редакторе Фотошоп, изменить непрозрачность можно разными способами:
- Нажатие на кнопку со стрелочкой откроет ползунок. Передвигая его, мы изменяем значения.
- Подведите курсор к названию функции. Когда он примет вид руки со стрелочками, зажимаем левой кнопкой мыши и двигаем вправо для увеличения и влево для уменьшения непрозрачности.
- Введите в окошко числовое значение от 0 до 100 и нажмите Enter. Знак % можно не вводить, он добавится автоматически.
- Используем на клавиатуре цифры от 1 до 0. Цифра 1 изменит непрозрачность на 10% … 9 – на 90%, а 0 – на 100%. Если набрать двузначное число, то именно на такую величину изменится непрозрачность. То есть, если мы на клавиатуре наберем 46, то непрозрачность слоя будет 46%. Те же манипуляции с зажатой клавишей Shift действуют для заливки.
Важно! В редакторе Фотошоп все действия применяются к активному слою. Если нужно изменить непрозрачность или заливку сразу нескольких слоев, они должны быть все выделены в палитре слоев или объединены в группу.
Есть еще способ посмотреть и изменить эти параметры – окно стилей. Открыть его можно:
- двойным щелчком по слою;
- щелчком на слой правой кнопкой мыши и в списке выбрать Параметры наложения;
- нажать на значок стилей fx (рис.1) и в списке выбрать Параметры наложения.
Непрозрачность и заливка группы
Если изменить значения самой группы, они будут действовать на все слои, вложенные в нее. Но сами слои в этой группе останутся без изменения.
Пример: В группе лежат два слоя. Щелкаем на саму группу, чтобы сделать ее активной и снижаем непрозрачность до 15%. Оба слоя этой группы стали почти прозрачными. Открываем группу и делаем активным какой-либо слой внутри нее. Редактор показывает непрозрачность 100%, но на изображении мы видим, что он прозрачный. Он подчиняется значениям, установленным для группы.
Если слои вывести из группы, то есть разгруппировать, они будут отражаться со своими значениями и станут видны со 100% непрозрачности.
Внимание! Для группы функция Заливка действует как Непрозрачность и не сохраняет стили.
Измените прозрачность вашего активного слоя нажатием кнопки
«Просто примечание, чтобы сказать, что я ОБОЖАЮ ваш сайт! Кажется, есть несколько сайтов с учебными пособиями по PS Elements, но ваш, безусловно, самый ясный и простой для понимания. Спасибо! » — Элли
«Просматривая ваши учебные пособия даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое. Большое вам спасибо!» — Дуглас
«Я очень рада найти такую полезную и легкую для понимания информацию по использованию Photoshop Elements. Мне не терпится использовать ваши учебные пособия (особенно с моей одержимостью скрапбукингом)» — Джуди из MS
Добрый день, Рик! «Я очень ценю ВСЕ, ВСЕ твои туалеты.Очень понятные и полезные советы, приемы и практические приемы в PSE9. Отличная отличная работа! »- Хоан
«Мне нравятся ваши учебные пособия на YouTube. Очень четкие и полезные. Большое спасибо». —
Богатый
«Мне нравятся ваши видео! Они были такой БОЛЬШОЙ помощью. Я купил книгу для чайников, и это нормально, но я лучше смотрю, а не читаю. Престижность вам!» — Ура, Кэти
«Спасибо за этот сайт! Я нашла его через одно из ваших видео на YouTube.
Еще раз огромное вам спасибо! »- Ванесса
«Это действительно щедрый и очень достойный внимания сайт!» — Ура, Джонас
Привет, Рик! Прежде всего, я должен поблагодарить вас за всю информацию, которой вы делитесь.Я не могу дождаться, чтобы увидеть «советы и рекомендации», над которыми вы работаете, потому что похоже, что они помогут всему собраться вместе.
Я просмотрел несколько ваших руководств и многому научился. Я не могу похвалить вас за ваше время и терпение. — Вики.
«Ваш сайт — отличный сервис, и я благодарю вас!»
— С уважением, апрель
«Большое спасибо вам и вашему сайту, а также
информация и помощь, которые я получаю от этого, я очень ценю «. — Роб
Рик — «Большое спасибо за ваш совет, который я приму.Большое спасибо вам за исключительно хорошие уроки. Вы, кажется, действительно обладаете удивительным умением делать довольно сложные задачи простыми и понятными. Я фанат! «- С наилучшими пожеланиями, Тони.
Намного полезнее, чем книга «PS Elements 9 для чайников» …. Большое спасибо за ваш сайт .. действительно легко следить.
— Карин
Привет, Рик. Просто хотел сказать большое спасибо за всю отличную информацию, содержащуюся в ваших уроках. Я натыкался на PS9 уже несколько недель и не могу поверить, насколько легко вы объясняете различные аспекты.Это способ, намного более мощный, чем я представлял, и теперь и для меня его можно использовать. Большое, большое спасибо из Великобритании. — Парень
Непрозрачность слоя и заливка в Photoshop
Автор Стив Паттерсон.
Один из наиболее частых вопросов, которые я получаю от пользователей Photoshop, и не только от новичков: «Какого черта разница между опциями Opacity и Fill на панели« Слои »? Разве они не делают одно и то же? вещь?». Это хороший вопрос, потому что в большинстве случаев они абсолютно одинаковы.
Параметры «Непрозрачность» и «Заливка» управляют прозрачностью слоя . То есть они контролируют, насколько текущий выбранный слой позволяет другим слоям документа просвечиваться. Обычно, чтобы снизить прозрачность слоя, мы понижаем значение Непрозрачности. Но если опция «Заливка» также снижает прозрачность, то какой смысл иметь две опции, которые делают одно и то же? Должна же быть разница, правда?
Верно! Основное различие между Непрозрачностью и Заливкой связано со стилями слоя Photoshop .Если вы не добавляли к своему слою какие-либо эффекты (стили), такие как обводка, тень, скос и тиснение или внешнее свечение, вы получите те же результаты при понижении значений непрозрачности или заливки. Если, с другой стороны, к – применен один или несколько стилей слоя, непрозрачность и заливка будут вести себя по-разному. Давайте посмотрим на пример.
Вот изображение, которое я открыл в Photoshop. Я добавил к нему простой текст — слово «мечта». Само изображение без текста доступно в библиотеке изображений Fotolia:
Исходное изображение.
Если мы посмотрим на мою панель «Слои», мы увидим фотографию девушки, сидящей на фоновом слое, а слово «мечта» находится на текстовом слое прямо над ним (арка в слове была создана путем добавления шрифта на дорожка). У меня также есть копия слоя с текстом над оригиналом, но я на данный момент отключил этот слой:
Панель «Слои», показывающая фоновый слой, текстовый слой над ним и копию текста вверху, которая временно скрыта.
Параметр «Непрозрачность» расположен в правом верхнем углу панели «Слои», а параметр «Заливка» — непосредственно под ним.По умолчанию оба значения установлены на 100%, что означает, что мой текст, который находится на текущем выбранном слое, полностью отображается в документе:
Параметры «Непрозрачность» и «Заливка» равны 100%.
Давайте посмотрим, что произойдет, если я уменьшу значение Opacity до 50%:
Уменьшение непрозрачности текстового слоя до 50%.
При понижении непрозрачности до 50% слово «мечта» в моем документе становится прозрачным на 50%, позволяя изображению под ним частично просвечивать:
Изображение после уменьшения значения непрозрачности текста до 50%.
Я снова подниму значение непрозрачности до 100% и на этот раз уменьшу значение Fill до 50%:
Снижение заполнения до 50%.
Если заливка установлена на 50%, текст снова становится прозрачным на 50% в документе, и мы получаем тот же результат, что и момент назад, когда мы снизили значение непрозрачности:
Понижение заполнения до 50% дает точно такой же результат.
Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]
Непрозрачность и заливка стилями слоя
До сих пор мы не видели никакой разницы между параметрами «Непрозрачность» и «Заливка», но это было на слое без применения к нему каких-либо стилей слоя.Посмотрим, что произойдет, если мы попробуем другой слой. Я собираюсь отключить свой слой Type, щелкнув значок видимости слоя :
Отключение исходного текстового слоя.
Скрывает исходный текст в документе. Затем я нажимаю на копию слоя Type над ним, чтобы выбрать слой, и я включаю слой в документе, еще раз щелкая значок видимости его слоя:
Выбор и включение копии текстового слоя.
Этот новый слой содержит тот же текст, что и раньше, но с одним важным отличием.Я добавил к нему несколько стилей слоя — обводку, слабую тень и эффект скоса и тиснения. Мы можем видеть обводку букв и тень позади них. Эффект фаски и тиснения в настоящий момент трудно увидеть, поскольку текст в настоящее время залит сплошным белым цветом:
Тот же текст, но с добавлением нескольких эффектов слоя.
Я открою список эффектов на панели «Слои», щелкнув маленькую стрелку справа от значка «fx», чтобы мы могли видеть, что у меня действительно есть Drop Shadow, Bevel, Emboss и Stroke. эффект, примененный к тексту:
При вращении стилей слоя открываются для просмотра списка эффектов, добавляемых к тексту.
Давайте посмотрим, что произойдет с этим новым слоем, если я уменьшу непрозрачность до 50%:
Еще раз понижаем Непрозрачность до 50%.
Уменьшив значение Непрозрачности нового слоя, мы сделали все на слое прозрачным на 50%. Под «всем» я имею в виду не только сам текст, но и применяемые к нему стили слоя. Все и вся на слое теперь прозрачно на 50% после уменьшения значения непрозрачности:
Уменьшение значения непрозрачности привело к тому, что все на слое, включая стили слоя, стало прозрачным на 50%.
Пока особых сюрпризов нет. Я подниму значение Непрозрачности до 100%, а теперь уменьшу значение Заливки до 50%:
Снижение заполнения до 50%.
Вот где мы видим разницу между непрозрачностью и заливкой. Понижение значения непрозрачности сделало все на слое прозрачным на 50%, но при понижении значения заливки до 50% только текст сам становится прозрачным на 50%. Стили слоя, которые я применил к тексту, остаются видимыми на 100%! На эффекты Stroke, Drop Shadow, Bevel и Emboss значение Fill не повлияло.Фактически, когда сам текст теперь прозрачен на 50%, мы можем начать видеть эффект Bevel and Emboss, который я применил к нему:
Значение «Заливка» делает текст частично прозрачным, но не влияет на стили слоя.
Давайте снизим значение Fill до 0% и посмотрим, что произойдет:
Снижение уровня заполнения до 0%.
Если для параметра Заливка установлено значение 0%, текст в документе становится полностью прозрачным, но стили слоя, примененные к нему, остаются полностью видимыми! Значение «Заливка» вообще не влияет на стили слоя, что позволяет мне легко создать интересный текстовый эффект, который был бы невозможен при значении непрозрачности:
Теперь текст на 100% прозрачен, но стили слоя остаются на 100% видимыми.
И в этом разница между Непрозрачностью и Заливкой. Значение Opacity контролирует прозрачность всего и вся, на слое, , включая стили слоя . С другой стороны, значение Fill влияет только на фактическое содержимое слоя, которым в моем случае здесь был текст. Стили слоя, которые Photoshop обрабатывает как отдельные от фактического содержимого слоя, остаются видимыми на 100% и не зависят от значения «Заливка».
Как я упоминал в начале, в большинстве случаев, когда вам нужно уменьшить прозрачность слоя, просто уменьшите значение Opacity.Но если к нему применены стили слоя и вам нужно, чтобы сами стили оставались видимыми на 100%, как в случае с текстовым эффектом, который я создал в этом примере, оставьте значение Непрозрачности равным 100% и вместо этого уменьшите значение Заливки.
Как изменить непрозрачность в Photoshop (быстрые руководства)
Сколько вы хотите видеть на каждом слое в Photoshop? Конечно, нужная сумма!
Photoshop позволяет легко настраивать непрозрачность / прозрачность каждого отдельного слоя изображения.Это очень удобно, как я много раз обнаруживал за свою карьеру фотографа.
Узнайте, как выполнить эту простую настройку здесь!
Примечание: приведенные ниже снимки экрана взяты из версии Adobe Photoshop для Windows. Если вы используете версию для Mac, навигация может немного отличаться.
Что такое непрозрачность?
Прежде чем я объясню, как изменить непрозрачность, давайте убедимся, что вы понимаете, что это такое. Если вы не понимаете, о чем я говорю, вы не знаете, когда применять эту концепцию.
Непрозрачность зависит от того, насколько твердый или прозрачный слой. Вы можете видеть сквозь более прозрачный слой. Точно так же уменьшение непрозрачности на корректирующем слое (например, яркости или насыщенности) уменьшает применяемый эффект.
Вот небольшой пример того, как банан наносится с разной степенью непрозрачности. Как видите, по мере уменьшения непрозрачности банан становится более бледным и прозрачным.
Здесь я закрасил фон узором, чтобы вы могли видеть сквозь него листья.
Как изменить непрозрачность
Теперь, когда вы понимаете, что такое непрозрачность, давайте посмотрим, как ее изменить. Это очень просто. Просто перейдите на панель Layers справа и выберите слой, который вы хотите настроить.
В настройках над списком слоев вы увидите поле под названием Непрозрачность с процентным значением рядом с ним. Щелкните стрелку справа от процента, и ползунок опустится.
Щелкните и перетащите стрелку, чтобы сдвинуть ее вверх и вниз, чтобы изменить прозрачность слоя.Число становится больше справа, и слой становится более непрозрачным. Слева число уменьшается, и слой становится более прозрачным.
Вы также можете выбрать значение и ввести его в поле.
Что делать, если настройка непрозрачности неактивна?
Иногда вам может потребоваться отрегулировать непрозрачность, но вы обнаружите, что она неактивна, и вы не можете нажать на стрелку. Это происходит, когда вы выбрали заблокированный слой.
Фоновый слой изображения автоматически открывается как заблокированный слой.Вы также можете заблокировать слои, выбрав слой, который вы хотите заблокировать, и нажав Control + \ или Command + \ на клавиатуре. Или перейдите к Layer в строке меню и выберите Lock Layers.
Вы можете заблокировать один из четырех аспектов на изображении ниже или все из них.
Вы также можете получить доступ к этим командам блокировки непосредственно на панели Layers .
Маленький значок замка в правой части слоя указывает на его статус блокировки.Прозрачный замок указывает, что заблокированы только некоторые аспекты, а твердый замок означает, что все заблокированы.
Если вы хотите изменить непрозрачность, нажмите значок замка на слое, который хотите разблокировать. Теперь команда становится доступной.
Игра с изменениями непрозрачности
Вот и все! Изменение непрозрачности на каждом слое совсем несложно. Ознакомьтесь с другими нашими простыми уроками, например, о том, как использовать ластик, чтобы получить более интересную информацию о Photoshop!
О Кара Кох
Кара влюбилась в фотографию примерно в 2014 году и с тех пор исследует все уголки мира изображений.Когда она почувствовала себя ограниченной в Lightroom, она с головой погрузилась в Photoshop, чтобы научиться создавать изображения, которые ей нужны.
Вы можете найти элементы управления прозрачностью повсюду в Photoshop. Параметр «Непрозрачность» доступен для каждого слоя и группы слоев на панели параметров для многих инструментов рисования и ретуширования и является параметром для таких эффектов, как стили слоя (рис. 13.3). Преобладание элементов управления непрозрачностью в Photoshop означает, что вы можете комбинировать элементы и эффекты с множеством тонких степеней прозрачности. Рисунок 13.3. Непрозрачность — это параметр для эффектов (вверху слева), слоев (вверху справа) и инструментов (внизу).За исключением фонового слоя, каждый новый слой, который вы добавляете, является прозрачным по умолчанию. Когда вы добавляете новый слой, вы можете видеть весь слой, пока не начнете рисовать на нем. Когда вы устанавливаете непрозрачность слоя, вы изменяете непрозрачность всех непрозрачных областей. Внутри документа существует иерархия прозрачности, которая влияет на взаимодействие слоев, инструментов и функций.Знание этой иерархии может помочь вам распутать загадочные взаимодействия между функциями. Одна из наиболее важных концепций заключается в том, что слой устанавливает максимальную непрозрачность для всего на нем. Например, если вы установите для слоя непрозрачность 100% и рисуете на нем, используя кисть с непрозрачностью 50%, вы получите ожидаемые пиксели с непрозрачностью на 50%. Но если вы установите для слоя непрозрачность 50%, а затем закрасите его кистью с непрозрачностью 100%, окрашенные пиксели будут непрозрачными на 50%, потому что они ограничены непрозрачностью своего слоя (рисунок 13.4). Хотя результирующие пиксели в обоих примерах выглядят одинаково, разница в том, что вы можете поднять непрозрачность слоя во втором примере до 100%, и тогда пиксели на них станут 100% непрозрачными, потому что вы закрасили эти пиксели с помощью инструмента кисти. установите непрозрачность 100%. Рисунок 13.4. Если непрозрачность слоя установлена на 50% (слева), мазок кисти под шрифтом выглядит непрозрачным на 50% (справа), даже если для самого инструмента установлена непрозрачность 100%.Непрозрачность доступна в стилях слоев, фильтрах и других функциях.Например, «Непрозрачность» — это параметр в стиле слоя «Тень», позволяющий управлять прозрачностью падающей тени. Как и непрозрачность инструмента, непрозрачность в стилях слоя и других функциях взаимодействует с непрозрачностью слоя.
|
Непрозрачность по сравнению с заливкой при использовании слоев в Adobe Photoshop
Использование параметров непрозрачности и заливки в Photoshop может значительно улучшить ваши фотографии, но в чем разница и какой инструмент следует использовать?
|
Adobe Photoshop
Layers — невероятно полезный инструмент в Photoshop (у нас на самом деле есть отличный урок о том, как вы можете максимально использовать их, если захотите его просмотреть), и когда вы углубитесь в инструменты, вы обнаружите непрозрачность и параметры заливки.
Непрозрачность по сравнению с заливкой
Оба являются действительно полезными инструментами, но часто возникает вопрос, в чем разница между ними? Чтобы ответить на этот вопрос и показать вам, как лучше всего использовать каждый инструмент, Школа фотографии объединила вышеприведенный видеоурок, который демонстрирует, как можно использовать инструменты непрозрачности и заливки при работе с текстом и фотографиями. Вы также можете увидеть более подробное руководство на их веб-сайте, если вы предпочитаете читать, а не смотреть во время обучения.
Где эти инструменты?
Вы найдете параметры непрозрачности и заливки на панели слоев в Photoshop, а инструмент непрозрачности изменит прозрачность всего на выбранном вами слое, в то время как заливка изменит прозрачность всего, что заполняет слой, но будет игнорировать любые эффекты, которые были применяется к нему.
Лучшие изображения пейзажей
Знание того, как использовать эти инструменты, может помочь вам улучшить ваши пейзажные снимки, как объясняет Школа фотографии примерно в 05:38 в видеоуроке, поэтому обратите внимание на этот момент, если это особенно интересно для вас.Другие важные временные метки в учебнике включают объяснение параметров непрозрачности и заливки (00:15) и применение обоих эффектов к тексту (01:51).
Поддержите этот сайт, сделав пожертвование, купив членство Plus или совершив покупки у одного из наших аффилированных лиц:
Amazon UK,
Amazon США,
Amazon CA,
ebay UK
Использование этих ссылок не требует дополнительных затрат, но поддерживает сайт, помогая сохранить бесплатный доступ к ePHOTOzine, спасибо.
Руководство для начинающих по режимам наложения и непрозрачности в Photoshop — Дизайн смеющегося льва
* Обновлено в январе 2017 г., чтобы отразить изменения в интерфейсе Photoshop CC.Обратите внимание, что почти все, о чем мы здесь говорим в отношении режимов наложения и непрозрачности, работает одинаково и в более старых версиях Photoshop. *
27 режимов наложения в Photoshop
В этом руководстве мы кратко рассмотрим режимы непрозрачности и наложения в Photoshop, а также способы создания различных эффектов изображения с помощью этих параметров. Параметры для изменения наложения и непрозрачности находятся в верхней части панели «Слой». Когда вы смешиваете слои, вы меняете способ смешивания пикселей на разных слоях друг с другом, и это дает нам классные и необычные результаты.Режимы наложения могут быть отличным способом создания иллюстраций из нескольких изображений.
Непрозрачность в слоях Photoshop
Прежде чем мы перейдем к режимам наложения, давайте посмотрим на непрозрачность и то, как она влияет на слой. Непрозрачность иногда называют прозрачностью.
В этом примере я использую файл Photoshop с двумя слоями. Нижний слой содержит изображение старого здания со стеной оранжевого цвета, а верхний слой содержит лестницу снаружи многоквартирного дома.Когда вы пробуете это самостоятельно, просто используйте любое изображение Photoshop с двумя разными слоями, с чем-то на каждом слое.
1. Выбрав слой «Лестница» на панели «Слои», я нажимаю стрелку рядом с полем «Непрозрачность». Это открывает ползунок непрозрачности. Перетащите ползунок на 40%. Обратите внимание, что все на этом слое — лестница и стена, к которой они прикреплены, становится менее непрозрачным и более прозрачным.
2. Понижение непрозрачности слоя делает иллюстрацию на этом слое более прозрачной, так что слой под ним просвечивает.
3. Перетащите ползунок непрозрачности до 0%, и вы увидите, что лестница полностью исчезла, а слой под ней полностью виден. Перетащите обратно на 100%, чтобы вы могли нормально видеть лестницу.
Непрозрачность, безусловно, полезная функция, когда мы комбинируем два или более слоев, но когда мы добавляем возможность изменять режимы наложения, она становится намного более мощной.
Режимы наложения
Я собираюсь продолжить с теми же двумя слоями для этого примера, и начну с лестницы или верхнего слоя на этом изображении, выбранного на панели «Слои».
1. В верхней части панели «Слои» щелкните стрелку рядом с полем с надписью « Normal ». Вы увидите раскрывающееся меню с более чем 20 вариантами режима наложения. По умолчанию все слои отображаются с режимом наложения «Нормальный».
2. В раскрывающемся меню выберите Hard Mix. Образ меняется довольно резко.
Потратьте несколько минут, чтобы попробовать различные режимы наложения и посмотреть, как это повлияет на изображение. Ниже вы можете увидеть те же слои с примененными Difference (вверху) и Linear Light (внизу).
Ярлыки режимов наложения
Вероятно, лучший способ понять или почувствовать режимы наложения — это использовать клавиатуру для их переключения. Ярлык для циклического перехода между режимами наложения состоит в том, чтобы выбрать слой, затем выбрать режим наложения, затем удерживать Shift и нажать + (плюс) для перехода вперед или Shift и нажать — (минус), чтобы сделайте шаг назад через них.
Режим наложения Умножение
Режим «Умножение», вероятно, один из наиболее часто используемых режимов наложения.Я постоянно использую его в дизайне и иллюстрациях. Это приводит к более темному, а иногда и более насыщенному цвету. НО у него также есть особый секрет использования для избавления от белых пикселей на слое. Если на слое есть белые пиксели, эти пиксели будут выбиты и исчезнут. Это очень, очень полезный трюк и одна из причин, почему так много дизайнеров и фотографов часто используют Multiply.
Сочетание клавиш: Shift + Option + M (Mac) или Shift + Alt + M (Windows).
В этом примере у меня есть файл Photoshop с двумя слоями. На верхнем слое находится изображение художника-пантомима с большим количеством белых или очень светлых цветных пикселей. На нижнем слое крупный план цветка.
Когда режим наложения изменяется на Умножение , все белые пиксели выбиваются. Итак, ниже мы видим, что остались только темные пиксели на лице художника-пантомима и в складках его костюма. Эти темные пиксели также кажутся более темными.
Вот и все, чтобы познакомиться с режимами наложения и прозрачностью. Лучший способ узнать, как они работают, — это, конечно, поэкспериментировать и проверить все возможные эффекты. Повеселись!
Пожалуйста, поделитесь этим. Спасибо! 🙂
Как создать эффект прозрачности в Photoshop
Сегодня мы собираемся узнать, как легко создать потрясающий эффект прозрачности в фотошопе из этого видеоурока! Это покажет вам, как объединить изображения в Photoshop.В качестве примечания вы можете использовать любое изображение, какое захотите. Если вы хотите использовать изображения в Интернете, которые можно бесплатно использовать и редактировать, вернитесь на мои страницы поиска обратных изображений Bing или страницу изображений Google. Чтобы найти именно это изображение, которое я использую в этом примере, вы можете щелкнуть здесь. Скоро вы освоите эффект затухания в фотошопе!
Шаг 1. Откройте изображение / Сделайте изображение прозрачным / Дублируйте изображение
В Photoshop мы хотим открыть изображение, с которым мы хотим создать эффект прозрачности.Затем мы хотим использовать наш инструмент волшебной палочки, и мы хотим выделить весь белый цвет вокруг бизнесмена. В качестве примечания, это, очевидно, намного проще, когда изображение настроено на белый фон, но если это не так, я бы посоветовал внимательно обойти изображение, с которым вы хотите работать. Затем вы хотите выполнить команду CTRL + Shift + I или CMND + Shift + I, чтобы выбрать только изображение, с которым вы хотите работать. Выполняя это, мы выбираем только мужчину в этом примере. Это позволит нам работать только с ним, а не над всей картиной.
Затем мы хотим выполнить CTRL + J или CMND + J, чтобы дублировать выбранного человека. Это превратит изображение в прозрачный фон, что позволит нам двигаться вперед.
Шаг 2. Перетащите нашу картинку поверх
После того, как мы создали наш новый слой, мы теперь хотим буквально просто перетащить слой в наше новое изображение. Как только это будет добавлено, мы снова хотим дублировать наш слой несколько раз