Товаров: 0 (0р.)

Как сделать круг в фотошопе с прозрачным фоном: «Как вырезать круг в фотошопе?» – Яндекс.Кью

Содержание

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

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

В этом, очередном, уроке по работе в Photoshop мы подробно разберем 3 способа, с помощью которых можно сделать фон картинки прозрачным. Приступим:

Способ №1: Волшебная палочка

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

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

Чтобы избавиться от блокировки, кликаем дважды на слой и далее нажимаем “ОК”.

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

После этих действий появится область выделения (двигающейся пунктир вокруг объекта).

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

Способ №2: Быстрое выделение

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

При помощи этого инструмента выделяем контур нужного объекта на картинке.

После чего нужно инвертировать полученное выделение. Для этого одновременно нажмите SHIFT+CTRL +I, а затем DEL.

Способ №3.

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

Для ручного выделения в фотошопе существует ряд инструментов. Которые подойдут для различных ситуаций и задач.

  1. Лассо. Работа с ним, требует определенной тренировки и твердости руки. Проще всего работать с ним на графическом планшете. Не все смогут работать с этим инструментом, это невероятно сложно.
  2. Магнитное лассо. Будет полезным только на тех картинках, где объект или фон однотонные. Если цвет фона и оттенки области, которую необходимо выделить, где-то совпадут, края выделения получатся рваными.
  3. Прямолинейное лассо. Узкоспециализированный инструмент, подойдет не для каждого изображения. Будет актуальным, если выделяемая область имеет четкие и прямые края.
  4. Перо.  Инструмент весьма многогранный и наиболее удобный в использование. Подойдет как для выделения прямых линий, так и для любой другой формы объекта.

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

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

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

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

При помощи инструмента «Перо» можно выделить на картинке не один объект, а сколько угодно.

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

Затем появляется окошко “образовать выделенную область”. Просто кликаем “ОК”.

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

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

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

С помощью встроенной функции прозрачности можно сделать один цвет на рисунке прозрачным.

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

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

  1. Дважды щелкните рисунок и на появившейся вкладке Работа с рисунками щелкните Формат и

    Цвет.

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

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

«Восстановить рисунок».

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

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

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

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

Нет фотошопа? Вот еще несколько способов удалить фон с изображения.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В лассо, выберите тему, и Выбрать и замаскировать

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

1. Нажмите «Выбрать»> «Выбрать тему».

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

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

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

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

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

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

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

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

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

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

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

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

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

4. Продолжайте совершенствовать инструменты лассо и ластик.

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

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

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

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

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

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

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

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

Рекомендации редакции

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

05.06.16 26.7K

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

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

Создание файла

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл » (File ) вверху страницы выберите «Создать » (New ).

Затем в появившемся окне «Новый документ » (New Document ) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб ). А также, что вы выбрали значение «Прозрачный » (Transparent ) в выпадающем списке «Содержимое фона » (Background Contents ).

*Перед тем, как сделать PNG с прозрачностью в Фотошопе , нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:


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

Затем в панели «Слои » (Layers ) убедитесь, что работаете на прозрачном слое, а не на фоновом:


После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop , в меню «Файл » (File ) вы можете использовать один из возможных вариантов:

Photoshop версии ранее, чем CC 2015:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе , который вышел раньше CC 2015 . В этих версиях используют метод «Сохранить для Web » (Save for Web & Devices ), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл » (File ), и далее – «Сохранить для Web » (Save for Web & Devices ):


Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность » (Transparency ) и «Преобразовать в sRGB » (Convert to sRGB ). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB , рекомендованное цветовое пространство для веб.


Поля «Размер изображения » (Image Size ) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Photoshop версии CC 2015:

