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

Содержание

Как сделать фон прозрачным (photoshop)

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

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

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

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

2. Далее…

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

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

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

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

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

Похожее

Запись опубликована в рубрике Разное с метками Photoshop.

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

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

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

Быстрый и грязный способ удалить фон в фотошопе

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

Начните с копирования фонового слоя, чтобы создать тип слоя. Фотошоп должен использовать инструмент. Выберите всю фотографию (команда + A в MacOS или Control + A в Windows) и скопируйте и вставьте. На панели слоев щелкните значок глаза рядом с фоновым слоем, чтобы скрыть фон. Отсюда вы будете работать только с новым слоем, который вы только что создали.

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

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

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

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

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

Выбор инструмента выбора Photoshop

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

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

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

Инструмент « Выбор объекта» использует искусственный интеллект для выбора границ объекта. Вы рисуете грубый контур, чтобы указать, какой объект, а AI Photoshop сделает все остальное. Этот инструмент также можно использовать для удаления объекта из текущего выделения.

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

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

1. Перейти к выбору> выбрать тему

Инструмент «Выбрать тему» в Photoshop позволяет легко приступить к удалению фона. Перейти к Select> Select Subject . Процесс занимает несколько секунд, но Photoshop затем приблизительно выберет объект фотографии, используя искусственный интеллект. Инструмент, как правило, не совершенен, но ничего страшного — вы можете уточнить выбор на следующем шаге.

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

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

Если инструмент «Выбрать тему» работает идеально (это происходит!), Перейдите к шагу 4.

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

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

Точно настройте выделение, перейдя в Select> Select и Mask . В окне Выбор и маска уточните выбор. Используйте инструмент «Кисть» на панели инструментов слева и выберите значок «плюс» на верхней панели инструментов, затем нарисуйте все, что должно быть включено в выбор, но не включено. Или щелкните значок минус в верхней части, чтобы зачистить части, которые не должны быть частью выделения. Помните, что цель состоит в том, чтобы выбрать предмет, оставляя фон, который вы хотите удалить, невыбранным.

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

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

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

3. Преврати свой выбор в слой

Сохраните то, что вы уже выбрали, на новом слое, даже если он еще не идеален — просто убедитесь, что вы не пропустили ничего, что должно быть выделено. С этими «марширующими муравьями», по-прежнему указывающими ваш выбор, скопируйте (Control или Command + C) и вставьте (Control или Command + V) выбор. Вставленный выбор автоматически отобразится как его собственный слой. Кроме того, вы также можете перейти к Layer> New> Layer Via Copy .

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

4. Продолжайте очистку с помощью инструментов Лассо и ластика.

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

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

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

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

5. Удалить фон

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

6. Сохранить как PNG

Если вы сохраните свой файл в формате JPEG, вы получите белый фон, потому что JPEG не поддерживает прозрачность. Перейдите в Файл> Сохранить как и выберите PNG из опций типа файла. Теперь у вас есть файл PNG, который вы можете разместить в любом месте с прозрачным фоном. Если вы хотите иметь возможность легко вносить дальнейшие изменения, вы также можете сохранить вторую версию в виде файла .PSD.

Связанный

Делаем объекты прозрачными, добавление пузырей в фотошопе, надувная мебель, прозрачная мебель, пузыри в уроке фотошопа

Превращаем пузыри в прозрачные

Чтобы сделать объект прозрачным нам понадобятся две картинки. Одна с объектом, который хотим сделать прозрачным (в моём случае это жёлтый диван), другая с пузырями. На третьей картинке готовая работа:

шаг 2 Сначало нужно вырезать пузырь. — Открываем изображение с пузырями. — Выделяем пузырь с помощью «polygonal lasso tool» (чтобы выделить более точно, увеличте изображение на 300%) и вырезаем его на новый слой (не снимаем выделение). Чтобы сделать это жмём «Ctrl+Shift+’J'» (для MAC — «Shift+Command+J»).Я не люблю использовать магнитное лоссо или волшебную палочку поскольку они не точные.

