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

Содержание

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

Этот урок я хочу посвятить такому интересному моменту, как прозрачность слоев в фотошопе. Создание слоев – один из основных крайне необходимых навыков работы в Adobe Photoshop. Если вы уже пытались разобраться с этой операцией, вы абсолютно точно сталкивались с определением «непрозрачность слоя». Что это такое и с чем его едят?

Какой слой считается прозрачным?

Давайте разберем первую ситуацию. Допустим, есть у нас исходное изображение. Допустим, фото. И нам следует создать новый слой. Предположим, с помощью комбинации клавиш ctrl+shift+n.

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

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

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

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

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

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

Вернемся к тому же исходнику с Дедпулом и Харли. Но на этот раз уже сдвигаем ползунок не до нуля. Оставим, допустим, процентов 50. Что выйдет?

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

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

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

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

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


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

Обучение фотошопу / УЧЕБНИК 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овет как лучше обучаться фотошопу:

  1. Изучайте теорию - учебник по фотошопу.
  2. Набивайте руку практикой, повторяя уроки.
  3. Сложно? Задавайте вопросы в комментариях к уроку или по этой форме. Посмотрите ответы уже разобранных вопросов.
  4. Подписывайтесь на обновления, чтобы не пропустить появление новых статей и уроков.

Подписаться на обновления сайта

Смотрите другие похожие статьи

Слои в фотошопе Сохранение файлов



наверх

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

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

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

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

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

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

Шаг 1. Увеличить объект. Для этого кликнуть на кнопку инструмента Zoom Tool (Z) и навести курсор на изображение. Курсор превращается в плюсик и при каждом клике картинка увеличивается. После того, как мы поработаем с изображением, поменяем вверху на линейке настроек значение инструмента обратно на Zoom Out и курсором, превращающимся в минус, снова уменьшим его. Кнопка инструмента Zoom Tool (Z) изображает лупу. В данном примере мы увеличили картинку двумя кликами, этого будет достаточно, чтобы аккуратно обвести объект.

Шаг 2. Выделить объект. Для этого кликнуть на инструмент перо Pen Tool (P). Обратите внимание на настройки линейки вверху.

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

В следующем диалоговом окне выставьте радиус.

Контур картинки замерцает – значит, объект мы выделили.

Теперь давайте при помощи лупы обратно уменьшим объект так, как написано в шаге 1.

Шаг 3. Создать прозрачный фон. Сначала сделать дубликат изображения. Для этого в меню выберите последовательно Image – Dublicate – Ok.

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

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

Шаг 4. Переместить изображение на прозрачный фон. Для этого кликнуть курсором по нужной выделенной ранее картинке изатем кликнуть кнопку Перемещение Move Tool (V). Зажимаем левой мышкой, и, перетащив объект на прозрачный фон, отпускаем. Цель по изменению фона на прозрачный достигнута.

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

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

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

Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.

Сделать это можно несколькими способами.

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

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

Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .

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

Теперь нажимаем клавишу DEL . Готово, белый фон удален.

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

Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.

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

Для ручного выделения в Фотошопе есть несколько инструментов.

1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.

2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.

3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.

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

Итак, выбираем инструмент «Перо» и обводим наше изображение.

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

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

Пером можно выделять сразу несколько объектов на изображении.

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

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

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

По умолчанию все новые слои в фотошопе создаются со 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 . Спасибо!

21.12.14 32.7K

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

Основы работы c фоном в Photoshop

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


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

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

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


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

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

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


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


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

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

Удаляем небо

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


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

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


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


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


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

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


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


Теперь можно добавить новый слой и заполнить небо над Сахарой яркими красками:

Размытие заднего фона

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


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

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

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

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


Перед тем, как сделать задний фон размытым, применим встроенный фильтр графического редактора. Для этого в меню «Фильтр » выбираем пункт «Смазывание » — «Смазывание Гаусса »:


Получилось, конечно, не без изъянов. Но все их можно убрать с помощью инструмента «Размытие ». И вот что получилось:


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


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

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

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

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

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

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

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

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

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

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

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

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

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

Этот урок я хочу посвятить такому интересному моменту, как прозрачность слоев в фотошопе. Создание слоев – один из основных крайне необходимых навыков работы в Adobe Photoshop. Если вы уже пытались разобраться с этой операцией, вы абсолютно точно сталкивались с определением «непрозрачность слоя». Что это такое и с чем его едят?

Какой слой считается прозрачным?

Давайте разберем первую ситуацию. Допустим, есть у нас исходное изображение. Допустим, фото. И нам следует создать новый слой. Предположим, с помощью комбинации клавиш ctrl+shift+n.

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

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


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

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

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


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

Вернемся к тому же исходнику с Дедпулом и Харли. Но на этот раз уже сдвигаем ползунок не до нуля. Оставим, допустим, процентов 50. Что выйдет?



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

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

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



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