Перед тем, как сделать прозрачность фото в Фотошопе , нужно знать, что с версии CC 2015 опция «Сохранить для Web » (Save for Web & Devices ) в меню «Файл » (File ) помечена как Legacy (устаревшая ). И замещена на новую опцию «Экспорт » (Export ), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт », нажмите меню «Файл » (File ), а затем — «Экспортировать как » (Export As ).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web » (Save for Web & Devices ) в Photoshop CC 2015 , и она доступна через меню Файл > Экспорт (File > Export ) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac ) или Ctrl+Alt+Shift+S (для ПК ):


Затем в появившемся окне выберите PNG из выпадающего меню «Формат » (Format ) и убедитесь, что выбраны опции «Прозрачность » (Transparency ) и «Преобразовать в sRGB » (Convert to sRGB ).

Поля «Размер изображения » (Image Size ) и «Размер холста » (Canvas Size ) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе .

Запустите установочный файл и следуйте инструкциям программы. После завершения установки Фоторедактор откроется автоматически.

Загрузите изображение в программу

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

Удалите задний фон

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

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

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

Сохраните результат

Нажмите кнопку Сохранить . По умолчанию программа предлагает сохранить файл в JPEG. Этот формат не поддерживает прозрачность, поэтому нужно выбрать другой. Откройте вкладку Тип файла и выберите BMP, DPX, PNG, TGA или TIFF. Нажмите Сохранить . Программа автоматически откроет папку с получившимся файлом.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

21.12.14 32.7K

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

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

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


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

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

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


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

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

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


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


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

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

Удаляем небо

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


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

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


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


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


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

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


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


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

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

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


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

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

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

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


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


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


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


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

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

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

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

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

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

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

○ 2 способ :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбираем инструмент «Волшебная палочка» . В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D» .

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

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

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

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

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

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

Копируем выделенные области, нажав «Ctrl+C» . Дальше создаем новый файл, «Ctrl+N» , с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V» . Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик» . Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удаляем небо

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

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

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

Теперь, чтобы сделать новое небо над нашим городом, можно применить свою фантазию и различные средства 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. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

2 голоса

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

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

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

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

Более терпеливых я благодарю за понимание. Приступим.

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

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

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

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

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

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

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

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

Видите, помимо шашки, в Google почти всегда вместе с нужными картинками можно увидеть это сочетание букв.

Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля » и овладейте им в совершенстве. Очень быстро у вас появится прибыльное хобби. Не так уж увлечены дизайном? Обратите внимание на то, и создавайте свои проекты.


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

Возможно, одна из них вас вдохновит на что-то новое и пока неизвестное. Вы поймете, что это интересно и захотите попробовать сами, а потом… кто знает что будет потом?

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

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

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

39 60 922 0

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

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

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

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

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

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

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

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

Удаляем фон

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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


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


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

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

Удаляем небо

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


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

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


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

Как кадрировать по кругу в Photoshop (быстро и легко!)

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

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

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

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

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

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

На панели Options вы увидите два доступных варианта обрамления: прямоугольная и эллиптическая рама .

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

Нажмите и перетащите , чтобы развернуть рамку.

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

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

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

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

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

Это , как обрезать по кругу в Photoshop .

Pro Tip : Если вы перейдете на панель Layers , вы увидите, как слой был автоматически преобразован в Smart Object .Когда вы дважды щелкаете на миниатюре смарт-объекта, он открывает новую вкладку документа, где вы можете редактировать исходную фотографию. В видеоуроке вы можете увидеть некоторые настройки, которые вы можете применить в смарт-объекте.

Если вы хотите узнать больше о том, как это работает, обязательно ознакомьтесь со статьей об инструменте Frame Tool на сайте Adobe helpx.

Как обрезать круг в Photoshop

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

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

Чтобы обрезать круг, выделите эллиптическую рамку, удерживая Ctrl (Windows) или Command (MacOS) при щелчке по миниатюре инструмента Frame на панели «Слои».

Выберите инструмент Crop для Photoshop, чтобы немедленно обрезать изображение до выделения. Дважды нажмите клавишу Enter (Windows) или Return (MacOS) , чтобы подтвердить изменение.

