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

Содержание

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

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

Как сделать прозрачной картинку в графическом редакторе Adobe Photoshop? Да нет ничего проще! Достаточно элементарных знаний основ работы с программой. Об этом и пойдёт речь в статье.

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

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

Перед нами файл с прозрачным фоном. Осталось «нанести» изображение верхним слоем и сохранить нужным образом.

Перенести изображение

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

Теперь нужно воспользоваться инструментом Quick Selection Tool (быстрый выбор такового осуществляется с помощью клавиши W) и выделить нужный фрагмент изображения, чтобы перенести в файл с прозрачным фоном. Это можно сделать двумя способами:

  • Выделить именно нужный фрагмент, скопировать (Edit – Copy) и вставить (Edit – Paste) в изображение с прозрачным фоном, созданное раннее.
  • Выделить фон, затем инвертировать выделение (правой кнопкой мыши щёлкнуть на выделенной области, затем выбрать Select Inverse), скопировать и вставить в нужный файл с прозрачным фоном.

Форматы

Скопировано? Теперь нужно выбрать File – Save as… (Сохранить как). В “Фотошопе” сделать прозрачный фон картинки можно, сохранив файл в формате PSD. Он предназначен для самого Adobe Pshotoshop, позволяет в дальнейшем редактировать изображение, вносить необходимые правки.

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

Как сделать прозрачной картинку в Adobe Photoshop

Чтобы сделать картинку в “Фотошопе” прозрачной, необходимо проделать всё те же манипуляции, что были описаны выше, с одним лишь исключением: нужно будет создать новый слой и на него уже скопировать выделенный фрагмент картинки.

Как сделать прозрачной картинку? Это всё очень просто. Нужно найти над меню слоёв пункт Opacity (“Прозрачность”) и, передвигая ползунок вправо и влево, выставить нужный уровень. Чем ближе отметка к нулю процентов, тем более прозрачным будет изображение. Выставив нужное значение, нужно сохранить картинку, как описано выше, выбрав формат.

Выделяем часть картинки

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

Проделав манипуляции по созданию картинки с прозрачным фоном и слоями (описано в пункте выше), выделяем нужную часть с помощью Quick Selection Tool, затем, щёлкнув правой кнопкой мыши на выделении, выбираем пункт Layer Via Cut. В этом случае выделенный фрагмент вырежется, и произойдёт его наложение на изображение в виде слоя выше. С оригинального при этом сам фрагмент исчезнет.

Можно выбрать Layer Via Copy. Тогда произойдёт обычное копирование, и с оригинального слоя необходимо будет удалить эту часть картинки, иначе цель достигнута не будет. После нужно снова вернуться к настройке слоя Opacity и сделать часть картинки прозрачной, передвигая ползунок на соответствующее значение.

Плюсы и минусы форматов

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

Например, JPEG-формат используется в основном для цифровых фотоаппаратов, реже – в интернет-ресурсах. Очень хорошо передаёт цвета, но применяется метод сжатия изображения с потерями.

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

Но он очень много весит.

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

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

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

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

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

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

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

В конце концов нарицательным стало именно слово “гифка” (имеется в виду забавная анимация или прикол, часто с прозрачным фоном), а не PNG-шка.

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

Заключение

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

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

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

Источник: http://fb.ru/article/282040/kak-sdelat-prozrachnoy-kartinku-v-fotoshope

Прозрачность и полупрозрачность в Photoshop

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

05.05.09    Подробные инструкции, Уроки Photoshop

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

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

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

1. Открываем Photoshop. Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open…).

2. Выделяем все изображение/фото (Ctrl+O).

3. Копируем выделенную картинку (Ctrl+C).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent – «прозрачность»:

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

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

6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М)

или с помощью «волшебных» инструментов (W):

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

Как сделать полупрозрачный текст и «водяной знак»

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

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

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

1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open…).

2. Выбираем инструмент Текст (T) и пишем поверх фото надпись нужного размера, цвета и стиля:

При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.

3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers) передвинем ползунок свойства Opacity в значение 40%:

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

В каком формате сохранить картинку с прозрачностью

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

Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым).

Среди форматов, которые используются в веб, корректно отображаются браузерами и поддерживают прозрачность – только GIF и PNG. Родной формат Фотошопа PSD браузерами не отображается.

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

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

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

Источник: https://www.web-article.com.ua/2009/prozrachnost-i-poluprozrachnost-fotoshop/

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

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

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

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

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

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

статьи

  • 1 Создание нового документа
  • 2 Волшебная палочка
  • 3 Ластик

Создание нового документа

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