Вам понадобится

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

Инструкция

Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу 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.

Подробности Категория: вебдизайнер Автор: SEO & WEB - KELL4

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

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

Рассмотрим полупрозрачность текста и фона - как правильно ее использовать в дизайне сайта:

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

HTML 5 CSS 3 IE 9

opacity

Создание и продвижение сайтов в интернете

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

Обычно в дизайне полупрозрачным должен быть только фон элемента, а текст непрозрачным для сохранения его читабельности. Свойство opacity здесь не подходит, потому что текст внутри элемента также будет частично прозрачным. Лучше всего использовать формат RGBA, частью которого является альфа-канал или иными словами значение прозрачности. В качестве значения пишется rgba, затем в скобках через запятую перечисляются значения красной, синей и зелёной компоненты цвета. Последним идёт прозрачность, которая задаётся от 0 до 1, при этом 0 означает полную прозрачность, а 1 непрозрачность цвета - синтаксис применения rgba.

Полупрозрачный фон HTML 5 CSS 3 IE 9

rgba

Создание и продвижение сайтов в интернете.

Значение непрозрачности для фона установлено 90% - полупрозрачный фон и непрозрачный текст.

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

Зачем это нужно?

Прозрачность картинки в "Фотошопе" может потребоваться для самых различных задач. К примеру, нужно наложить одно изображение на другое с заменой фона. Здесь без прозрачности никуда. Или нужно сделать водяной знак. Он тоже должен быть полупрозрачным. Да и вообще, прозрачность - чуть ли не самая важная составляющая любой работы в "Фотошопе". Применения прозрачности много. Именно поэтому стоит научиться пользоваться этим интересным инструментом для творчества.

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

Делаем прозрачным все изображение

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в "Файл", "Открыть" и открываем нужную нам картинку. Теперь в списке слоев смотрим на слой под названием "Фон". Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка. После этого можно производить со слоем различные манипуляции.

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

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

Дело в том, что использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в Без этого никак. Идем в "Файл", "Сохранить как..." и в строке выбора формата выходного файла выбираем PNG. Жмем "Сохранить". На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в "Фотошопе". На примере целого изображения. Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

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

Создание на изображении

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

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

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

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

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

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в "Фотошопе". Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное - не перестараться, ибо чрезмерная прозрачность не нужно. Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги "Фотошопа". Тренируйтесь, и будет вам счастье.

По умолчанию все новые слои в фотошопе создаются со 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 . Спасибо!

10 самых частых вопросов о том, как сделать что-то в фотошоп

Обычно если мы не знаем, как что-то сделать в фотошопе, мы спрашиваем у Гугла, Яндекса или Ютуба (они почти все знают). А на фотокурсах по фотошопу новички задают разные вопросы преподавателям. Мы собрали топ-10 самых частых вопросов новичков, которые только начитают разбираться в обработке фотографий в Adobe Photoshop. Проверьте, все ли вы уже знаете из этого минимума.

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

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

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

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

Как создать слой в фотошопе?

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

Любое изображение открывается в фотошопе в виде слоя. Создать слой можно, кликнув по значку нового слоя в окне слоев или используя горячие клавиши Ctrl+N.

Слои в фотошопе можно:

  1. создавать и удалять;
  2. дублировать;
  3. закреплять как фон;
  4. перетягивать между собой вверх-вниз;
  5. скрывать и снова делать видимыми;
  6. объединять в группы;
  7. накладывать друг на друга в разных режимах наложения;
  8. растрировать;
  9. менять заливку и степень прозрачности;
  10. менять масштаб и смещать в плоскости относительно друг друга;
  11. преобразовывать в смарт-объекты;
  12. применять к ним маски.

Эти операции мы будем проделывать, отвечая на другие вопросы по фотошопу.

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

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

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

Удаление фона при помощи быстрого выделения:

Выберите инструмент быстрого выделения и обведите объект по контуру, не затрагивая границы объекта.

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

Когда весь фон удалось аккуратно выделить, нажмите Delete. Подотрите ластиком края, если где-то еще заметен фон.

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

Чтобы фон так и остался прозрачным, сохраните изображение в формате PNG.

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

Удаление фона при помощи волшебной палочки:

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

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

Выберите волшебную палочку и кликните левой кнопкой мыши по зеленому фону. Этот инструмент корректно работает именно с однотонными фонами.

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

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

Сохраните изображение в формате PNG, чтобы фон остался прозрачным.

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

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

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

Должно получиться примерно так:

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

Чтобы отделить объект от фона, нужно немного размыть фон. Для этого, находясь на слое с фоном (кухней), зайдите во вкладку Фильтры - Размытие - Размытие по Гауссу.

Подберите достаточный радиус размытия, а данном случае не больше 1.