Нажмите Ctrl 0 (Windows) или Command 0 (MacOS) , чтобы уместить изображение на экране.

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

Обратите внимание на белый контур вокруг миниатюры слоя на панели Layers . Белый контур указывает на то, что Смарт-объект в настоящее время активен.

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

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

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

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

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

Для этого перейдите в Файл> Экспорт> Экспортировать как.

К сожалению, вы не можете использовать JPEG , так как он не позволяет сохранять прозрачность.

Лучшим форматом, обеспечивающим прозрачность, является формат PNG, , поэтому выберите его в раскрывающемся меню «Формат ».

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

Чтобы завершить все, нажмите кнопку Export , чтобы сохранить файл на свой компьютер!


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

Если вам понравился этот урок, возможно, вам также понравится научиться печатать круг в Photoshop!

Как создать логотип с прозрачным фоном с помощью GIMP или Photoshop: Survey Anyplace

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

Требуется ли специальное программное обеспечение?

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

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

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

А теперь приступим, ладно?

GIMP

Шаг 1. Настройка GIMP

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

Чтобы открыть GIMP в одном окне, перейдите в Windows> Режим единого окна

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

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

Но вы можете использовать любое изображение, которое вам нравится. Чтобы открыть изображение, выберите «Файл»> «Открыть» и выберите свой файл. Или вы можете нажать CTRL + O .

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

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

Чтобы сделать фон прозрачным, воспользуемся инструментом Select By Color Tool . Вы можете использовать его, нажав Shift + O или перейдя в Инструменты> Инструменты выделения> По выбору цвета.

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

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

Поздравляем ! Вы сделали свой первый логотип с прозрачным фоном!

Шаг 3. Экспорт вашего логотипа

Вы не можете просто «Сохранить» свое изображение или «Сохранить как».Вы сохраните свое изображение в формате .xcf, таким образом оно подходит только для графического редактора. Чтобы использовать его на своем сайте, вам нужно экспортировать изображение . Для этого выберите «Файл»> «Экспортировать как» или нажмите Shift + Ctrl + E.

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

Теперь нажмите « Export », и все готово!

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

Теперь давайте посмотрим, как это можно сделать с помощью Photoshop:

Photoshop

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

Метод 1: Magic Wand Tool


Шаг 1: Откройте изображение
Вы можете сделать это, выбрав
Файл> Открыть или нажав ярлык Ctrl + O .

Шаг 2: Выбор инструмента Magic Wand

Вы можете увидеть значок справа от экрана на вертикальной панели инструментов. Щелкните правой кнопкой мыши 4-й значок и выберите Magic Wand Tool . Вы также можете нажать W как ярлык.

Шаг 3. Удаление фона

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

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

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

Шаг 4. Сохранение изображения

Теперь пора сохранить изображение. Перейдите в Файл> Сохранить как . Не все типы изображений отображают прозрачность. Убедитесь, что ваше изображение сохранено как файл PNG.

Выберите вариант PNG:

Теперь нажмите « Сохранить ».

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

Ta-da ! Теперь у вас есть прозрачный логотип. Но есть второй способ сделать это:

Метод 2: Инструмент «Многоугольное лассо»


Если фон слишком загроможден, инструмента «Волшебная палочка» не всегда будет достаточно. В этом случае мы воспользуемся инструментом Polygonal Lasso Tool.

Шаг 1. Откройте изображение
. Для этого выберите
Файл> Открыть или нажмите сочетание клавиш Ctrl + O .

Шаг 2. Инструмент «Многоугольное лассо»

Вы можете увидеть значок справа от экрана на вертикальной панели инструментов. Щелкните правой кнопкой мыши 3-й значок и выберите инструмент «Многоугольное лассо». Если вы уже выбрали его, просто нажмите L как ярлык.

Шаг 3: Удаление фона

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

Шаг 4: Сохранение изображения

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

Выберите вариант PNG:

Теперь нажмите « Сохранить ».

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

У-у-у ! Удачи, собирая данные!

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

Круговая маска Photoshop

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

Как обрезать изображения в форме круга с помощью Photoshop, В Adobe Photoshop Elements обтравочная маска представляет собой группу слоев на панели «Слои» (указатель изменяется к двум перекрывающимся кругам). Выделив фигуру, нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои» прямо посередине.Значок представляет собой квадрат с кружком посередине. Рядом со значком вашего слоя появится белое поле. Шаг 3

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

Как создать обтравочную маску в Illustrator

Как создать обтравочную маску в Adobe Illustrator CS6, Используйте инструмент «Выделение», чтобы выбрать размещенное изображение и форму. Выберите или создайте векторную форму для вашей маски. Это форма, которую вы хотите заполнить. Поместите вектор поверх фонового изображения или изображений и измените размер. Выделите все и перейдите в Object> Clipping Mask> Make.

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

Как создать обтравочные маски в Adobe Illustrator CC, В Illustrator называется обтравочными контурами, маски — это фигуры, которые используются для рисования круга (или любой другой формы, которая вам нужна ).Щелкните по инструменту. Выберите инструмент, чтобы нарисовать форму маски, которую вы хотите использовать на изображении. Доступные инструменты, в зависимости от версии Illustrator, которые можно использовать для обтравочной маски, включают:

Создать обтравочную маску

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

Обтравочные маски в Photoshop, Чтобы создать обтравочную маску, нам понадобятся два слоя.Слой внизу управляет видимостью слоя над ним. Другими словами, нижний слой — это маска и «Создайте свой собственный чехол для лица с произведениями искусства и дизайна». Мягкая дышащая ткань высокого качества. Доступен в четырех размерах | Эластичный фитинг | Можно стирать до 100 стирок. Купить сейчас!

Как создать обтравочную маску в Photoshop, Затем перейдите в Слой >> Создать обтравочную маску. Ярлык — навести курсор мыши между двумя слоями (на панели слоев), удерживая нажатой опцию «Создать маску для своей личности»! Настройте маску для лица, добавив текст или украшения.Эти нестандартные конструкции дышащие, удобные и моющиеся. Отправлено прямо вам!

Как поместить изображение в круг Photoshop

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

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

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

Как создать обтравочную маску для нескольких слоев

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

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

Создание обтравочной маски Выполните одно из следующих действий. Удерживая нажатой клавишу «Alt» (параметр в Mac OS), наведите указатель на линию, разделяющую два слоя на панели «Слои» (указатель изменится на два перекрывающихся круга), а затем щелкните.На панели «Слои» выберите верхний слой пары слоев, которые вы хотите сгруппировать, и выберите «Слой»> «Создать обтравочную маску».

Обтравочные маски изображений

Обтравочные маски в Photoshop, Исходное изображение. Фото: Adobe Stock. Слой маски и обрезанный слой. Если мы посмотрим на панель «Слои», мы увидим фотографию, но обтравочную маску также можно использовать для заливки векторной формы изображением или для размещения изображения внутри текста. В качестве еще одного примера того, что мы можем сделать с обтравочными масками, давайте быстро рассмотрим, как с помощью обтравочной маски можно поместить фотографию в рамку.

Как использовать и редактировать обтравочные маски в Illustrator, Найдите стоковые изображения с обтравочными масками в формате HD и миллионы других стоковых фотографий, иллюстраций и векторных изображений без лицензионных отчислений в коллекции Shutterstock. Тысячи новых стоковых изображений Find clipping mask в формате HD и миллионы других стоковых фотографий, иллюстраций и векторных изображений без лицензионных отчислений в коллекции Shutterstock. Ежедневно добавляются тысячи новых качественных картинок.

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

Как сделать изображение кругом в Photoshop