шаг 3 Теперь выберем белые части бузыря. — Выделяем пузырь если он не выделен. Идём «Select>Color range». Настройки как на картинке. Пипеткой щёлкаем в месте, указаном на картинке красным кругом. Жмём ОК.

шаг 4 Далее жмём «Delete», чтобы избавиться от лишнего. У вас должно получиться приблизительно так:

шаг 5 Теперь перемещаем наш пузырь в картинку с диваном. Для этого выделяем слой с пузырём (Ctrl+’A’) и копируем его в буфер (Ctrl+’C’). Открываем картинку с диваном, создаём новый слой и жмём «Ctrl+’V'».

шаг 6 Теперь нужно удалить яркие и тёмные пятна в нижней части пузыря. Для этого берём «Eraser tool» (настройки как на картинке) и стираем их.

шаг 7 Теперь делаем резервную копию пузыря и скрываем его. Для этого делаем слой с пузырём акривным и жмём «Ctrl+’J'» (Mac — «Command+’J'»). Чтобы скрыть слой жмём на глазик возле нужного слоя.

шаг 8 Сейчас начинается тяжёлая и нудная работа. Начните работу с первого пузыря. Выделяем его и жмём «Ctrl+’T'». Далее «правый клик>Warp». Теперь приступайте к деформации пузыря. Я начал с левого верхнего угла дивана.

шаг 9 Опять дублируем слой с исходным пузырём как на шаге 7, и продолжаем работу.

шаг 10 Повторите 8 и 9 шаги нужное количество раз. В итоге у вас должно получиться так:

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

шаг 12 Шаг 12 тоже займёт много времени и сил. Когда вы закончите ваш объект должен выглядеть так:

шаг 13 Теперь понадобится много терпения и сил. Нужно будет клонировать объекты с картинки, чтобы скрыть диван. Для этого берём «Clone Stamp tool». Зажимаем «Alt» (Mac — Command) и выбираем место откуда будем клонировать. Далее устанавливаем нужный размер кисти и приступаем к работе.

шаг 14 После проделаных шагов и использования «burn tool», моя картинка стала выглядеть так:

уроке фотошоп, уроки фотошопа, урок Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дело в том, что использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в Без этого никак. Идем в «Файл», «Сохранить как…» и в строке выбора формата выходного файла выбираем 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 . Спасибо!

Очень часто при создании поздравительных открыток или видео я сталкивалась с вопросом: Как это можно сделать без знания фотошопа ?

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

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

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

Приступим к делу.

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

Перед Вами откроется вот такое окно:

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

Рисунок появляется на страничке сервера:

Справа выходя 3 окошечка и в среднем из них нарисован замочек. Нажмите на нем 2 раза левой мышкой. Таким образом откроется дверь в волшебство.

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

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

Выходит окошечко, в котором Вас спрашивают: «Сохранить изображение перед закрытием?» Нажимаем «Да «.

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

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

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

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

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

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

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

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

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

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

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

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

Удаляем небо

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

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

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

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

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

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

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

После этого на выделенной области жмем правой кнопкой мыши, и в появившемся контекстном меню выбираем «Слой через обрезание »:

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

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

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

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

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

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

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

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

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

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

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

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

Теперь проделываем следующее:

На панели инструментов активируем инструмент «Кисть »;
В параметрах задаем диаметр кисти и жесткость воздействия:

В сборщике устанавливаем черный цвет для переднего фона:

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

Facebook

Twitter

Вконтакте

Одноклассники

Google+

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

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

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

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

Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.

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

Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».

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

Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.

Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.

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

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

Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

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

Использование волшебной палочки

Самый простой способ сделать прозрачный фон в Фотошопе CS6 и новых версиях — это использования инструмента «волшебная палочка » или «magic wand ». Далее дана пошаговая инструкция:

Ластик

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

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

Замена фона

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

Как сохранить картинку без фона в Фотошопе

Сохранить картинку без фона не получится в обычном формате JPEG, после сохранения иллюстрации фон создастся автоматически. Чтобы сохранить нужную иллюстрацию с прозрачным фоном надо использовать формат PNG . Для его использования нужно следовать пути: файл — сохранить как – тип при сохранении указываем PNG.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

○ 2 способ :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удаляем небо

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

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

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