Волшебная палочка

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

  1. Выберите инструмент «Волшебная палочка» и поставьте допуск 50.
  2. Теперь тыкните один раз левой кнопкой мышки по любому месту фона. У вас должна будет выделиться либо огромная часть фона, либо весь бэкграунд целиком. Это зависит от препятствий. 
  3. Если у вас остался промежуток между ног и между рук, то нужно выделить и остальные пробелы. Но  если мы нажмем в другое место, то сбросится наше выделение. А что тогда делать? Это элементарно. Просто остальные части нужно выделять с зажатой клавишей SHIFT.
  4. Теперь, когда у нас всё выделено, нам что нужно сделать? Нам необходимо инвертировать выделение. Для этого нажмите комбинацию клавиш SHIFT+CTRL+I. Теперь пунктирная линия будет окутывать только саму мартышку. Вот этого-то мы и добивались. 
  5. Ну а дальше нажмите комбинацию клавиш CTRL+J и вы увидите, что обезьяна скопировалась на новый слой, но теперь с прозрачным задним планом. И если вы хотите, то можете удалить главный слой и работать уже с мартыхой без фона. 

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

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

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

Ластик

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

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

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

  1. Выберите «Фоновый ластик». Для этого нажмите правой кнопкой мыши на «Ластик» в панели инструментов. Нашли? Отлично. Здесь допуск можно поставить побольше, так как пиксели сильно отличаются друг от друга. В общем остановимся на числе 50.
  2. Теперь выберите размер стёрки. Ну в общем нажимаем правой кнопкой мыши на рабочем пространстве и там уже ставим жесткость (давайте 85 процентов) и размер (Ну тут я выбрал 200). 
  3. А дальше просто начинаем стирать весь фон, не боясь задеть тигра. Он будет стирать только те пиксели (и похожие на них), на которые вы нажали, чтобы начать стирать. В тех местах, где небо более светлое, у вас может ничего не стереться, так как пиксели уже совершенно другого оттенка, поэтому почаще меняйте точку отсчета. 

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

Теперь нам нужно просто один раз нажать на небо. Видите, что получилось? Нам уже ничего не надо стирать. Большинство неба сбрилось благодаря одному нажатию.

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

Ну? Не красота ли? Всё. Теперь его можно использовать для каких-либо коллажей или других видов изображений. Можете даже сделать так, как будто он пытается на вас напасть))). Ну это уже как ваша фантазия вам подскажет.

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

Ну а на этом я с вами прощаюсь. Надеюсь, что мой сегодняшний урок вам понравился и был для вас полезен. Не забывайте подписываться на обновления блога и делиться с друзьями в социальных сетях. А вас я жду в своих других статьях. Кстати, про конкурс не забыли? Через неделю уже объявлю результаты. Так что спешим! Ну а вам я желаю успехов. Пока-пока!

С уважением, Дмитрий Костин.

Источник: https://koskomp.ru/adobe-photoshop/kak-v-fotoshope-sdelat-prozrachnyy-fon/

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

Как сделать картинку полупрозрачной в Фотошопе
Обучение фотошопу / УЧЕБНИК 50013 1

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

Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него стилей слоя. 

  • Отличие Заливки от Непрозрачности

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

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

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

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

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

Для начала необходимый слой нужно выделить (сделать активным). Здесь также будет уместен прием выделение двух и более с помощью клавиш Ctrl или Shift.

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

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

Способ 1 Ввод цифр

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

Способ 2 Ползунковый регулятор

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

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

Способ 3 С помощью клавиатуры

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

Теперь нажимайте на клавиатуре цифры:

  • Цифра 1 изменит непрозрачность до 10%, 2 — до 20%, 5 — до 50% и так далее;
  • Цифра 0 означает 100%;
  • Наберите 55 и получите 55%, 67 — это 67% и так далее

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

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

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

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

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

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

Способ 1 Вырезать нужный участок изображения на новый слой

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

Теперь можно кликнуть правой кнопкой мыши по выделению. Появится контекстное меню. Нас интересует команда Вырезать на новый слой.

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

Способ 2 Использование ластика

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

Выберите инструмент Ластик, на панели параметров установите значение Непрозрачность отличное от 100%. Затем стирайте участки изображения, находящиеся в выделенной области. Воздействие инструмента будет только к тем пикселям, что вы выделили.

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

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

Существует множество форматов для сохранения изображения, но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

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

Чтобы сохранить в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как. Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файла — PNG(*.PNG).

Заметили ошибку в тексте – выделите ее и нажмите Ctrl + Enter. Спасибо!

Cовет как лучше обучаться фотошопу:

  1. Изучайте теорию – учебник по фотошопу.
  2. Набивайте руку практикой, повторяя уроки.

Источник: http://psand.ru/kak-v-fotoshope-sdelat-sloy-prozrachnyim/

Делаем прозрачный фон изображения. 3 разных способа

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

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

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

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

Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.

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

Вырезание объекта в фотошопе

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

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

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

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом “Лассо”, а нечеткие края – мягкой кистью в режиме “Быстрой маски” (Quick Mask – Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите – Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши – Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите – Select/Load Selection… Выберите пункт – Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

Форматы поддерживающие прозрачный фон

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

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

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

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

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

Отсечение фона маской

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

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши – Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

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

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать – Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

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

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей – Window/Transparency. А затем выбрать режим – Multiply (Умножение).

В CorelDRAW возьмите инструмент – Transparency.

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

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

урок: прозрачный фон

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

(Visited 2 938 times, 1 visits today)

Источник: https://expert-polygraphy.com/prozrachnyj-fon/

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.