Как обрезать изображения в форме круга с помощью Photoshop, Как обрезать изображение в форму круга. Шаг 1: Откройте ваше изображение. Шаг 2: разблокировать продолжительность: 5:14 Опубликовано: 26 ноября, 2020 Как поместить изображение в форму круга В этом уроке я покажу вам, как обрезать или вставить изображение в форме круга с помощью Photoshop.Обратите внимание, что это

Как сделать идеальный круг в Photoshop, Как мне превратить изображение в круг в Photoshop? Откройте ваше изображение в Photoshop. Преобразуйте фоновое изображение в редактируемый слой, дважды щелкнув фон на панели «Слои» или выбрав «Слой› Новый ›Слой из фона». Выберите инструмент Elliptical Marquee Tool и нарисуйте идеальный круг, удерживая клавишу Shift и перетаскивая фигуру на место.

Обрезка изображений в форме круга с помощью Photoshop, Узнайте, как обрезать изображение в форме круга с помощью Photoshop! легко следовать, шаг за шагом Продолжительность: 5:14 Размещено: 6 июня 2017 г. Выберите сплошной черный ящик.Photoshop автоматически заполнит квадрат цветом, используемым в Photoshop последним. Чтобы изменить цвет круга, найдите в правом верхнем углу вкладки «Заливка» разноцветную рамку. Это называется палитрой цветов, которая позволяет выбрать любой цвет для заполнения круга.

Как сделать границу круга в Photoshop

Как сделать выделенную область с круглой рамкой ?, -> открыть стили слоя -> добавить обводку -> ок. Уменьшить заливку до 0%, тогда вы готовы осталось только с твоим ходом.Чтобы создать границу, нажмите кнопку «Создать новую заливку или корректирующий слой» на панели «Слои» и выберите «Сплошной цвет». В диалоговом окне установите белый цвет (если это еще не так) и нажмите ОК. Отправьте цвет границы на задний план. Перетащите новый слой цветовой заливки ниже слоя изображения на панели «Слои».

Как округлить кадрирование изображений с помощью PhotoShop Tutorial, Это превращает стиль слоя в отдельный слой. Создайте круг -> откройте стили слоя -> добавьте обводку -> хорошо. Уменьшите заливку до 0%, тогда у вас останется только обводка.ИЗМЕНИТЬ Я думаю, что теперь лучше понимаю вопрос 1. Итак, чтобы изолировать обводку, а затем использовать выделение обводки для маскировки, сделайте следующее: Слой -> Стиль слоя -> Создать слой

Создайте границу круга в Photoshop, Привет, я новичок в Photoshop. Я использовал Premiere Elements немного дольше. Я хочу поставить красное кольцо (полый кружок) поверх чего-нибудь в Пермиере. Я понимаю, как СМОТРИТЕ НИЖЕ НОВЫЙ МЕТОД. По умолчанию, когда вы создаете форму, такую ​​как круг или квадрат в PhotoShop, она заполняется.Создание незаполненной формы (только контур) — красный

Другие статьи

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

Хотите узнать о прозрачном фоне в фотошопе?

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

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

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

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

Не знаю, как это сделать?

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

Для этого мы будем использовать самую известную в мире программу для редактирования фотографий « Adobe Photoshop» . Это наиболее подходящая программа для редактирования фотографий.

Список инструментов для создания прозрачного фона в Photoshop.

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

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

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

  1. Magic Wand Tools: Этот инструмент хорошо сочетается с однотонным фоновым изображением. Он выбирает все пиксели одинакового цвета. Например, ваш фон белый. Затем все, что вам нужно сделать, это щелкнуть белые части. Этот инструмент автоматически выбирает все пиксели этого цвета.
  2. Rectangular Marquee Tool и Elliptical Marquee Tool: Этот инструмент можно использовать для получения идеальных прямоугольных или круглых фотографий.Все, что вам нужно сделать, это правильно разместить ваш объект. Затем вы можете выполнить другие шаги.
  3. Инструменты лассо: С помощью этого инструмента можно удалить сложный фон. Это свободная форма механизмов отбора. Вы можете выбрать свой объект, который хотите сохранить. Вы также можете исправить любую ошибку. Например, вы можете добавить любую часть, а также вычесть любую часть. Используя клавиши Shift и Alt на клавиатуре.
  4. Pen Tool: Лучший инструмент для создания прозрачного фона в фотошопе или добавления нового фона для вашего объекта.Мы используем этот инструмент для удаления любого фона изображения. С помощью этого инструмента мы создаем контур вокруг объекта, который хотим сохранить. После этого удаляем фоновый слой.