39 60 922 0

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

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

Подготовка к обработке

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

В качестве примера мы используем знак «СТОП», но, в принципе подойдёт любая оригинальная фотография . Итак, изображение мы загрузили. Что дальше?

Работаем с «волшебной палочкой»

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

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

Удаляем фон

Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.

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

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

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

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

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

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

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

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

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

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

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

Инструкция

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

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

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

Удаляем небо

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

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

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

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

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

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

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

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

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

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

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

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

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

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

И заключительный этап – сохранение изображение. Формат JPEG не поддерживает прозрачность, поэтому прозрачный фон сохраняется как белый. Сохранять полученную картинку нужно в формате PNG.

Удаление фона с изображений или логотипов

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

Воспользуйтесь этими быстрыми ссылками:

Что такое прозрачный фон PNG

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

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

Напротив, здесь вы можете увидеть логотип на белом фоне:

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

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

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

PNG, JPG, GIF

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

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

PNG

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

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

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

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

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

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

Самый популярный инструмент для редактирования PNG — Adobe Photoshop, но это не единственный инструмент на рынке. Мы рассмотрим эти три программы для редактирования PNG:

Давайте посмотрим.

Сделайте фон прозрачным с помощью Canva

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

Функция прозрачного фона доступна только в их профессиональном плане, который составляет 12,95 долларов США в месяц. Он поставляется с 30-дневной бесплатной пробной версией, поэтому вы можете бесплатно удалить столько фонов, сколько захотите, за месяц!

1. Начните с создания дизайна

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

Когда вы создадите свой дизайн, вы увидите экран, который выглядит следующим образом:

2. Загрузить изображение

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

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

Вы можете изменить размер по своему усмотрению.

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

3. Удалить фон

Нажмите на изображение, которое вы добавили в свой дизайн. Вы увидите ряд меню, в том числе «Эффекты». Выберите эффекты. Первый вариант, который вы увидите, будет «Средство для удаления фона».

Щелкните по нему, и все готово! Легко!

Раньше:

После:

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

4. Скачать образ

Выберите загрузку в правом верхнем углу. Вы увидите это меню:

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

Оцените Canva здесь.

Для ознакомления с прохождением видео смотрите это видео

Создайте свой фон с прозрачным PNG с помощью Adobe Photoshop

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

1. Откройте файл с вашим логотипом

2. Добавьте прозрачный слой

Выберите «Слой»> «Новый слой» в меню (или просто щелкните квадратный значок в окне слоев).

Новый слой должен автоматически стать прозрачным.

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

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

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

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

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

4.Сохранить логотип как прозрачное изображение PNG

Щелкните «Файл» -> «Сохранить как». Выберите «PNG (* .PNG) в качестве формата файла. Обратите внимание, что хотя прозрачный фон выглядит в Photoshop клетчатым, в конечном файле PNG он будет прозрачным. Теперь вы можете загрузить этот логотип с прозрачным фоном на свой сайт!

Совет. Возможно, вам потребуется перейти в «Режим» -> «Цвет RBG», чтобы изменить формат цвета изображения на RBG, который поддерживает прозрачность.

Для ознакомления с прохождением видео смотрите это видео

Сделайте свой фон прозрачным с помощью Fiverr

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

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

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

1. Перейдите на сайт Fiverr’s Logo Gigs

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

2. Выберите Gig

Эти выступления начинаются с 5 долларов за 1 изображение. Многие люди предлагают до 5 или 10 изображений всего за 5 долларов, поэтому обязательно ищите подходящие цены и услуги.

Мы рекомендуем выбирать кого-то с рейтингом 4,9 из 5,0 или выше, с неограниченным количеством версий и 5 изображениями. Доставка менее часа является обычным явлением, поэтому обратите внимание на быстрое выполнение заказа.

3. Приобретите Fiverr Service

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

Fiverr взимает плату за обслуживание сейчас (новинка этого года), поэтому выделите эту дополнительную сумму. Например, за этот гиг за 5 долларов взимается плата за обслуживание в размере 2,25 доллара!

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

Посмотрите выступления с логотипом Fiverr здесь.