Сохраните изображение в формате JPG.

Если же вы сняли портрет на закрытой диафрагме, и вам захотелось размыть фон уже при обработке, откройте фотографию в фотошопе и сделайте дубль слоя (Ctrl+J). Находясь на верхнем дубле слоя, зайдите в Фильтры - Размытие - Размытие по Гауссу. Подберите нужный радиус размытия и нажмите Ок. 

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

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

Как сделать рамку в фотошопе?

Проще всего сделать рамку в фотошопе, используя инструмент кадрирования (С). Просто потяните за край снимка, и у вас появятся поля того цвета, который у вас выбран как фоновый. 

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

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

Скачайте рамку на компьютер и откройте в фотошопе. А потом вставьте какую-нибудь фотографию. В данном примере мы используем свадебные фотографии, снятые Кириллом Гринько на фотослете, организованном фотошколой BLENDA.

Если вставленная фотография меньше или больше по размеру, чем рамка, изменяем размеры фотографии, захватив за квадратик скраю кадра и зажав клавишу Shift, чтобы сохранить пропорции снимка при изменении его размера. Поскольку рамка повернута, нам нужно и фотографию повернуть. Для этого заходим в Редактирование – Свободная трансформация (Ctrl+T). 

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

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

Вставьте еще одно фото и повторите все эти действия еще раз.

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

Сохраните фото в формате PNG, чтобы прозрачные края рамки остались прозрачными.

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

Блиц

А теперь блиц-опрос. То есть вопросы, на которые можно ответить сходу и без скринов.

Как работать в фотошопе онлайн? 

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

Как установить фотошоп на телефон?

Зайдите в PlayMarket или AppStore, в поисковой строке введите Adobe Photoshop Express, установите и обрабатывайте фотографии у себя на телефоне.

Как установить фотошоп бесплатно? 

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

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

При загрузке программы вы можете выбрать русский язык интерфейса. Но если в процессе установки вы оставили английский язык, который стоит по умолчанию, вы можете его изменить, зайдя в Edit – Preferences – Interface. А там в графе UI Language выбрать русский язык.

Материалы по теме обработки в Adobe Photoshop ищите по тегу #фотошоп.

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

Поделиться в социальных сетях

Вконтакте

Facebook

Twitter

5670

Что можно приготовить из кальмаров: быстро и вкусно

Достаточно часто при обработке изображений в графическом редакторе изображений Adobe Photoshop требуется создать прозрачный фон вокруг какой-то части редактируемого изображения. Без данной процедуры не обойдись, если вы делаете коллаж из фотографий, накладываете одну часть первого изображения на второе, или создаете изображение с прозрачным фоном для веб-сайта формата.GIF или.PNG. Как создать прозрачный фон в Фотошопе в этом случае?

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

  1. Любым способов, выделите ту часть изображения, которую следует оставить непрозрачной. К примеру, для этого можно использовать инструмент «Лассо». После выделения вы должны получить замкнутую фигуру, образованную линией выделения с мерцающими контурами.
  2. Создайте копию выделенного слоя нажатием клавиш Ctrl и J на клавиатуре. В окне управления слоями должен появиться новый слой, содержащий только выделенный в предыдущем шаге фрагмент исходного изображений. Фон вокруг данного фрагмента в новом слое должен быть прозрачным.
  3. Теперь можно удалить слой с исходным изображением, перетащив его в окне управления слоями в корзину, и сохранить новый слой в одном из двух форматов, поддерживающих прозрачные фоны: GIF или PNG. Или продолжить работу с выделенным фрагментом, вклеивая его в соответствии со своими задумками в другие изображения.
Разумеется, что в п.1 для выделения нужной области, в зависимости от исходного изображения, можно использовать другие более гибкие инструменты: «Магнитное лассо», «Быстрое выделение», «Волшебную палочку».

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

Сделать это с минимальными усилиями позволяет фильтр Extract (извлечение). Данный фильтр по каким-то причинам убран разработчиками из последних версий фотошопа, но остался доступен в качестве установке дополнительного внешнего модуля.

Чтобы сделать прозрачный фон с его помощью сделайте следующее.

  1. В верхнем главном меню нажмите на группу «Фильтр» и в появившемся меню выберите пункт «Extract».
  2. В левой части окна выберите инструмент с названием пограничный маркер (Edge Highlighter Tool). Задайте необходимый размер маркера справа в окне «Brush Size» в соотвествии с размером изображения.
  3. Проведите маркером по границе отделяемого фона таким образом, чтобы маркер закрашивал примерно половину вырезаемой фигуры и половину отделяемого фона. Не стремитесь сразу к идеалу. Впоследствии вы можете подкорректировать результат работы в данном шаге. Образуйте замкнутое выделение.
  4. Залейте с помощью заполнителя «Fill Tool» ту часть изображения, которую нужно составить на прозрачном фоне и нажмите кнопку «Ок».
  5. В результате вы получите выбеленное изображение на прозрачном фоне.
  6. Теперь можно исправить все недостатки выделения, полученные в п.3 с помощью инструмента «Архивная кисть», которая будет восстанавливать ошибочно удаленные участки. Или наобор, удалять все лишее, что попала в рисунок с помощью инструмента «Ластик».