Как сделать фон Photoshop прозрачным с помощью инструмента «Волшебная палочка»

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

  • Преобразование изображения в многослойный файл
  • Выбрать товар
  • Добавление пера
  • Маска слоя
  • Сохраните файл

Шаг 1. Преобразование изображения в многослойный файл

Откройте изображение продукта в Photoshop.Мы используем изображение обуви на белом фоне. Инструмент «Волшебная палочка» отлично работал на Solid Background.

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

При этом диалоговое окно «Новый слой» попросит вас переименовать слой. Вы можете оставить это значение по умолчанию Layer 0, а затем нажмите OK.

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

Шаг 2: Выберите продукт

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

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

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

Шаг 3: Добавление пера

Для получения гладких краев используйте растушевку и сделайте выделение настолько гладким, насколько хотите. Для добавления пера щелкните вверху меню и выберите Select> Modify> Feather. Вы также можете использовать ярлык для добавления пера.Ярлык для растушевки по умолчанию в Photoshop — Shift + F5 .

Шаг 4: замаскируйте слой

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

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

Шаг 5. Сохраните файл

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

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

Видео-инструкция по созданию прозрачного фона с помощью инструмента Magic Wand Tool

Как создать Photoshop Прозрачный фон с помощью инструмента «Перо». Инструмент «Перо»

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

Ступени

  • Инструмент «Выбрать перо» Убедитесь, что резиновая полоса включена
  • Создать путь
  • Используйте навигатор для увеличения / уменьшения
  • Увеличить на 300%
  • Начать прокладку пути
  • Закрыть путь
  • Выбрать путь
  • Добавить перо
  • Добавить выделение маски слоя
  • Сохранить изображение

Давайте подробнее обсудим эти шаги.

Шаг 1: Инструмент «Выбрать перо»

Выберите инструмент «Перо» на правой панели инструментов Photoshop. Вы также можете выбрать инструмент «Перо» с помощью ярлыка { P }. { P } — это контекстное меню по умолчанию для использования инструмента «Перо».

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

Шаг 2: Убедитесь, что Rubberband включен

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

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

Шаг 3: Создайте путь

Для создания пути вы должны создать путь из неба пути.

Keep Выберите слой Path из области неба, чтобы избежать рабочего пути и потерять путь.

Шаг 4: Используйте навигатор для увеличения / уменьшения

Если в Photoshop не открыта панель навигатора, активируйте ее.

Перейдите на верхнюю панель и выберите окна> Навигатор . Теперь вы увидите, что панель навигатора будет видна в вашем Photoshop.

Шаг 5: Увеличить на 300%

Увеличьте изображение на 300 процентов. В Photoshop вы можете увеличить изображение в трех направлениях. Номер 1, с помощью панели навигатора

2-й вариант — использовать Ctrl + пробел и щелкнуть мышью. А для третьего варианта используйте Ctrl и {+} с клавиатуры.

Шаг 6: Начать создание пути

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

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

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

Шаг 7: Закрыть путь

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

Шаг 8: Выбрать путь

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

Будет произведен выбор товара.

Шаг 9: Добавить перо

Добавьте немного пера к вашему выбору. Вы можете добавить растушевку по умолчанию из контекстного меню Shift + F6 в Photoshop cs6 или более поздней версии.Вы можете добавить перо к выделению из верхнего меню, выбрав Select> Modify> Feather .