Лучшие программы для редактирования изображений

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

Adobe Photoshop — золотой стандарт в любом типе редактирования изображений. Вы можете создавать прозрачные PNG, а также выполнять множество других профессиональных операций по редактированию изображений.Поставляется с бесплатной пробной версией и ежемесячными планами.
Canva — очень простой в использовании инструмент для онлайн-редактирования, который поможет вам создавать красивые дизайны без каких-либо сложностей. Мы сравниваем его с облегченной онлайн-версией Adobe Photoshop.
Snappa — это быстрый онлайн-инструмент, который поможет вам создавать онлайн-графику для социальных сетей, рекламы, блогов и многого другого. Это бесплатно, как и Canva.
Lumina — это настольное приложение (Mac и ПК), которое связывает традиционное редактирование изображений с технологиями искусственного интеллекта.На изображениях вы можете автоматически стирать объекты, изменять цвет неба и многое другое.
InPixio — это настольное приложение (Mac и ПК), предназначенное для удаления нежелательных объектов с изображений. Проверьте это, так как у них есть поддержка на английском, французском, немецком и испанском языках.
Ластик фона: superimpose — мобильное приложение, которое можно бесплатно загрузить для пользователей iOS. Вы можете просто прикоснуться к областям экрана, где вы хотите стереть фон, а затем экспортировать изображение как файл PNG.Это очень просто!
Ultimate Background Eraser — это приложение, похожее на Background Remover, но оно предназначено для пользователей Google Play / Android.

(Архивы) Adobe Photoshop CS3: Создание прозрачных изображений

Эта статья основана на устаревшем программном обеспечении.

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

Для получения дополнительной информации о фоне см. Работа с цветами.

Использование опции прозрачности

Вы можете использовать опцию Transparency для создания изображения на одном слое без значений цвета фона.

В меню File выберите New …
Откроется диалоговое окно Новый .
В текстовом поле Имя введите имя вашего изображения.
Установите ширину и высоту изображения.
В раскрывающемся списке Содержимое фона выберите Прозрачный.
Щелкните ОК.

Создание прозрачности

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

Откройте или создайте желаемое изображение.
При необходимости отрегулируйте фон изображения.
В меню File выберите Save for Web & Devices …
Откроется диалоговое окно «Сохранить для Web и устройств» .
На палитре Таблица цветов выберите образец цвета, который должен стать прозрачным в вашем изображении.
В нижней части палитры Таблица цветов щелкните Сопоставление выбранных цветов с прозрачными.
(Необязательно) Повторяйте шаги 9 и 10, пока не добьетесь желаемого эффекта.
Щелкните Сохранить.
Откроется диалоговое окно « Сохранить оптимизированное как ».
В раскрывающемся списке Сохранить в выберите желаемое место для сохранения файла.
В текстовом поле Имя файла введите имя для вашего изображения.
Щелкните Сохранить.
Теперь изображение сохранено с его прозрачностями.
ПРИМЕЧАНИЕ. Если появится диалоговое окно «Заменить файлы», нажмите «Заменить».

Удаление существующего фона

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

Удаление фона: вариант Magic Wand

В палитре Layers дважды щелкните фоновый слой.
ПРИМЕЧАНИЕ. Это может быть единственный существующий слой.
Откроется диалоговое окно New Layer .
Убедитесь, что в текстовом поле Name указано Layer 0 .
ПРИМЕЧАНИЕ. Не изменяйте параметры «Непрозрачность» и «Режим».
Щелкните ОК.
В панели инструментов Toolbox выберите Magic Wand Tool .
На изображении щелкните фон.
ПРИМЕЧАНИЯ:
Инструмент «Волшебная палочка» выбирает похожие цвета в непосредственной близости от того места, где вы щелкаете.
Вокруг фона или области аналогичного цвета появляется анимированная пунктирная линия.
ПОДСКАЗКИ:
Чтобы добавить в выбранную область, нажмите и удерживайте [Shift] при щелчке.
Чтобы отменить выбор областей, нажмите и удерживайте [Alt] во время щелчка.
После выбора фона нажмите [Удалить].
Фон (или выделенная область) станет прозрачным.
(Необязательно) Если изображение имеет разноцветный фон (например, фон фотографии), и вы решили не использовать опцию «Выбрать инверсию», вам может потребоваться повторить шаги 5–6, чтобы удалить оставшиеся части изображения. фон или удалить другие части фотографии, которые вы хотите прозрачными.