Для закрепления в памяти данного материала попробуйте описанные способы на практике на различных видах изображений и после этого вы всегда сможете сделать прозрачный фон в Фотошопе.

По умолчанию все новые слои в фотошопе создаются со 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 . Спасибо!

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

Необходимо:

— Adobe Photoshop.

Инструкция:

  • У программы «Photoshop» есть одна выгодная отличительная особенность , которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
  • Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя «, а после этого нажать на «Ок ». У вас должно получиться два идентичных слоя: «Фон » и «Слой1 ».
  • Далее слой «Фон » нужно скрыть . Для этого нужно просто кликнуть на «глазок » обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е »). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
  • После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение , чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd (который является форматом Фотошопа) или формат .png . В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат .png более практичен, поскольку его распознает большее количество программ.
  • Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным. Однако представленный здесь является наиболее простым , но иногда может возникнуть необходимость использовать и другие. Для того чтобы хорошо разбираться в Фотошопе и чувствовать какой из методов когда лучше использовать, нужно много практиковаться, или пойти на курсы по графической обработке фотографий.

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

Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора 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.

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

Оценить статью:

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

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

Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл – Открыть и указываем расположение изображения.

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

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

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

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .

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

Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .

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

А теперь смотрите что было и что стало:

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

На этом сегодня всё, желаю удачи!

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

Вам понадобится

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

Инструкция

Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу 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.

21.12.14 32.7K

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

Основы работы c фоном в Photoshop

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


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

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

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


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

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

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


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


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

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

Удаляем небо

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


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

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


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


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


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

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


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


Теперь можно добавить новый слой и заполнить небо над Сахарой яркими красками:

Размытие заднего фона

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


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

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

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

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


Перед тем, как сделать задний фон размытым, применим встроенный фильтр графического редактора. Для этого в меню «Фильтр » выбираем пункт «Смазывание » — «Смазывание Гаусса »:


Получилось, конечно, не без изъянов. Но все их можно убрать с помощью инструмента «Размытие ». И вот что получилось:


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


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

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

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

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

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

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

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

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

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

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

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

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

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

Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора 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.

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

Оценить статью: Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

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

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

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

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

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

Единственный минус Pixlr - нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

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

Как создать и изменить прозрачный градиент в Photoshop Обработка в Photoshop Йорис Херманс
Подпишитесь ниже, чтобы сразу загрузить статью

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

Прозрачный градиент в Photoshop очень полезен для фотографов и графических дизайнеров.

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

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

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

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

Шаг 1. Добавьте новый слой

Откройте фотографию, которую хотите использовать в Photoshop.

Щелкните значок «Создать новый слой» на панели «Слои».

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

Дважды щелкните фоновый слой, чтобы разблокировать его. Щелкните ОК. Теперь щелкните и перетащите новый слой полностью вниз, чтобы он стал фоном.

Шаг 2: Добавьте маску слоя

Выберите слой, содержащий фотографию.

Щелкните значок «Добавить маску слоя» на панели «Слои».

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

Покрасьте белым, и они снова появятся.

Шаг 3. Добавьте прозрачный градиент

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

Выберите инструмент градиента на панели инструментов слева.

В верхнем меню выберите черно-белый градиент.

Убедитесь, что эскиз маски выбран.

Щелкните любую сторону фотографии и перетащите курсор на фотографию ближе к центру. Отпустите половину фотографии.

Часть фото становится прозрачной. Если вам не нравится результат, нажмите Cmd + Z (Ctrl + Z для окон), чтобы отменить и повторно применить градиент.Вы также можете просто снова залить маску слоя белым цветом.

Шаг 4: Заливка фонового слоя

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

Убедитесь, что фоновый слой выбран, и залейте его выбранным цветом.

И это очень простой способ превратить фотографию в фон в Photoshop.

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

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

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

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

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

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

Заключение

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

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

Об авторе

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

[type = 'text']

[type = 'text']

[type = 'password']

[type = 'password']