Сделайте радиус пера 0,4-0,5. Обычно профессионалы используют 0.5 Feather для Smooth Edge.

Шаг 10: Добавить выделенную маску слоя: — На нёбе слоя есть опция под названием Добавить маску слоя . Нажмите на эту опцию

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

Шаг 11: Сохраните изображение

Сохраните изображение как хотите. Вы можете сохранить изображение в верхней строке меню Файл> Сохранить как

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

Для сохранения пути и слоя сохраните изображение в формате PSD . PSD — это формат Photoshop по умолчанию.

Видео-руководство по созданию Photshop Прозрачный фон с помощью Pen Tool

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

Как создать Photoshop Прозрачный фон с помощью Elliptical Marquee Tool

Ступени

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

Шаг 1: Преобразование изображения в многослойный файл

Откройте панель «Слои».По умолчанию эта панель находится справа от окна вашего приложения. Но если вы не нашли его на панели Photoshop, вы можете получить доступ из верхнего раскрывающегося меню Photoshop Window> Layers .

.

При нажатии на слои откроется панель открытых слоев.

Выберите «Слой» в верхнем ряду в Photoshop, перейдите к новому и выберите «Слой» в фоновом меню. Итак, конечный пункт назначения — Layers> New> Layer from Background. Убедитесь, что панель слоев открыта.

Вы также можете создать многослойный файл с помощью ярлыка — просто дважды щелкните фоновый слой. Появится диалоговое окно New Layer с просьбой переименовать слой. Вы можете оставить это значение по умолчанию Layer 0 или выбрать собственное имя и нажать OK .

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

Шаг 2: Сделайте выбор .

Щелкните на инструменте Elliptical Marquee Tool. Вы найдете его на панели инструментов в левой части Photoshop. Мы будем использовать инструмент Elliptical Marquee Tool , потому что наше изображение имеет круглую форму. Если изображения имеют квадратную форму, вам следует использовать инструмент «Прямоугольная область » вместо инструмента «Эллиптическая область ».

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

Шаг 3: Добавьте перо

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

Вы можете добавить растушевку к выделению из верхнего выпадающего меню, выбрав Select> Modify> Feather . Кроме того, вы можете добавить перо по умолчанию из контекстного меню Shift + F6 в Photoshop cs6 или более поздней версии.

Сделать перо Радиус пера 0,4-0,5. Обычно профессионалы используют 0.5 Растушевка для большинства изображений.

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

В палитре слоев есть опция «Добавить маску слоя». Щелкните по этой опции.

Будет создана автоматическая маска объекта. Мы предлагаем использовать опцию Добавить маску слоя . С помощью «Добавить маску слоя» вы всегда можете сохранить фон. Так что в будущем, если вам нужно, вы можете сохранить фон, отключив маску.

Теперь ваше изображение прозрачное.

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

Вы можете сохранить изображение из верхней строки раскрывающегося меню Файл> Сохранить как. Также вы можете сохранить изображение с помощью ярлыка Ctrl + S или Save A… Ctrl + Shift + S .

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

Шаг 6: Сохранить как PSD

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

Видео-руководство по созданию Photshop Прозрачный фон с инструментом Elliptical Marquee Tool

Для практики Вот ссылка на изображение: —

Видео-руководство по созданию Photoshop Прозрачный фон с помощью инструмента лассо

Как сделать белый фон прозрачным в 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 или выберите Subtract from Selection на панели параметров.

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

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

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

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

.

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

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

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

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

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

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

Перейдите в File> Export> Save for Web , появится диалоговое окно, показанное ниже.

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

Вы также можете выбрать PNG 24 . Вы также можете сохранить изображение, выбрав File> Save As , а затем просто выбрав формат PNG, но почему я использую Save For Web ?

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

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

В Adobe Photoshop доступно несколько инструментов, использующих Adobe Sensei, движок искусственного интеллекта (AI) платформы. Эти инструменты пригодятся для множества целей, в том числе для создания прозрачного фона.

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