Удаление фона: выберите инверсный вариант

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

В палитре Layers дважды щелкните фоновый слой.
ПРИМЕЧАНИЕ. Это может быть единственный существующий слой.
Откроется диалоговое окно New Layer .
Убедитесь, что в текстовом поле Name указано Layer 0 .
ПРИМЕЧАНИЕ. Не изменяйте параметры «Непрозрачность» и «Режим».
Щелкните ОК.
На панели инструментов выберите подходящий инструмент выбора.
Выберите область изображения, которую вы хотите оставить видимой.
В меню Select выберите Inverse .
Фон вашего изображения теперь выбран.
Нажмите [Удалить].
Фон (или область вокруг выбранного изображения) станет прозрачным.

Как сделать белый фон прозрачным в Photoshop (5 шагов)

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

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

Перейти в любимый раздел:

Сделать прозрачный фон предмета / объекта

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

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

Вот изображение, открытое в Photoshop:

Шаг 2. Дублируйте изображение

Нажмите CTRL + J , чтобы дублировать фоновый слой, или щелкните правой кнопкой мыши фоновый слой и выберите «Дублировать слой».’Мы дублируем фоновый слой, потому что в Photoshop фоновый слой не имеет прозрачности, а также дублирование слоя не повредит исходному изображению.

Теперь у вас будет двухслойная фоновая копия и фон (см. Изображение ниже). Вы можете удалить фоновый слой или отключить видимость, нажав на Eye-Icon .

Шаг 3 — Сделайте выделение с помощью инструмента быстрого выбора (W)

Теперь пора выбрать фон.Самый быстрый способ сделать это — использовать инструмент Quick Selection Tool (W) . Вы также можете использовать другие инструменты, поэтому активируйте любой из инструментов выделения и выберите белый фон.

Активируйте инструмент Quick Selection Tool (W) и убедитесь, что опция Добавить к выделению выбрана на панели параметров.

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

Поскольку все мы знаем, что инструмент Quick Selection Tool (W) работает с выборкой цвета, поэтому иногда, если ваш объект имеет белый или близкий к белому цвет (например, вы видите, что у человека серый пиджак), он может выбрать эту часть также. Причина проста, потому что серый цвет близок к белому.

Здесь вы можете увидеть, что мы выбрали части мужских курток:

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

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

Шаг 4 — Удалите и сделайте фон прозрачным

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

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

Вот результаты с чистым и аккуратным прозрачным фоном.

Если вы извлекаете модель вместо фона, вы можете нажать CTRL / CMD + I , чтобы инвертировать результаты маски слоя.

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

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

Шаг 5 — Сохраните изображение в прозрачном формате PNG

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

Перейдите в Файл> Экспорт> Сохранить для Интернета , появится диалоговое окно, показанное ниже.

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

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

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

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

Давайте посмотрим на изображение:

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

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

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

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

Шаг 2. Разблокируйте фоновый слой

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

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

Чтобы сделать фон прозрачным, выберите его с помощью инструмента Magic Wand Tool (W) . Выберите if на панели инструментов, щелкните белый фон, чтобы выбрать его.

Щелкните значок «Добавить маску слоя» , чтобы удалить фон. Результат будет примерно таким, как показано ниже.

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

Шаг 4 — Делаем средние пространства прозрачными

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

Нам нужно повторить процесс, выберите инструмент Magic Wand Tool (W) , а затем нажмите на пробелы в середине и выберите эти пробелы.

После того, как вы сделали выделение активным, убедитесь, что маска слоя выбрана и цвет переднего плана установлен на черный, нажав (D) на клавиатуре, затем нажмите ALT + Backspace , чтобы удалить пробелы между логотипом.

Как видите, мы удалили пробелы между логотипами.

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

Шаг 5. Сохранение прозрачности и сохранение в формате PNG

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