['rmockx.RealPlayer G2 Control ', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', 'RealPlayer']

['rmockx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer (tm) ActiveX Control (32-разрядный)', 'RealVideo.RealVideo (tm) ActiveX Control (32-бит)', «RealPlayer»]

Работа с прозрачными текстовыми слоями в Photoshop - Medialoot

Позвольте фону проявиться с этим стильным эффектом «вырезания»

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

Шаг 1

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

Шаг 2

Нарисуйте белый прямоугольник на холсте и установите для параметра «Непрозрачность» значение около 90%.

Шаг 3

Теперь добавьте текстовый слой, который мы сделаем прозрачным. Убедитесь, что цвет текста на 100% черный (# 000000), а затем сгруппируйте текст и прямоугольник вместе.

Шаг 4

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

Шаг 5

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


Шаг 6

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

Щелкните правой кнопкой мыши текстовый слой на панели «Слои» и выберите «Преобразовать в форму». Используйте инструмент «Выбор контура», чтобы выделить текст, вырезать (CMD + X) и вставить (CMD + V) его на слой прямоугольника.Не снимая выделения с текстовых фигур, выберите «Вычесть переднюю форму» в раскрывающемся списке «Операции с контурами».

Результат

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

Редактирование непрозрачности с помощью масок слоя

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

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

Установка слоя с непрозрачностью 50% делает все его пиксели наполовину видимыми. Если ситуация требует переменной видимости, тогда маски слоя - это ответ.

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

Когда свет горит или белый, изображение видно.Когда свет выключен или черный, слой не виден.

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

Оттенки серого Средняя переменная непрозрачность

Непрозрачность не всегда включена или отключена. Использование оттенков серого позволяет пикселям быть частично непрозрачными.Чем светлее маска, тем более непрозрачной она будет. Например, маска с белым на 80% будет видна на 80%, а маска с белым на 20% будет видна на 20%.

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

Простые примеры

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

  1. Исходное изображение устанавливает вырезанную голову на бежевом фоне.
  2. Положить на макушку более счастливое лицо - не работает; освещение немного выключено.
  3. Кисть с мягкими краями на маске смешивает лицо и голову вместе.

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

Края слоя не отличаются от центра с точки зрения редактирования.

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

Диапазон переходов

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

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

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

Эффект не обязательно должен быть «все или ничего». Рисуя оттенками серого (или используя Изображение → Коррекция → Кривые или Изображение → Коррекция → Уровни), очки могут казаться отражающими облака, а не стать порталами в небо. Иногда для этого требуется более точный контроль или лучшее представление о том, как выглядит маска.

Как узнать, что происходит

Чтобы увидеть маску как изображение в оттенках серого, щелкните ее значок в палитре «Слои», удерживая нажатой клавишу «Option» (Mac) или «Alt» (Windows).Щелкните значок слоя, чтобы вернуться к «нормальному» виду. Одним из преимуществ щелчка по маске при нажатой клавише Option или Alt является то, что это дает вам возможность вставить.

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

Любое изображение, которое можно скопировать - слой, часть фотографии или иллюстрацию - можно вставить в маску.Приведенная выше маска была создана путем копирования твердой формы, щелчка по значку маски с нажатой клавишей Option / Alt и вставки. Отсюда маску можно редактировать любым инструментом рисования.

Редактирование маски, а не слоя

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

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

Ярлыки

При редактировании маски пригодятся несколько сочетаний клавиш. Введите букву «D» (Mac или Windows), чтобы установить рабочие цвета по умолчанию (черный и белый). Нажатие «X» переключает цвета фона и переднего плана. Это переключает между уменьшением непрозрачности (черный) и его восстановлением (белый).

Сочетание клавиш «X» позволяет очень легко переключаться между ними, а маски слоя позволяют удалять и восстанавливать непрозрачность.

Заключение

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

Написано Беном Гремиллионом специально для Webdesigner Depot.Бен внештатный писатель и дизайнер , который решает проблемы общения с помощью лучшего дизайна.

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

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

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

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

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

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

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

Шаг 1. Откройте изображение как слой

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

Файл -> Открыть как слои

Открыть как слои

Шаг 2. Используйте инструмент «Нечеткое выделение»

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

Шаг 3. Добавьте прозрачность

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

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

Слой -> Прозрачность -> Добавить альфа-канал

Шаг 4: Удаляем фон

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

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

При необходимости, возможно, придется повторить шаги 2–4. . В этом примере мне нужно удалить синий фон.

Шаг 5: Экспорт изображения

Чтобы экспортировать изображение, выберите «Файл» -> «Экспортировать как», выберите формат файла PNG и нажмите «Экспорт». Все сделано!

Расширенное руководство: Удаление сложного фона изображения в GIMP

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

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

Шаг 1: Добавьте слой прозрачности

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

Шаг 2: Выберите передний план

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

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

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

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

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

Шаг 3. Настройте свой выбор

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

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

Нажмите клавишу ввода , когда будете удовлетворены.

Шаг 4: Окончательная регулировка

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

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

  • Убедитесь, что вы находитесь в диалоговом окне контуров
  • Щелкните параметр , выделенный для пути
  • Отобразите путь> Щелкните Ctrl + Shift + A, чтобы отменить выделение пути
  • Выберите инструмент контуров
  • Щелкните путь

Акцент на точность контура

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

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

Чтобы отрегулировать кривизну контура : Нажмите клавишу Ctrl и перетащите узел. Ручки узлов будут раскрыты, чтобы увеличить точность до максимума.

Чтобы удалить узел : Щелкните сочетание клавиш ctrl + shift и щелкните узел, чтобы удалить его.

Когда контур будет уточнен до окончательной формы, щелкните параметр « Выбрать из контура ».

Шаг 5: Добавьте маску слоя

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

Чтобы добавить маску слоя, щелкните правой кнопкой мыши текущий слой> Добавить маску слоя> Выделение и нажмите Добавить.

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

Шаг 6: Добавьте новый фон

Чтобы создать новый фон, вы должны создать новый слой.Если вы регулярно читаете It’s FOSS, вы уже знаете, как создать новый слой, как это показано в нескольких руководствах по GIMP.

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

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

Я предпочитаю в этом примере использовать инструмент градиента, и да, я выбрал цвета из Ubuntu!

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

Заключение

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

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


Нравится то, что вы читаете? Пожалуйста, поделитесь этим с другими.

Создание прозрачного фона для других программ

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

Выбор формата зависит от конечного использования документа. Например, веб-страница не может использовать собственный документ Photoshop; вы должны сохранить копию как прозрачный PNG или GIF. Adobe InDesign распознает прозрачность в документах Photoshop, поэтому вам не нужно ничего менять перед помещением документа в файл InDesign.Вы можете использовать Таблицу 13.4 в качестве краткого справочника по распространенным типам прозрачного вывода, после чего я подробно расскажу о деталях.

Таблица 13.4. Создание прозрачности для других программ

Чтобы сохранить прозрачность для…

… сделайте это

программы Adobe (печать, видео, Интернет)

документ (изменения не требуются) [*]

QuarkXPress 7.0 или новее

Импортировать как документ Photoshop (изменения не требуются)

Программы макета страницы, которые не поддерживают прозрачность Photoshop

Создать обтравочный контур; сохранить как EPS или TIFF [**]

Программы веб-дизайна не Adobe

Сохранить как прозрачный PNG или GIF

Программы редактирования видео не-Adobe

Настройте альфа-канал, сохраните как TIFF


[*] Убедитесь, что прозрачность Photoshop совместима с версией программы Adobe, которую вы используете.Программы Adobe Creative Suite 2 и Adobe Production Studio напрямую поддерживают формат документов Photoshop.

[**] Некоторые программы верстки могут не читать альфа-каналы в документах TIFF; в такой программе попробуйте EPS с обтравочным контуром.

Рекомендации по поддержанию прозрачности в других программах

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

Ваш рабочий процесс с большей вероятностью сохранит прозрачный фон в документах Photoshop, если вы будете использовать следующие рекомендации:

  • Создавайте новые документы с прозрачным фоном. При выборе «Файл»> «Создать» выберите «Прозрачный» во всплывающем меню «Содержимое фона».

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

  • Храните мастер-файлы в виде многослойных документов Photoshop. Не сглаживайте их и не архивируйте в неслоистых форматах, таких как JPEG.Большинство плоских файлов не могут сохранять прозрачность.

  • Если ваши мастер-файлы не сохранены как 8-битные документы RGB (или 8-битные CMYK для печати), сохраняйте копии, используя эти спецификации, для использования с большинством других программ. Другие программы могут не распознавать прозрачность в документах Photoshop, сохраненных с другой глубиной цвета или другими цветовыми режимами.

Создание прозрачного фона для печати

В последние годы Adobe обновила больше своих программ для прямой поддержки прозрачности Photoshop, так что все, что вам нужно сделать, это импортировать 8-битный документ Photoshop и все прозрачные области документ Photoshop сохраняется.Это, безусловно, верно в отношении Adobe InDesign CS2 и Adobe Illustrator CS2. В обеих программах просто выберите «Файл»> «Поместить», чтобы импортировать документ Photoshop, и, если документ Photoshop имеет прозрачность, он будет таким же отображаться на странице InDesign или Illustrator.

Создание альфа-каналов для других программ

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

Чтобы использовать альфа-канал для создания прозрачного фона для другой программы:

1.

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

2.

Выберите «Выделение»> «Сохранить выделение».

3.

В диалоговом окне «Сохранить выделение» убедитесь, что Document - это имя текущего документа, для Channel установлено значение New, а для Operation - New Channel (рисунок 13.10).

Рисунок 13.10.


4.

Назовите новый альфа-канал и нажмите OK.

5.

Выберите «Файл»> «Сохранить как». Во всплывающем меню «Формат» выберите формат, необходимый для другой программы (TIFF - это типичный формат, используемый с альфа-каналом), и убедитесь, что альфа-каналы включены (рисунок 13.11). Не все форматы сохраняют альфа-каналы.

Рисунок 13.11.

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

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

Чтобы сохранить документ с обтравочным контуром:

1.

Создайте контур, отмечающий область, которую вы хотите сделать прозрачной (рис. 13.12). Вы можете нарисовать контур с помощью инструмента «Перо» или выбрать фон, используя любую комбинацию инструментов выделения, а затем преобразовать выделение в контур (выберите «Создать рабочий контур» в меню палитры «Контуры», введите значение допуска и нажмите «ОК»).

Рисунок 13.12.


2.

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

3.

Выберите «Обтравочный контур» в меню палитры «Контуры».

4.

Назовите путь и нажмите OK. (Обычно вам не нужно вводить значение Flatness, если нет проблем с выводом на более старом устройстве вывода.) Имя пути выделяется в палитре Paths (рисунок 13.13).

Рисунок 13.13.


5.

Выберите «Файл»> «Сохранить как». Во всплывающем меню «Формат» выберите один из следующих форматов:

  • Выберите Photoshop EPS, Photoshop PDF или Photoshop DCS 1.0 или 2.0.

  • Если вы собираетесь импортировать файл в Adobe InDesign или Adobe PageMaker 5.0 или более позднюю версию, вы можете выбрать формат TIFF.

6.

При необходимости укажите другие параметры сохранения и нажмите «Сохранить».

7.

Импортируйте файл в другую программу (рисунок 13.14).

Рисунок 13.14.


Создание прозрачного фона для Интернета

Как и в случае с печатью, Adobe упрощает вам задачу, если вы используете Adobe GoLive CS2, редактор веб-сайтов, который поставляется с Adobe Creative Suite CS2. С Adobe GoLive вам не нужно преобразовывать документ Photoshop в формат, удобный для Интернета; GoLive сделает это за вас, когда вы импортируете документ Photoshop.На первый взгляд кажется, что шагов больше, но на самом деле работы меньше.

Чтобы использовать документ Photoshop с прозрачным фоном в GoLive:

1.

Подготовьте документ Photoshop с прозрачным фоном.

2.

В GoLive откройте веб-страницу, которая будет содержать файл Photoshop, и щелкните вкладку «Макет» в верхней части окна документа.

3.

Перетащите документ Photoshop с рабочего стола в окно документа GoLive.

4.

В появившемся диалоговом окне «Сохранить для Интернета» выберите один из предустановок для GIF или PNG и убедитесь, что установлен флажок «Прозрачность». Прозрачные области выглядят как узор в виде шахматной доски (рис. 13.15). Когда вы будете готовы, нажмите «Сохранить», чтобы создать прозрачный, оптимизированный для Интернета файл.

Рисунок 13.15.

Оптимизированная графика появляется на странице с прозрачным фоном, так что фон страницы просматривается сквозь графику (рис. 13.16).

Рисунок 13.16.


Если вы импортировали документ Photoshop, содержащий несколько слоев, GoLive импортирует каждый слой по отдельности и перекомпоновывает их в макете; просто повторите шаг 4 для каждого слоя.

Если вы хотите использовать документ Photoshop на веб-странице и сохранить прозрачность фона, и вы не используете Adobe GoLive, вам необходимо сохранить копию документа Photoshop в любом из двух форматов, поддерживающих прозрачность. в Интернете: PNG (формат переносимой сетевой графики) или GIF (формат обмена графикой). Популярный формат JPEG не поддерживает прозрачность.

Для сохранения веб-графики с прозрачным фоном:

1.

Откройте документ Photoshop с прозрачным фоном.

2.

Выберите «Файл»> «Сохранить для Интернета».

3.

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

4.

Укажите другие параметры и нажмите Сохранить.

5.

Импортируйте сохраненный документ PNG или GIF в другую программу.

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


Создание прозрачного фона для редактирования видео

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

Большинство видеопрограмм, не принадлежащих Adobe, ожидают, что прозрачность документа будет отображаться в форме альфа-канала (см. Врезку «Создание альфа-каналов для других программ»). Изучите документацию к программному обеспечению для видео, которое вы используете, чтобы узнать, какие форматы файлов оно поддерживает для обеспечения прозрачности, и сохраните графику из Photoshop в этом формате. Для видеопрограмм обычно поддерживаются такие форматы, как TIFF и Photoshop с альфа-каналом; собственная прозрачность Photoshop может не поддерживаться.

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

Как добавить или изменить цвет фона в изображениях с прозрачным фоном - Район залива фотографов-ювелирных изделий - Сан-Франциско

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

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

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

Шаги по изменению цвета фона

Это быстрый процесс в Photoshop или Photoshop Elements.

1. Добавьте слой сплошной заливки

Откройте ваше изображение в Photoshop. Клетчатый фон, показанный ниже, - это способ Photoshop сообщить вам, что файл имеет прозрачный фон, то есть без фона. Затем добавьте слой заливки, выбрав Слой> Новый слой заливки> Сплошной цвет.

«Заливка» означает заливку области определенным цветом.

В появившемся диалоговом окне нажмите ОК.

2. Выберите цвет фона

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

3. Переместить слой ниже

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

Вам нужно щелкнуть и перетащить слой заливки и переместить его под слой изображения. Это оно.

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

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

4. Сохранить как JPG и PSD

Выберите "Файл"> "Сохранить как".. и выберите JPG из раскрывающегося списка, чтобы сохранить файл с выбранным фоном. Затем снова нажмите Файл> Сохранить как ... и выберите PSD из раскрывающегося списка - это формат Photoshop по умолчанию, который сохранит файл со слоями. Так что, если вы захотите изменить фон позже, вы можете вернуться и сделать это вместо того, чтобы снова создавать новый слой заливки.

Как создать эффект градиентного фона

На шаге 1, где вы создаете новый слой заливки, вместо выбора «Сплошная заливка…» выберите «Градиент…»

Цвет градиента по умолчанию, который вы видите, основан на последнем использованном вами цвете.Щелкните раскрывающийся список "Градиент". Вы увидите варианты ниже. Я выбрал третий вариант (черный / белый).

Вот последнее изображение.

Как создать узорчатый фоновый эффект

Аналогичным образом выберите «Шаблон…» на шаге 1 и выберите шаблон по умолчанию из раскрывающегося списка. Photoshop применит к изображению. Отображается только несколько шаблонов, но есть способы купить больше шаблонов и добавить их в свою учетную запись.

Как сохранить PNG с белым фоном

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

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

Удаление фона в Photoshop

Удаление фона в Photoshop

Learning Software (версия CS6 для Macintosh; ссылку на обновление CC 2020 см. Ниже)

Самоучитель Росс Коллинз, Государственный университет Северной Дакоты

Удаление фонов.

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

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

Вы можете выполнить это упражнение со своими фотографиями или выбрать эти:

удалить фон.

замена фона.

I. Фон почти монохроматический.

Если ваш фон почти того же цвета и отличается от переднего плана, вы можете просто стереть его.

1. Создайте копию фонового слоя из раскрывающегося списка "Слои" или из всплывающего меню справа от панели "Слои".

2. Отключите исходный фоновый слой на панели «Слои», отключив значок глаза.

3. Выберите «Ластик для фона» на панели инструментов.

4. При необходимости установите допуск в контекстном меню вверху. Начните примерно с 25 процентов, от пределов до смежных.

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

6. Чтобы исправить области изображения, которые вы хотите сохранить, выберите инструмент «Ластик». Включите «Стереть в историю» (непрозрачность 100%).Сотрите области, чтобы восстановить изображение по мере необходимости. Очистите фон, перетащив Ластик для фона. (Используйте команду нажатия клавиш для увеличения или уменьшения масштаба: клавиши Command и + или -.) Сохраните как Photoshop, чтобы сохранить слои, или как jpg для выравнивания.

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

8.Выберите «Новый слой» в раскрывающемся списке «Слой» или во всплывающей панели. Вставьте изображение на этот новый слой.

9. На панели «Слои» перетащите слой копии фона вверх - это поместит этот слой над другим слоем.

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

10. Работая над слоем фоновой копии, выберите инструмент «Ластик фона» и снова сотрите, как вы делали в упражнении выше.При необходимости используйте сочетание клавиш Command-z, чтобы вернуться назад. Да, я знаю, что это требует ловкости. Мышь - это навык ....

11. Сохранить как jpg.

II. Фон загроможден.

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

1. Откройте фото в фотошопе. Дублируйте фоновый слой и работайте с фоновым слоем-копией. Отключите вид исходного фонового слоя, как указано выше.

2. Выберите «Правка» в режиме быстрой маски в нижней части панели инструментов или в раскрывающемся меню «Выбрать».

3. Выберите инструмент «Кисть». Выберите кисть с жесткими краями, непрозрачность 100%.

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

5. Выключите режим быстрой маски. Рубиновая область превратится в выделение.

6. Отрегулируйте выделение более точно с помощью инструмента «Лассо» и клавиш + или -.Клавиша - выберет области маски, которые вы хотите добавить, или наоборот.

7. Когда будете готовы, выберите Удалить. Снимите выделение.

8. Если вы хотите удалить передний план вместо фона, выберите «Обратный» в раскрывающемся меню «Выбрать», а затем - «Удалить».

9. Если хотите, добавьте еще один фон, как описано выше.

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

Новинка! Альтернативный подход к удалению фона в Photoshop CC 2020. См. Раздел «Выделение и маска».

.

alexxlab

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

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