Почему вы хотите сделать фон прозрачным в Photoshop?

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

Вкратце, если вы спрашиваете, как сделать фон прозрачным в Photoshop, вы, вероятно, спросите: «Как мне удалить фон с моего изображения в Photoshop?» Или, может быть, вы задаетесь вопросом: «Как мне удалить фон с моего изображения в Photoshop?»

Помимо семантики, вот несколько распространенных причин, по которым вы хотели бы сделать фон прозрачным в Photoshop:

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

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

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

Использование панели свойств в Photoshop для удаления фона

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

Вы можете скачать это фото с Pexels и следить за ним.

  1. Как только ваше изображение будет импортировано в Photoshop, нажмите Ctrl + J , чтобы продублировать слой. Примечание: Если вы пропустите этот шаг, вы не увидите варианты выбора, которые мы рассмотрим на третьем шаге.
  2. Перейдите в окно > Свойства .
  3. Выберите Удалить фон .
  4. Для просмотра прозрачного фона щелкните значок Eye слева от слоя Background .

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

Размещение корректирующего слоя сплошного цвета

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

  1. Используя изменения из нашего руководства выше, переключайте ключ X , пока цвет переднего плана не станет Black .
  2. Перейдите к значку Create New Fill or Adjustment Layer в правом нижнем углу экрана и выберите Solid Color . Затем нажмите ОК .
  3. Слой Color Fill должен появиться поверх вашей стопки слоев.Если нет, ничего страшного, потому что теперь мы собираемся щелкнуть слой Color Fill и перетащить его чуть ниже нашего прозрачного слоя, как показано.

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

Если ваш объект — портрет, подобный этому, вы даже можете продолжить редактировать изображение с помощью плагина Photoshop под названием Portrait Pro, чтобы еще больше улучшить изображение.

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

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

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

Вы можете скачать это фото с Pexels и следить за ним.

  1. С изображением, импортированным в Photoshop, перейдите к Select > Subject .
  2. Обе женщины будут выбраны, на что указывают выделенные линии «марширующих муравьев» вокруг них. Выберите инструмент Lasso в левом столбце, если он не отображается по умолчанию. Затем, удерживая нажатой клавишу Alt , обведите кружок вокруг женщины справа, а затем отпустите клавишу Alt .
  3. Щелкните левой кнопкой мыши где-нибудь внутри выбранной женщины слева.Выберите Выберите Inverse из меню.
  4. Перейдите к Select > Select and Mask .
  5. По умолчанию красным цветом обозначена выбранная область. Чтобы выделить большую часть изображения, которое нужно сделать прозрачным, например, части стула, выберите инструмент Brush , как показано.
  6. Убедитесь, что значок Plus ( + ) выбран выше. Затем закрасьте желаемую область красным цветом, чтобы сделать ее прозрачной. В этом случае осталось совсем немного.
  7. Затем перейдите к Output To и выберите New Layer with Layer Mask из раскрывающегося меню.Щелкните ОК .

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

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

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

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

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

Но в наши дни для создания прозрачного фона необходимо всего два инструмента, во многом благодаря AI-ядру Adobe Sensei.

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

Кредит изображения: подгузник / Pexels

Фоторедактор Luminar AI: все, что вам нужно знать

Luminar AI — первый в мире фоторедактор с полностью искусственным интеллектом.Вот краткое изложение его лучших функций.

Читать далее

Об авторе Крейг Беман (Опубликовано 31 статья)

Крейг Беман — американский фотограф из Мумбаи.Он пишет статьи о Photoshop и редактировании фотографий для MakeUseOf.com.

Более От Крейга Бемана
Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

Круглая картинка в фотошопе

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

Загрузить фото в Photoshop

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

Изменяемый слой

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

Края фотографии

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

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

Кромки ненужные

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

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

alexxlab

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

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