Перейдите в Файл> Экспорт> Сохранить для Интернета :

Выберите формат PNG, чтобы сохранить его:

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

Заключение

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

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

Есть два способа сделать фон прозрачным в Photoshop: с помощью быстрого действия «Удалить фон» или вручную с помощью инструментов выделения.
Быстрое действие выполняется одним щелчком мыши за секунды, но может не работать для сложных изображений.
Вы также можете удалить фон, внимательно выбрав объект, инвертировав выделение, а затем удалив выделение.
Посетите техническую библиотеку Business Insider, чтобы узнать больше.

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

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

Как сделать фон прозрачным в Photoshop с помощью инструмента Удалить фон

1. Откройте фотографию в Photoshop.

2. Дублируйте изображение на новом слое. Для этого нажмите Ctrl + A, затем Ctrl + C, а затем Ctrl + V. (Это выделяет все изображение, затем копирует его и, наконец, вставляет его как новый слой.) Вы должны увидеть новый слой, появившийся в слоях. палитра в правой части экрана.

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

После того, как вы продублируете слой, скройте фоновый слой. Дэйв Джонсон / Business Insider

4. В палитре свойств справа найдите «Быстрые действия» и нажмите «Удалить фон».

Используйте быстрое действие «Удалить фон», чтобы удалить фон за один шаг. Дэйв Джонсон / Business Insider

Теперь вы должны увидеть объект, окруженный узором в виде шахматной доски — это прозрачный фон.Вы можете сохранить файл как файл Photoshop (PSD) или PNG, чтобы сохранить прозрачность.

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

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

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

1. Откройте фотографию в Photoshop и в палитре «Слои» дважды щелкните «Слой 0». Во всплывающем окне нажмите «ОК».

Дважды щелкните слой и нажмите «ОК», прежде чем продолжить.Дэйв Джонсон / Business Insider

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

Object Selection Tool . Щелкните и удерживайте четвертый инструмент сверху палитры инструментов, пока инструменты не выскочат из куба. Выберите «Инструмент выбора объекта».»Чтобы использовать этот инструмент, перетащите рамку вокруг объекта (или части объекта). Через мгновение Photoshop автоматически выберет часть объекта, содержащуюся в рамке.
Инструмент быстрого выбора . в том же помещении, что и инструмент выбора объекта, чтобы использовать этот инструмент, щелкните и перетащите в пределах объекта, и выделение должно охватывать окружающую его часть. внутри объекта, и он выберет область аналогичного цвета.Вы можете использовать элемент управления «Допуск» в верхней части окна, чтобы изменить чувствительность этого инструмента.

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

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

Инструменты лассо — еще один удобный способ сделать выбор.Дэйв Джонсон / Business Insider

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

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

Чтобы постепенно наращивать выделение, обязательно установите инструмент выделения на «Добавить к выделению». Дэйв Джонсон / Business Insider

4. Когда вы выбрали всю тему, что вам нравится, нажмите «Выбрать» в меню, а затем выберите «Инвертировать». Это переворачивает выделение, чтобы выделить весь фон.

5. Нажмите клавишу Delete на клавиатуре.

Окончательное изображение должно выглядеть примерно так.Дэйв Джонсон / Business Insider

Теперь вы должны увидеть объект, окруженный узором в виде шахматной доски — это прозрачный фон. Вы можете сохранить файл как файл Photoshop (PSD) или PNG, чтобы сохранить прозрачность.

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

Итак, вы готовы к запуску и хотите создать логотип.Как это сделать?

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

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

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

Зачем нужен водяной знак?

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

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

Начало работы

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

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

Примечание по использованию Photoshop

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

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

