Работаете над уникальностью web-проекта? Тогда вы обязаны знать как сделать прозрачный фон в Фотошопе и сохранить картинку в файл. Решить поставленную задачу, поможет один из 4-ех способов, рассмотренный в этой статье.
Как в Фотошопе сделать прозрачный фон картинки
Мой стаж владения Adobe Photoshop, примерно 5 лет. Помню в самом начале, такая простая задача как сделать прозрачный фон для картинки, доставляла огромные проблемы.
Вспоминаю и смеюсь.
А ведь именно этот навык, является основным во многих сферах. В начале статьи уже вспоминал про вебмастеров, но и фотографов забывать нельзя.
Все начинается с прозрачности, далее на картинку можно добавить любой фон и дать изображению новую жизнь.
Как работает прозрачность? К примеру имеем главный объект, с каким то задним планом. В большинстве случаев, пользователю интересен только главный объект, а задний план, либо вовсе не нужен, либо должен быть заменен.
Наша задача, удалить ненужную часть картинки, получив прозрачный фон.
Прозрачный фон в Adobe Photoshop, обозначается шахматной сеткой.
Чтобы добиться эффекта на картинке выше, нужно сделать до банальности простую вещь: частично удалить задний план.
Кстати, про удаление заднего плана, у меня написана подробная статья, которая называется «6 основных способа удалить фон в Photoshop». Интересна тема, обязательно прочитайте ее.
Я подготовил 4 очень простых примера, изучив которые вы поймете принцип удаления и создания прозрачного фона в Фотошопе.
1 способ. Вырезаем объект при помощи лассо
Adobe Photoshop предлагает огромные арсенал по удалению фона. В каждом отдельном случае, требуется использовать свой инструмент.
Одним из основных инструментов, является «Лассо» и его аналоги: «Прямолинейное лассо» и «Магнитное лассо».
В яндекс.картинках, нашел рисунок Маши из мультфильма «Маша и медведь». Возьму инструмент «Магнитное лассо» и выделю Машу.
Когда объект выделен, нужно выбрать как будем удалять фон. В данном случае, существует два варианта:
- Скопировать выделенный объект и вставить в новый слой.
- Инвертировать выделение и удалить задний фон.
В первом случае, нам требуется нажать комбинацию клавиш CTRL + C
(копирование), после чего CTRL + V
(вставить).
В результате, мы получим новый слой с вставленным, выделенным изображением. Если отключить остальные слои, то обнаружим, что у картинки появилась прозрачность.
Во втором случае, при помощи клавиш CTRL + SHIFT + I
, произведем инверсию. То есть, если был выделен объект, то при помощи инверсии можно выделить фон и наоборот.
Нажмите комбинацию клавиш, после чего удалите выделение клавишей Delete
.
С лассо, думаю все понятно. Переходим к следующему примеру.
2 способ. Выделяем фон волшебной палочкой
Часто встречается задача, когда нужно удалить белый или любой другой однотонный фон. Самым простым способом сделать белый фон прозрачным, это выделить его волшебной палочкой и удалить.
В ассортименте имеется два инструмента:
- Волшебная палочка;
- Быстрое выделение.
В этом примере возьму изображение нарисованного листочка на белом фоне. Благодаря тому, что границы листочка и фон, явно различаются, с выделением легко справится «Волшебная палочка».
Теперь нам осталось удалить фон в Фотошопе и сделать прозрачным заднюю часть.
В результате удаления, у меня получился отличный экземпляр, который можно установить на любой другой фон.
Кроме таких, идеальных рисунков, вам будут встречаться изображения, в которых фон будет одинаковый с цветом объекта. Для примера взял фотографию щенка, на белом фоне.
Проблема в том, что щенок и фон имеют очень похожий, белый цвет. В таком случае, результат выделения будет следующий.
Проблему может решить уменьшение параметра «Допуск».
При значение 50, как вы видите, происходит выделение части щенка. А что будет, если уменьшим значение до 10?
На много лучше.
Планирую написать отдельную статью про «Волшебную палочку», а пока что, полученной информации должно хватить. Теперь вы знаете, как сделать белый фон прозрачным в Фотошопе, поэтому переходим к следующему способу.
3 способ. Удаляем фон ластиком
Попробуем создать логотип в Фотошопе на прозрачном фоне. Обычно, логотип размещают на однотонном фоне. Мы уже знаем, что его можно удалить «Волшебной палочкой», но можно и фоновым ластиком.
В одной из своих работ, мне нужно было сделать прозрачный фон для логотипа «Kyocera». Понимая то, что фон однотонный, у меня было два варианта: 1) использовать волшебную палочку, 2) стереть ластиком.
В виду того, что в логотипе присутствует много участков разделенных между собой, волшебной палочкой пришлось бы несколько раз тыкать, добавляя выделение.
Поэтому, лучший вариант, использовать фоновый ластик с параметром «Проба: однократно».
Единожды тыкнув на участок цвета, который нужно стереть, провожу по всему логотипу и очень быстро получаю прозрачный фон логотипа.
В результате, получилось очень качественно создать логотип в Фотошопе на прозрачном фоне.
4 способ. Использование быстрой маски
В заключении, самый не ординарный, но в то же время имеющий право на жизнь способ. Снова нужно сделать фон изображения прозрачным, но, как сами понимаете, без удаления фона не обойтись.
В этот раз будем выделять объект, используя быструю маску, а уже после, либо скопируем, либо применим инверсию, как это было в первом способе.
И так. Задача, создать прозрачный фон для картинки с пандой По в Фотошопе.
Активируем быструю маску и при помощи кисти с черным цветом, закрасим объект.
Деактивировав быструю маску, получим выделение.
Что будем делать дальше, надеюсь помните? У нас два варианта:
- Скопировать выделенный объект и вставить на новый слой.
- Применить инверсию и удалить задний фон.
В этот раз выбрал второй пункт и при помощи клавиш CTRL + SHIFT + I
, инвертировал выделение, после чего удалил фон.
Таким простым способом, получилось сделать прозрачный фон рисунка в Фотошоп.
Как сохранить прозрачный фон в Фотошопе
В заключении, разберемся с немаловажным вопросом, связанным с сохранением прозрачного фона в файл.
Задачи бывают разные. В одном случае, требуется создать прозрачный фон и продолжить работу в Фотошопе. Здесь все понятно. Никаких трудностей нет.
Но бывают случаи, когда прозрачный фон нужно сохранить в файле. К примеру, тот же водяной знак.
В недавней статье «Как сделать водяной знак в Photoshop», показывал как создать водяной знак. Использовать его без прозрачного фона, было бы не правильным, поэтому, его нужно было сохранять в файл с прозрачным фоном.
Для этих целей, в Фотошопе, предусмотрено два варианта:
- Сохранить прозрачный фон в формате PNG;
- Сохранить прозрачный фон в формате GIF.
Ввиду того, что формат PNG, можно сказать по современней, а тем более, что Google простит сохранять файлы в этом формате, использую его.
Для наглядности, фон созданной панды, разукрасил. Теперь, чтобы сохранить прозрачный фон в файл, нажмите «Файл» → «Сохранить как».
Выберите формат «PNG» и придумайте название файла.
Кроме этого, можно нажать клавиши CTRL + SHIFT + ALT + S
и сохранить как Web.
Так же, выберите формат PNG24, после, нажмите «Сохраните». Выберите имя файла и подтвердите сохранение.
В результате, получится файл, с сохраненным задним прозрачным фоном.
Надеюсь вы довольны результатом и получили ответ на вопрос как сделать прозрачный фон в Фотошопе, а потом сохранить его в файл.
Если остались вопросы, пообщаемся в комментариях.
от компании VideoSmile