Откройте файл: Щелкните «Файл» и откройте файл изображения в Adobe Photoshop.
Добавить прозрачный слой: На панели слоев выберите «Слой»> «Новый слой» в меню панели слоев. Перетащите этот новый пустой слой под слой вашего логотипа и выберите слой содержимого на панели слоев.
Сделать фон прозрачным: Используйте инструмент «Волшебная палочка» или инструмент «Лассо», с помощью инструмента «Волшебная палочка» выберите область изображения, которую вы хотите сделать прозрачной. Используя настройку допуска 32 в инструменте волшебной палочки, поэкспериментируйте с различными настройками, чтобы получить желаемый прозрачный фон.
Удалить фон: После того, как вы выделите всю область, которую хотите, чтобы волшебная палочка стала прозрачной, удалите фон, и прозрачный фон станет видимым.
Повторить на других участках изображения: Возможно, вам придется повторить этот процесс выделения и удаления на этих других участках изображения, в зависимости от его формы, чтобы получить прозрачный фон.
Сохраните файл с логотипом: Когда вы будете довольны своим изображением и его прозрачным фоном, не забудьте сохранить его как изображение PNG. Щелкните «Файл» -> «Сохранить как». Выберите «PNG (* .PNG) в качестве формата файла. Сохраните его и нажмите ОК.

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

Как создать водяной знак только для текста

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

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

Сначала создайте новый проект.

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

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

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

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

Как создать водяной знак с логотипом

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

Сначала создайте новый проект.

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

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

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

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

Щелкните «Сохранить для Интернета». Когда откроется меню, выберите «PNG-24». Это сохранит прозрачный фоновый слой, так что вы можете разместить водяной знак на любом изображении, и вы будете видеть только свой водяной знак.

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

Как применять водяной знак

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

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

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

Примечание об изображениях в логотипах

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

Заключение

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

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

До следующего раза.

Джей

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

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

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

Связанный : Как сделать прозрачные изображения с предварительным просмотром в OS X

Импортный смокинг

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

Запустите Photoshop и откройте файл, содержащий объект на фоне, который вы хотите удалить.Обратите внимание на его разрешение. Создайте новый вторичный документ ( Ctrl + N ) с более высоким разрешением — подойдет +200 пикселей как по ширине, так и по высоте. Вернитесь к своему первому документу, выберите все ( Ctrl + A ), затем скопируйте его в буфер обмена ( Ctrl + C ). Снова перейдите ко второму пустому документу и вставьте ( Ctrl + V ) свое изображение туда.

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

Изменить фон по умолчанию

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

Как видите, прямоугольник, о котором мы упоминали ранее, теперь виден вокруг Тукса. Давай удалим это.

Выберите фон с помощью Magic Wand

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

Вы увидите контур вокруг ваших объектов. Если он выбрал все, кроме ваших объектов, все готово. Если этого не произошло, стоит повторить попытку, изменив значение Tolerance для волшебной палочки. Чем выше допуск, тем больше областей вашего изображения будет выделено.Затем нажмите Ctrl + X , чтобы удалить все.

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

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

Убрать фон

Выберите слой объекта на панели «Слои». Нажмите L на клавиатуре, чтобы выбрать инструмент «Лассо». Тщательно выделите несколько пикселей за пределами вашего объекта, щелкнув левой кнопкой мыши, перетащив мышь, чтобы определить форму вручную, а затем отпустив кнопку мыши. Нажмите Ctrl + X , чтобы удалить их.

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

Повторяйте до тех пор, пока не останется единственное, что вам интересно.

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

Экспорт в PNG

Чтобы сохранить файл, выберите для нового прозрачного изображения формат, например 24-битный PNG. Чтобы сохранить в этом формате, выберите «Файл -> Сохранить для Интернета».

По умолчанию, вероятно, будет JPG.Измените его на PNG-24 в раскрывающемся меню вверху справа. Оставьте остальные параметры как есть и нажмите «Сохранить» внизу. Выберите, куда вы хотите экспортировать файл, нажмите ОК, и все. Теперь вы можете включить объект в этот файл в другие свои проекты.

Заключение

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

Связанный:

Одиссей Курафалос Настоящая жизнь

OK началась примерно в 10 лет, когда он получил свой первый компьютер — Commodore 128. С тех пор он плавил клавиши клавиатуры, печатая 24 часа в сутки, 7 дней в неделю, пытаясь распространить The Word Of Tech среди всех, кто достаточно заинтересован, чтобы слушать.Вернее, прочтите.

Эта статья полезна? да Нет

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

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

Давайте сначала сконцентрируемся на удалении белого (или сплошного) фона. Используемый инструмент и техника будут зависеть от качества всего изображения и его цвета. Если изображение, которое нужно вырезать, имеет темные цвета и не имеет светлых цветов, вы можете использовать простые инструменты Background Eraser или Magic Eraser.Тем не менее, для изображений со светлыми цветами или детализированным фоном вам понадобится более подробный инструмент, чтобы по ошибке не стереть важные части изображения.

В этом уроке мы рассмотрим удаление фона изображения с помощью инструмента Magic Eraser, инструмента Background Eraser и инструмента Quick Selection.

Pro Tip : Бело-серая клетчатая сетка является отраслевым стандартом прозрачности. Когда вы видите эту сетку, вы знаете, что фон прозрачный.

Как удалить белый фон с изображения с помощью инструмента Magic Eraser Tool

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

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

Откройте и отцентрируйте свое изображение на панели управления

Шаг 2. Разблокируйте слой

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

Разблокируйте слой и переименуйте его в

Дублируйте, переименуйте и скройте слой

Шаг 3. Выберите инструмент «Волшебный ластик»

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

Допуск: 30
Сглаживание: проверено
Непрозрачность: 100%

Выберите волшебный ластик

Шаг 4: Сотрите фон

Нажмите на белый фон и наблюдайте, как он исчезнет!

Щелкните белую область с выбранным волшебным ластиком

Но подождите!

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

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

Шаг 5. Обрезать и сохранить как PNG

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

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

Экспорт и сохранение для Интернета

Выберите вариант PNG, нажмите «Сохранить» внизу, назовите файл и нажмите синюю кнопку «Сохранить»

Как удалить белый фон с изображения с помощью инструмента «Ластик для фона»

Шаг 1. Повторите первые два шага с помощью опции «Волшебный ластик»

Шаг 2: Выберите инструмент «Ластик для фона».

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

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

Размер: 300-800 пт.
Выборка: один раз или образец фона
Пределы: найти края
Допуск: 20%
Защитить цвет переднего плана

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

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

Шаг 3. Сотрите белый фон

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

Перемещайте курсор с перекрестием по фону, пока не сотрете все.

Шаг 4. Повторите последние два шага опции Magic Eraser выше

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

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

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

Выберите изображение на своем компьютере и откройте его в Photoshop. Отцентрируйте графику на монтажной области.

Откройте изображение и отцентрируйте его на монтажной области Photoshop

Шаг 2: Дублируйте слой

Разблокируйте и продублируйте слой изображения и скройте первый, оставив его ниже того, над которым вы будете работать.Этот слой с исходным изображением — подстраховка на случай, если вы сделаете ошибку при стирании фона. Назовите слои описательными именами, чтобы вы знали, что есть что. Посмотрите снимок экрана на шаге 2 раздела Удаление белого фона с помощью инструмента Magic Eraser, если вы не знаете, как это сделать.

Шаг 3. Выберите инструмент быстрого выбора

Выберите инструмент «Быстрый выбор» на панели инструментов. Он размещен вместе с инструментом Magic Wand. Настройте параметры курсора следующим образом:

Новое выделение
Размер: 100 пикселей
Жесткость: 100%
Интервал: 20%

Выберите инструмент быстрого выбора и настройки

Шаг 4: Выберите объект

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

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

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

Шаг 5: Уточнить выделение

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

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

Чтобы закончить, нажмите q еще раз, чтобы избавиться от красного и увидеть выделение с пунктирной линией. Дважды щелкните выделение и выберите вариант растушевки. Отрегулируйте растушевку до 3 и нажмите ОК.

Уточните выделение, нажав q и используя инструмент кисти, чтобы добавить или удалить выделенные пиксели

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

Шаг 6: Инвертировать выделение

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

Нажмите q, чтобы отпустить красный цвет, щелкните правой кнопкой мыши по выбранному элементу и затем нажмите «выбрать инверсный».

Примените легкий эффект растушевки к краям выделения

После инвертирования выделения удалите его, и вы увидите сетку прозрачности

Шаг 7. Повторите последние два шага в опции Magic Eraser выше

Заключение

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