Как сохранить в фотошопе на прозрачном фоне: Использование флажков «Прозрачность» и «Подложка» в Photoshop Elements

Содержание

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

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

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

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

Шаг 1. Установка

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

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

Шаг 2. Выбор фото

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

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

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

После того, как вы замкнёте контур, кликните дважды по нему, чтобы закончить работу. Программа сотрёт весь фон, оставив только выделенный объект. Не страшно, если с первого раза результат вам не понравится – достаточно нажать кнопку «Отмена» и попробовать всё сначала. Кроме того, можно установить увеличенное размытие границ, чтобы Фотошоп смягчил края выделения и сделал удаление фона более простым для новичков.

Шаг 4. Сохранение

Если вам важно, чтобы при сохранении фон оставался прозрачным, не выходите из окна «Замена фона». В левом нижнем углу вы найдёте кнопку «Сохранить в файл» — нажмите на неё и выберите нужный формат. Важно помнить, что прозрачность поддерживается только форматами PNG и GIF, поэтому стоит обратить внимание именно на них. Форматы TIFF и PSD можно отнести скорее к макетам, чем к изображениям, и просмотреть их без использования Фотошопа не получится.

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

Как создать PNG с прозрачностью в Adobe Photoshop (версии CC и выше)?

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

Чтобы сохранить изображение, нажмите кнопку «Сохранить» (Save) внизу окна.

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

Когда закончите, нажмите «Экспортировать все» (Export All).

Перевод статьи «How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Как сохранить файл Photoshop в Интернете с частичной прозрачностью на прозрачном фоне?

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

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

Я сейчас «сберегаю для сети» для PNG-24. Тем не менее, Photoshop постоянно превращает прозрачные пиксели в белый или черный — без реальной альфа-прозрачности. Что мне делать?

Вот само изображение:

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

Какой самый лучший способ решить эту проблему? Я хочу, чтобы это выглядело, как это, когда все сказано и сделано:

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

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

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

В данной инструкции мы рассмотрим три варианта сохранения изображений с помощью программы Фотошоп:

1.
Обычное сохранение в формате png, jpg и т.д.
2.
Сохранение в формате PSD (формат сохранения проекта, с которым в дальнейшем можем продолжить работу).
3.
Сохранение для веб-устройств (способ, который позволяет уменьшить размер изображения).

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

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

PSD — формат в котором мы можем работать со слоями, текстами и т.д. Если вы работаете с проектами (PSD) Вы всегда можете сохранить изображение в любом формате.

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

Приступим к работе по сохранению изображений.

1
. Открыть программу Фотошоп.
2.
Нажимаем File (Файл) -> Open (Открыть). Выбираем нужное нам изображение на компьютере и нажимаем Open (Открыть).

Вариант 1. Обычное сохранение в формате jpg, png и т.д.

1.
Нажимаем File (Файл) -> Save As.. (Сохранить как). Выбираем место, куда мы хотим сохранить изображение, пишем название, с выпадающего списка выбираем формат (JPEG — наиболее удобный или другой, необходимый Вам). Нажимаем Save (Сохранить).

2.
Выбираем качество ползунком, чем выше качество, тем больше размер. И нажимаем «ОК».

Вариант 2. Сохранение проекта в формате PSD.

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

Вариант 3.Сохранение для Веб-устройств.

1.
Нажимаем File (Файл) -> Save for Web & Devices (Сохранить для Веб-устройств). С выпадающего списка выбираем формат JPEG,GIF или PNG. Выбираем Quality (уровень качества) с помощью ползунка.

Здравствуйте, уважаемые читатели блога Start-Luck! На связи Андрей Зенков и мои практические советы по веб-дизайну. Сегодня мы поговорим о тех самых ключиках, без которых ваш сайт никогда не откроет дверь в мир браузерных закладок (а ведь для пользователя так важно помечать «звёздочкой» полюбившиеся страницы).

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

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

С воодушевлением вы подгоняете все изображения под , сохраняете и… видите, что усилия напрасны. Пиксели напрочь убивают кропотливо созданные «лапки», а на картинки в движении нельзя взглянуть без слёз. Фотошоп автоматически перемещается в список программ на удаление, а вы даёте себе обещание найти настоящего умельца. Зачем? Всё можно сделать самостоятельно, узнав главный секрет, которым я всегда пользуюсь.

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

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

Основные группы изображений в веб-дизайне

Графический контент сайтов условно делится на три категории.

Коллажи и фотографии

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

Иконки, кнопки и баннеры

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

Сохраняем изображение в двух форматах и сравниваем результат:

Анимация

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

Пошаговая инструкция по сохранению изображений

Начнём с JPG: с ним получить фотографию без потери качества очень просто. Для этого нажимаем «Файл» — «Сохранить как». При желании можно воспользоваться комбинацией клавиш Shift+Ctrl+S:

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

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

Изучите открывшееся окно. Ваша задача — убедиться в том, что в выпадающем списке выбран пункт PNG-24, а напротив строк «Прозрачность» и «Чересстрочно» стоят галочки:

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

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

Подводим итоги

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

от проекта «Фотошоп-мастер». Из них я почерпнул не один байт полезной информации.

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

На этом всё. Не забудьте подписаться на группу ВКонтакте

и обновления блога для еженедельной порции свежих и полезных статей.

С вами был Андрей Зенков. До новых встреч!

09.11.2018 09.11.2018

Когда работа в фотошопе готова её необходимо сохранить.

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

В каком формате сохранять файл?

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

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

PNG
. Используется в основном дизайнерами для графики на сайтах, интернет-рекламе (баннеры), графика для мобильных приложений и т.д. Формат примечателен тем, что поддерживает прозрачность в изображении. Если нужно сохранить объект на прозрачном фоне — сохраняйте в PNG.

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

Как сохранить в PSD

Задайте название файлу и выберите формат PSD (обычно выбран по умолчанию).

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

Как сохранить в JPG

Выполните команду Файл — Сохранить
.
Выберите формат JPG
.

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

Здесь вы можете отрегулировать качество фотографии, выставив значение Качество
от 1 до 12.

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

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

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

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

Как сохранить в PNG

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

Появиться окно с настройками сохраняемого изображения.

Выбирайте формат PNG-24 — это будет качественное изображение с наименьшим весом файла и со всеми цветами.

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

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

картинка с прозрачным фоном сохранённая в фотошопе

Как сохранять в GIF

Выбирайте формат GIF.

Формат GIF серьезно ужимает изображение в цветах и соответственно в весе файла. Максимум тут доступно 256 цветов.

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

Адаптивная
модель цветов — наилучшая, когда нужно сохранить в максимальном качестве.

Дизеринг
я устанавливаю 100%, в этом случае градиентные переходы более плавные.

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

Теперь вы знаете как сохранять в фотошопе, используя самые популярные форматы. Остались вопросы? Приглашаю в комментарии.

Подготовке любого цифрового изображения, читаемого графическим редактором Adobe Photoshop, будь то PSD-файла, TIF-изображения или «большой» JPEG-картинки, к публикации на сайте, в форуме или социальных сетях, а также к пересылке по электронной почте. Другими словами, «джейпег» для Интернет. В рифму получилось.

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

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

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

Первый способ

1 шаг

Открываю исходное изображение в Photoshop. В моём случае это файл с названием «Пример.psd», содержащий нарисованный шар.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» («File») > «Сохранить Как…» («Save As…»). Появляется диалоговое окно с заголовком «Сохранить как».

2 шаг

Выбираю месторасположение будущего JPEG-изображения. В поле «Имя файла» ввожу новое название картинки, если необходимо. В ниспадающем списке «Тип файла» выбираю формат «JPEG (*.JPG, *.JPEG, *.JPE)».

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

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

3 шаг

Нажимаю на клавиатуре клавишу «Esc», чтобы закрыть окно «Сохранить как».

Выбираю в главном меню «Изображение» («Image») > «Режим» («Mode»). Если «галочка» установлена напротив «8 бит\канал» («8Bits\Channel»), то выбираю «16 бит\канал» («16bits\Channel»). Увеличение глубины цвета желательно, чтобы конвертация из одного цветового профиля в другой прошла аккуратно. Визуально на исходном и итоговом изображениях изменение глубины цвета едва ли отразится.

Затем выбираю в главном меню «Редактировать» («Edit») > «Преобразовать в профиль» («Convert to Profile»). Появляется диалоговое окно с заголовком «Преобразовать в профиль».

В моём случае исходный цветовой профиль («Source Space»), который описывает цвета в рисунке, называется «Adobe RGB (1998)». Выбираю в ниспадающем списке «Целевой профиль» («Destination Space») значение «sRGB IEC61966-2.1». Проверяю параметры преобразования — они располагаются ниже: параметр «Инструмент» («Engine») имеет значение «Adobe (ACE)», «Метод (рендеринга)» («Intent») — «Относительный колориметрический» («Relative Colorimetric»), установлена «галочка» напротив параметра «Использовать компенсацию точки чёрного» («Use Black Point Compensation»), «галочка» отсутствует напротив параметра «Свести изображение, чтобы сохранить вид» («Flatten Image to Preserve Appearance»).

Если Вы увеличили глубину цвета (я проделал это чуть раньше), то параметр «Использовать дизеринг» («Use Dither») будет неактивным. Если в открытом изображении всего один слой (когда Вы открываете JPEG-картинки или «простые» TIF-изображения, обычно, так и есть), то параметр «Свести изображение, чтобы сохранить вид», также, неактивен.

Нажимаю кнопку «Готово» («OK»). Окно «Преобразовать в профиль» исчезает.

4 шаг

В главном окне программы появляется новое диалоговое окно с заголовком «Параметры JPEG» («JPEG Options»). Параметр «Качество» («Quality») позволяет задавать соотношение качества выходного изображения и объёма, который картинка будет занимать в памяти компьютера. Таким образом, оплатой за уменьшение объёма является деградация качества исходного изображения. Чем меньше значение параметра «Качество», тем меньше объём JPEG-изображения.

В рассматриваемом примере я остановлюсь на значении равном 6.

Чтобы оценить качество картинки до сохранения, установлю рядом с параметром «Предпросмотр» («Preview») «галочку».

5 шаг

Установлю значение второго параметра — «Форматирование» («Format Options») — равным «Стандартное оптимизированное» («Baseline Optimized»). Объём будущей JPEG-картинки уменьшился, а качество изображения осталось прежним.

6 шаг

Нажимаю в окне «Параметры JPEG» («JPEG Options») кнопку «Готово» («OK») и проверяю результат.

Сравниваю объёмы исходного PSD-рисунка (~ 3000 Kb) и итоговой JPEG-картинки (82 Kb). Таким образом, JPEG-файл получился примерно в 36 раз меньше исходного изображения при визуально равном качестве. Удобно!

Обращаю внимание, что размер итогового JPEG-изображения остался прежним, как у исходного PSD-рисунка он равен 2480 пикселей × 2480 пикселей.

Второй способ

1 шаг

Открываю исходное изображение в Photoshop.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Alt», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» > «Сохранить для Веб…» («Save for Web…»).

Появится новое диалоговое окно с одноимённым заголовком.

2 шаг

3 шаг

Устанавливаю значение параметра «Качество» («Quality») на максимум.

4 шаг

Уменьшаю размер изображения с помощью параметра «Размер изображения» («Image Size»).

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

В данном примере ввожу в поле «Ширина» («Width») значение 600. Автоматически изменится значение в поле «Высота» («Height»). Также, автоматически изменится размер выходного изображения относительно размера исходного рисунка, указанный в поле «Процент» («Percent»). Изменения происходят автоматически и поле «Процент» находится в активном состоянии, если поля-параметры «Ширина» и «Высота» связаны, о чём свидетельствует соответствующий значок, расположенный справа от названных полей.

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

5 шаг

Устанавливаю «галочку» рядом с параметром «Оптимизированный» («Optimized»).

6 шаг

Если хочу ещё сократить объём выходного изображения, то уменьшаю значение параметра «Качество» («Quality»). Рекомендую придерживаться значений в пределах 45-90.

В данном случае я выберу значение равное 75.

В итоге, среднестатистическое, при скорости доступа в Интернет равной одному мегабиту (1 Mbits), время загрузки моего рисунка из Интернет составит одну секунду. Оно указывается под значением объёма будущего JPEG-изображения.

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

7 шаг

Устанавливаю «галочку» рядом с параметром «Преобразовать в sRGB» («Convert to sRGB») и выбираю значение «Цвета, отображаемые монитором» («Monitor Color») в ниспадающем списке ниже.

8 шаг

Наконец, устанавливаю «галочку» рядом с параметром «Встроенный цветовой профиль» («Embed Color Profile»).

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

9 шаг

В появившемся диалоговом окне с заголовком «Сохранить оптимизированное изображение как» («Save Optimized As») выбираю месторасположение JPEG-картинки и задаю её имя, если необходимо. Нажимаю в активном окне кнопку «Сохранить». Оба окна исчезают. Теперь могу оценить результат.

Закрываю исходное изображение. В появившемся диалогом окошке с предложением сохранить изменения, выбираю «Нет» («No»).

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

Подробнее об интерполяции и её влиянии на деградацию качества цифрового изображения я расскажу в уроке «Что такое интерполяция?»

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

Как сохранить фото в Фотошопе CS6 и CC

Настоящий урок я посвятил1 подготовке любого цифрового изображения, читаемого графическим редактором Adobe Photoshop, будь то PSD-файла, TIF-изображения или «большой» JPEG-картинки, к публикации на сайте, в форуме или социальных сетях, а также к пересылке по электронной почте. Другими словами, «джейпег» для Интернет. В рифму получилось.

Покажу, как сохранить изображение в формате JPEG на примере рисунка, созданного в Photoshop.

В каком формате сохранять файл?

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

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

PNG. Используется в основном дизайнерами для графики на сайтах, интернет-рекламе (баннеры), графика для мобильных приложений и т.д. Формат примечателен тем, что поддерживает прозрачность в изображении. Если нужно сохранить объект на прозрачном фоне — сохраняйте в PNG.

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

WebP

Этот формат изображений для публикации в интернет был разработан Google почти 10 лет назад. Главное его достоинство — он сжимает файлы без потери качества в полтора раза сильнее, чем JPEG, да ещё и поддерживает прозрачность. Он может заменить все актуальные форматы изображений для веб. Казалось бы, почему бы не использовать его?

Главная проблема формата WebP (читается как «веппи»): его до сих пор читают далеко не все браузеры. Сейчас, в 2020, с ним справляются только Chrome и Opera, а Microsoft Explorer, Microsoft Edge, Firefox и Safari его не понимают. Поэтому вам придётся предусмотреть подмену изображений этого формата на изображения традиционных для интернет форматов. А это ровно в два раза больше картинок, которые придётся загружать на сервер.

Ещё одна проблема: актуальная реализация работы с этим форматом подразумевает и конвертацию «налету», значительно утяжеляющую исходный ход веб-странички. Иными словами, соотношение «текст/код html» меняется в сторону html. Это плохо для поисковой оптимизации. Вот и получается: с одной стороны, картинки быстрее грузятся, но не каждым браузером, и надо держать картинки в двух форматах. С другой стороны, страничка становится тяжелее.

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

Как сохранить в PSD

Файл — Сохранить (CTRL+S)

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

Задайте название файлу и выберите формат PSD (обычно выбран по умолчанию).

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

Подводим итоги

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

С вами был Андрей Зенков. До новых встреч!

Как сохранить в JPG

Выполните команду Файл — Сохранить.
Выберите формат JPG.

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

Здесь вы можете отрегулировать качество фотографии, выставив значение Качество от 1 до 12.

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

Первый способ

1 шаг

2 шаг

3 шаг

Нажимаю на клавиатуре клавишу «Esc», чтобы закрыть окно «Сохранить как».

В моём случае исходный цветовой профиль («Source Space»), который описывает цвета в рисунке, называется «Adobe RGB (1998)». Выбираю в ниспадающем списке «Целевой профиль» («Destination Space») значение «sRGB IEC61966-2.1». Проверяю параметры преобразования – они располагаются ниже: параметр «Инструмент» («Engine») имеет значение «Adobe (ACE)», «Метод (рендеринга)» («Intent») – «Относительный колориметрический» («Relative Colorimetric»), установлена «галочка» напротив параметра «Использовать компенсацию точки чёрного» («Use Black Point Compensation»), «галочка» отсутствует напротив параметра «Свести изображение, чтобы сохранить вид» («Flatten Image to Preserve Appearance»).

Нажимаю кнопку «Готово» («OK»). Окно «Преобразовать в профиль» исчезает.

Снова открываю окно «Сохранить как» и проделываю действия 2-ого шага.

4 шаг

Нажимаю в окне «Сохранить как» кнопку «Сохранить».

В рассматриваемом примере я остановлюсь на значении равном 6.

5 шаг

Установлю значение второго параметра – «Форматирование» («Format Options») – равным «Стандартное оптимизированное» («Baseline Optimized»). Объём будущей JPEG-картинки уменьшился, а качество изображения осталось прежним.

6 шаг

Нажимаю в окне «Параметры JPEG» («JPEG Options») кнопку «Готово» («OK») и проверяю результат.

Как сохранить в PNG

Файл — Экспортировать — Сохранить для Web (старая версия)

Появиться окно с настройками сохраняемого изображения.

Выбирайте формат PNG-24 — это будет качественное изображение с наименьшим весом файла и со всеми цветами.

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

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

картинка с прозрачным фоном сохранённая в фотошопе

Общие рекомендации

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

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

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

Те самые «квадратики», артефакты алгоритма сжатия. Вам нравится такое качество? Не рекомендую автоматические «оптимизаторы» картинок по рекомендациям Google Speed Test. Да, они драматически уменьшат вес изображений, но пожалейте глаза своих посетителей. Да и собственный бизнес: качество визуального контента влияет на восприятие сайта и конверсию. Хуже восприятие — меньше денег в ваш карман. Лучше потратьте немного времени на подготовку полноценного контента, оно того стоит.

обычное фото, на прозрачном фоне и без потери качества.

В этом уроке вы узнаете, как сохранить документ в фотошопе
. После того как фотография была отредактирована то, скорее всего вы задались вопросом как ее сохранить? Для этого в фотошопе предусмотрены три команды: Save (Сохранить), Save As (Сохранить как) и Save for Web & Devices (Сохранить для Web и устройств):

Основные сведения

Все три команды можно выполнить через меню File (Файл):

Команда Save (Сохранить), позволяет сохранить документ, в том формате, в котором была открыта изначально. Ее рекомендуется использовать в том случае, когда вы редактируете изображение, что бы в случае зависания программы не потерять результаты. Следующая команда, Save As (Сохранить как), будет для вас наиболее полезна, она позволяет выбрать формат сохранения, качество и название. Команда Save for Web & Devices(Сохранить для Web и устройств) полезна для сохранения изображения веб ресурсов или каких либо устройств, позволяя сильно сжимать и менять размеры изображения. Что бы изучить настройки этой команды потребуется отдельный урок.

Сохранение файла в формате JPEG

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

Для соxранения изображения в этом формате нужно выбрать File (Файл)- Save As (Сохранить как), после чего откроется окно с настройками сохранения, о котором подробно будет рассказано ниже:

В верхней части расположено окно для выбора места сохранения вашем жестком диске.
Изменение имени файла
В поле Format (Формат) можно выбрать формат для файла. Выберите формат JPEG и нажмите сохранить.

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

В разделе Image Options можно выбрать качество и степень сжатия:Low (Низкое), Medium (Среднее), High (Высокое) и Maximum (Максимальное). Легче всего это сделать при помощи ползунка. Помните, что чем больше сжатие, тем хуже качество. Слева указан размер файла. В разделе Format Options можно выбрать один из трех методов сжатия:

Baseline Standart (Базовый Стандартный) этот метод сжатия самый распространяемый, идеально понимаемый формат для устройств и веб браузеров.
Baseline Optimizes (Базовый оптимизированный) метод который позволяет сжимать изображение, но при этом сохранять четкость и краски.
Progressive (Расширенный) с помощью сoхранения этого метода изображение будет загружаться не построчно, а за несколько проходов по мере загрузки. В каждый из них будет выводится полное изображения, улучшаясь от прохода к проходу. Некоторые браузеры и устройства плохо с ним работают.

Оставьте Baseline Standart и нажмите OK

Сохранение файла в формате PSD

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

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

Кому это нужно знать и зачем?

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

О каком времени речь?

Для начала проясним одну вещь:

Используя интернет, вы теряете время — много времени

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

Не обманывайте себя «мегабайтами в секунду»

Скорее всего, ваш интернет-провайдер обещает вам 100 Мбит/с
— это гениальный рекламный ход(читайте как: обман) породивший множество заблуждений, в том числе и в теме скорости загрузки сайта. Я замерил скорость соединения с сервером расположенным в Москве, результат:

А вот скорость загрузки страницы с сайта значительно ниже:

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

Десятки? Сотни? Я как активный пользователь интернета просматриваю несколько сотен изображен в день, причем большинство из них высокого разрешения. Если уменьшить вес этих изображений и соответственно увеличить скорость загрузки, хотя бы на 1 секунду,
умножив на 500 изображений в день,
то получим около 8 минут в день и 4 часа в месяц.

4 часа в месяц я ожидаю, когда загрузится картинка

Все, что нужно знать о сохранении изображений

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

Вредной привычкой является установка качества в значение 100
, но в сравнении с 80
разнится видимого качества
практически равна нулю, а вот разница в весе ощутима
.

Для размещения изображения на сайте, передаче по почте, сохранения в облаке, отправке в мессенджере и т. п. — необходимо использовать Save for Web.

JPEG или PNG?

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

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

Какое качество(Quality) выбрать?

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

Оптимизация(Optimized)

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

Преобразовать в sRGB(Convert to sRGB)

Преобразование цветов изображения к соответствующей таблице sRGB.

sRGB является стандартом для интернета

Разрешение(Image Size)

Самым распространенным разрешением экрана является: 1366×768
— для компьютера и 720×1280
— для смартфона. Имейте это ввиду и не сохраняйте изображения больше, чем 1920
по ширине.

Метаданные(Metadata)

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

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

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

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

Спасибо, Владислав.

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

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

Файл — Сохранить (Ctrl+S)

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

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

Файл — Сохранить как… (Shift+Ctrl+S)

Данная команда является основной и наделена множеством «сложностей».

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

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

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

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

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

Также вам предлагается три разновидности формата:

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

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

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

Третий способ сохранения в фотошопе

Нажмите на крестик этого изображения (красная
стрелочка), если хотите закрыть изображение, но остаться в фотошопе, либо на крестик самого фотошопа (синяя
стрелочка), если хотите совсем закончить свою работу.. Спасибо!

Сегодня мы поговорим о том, как правильно сохранить и оптимизировать картинку в фотошопе и в каком формате это лучше сделать. А ведь правильный выбор формата сохранения очень сильно влияет на качество и внешний вид картинки, а также на вес картинки в килобайтах. Это особенно важно для тех, кто учитывает расход трафика. Итак, давайте разберемся по порядку с jpg, gif и png.

1. В каких форматах сохранять картинки

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

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

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

Формат png.
Похож на предыдущий формат, но более продвинут и эффективнее сжимает картинки. В png очень удобно сохранять клипарты на прозрачном фоне. Существует в двух форматах png-8 (для простых картинок, поддерживает 256 цветов) и png-24 (для более сложных изображений, хорошо поддерживает цвета).

2. Сохраняем с помощью функции «Сохранить как…» (Save as…)

Можно сохранить картинку используя старый добрый способ через меню «Файл» -> «Сохранить как…» (Save as…) или комбинация клавиш «Shift+Ctrl+S». В выпадающем меню выбирается формат файла, в котором хотим сохранить файл. (Смотрим рисунок ниже) Этот способ используется когда сохраняемая картинка останется на вашем компьютере и не предназначается для публикации в интернете.

3. Сохраняем с помощью функции «Сохранить для Web» (Save for Web…)

Если же ваша картинка предназначена для того, чтобы быть вывешенной в интернете, то лучше воспользоваться функцией «Сохранить для Web» (Save for Web…). При таком способе картинка лучше и качественнее сохраняется именно для интернета и плюс там есть несколько удобных возможностей. Выбираем в меню «Файл» -> «Сохранить для Web…» (Save for Web…) или комбинация клавиш «Alt+Shift+Ctrl+S». Откроется диалоговое окно.

Для того, чтобы сохранить картинку в формате jpg в выпадающем меню (1) выбираем формат JPEG. Ставим качество сохранения (2) от 75% до 95%. Я всегда ставлю 75%. Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

Для того, чтобы сохранить картинку в формате gif в выпадающем меню (1) выбираем формат GIF. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

Для того, чтобы сохранить картинку в формате png в выпадающем меню (1) выбираем формат PNG-8. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). Ставим галочку в чекбоксе «Прозрачность» (6) для того, чтобы фон был прозрачным. После этого нажимаем «Сохранить».

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

09.11.2018 09.11.2018

Когда работа в фотошопе готова её необходимо сохранить.

В каком формате сохранять файл?

Как сохранить в PSD

Задайте название файлу и выберите формат PSD (обычно выбран по умолчанию).

Как сохранить в JPG

Выполните команду Файл — Сохранить
.
Выберите формат JPG
.

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

Здесь вы можете отрегулировать качество фотографии, выставив значение Качество
от 1 до 12.

Как сохранить в PNG

Появиться окно с настройками сохраняемого изображения.

Выбирайте формат PNG-24 — это будет качественное изображение с наименьшим весом файла и со всеми цветами.

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

картинка с прозрачным фоном сохранённая в фотошопе

Как сохранять в GIF

Выбирайте формат GIF.

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

Адаптивная
модель цветов — наилучшая, когда нужно сохранить в максимальном качестве.

Дизеринг
я устанавливаю 100%, в этом случае градиентные переходы более плавные.

обычное фото, на прозрачном фоне и без потери качества

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

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

Размер;
поддержку прозрачности;
число цветов.

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

Подведем итог. Сохранение картинки в фотошопе выполняется двумя командами меню:

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

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

Файл – Сохранить как… (Shift+Ctrl+S)

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

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

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

К примеру, если отдать предпочтение JPG
, диалоговое окно будет выглядеть так:

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

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

Базовый («стандартный»)
– при этом картинки или фото на мониторе отображаются построчно. Так отображаются файлы JPG
.

Базовый оптимизированный
– изображение с оптимизированной кодировкой Huffman
.

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

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

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

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

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

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

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

Форматы для сохранения фото

PSD и TIFF

Оба эти формата позволяют сохранять документы (работы) со структурой, созданной пользователем. Сохраняются все слои, их порядок, стили и эффекты. Имеются незначительные отличия по размеру. PSD
весит меньше.

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

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

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

Несжатое и необработанное фото. Содержит наиболее полную информацию обо всех особенностях снимка.

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

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

Остальные форматы не совсем подходят для сохранения фотографий.

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

Для сохранения вашего документа или точнее сказать картинки, вам нужно снова идти в верхнее меню и нажать там куда? Правильно, надо нажать на «Файл»
. А в открывшемся меню выбрать «Сохранить как»
. Есть несколько основных форматов, в которые рекомендуется сохранять. Подробнее мы их рассматривали . Вкратце скажу вам в какие форматы для каких целей лучше сохранять изображения.

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

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

В каких форматах лучше всего сохранять картинку

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

Если ваш проект еще не закончен, то сохраняйте в формате PSD
. Сохранится весь ваш прогресс, прозрачность, все слои и так далее. Да и кстати, если проект не просто какая-то однодневка, а что-то более масштабное, то лучше всегда держать копию в PSD. Я всегда держу шаблоны картинки, которые вставляю в анонс к статье, так как тема одна и та же. Просто меняется картинка внутри и заголовок.
Если вы закончили ваш проект и хотите сохранить ваш конечный результат (например обработали фотографию или сделали коллаж), то сохраняйте в JPG (JPEG)
. Самое оптимальное для фото. В подавляющем большинстве случаев сохранять будем именно в нём.
Если вы делали анимацию (например анимированные баннеры), то вам подойдет только GIF
, так как только он может состоять одновременно из нескольких изображений. Но несмотря на огромный плюс, данное расширение имеет и жирный минус. Дело в том, что оно не способно сохранять картинки с количеством цветов более 256. А это, как вы уже наверное догадались, очень мало, с учетом того, что обычная JPG фотография способна содержать в себе более 16 миллионов цветов. Чуете разницу? Но для малоцветных анимированных баннеров — это будет то, что надо.
Если у вас изображение подразумевает прозрачный фон, т.е. на картинке только определенный объект без белого фона (или), то тогда ваш формат PNG
. Дело в том, что если вы сохраните любую картинку с прозрачным фоном в фотошопе с расширением JPG, то он просто зальется белым цветом. И при последующей вставке картинки в редактор, никакой прозрачности больше не будет.
Если вы хотите сохранить картинку в фотошопе без потери качества, то лучше всего делать это в формате TIFF
. Именно здесь сохраняется вся цветовая палитра и пиксели. Данный формат используют для полиграфии при распечатке растровых изображений как раз так из-за того, что качество не хромает. Единственным минусом становится то, что он занимает неприлично много места на жестком диске.
Ну и конечно, нельзя было не упомянуть, что фотошоп способен создавать графику в формате PDF
, что позволит открывать его не как изображение,а как документ.

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

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

Сохранение для Web

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

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

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

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

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

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

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

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

Наверное, стоило бы поместить эту главу в начале книги, но авторы думают, что читатели и без их подсказок отыскали команду File › Save
(Файл › Сохранить) или вспомнили известное по многим другим программам сочетание клавиш CTRL + S
. Для обучения приемам работы в Illustrator этого вполне достаточно.

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

Adobe Illustrator — формат «для себя»

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

Главная настройка здесь — Create PDF Compatible File
(Создавать PDF-совместимый файл). Если она включена, документ можно будет открыть в одной из программ, «понимающих» формат PDF: Adobe Acrobat, CorelDRAW (посредством импорта) и… Adobe Illustrator. А именно Illustrator ранних версий. Программа предупредит о том, что при открытии файла могут возникнуть проблемы, но, скорее всего, откроет и поймет все правильно. Во всяком случае, Illustrator 10 почти всегда корректно читает документы Illustrator CS. Но если вы собираетесь пользоваться только CS-версией пакета и только на своем компьютере, то можете выбирать любые настройки сохранения — все будет в порядке.

Рис. 12.1
. Настройки сохранения файла в формате Adobe Illustrator

Будьте внимательны, если вы готовите документ, с которым будут далее работать другие люди. Например, рисуете иллюстрацию, которая войдет в книгу или рекламный буклет. Авторам известны всего два пакета верстки, которые всегда правильно интерпретируют формат Adobe Illustrator — Adobe PageMaker (версия не ниже 6.5) и Adobe InDesign (желательно CS). Во всех остальных случаев придется использовать еще один «диалект» PostScript — EPS (Encapsulated PostScript
).

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

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

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

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

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

Формат PNG самый популярный после jpg в сети интернет благодаря одновременным достоинствам форматов jpg и gif. Помимо этого он обладает еще одним плюсом – поддерживает прозрачность картинки.

Специальные форматы для сохранения фото

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

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

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

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

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

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

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

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

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

Если фон однотонный:

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

Если фон разноцветный:

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

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

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

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

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

28.01.2015 27.01.2018

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

Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.

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

А так выглядит список слоев

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

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

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

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

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

Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Здравствуйте, дорогие читатели моего красочного блога сайт! Почему красочного? Вы посмотрите, какие картинки я делаю! Не каждый осмелится. Кстати как вам? Не сильно мешает восприятию? Мне важно ваше мнение. Пишу уроки то я для вас! Итак, по делу!

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

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

1. Откройте Фотошоп.

2. Пройдите в меню «Файл» => «Открыть» и выберите ваше изображение, которому желаете придать прозрачность.

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

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

3. Щелкните левой кнопкой мыши по этому слою два раза либо перейдите в меню «Слой» => «Новый слой» => «Из заднего плана».

4. В появившемся окне нажмите кнопку «ОК».

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

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

Вот, что в итоге должно получиться:

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

6. Нажимаем сочетание клавиш «Ctrl+Shift+Alt+S» или идем в меню «Файл» => «Сохранить для Web и устройств».

7. Выбрать формат сохранения «PNG-24» и в этом формате ни чего больше не меняя сохранить файл.

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

На этом у меня все! Не забывайте этого блога! Если у вас остались вопросы, то смело задавайте их в комментариях! Увидимся в следующих уроках!

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

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

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

Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице «Загрузить изображение».

Загружаем картинку с компьютера, у меня будет такая:

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

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

Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент и нажимаем вкладку «Редактировать».

Выбираем значение толерантности, как показано на картинке «21» и кликаем волшебной палочкой на фон нашей картинки.

Затем еще раз нажимаем «Редактировать»
и выбираем «Очистить»
.

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

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

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

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

P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

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

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

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

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

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

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

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

Как сохранить прозрачный фон в фотошопе? The Easy Way

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

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

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

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

Как используются изображения с прозрачным фоном?

Фотографии и изображения с прозрачным фоном находят множество применений.

Создание анимации

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

Для дизайна плаката

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

Для создания эскизов

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

Создание трехмерного эффекта объекта

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

Для создания логотипов

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

Для использования в видео

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

Для графики в играх

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

Для объединения нескольких объектов

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

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

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

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

Метод инструмента «Волшебная палочка»

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

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

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

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

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

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

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

Метод инструмента быстрого выбора

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

В таких ситуациях вы можете использовать « Quick Selection Tool».

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

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

Выберите «Инструмент быстрого выбора» из «Инструменты выбора» на левой панели инструментов.

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

Теперь вы выбрали цветок. Но вы хотите выбрать фон. Итак, нажмите «Выбрать» на верхней панели инструментов Adobe Photoshop и выберите опцию « Инверсия ». Теперь будет выбран только фон. Затем нажмите кнопку «Удалить» на клавиатуре, чтобы удалить фон.

Теперь у вас есть только цветок с прозрачным фоном.

Метод быстрого удаления

Если вы используете новую версию Adobe Photoshop, то процесс удаления фона действительно прост.

Сначала я открою другое изображение в Photoshop.

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

Итак, давайте начнем с нажатия на символ замка, чтобы разблокировать изображение. Как только изображение будет разблокировано, имя «Фон», изменится на «Слой 0».

Щелкните меню « Window » на верхней панели инструментов.Затем выберите опцию « P roperties ».

Появится новое окно. Вы можете увидеть опцию «Удалить фон», в « Быстрые действия, ».

Нажмите здесь кнопку « Удалить фон ». Если вы не видите кнопку «Удалить фон», , затем нажмите «Быстрые действия, », она появится. Обработка начнется с использованием алгоритма AI в Adobe Photoshop, и вы сможете увидеть объект без фона через несколько секунд.

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

Вы также можете обратиться к этому видеоуроку от N.S. Creation:

Можете ли вы сохранить прозрачный JPG в фотошопе?

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

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

Какие форматы изображений в Photoshop поддерживают прозрачный фон?

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

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

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

Щелкните меню «Файл», на верхней панели инструментов Adobe Photoshop. В раскрывающемся меню выберите «Сохранить как» .

Появится новое окно. Затем вам нужно выбрать формат TIFF, GIF или PNG в разделе « Format ».

TIFF

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

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

PNG

Если вы хотите сохранить его как файл «PNG» , выберите этот вариант и нажмите кнопку «Сохранить».

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

GIF

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

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

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

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

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

Щелкните правой кнопкой мыши слой прозрачного изображения. Выберите опцию « Экспорт как » из длинного списка меню.

Появится новое окно. Здесь вы можете выбрать формат файла «PNG» или формат файла «GIF». Если вы выбираете формат PNG, убедитесь, что флажок « Transparency » всегда установлен. После выбора формата нажмите кнопку « Export », чтобы сохранить изображение.

Когда вы щелкаете правой кнопкой мыши на слое 0, вы также можете выбрать опцию « Quick Export as PNG », чтобы сохранить изображение как файл PNG. Но проблема с этим методом заключается в том, что он не дает вам возможности изменять размер изображения или размер холста.Эти параметры доступны только с параметром «Экспортировать как». Итак, вы можете выбирать соответственно. Вариант быстрого экспорта будет хорош, если вас устраивает текущий размер изображения.

Какой формат файла прозрачного изображения является лучшим для Интернета?

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

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

PNG против GIF для Интернета

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

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

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

Щелкните здесь, чтобы узнать, как улучшить детализацию изображения в Photoshop.

Как создать файл EPS с прозрачным фоном | Small Business

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

Adobe Illustrator

Перейдите на веб-сайт Adobe (ссылка в разделе «Ресурсы»), чтобы загрузить и установить бесплатную пробную версию Illustrator, если на вашем компьютере не установлена полная версия.

Запустите программу, затем выберите тип документа — печатный или Интернет — который вы хотите создать, в разделе «Создать новый» на экране-заставке.

Введите имя документа, а также его размеры и нажмите кнопку «ОК».

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

Нажмите «Файл» и «Сохранить как», выберите «Illustrator EPS» в раскрывающемся меню рядом с «Сохранить как тип» и нажмите «Сохранить».

Выберите «Tiff (8-битный цвет)» в раскрывающемся меню «Формат» под разделом «Предварительный просмотр» в открывшемся окне параметров EPS.Установите переключатель рядом с «Прозрачный», затем нажмите «ОК». Ваш файл EPS сохраняется с прозрачным фоном.

CorelDraw

Перейдите на веб-сайт Corel (ссылка в разделе «Ресурсы») и загрузите пробную версию CorelDRAW Graphics Suite, если она еще не установлена на вашем компьютере.

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

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

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

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

Щелкните «Файл» и «Экспорт». Выберите «EPS» из раскрывающегося меню рядом с «Сохранить как тип», затем нажмите кнопку «Экспорт».

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

Adobe Photoshop

Перейдите на веб-сайт Adobe (ссылка в разделе» Ресурсы «), затем загрузите и установите бесплатную пробную версию Photoshop, если на вашем компьютере не установлена полная версия.

Запустите программу, нажмите» Файл »и« Создать », введите параметры документа и нажмите« ОК ».

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

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

Нажмите «Выбрать» и «Инвертировать», чтобы было выбрано только изображение, а не фон. Щелкните вкладку «Пути» и выберите «Создать рабочий путь из выделенного».

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

Щелкните «Файл» и «Сохранить как», затем выберите «Photoshop EPS» в раскрывающемся меню «Формат».

Нажмите «Сохранить» и выберите «TIFF (8 бит / пиксель)» в раскрывающемся меню «Предварительный просмотр», затем выберите «ASCII85» в раскрывающемся меню «Кодировка». Нажмите «ОК», чтобы сохранить изображение как прозрачный EPS.

Ссылки

Ресурсы

Writer Bio

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

Прозрачный фон в Photoshop Elements

Подробнее… подписывайтесь на меня:

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

«Просматривая ваши учебные пособия даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое.Большое спасибо! »- Дуглас

«Я очень рад найти такие полезные и понятные
информация по использованию Photoshop Elements. Я не могу дождаться, чтобы использовать твой
учебные пособия (особенно с моей одержимостью скрапбукингом) »- Джуди в MS

Хорошо
день Рик: «Я очень ценю ВСЕ, ВСЕ ваши уроки. Очень, очень ясно
а также полезные советы, приемы и практические приемы в PSE9. Отличный отличный
работа! »- Хоан

«Любите ваши учебники на YouTube.Очень понятно и полезно. Большое спасибо. «-
Rich

«I
люблю твои видео! Они были такой БОЛЬШОЙ помощью. Я купил чайников
книга, и это нормально, но я лучше смотрю, а не читаю. Престижность
к вам! «- Ура, Кэти

«Спасибо за этот сайт! Я нашел его в одном из ваших видео на YouTube.
Еще раз, большое вам спасибо!» — Ванесса

«Это действительно щедрый и достойный восхищения сайт!» — Ура, Йонас

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

«Ваш сайт — отличный сервис, и я благодарю вас!»
— С уважением, апрель

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

Рик
— «Большое спасибо за ваш совет, который я приму. Большое спасибо, как
хорошо для вас исключительно хорошие учебные пособия. Кажется, у вас есть
удивительное умение заставлять сложные задачи казаться легкими и
простой. Я фанат! »- С наилучшими пожеланиями, Тони

«Намного полезнее, чем книга PS Elements 9 для чайников …. Большое спасибо за ваш сайт .. действительно легко следить.» — Карин

Привет
Рик.Просто хотел сказать большое спасибо за все отличные
информация, содержащаяся в ваших учебных пособиях. Я наткнулся на PS9 для
прошло уже несколько недель, и я не могу поверить, насколько легко вы объясняете
разные аспекты. Это способ, намного более мощный, чем я представлял, и теперь
для меня тоже можно использовать. Большое, большое спасибо из Великобритании. — Парень

Как сохранить прозрачный фон

Заголовки к руководству по использованию инструмента «Перо»

1
00: 00: 01,402 -> 00: 00: 05,198
Добро пожаловать в Photoshop PEN TOOL.В этом уроке я расскажу, что вы делаете с траекторией и

2
00: 00: 05,198 -> 00: 00: 08,593
различных способов импорта этого в InDesign. Есть несколько разных вариантов. Мы можем

3
00: 00: 08,593 -> 00: 00: 11,972
сохранить как маску слоя, мы можем сохранить как обтравочный контур или просто оставить его как контур. И я пойду

4
00: 00: 11,980 -> 00: 00: 13,580
по всем этим трем различным параметрам и способам их сохранения.

5
00: 00: 13,580 -> 00: 00: 18,900
Итак, у меня все еще открыт этот файл с Путь 1. Первый шаг, который мы рассмотрим, — сохранение его как обтравочного контура.

6
00: 00: 18,900 -> 00: 00: 26,500
Выберите путь здесь, выберите путь отсечения. Путь 1. Итак, вы сохраните это изображение на рабочем столе в формате JPEG

7
00: 00: 26,500 -> 00: 00: 30 920
Нажмите «Сохранить». Просто сохраним его как JPEG 9, это будет самый низкий параметр, на который мы бы пошли, чтобы сохранить некоторые детали,

8
00: 00: 30,920 -> 00: 00: 36,760
и JPEG сохранит этот путь.Так что жмите хорошо. И это будет сохранено как JPEG с обтравочным контуром.

9
00: 00: 36,760 -> 00: 00: 40,700
Итак, второй вариант — я могу просто сохранить его без обтравочного контура.

10
00: 00: 40,740 -> 00: 00: 44,420
Итак, как обычный путь. И затем сохраните это как not-

11
00: 00: 47,227 -> 00: 00: 53,290
— не обтравочный контур, а обычный контур. По-прежнему в формате JPEG. Сохраните это на рабочий стол. В другую сторону

12
00: 00: 53,290 -> 00: 00: 59,307
будет командой, а затем щелкнуть путь как выделенный.Итак, при выборе я могу выбрать

13
00: 00: 59,307 -> 00: 01: 04,229
изменить, перо. Так что дайте ему немного пера, два пикселя. Затем в палитре слоев нажмите добавить

14
00: 01: 04,243 -> 00: 01: 09,983
маска. Смотри, теперь у меня есть маска. В этом случае мне нужно его сохранить. Итак, я использую этот ярлык для

15
00: 01: 09,983 -> 00: 01: 16,857
сохранить как. Command-Shift-S. На рабочий стол. Я могу сохранить его как файл Photoshop или как файл

16
00: 01: 16,857 -> 00: 01: 20,999
TIFF.Файл фотошопа просто сохранится. Для Photoshop нет вариантов. В формате TIFF нажмите «Сохранить». Я

17
00: 01: 20,999 -> 00: 01: 25,900
обычно встраивает цветовой профиль. Завершите другой учебник за пределами этого учебника. Но это

18
00: 01: 25,900 -> 00: 01: 28,508
Всегда очень хорошо встраивать цветовой профиль для согласованности цвета.

19
00: 01: 28,508 -> 00: 01: 33,384
Итак, я нажал сохранение. Варианты для TIFF. Вы всегда хотите включить сжатие LZW.

20
00: 01: 33,384 -> 00: 01: 36,997
Очевидно, я хочу, чтобы прозрачность сохранения была включена. Это просто говорит вам, что около

21
00: 01: 36,997 -> 00: 01: 38,343
программы не поддерживают прозрачность.

22
00: 01: 38,343 -> 00: 01: 42,337
Вся информация о пирамиде изображений и всех других деталях, если вы посетите

23
00: 01: 42,337 -> 00: 01: 46,745
pentoolphotoshop.com подробно описывает значение этих настроек.Итак, я хочу Mac

24
00: 01: 46,745 -> 00: 01: 50,545
и мне нужно сжатие ZIP. Итак, мне нужен небольшой файл. Сжатие LZW и ZIP будет

25
00: 01: 50,545 -> 00: 01: 54,640
сделать файл намного меньшего размера. Так что жмите хорошо. Главный из них — сохранение прозрачности. Без сжатия будет

26
00: 01: 54,640 -> 00: 01: 56,121
сделать файл намного большим.

27
00: 01: 56,121 -> 00: 02: 00,074
Итак, теперь у меня сохранены три версии, это TIFF.И я перехожу к InDesign. У меня

28
00: 02: 00,074 -> 00: 02: 03,469
пустой документ открыт. Итак, я собираюсь поместить изображения в InDesign. Итак, сначала команда -D.

29
00: 02: 03,469 -> 00: 02: 09,950
Первое изображение, которое я хочу разместить, — это прозрачный фон. Это TIFF, и в нем нет

30
00: 02: 09,950 -> 00: 02: 14,096
активирован путь отсечения. Итак, вы открыли. Нажать и перетащить. И вы можете видеть, что он вырезан.

31
00: 02: 14,106 -> 00: 02: 19,997
Переход в меню, просмотр, предварительный просмотр наложения. Это приятный мягкий край, именно такой, каким вы его видите в Photoshop. Следующие

32
00: 02: 20,000 -> 00: 02: 25,140
изображение, которое я помещаю, будет обтравочным контуром. Итак, вы открываете. Поместите это изображение.

33
00: 02: 25,140 -> 00: 02: 28,040
Итак, вы видите, что это путь отсечения.

34
00: 02: 28,220 -> 00: 02: 31,760
Действительно острый край. В то время как слой-маска действительно красивое и мягкое перо.

35
00: 02: 31,766 -> 00: 02: 35,513
Иногда твердый край — это тонкий, твердый край объекта. Но большинству людей нравится маска слоя.

36
00: 02: 35,513 -> 00: 02: 38,879
преимущества и недостатки перечислены на pentoolphotoshop.com. Возможно, вам понадобится острый

37
00: 02: 38,880 -> 00: 02: 42,560
см. И вы можете увидеть здесь, если я вмешался слишком далеко.

38
00: 02: 42,920 -> 00: 02: 47,060
И проверьте это.С маской слоя получается гораздо более естественный вид.

39
00: 02: 47,085 -> 00: 02: 54,506
Последний вариант заключался в размещении в изображении без обтравочного контура и в формате JPEG.

40
00: 02: 55,900 -> 00: 02: 59,960
Поместите это изображение, как видите, оно не вырезано. Однако цель этого состоит в том, что вы можете частично захотеть

41
00: 02: 59,960 -> 00: 03: 06,220
выталкивает часть изображения. Итак, что я могу сделать, так это продублировать эту коробку.Скопируйте / вставьте на место. Итак, теперь у меня

42
00: 03: 06,257 -> 00: 03: 11,684
два таких. Теперь перейдите к объекту, параметрам обтравочного контура, контуру Photoshop. И теперь я могу выбрать

43
00: 03: 11,684 -> 00: 03: 16,424
фактический путь Photoshop. Хит хорошо. И теперь этот путь применен. Итак, когда я перехожу к

44
00: 03: 16,424 -> 00: 03: 19,320
изображение ниже и переместите рамку вниз, чтобы вы могли видеть, что путь применен.

45
00: 03: 20,820 -> 00: 03: 24,573
И вы видите, что путь выходит из коробки.Так что здесь также нужно быть осторожным, поскольку

46
00: 03: 24,573 -> 00: 03: 27,872
до того, как далеко вы зашли. Посмотрите, как это немного врезается. Если вы знаете, что это частичное и частичное

47
00: 03: 27,872 -> 00: 03: 31,773
вылезая из коробки, вот где вам нужно быть осторожным, как далеко вы зайдете. Теперь

48
00: 03: 31,773 -> 00: 03: 35,289
вы видите, это действительно хороший эффект. Вот так журналы частично вырывают имидж.Вы

49
00: 03: 35,289 -> 00: 03: 38,381
может делать это с файлами TIFF и PSD, это просто другой процесс, в который я не буду вдаваться.

50
00: 03: 38,381 -> 00: 03: 40,289
Вы можете перемещать этот блок до упора.

51
00: 03: 40,289 -> 00: 03: 46,210
Также в Photoshop я говорил о том, как в InDesign можно нанести перо на контуры. Не рекомендую. Это

52
00: 03: 46,210 -> 00: 03: 51,736
не самый лучший вариант.Меню, объект, эффекты, базовое перо, предварительный просмотр. Затем вы начинаете видеть

53
00: 03: 51,736 -> 00: 03: 52,533
эффект пришел.

54
00: 03: 52,533 -> 00: 03: 56,634
Просто поиграйте с этими настройками. Это действительно зависит от обстоятельств. Итак, вот как

55
00: 03: 56,634 -> 00: 04: 00,744
поместите последний путь через маску слоя, или путь через контур обрезки, или просто обычный путь, в

56
00: 04: 00,744 -> 00: 04: 02,587
InDesign.Увидимся в следующем уроке.

57
00: 04: 04,200 -> 00: 04: 06,460
PenToolPhotoshop.com

Оптимизация изображений для Интернета | Уроки Adobe Photoshop

версия для печати

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

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

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

Форматы изображений

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

Существует два вида сжатия изображений: с потерями и без потерь .

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

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

JPEG

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

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

Это пример изображения в формате JPEG:

GIF

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

GIF может содержать более одного кадра, поэтому его можно анимировать.

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

Это пример изображения в формате GIF:

PNG

Этот формат был создан, чтобы стать новым и улучшенным GIF, потому что GIF был
запатентовано. PNG — это формат без потерь.

Существует два типа PNG: 8-битный и 24-битный.8-битный может хранить до 256 цветов, как GIF.
24-битный может хранить миллионы цветов, а также имеет частичную прозрачность.

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

Это пример 8-битного изображения PNG:

Это пример 24-битного изображения PNG с прозрачным фоном:

Сохранение изображений для Интернета

Вариант экспорта изображений для Интернета находится в Файл> Сохранить для Интернета… — другая графика
в редакторах должно быть что-то подобное, вероятно, в разделе Файл> Экспорт .

Сохранение изображений с множеством цветов

Исходное изображение сохранено с качеством 100% [171KB]

Выберите Файл> Сохранить для Интернета …
Так как это фотография, выберите JPEG.
Вы можете выбрать опцию Progressive , если хотите, разница только в том, как будет выглядеть загрузка
нравиться. Прогрессивные изображения сначала кажутся размытыми, а затем становятся более четкими по мере загрузки изображения.Непрогрессивный
изображения загружаются построчно.
Сначала выберите уровень качества, Высокое , если изображение будет видно, Среднее или Низкое , если оно
имелось в виду в качестве фона.
Чтобы лучше контролировать качество, используйте ползунок или введите число в поле Качество
Посмотрите на размер файла и расчетное время загрузки, отображаемые в нижнем левом углу при настройке параметров.
В то же время посмотрите на изображение, чтобы решить, какое качество выглядит достаточно хорошо.
- Если это фон, убедитесь, что размер файла меньше 5 КБ, лучше до 2 КБ.
- Если изображение является заголовком макета, допускается размер до 40 КБ.
- Если это изображение, которое будет отображаться на странице, разумным будет до 70 КБ, в зависимости от размеров.
- Произведения и фотографии для вашего портфолио могут быть сохранены в более высоком качестве, поскольку люди, которые будут их смотреть, уже ожидают увидеть большие изображения.
  В этом случае размер файла может быть от 100 до 200 КБ, но не более.
Когда вы найдете идеальный баланс между качеством и сжатием, нажмите кнопку Сохранить

Изображение сохранено с качеством 60% [42KB]

Изображение выше загрузится примерно за 8 секунд при соединении со скоростью 56 кбит / с. Качество не самое лучшее, в некоторых областях
выглядят размытыми, но все же достаточно для веб-целей, и мы использовали на 75% меньше памяти, чем раньше. Вот как
изображения с большим количеством цветов должны быть сохранены.

Сохранение однотонных изображений и диаграмм

Исходное изображение сохранено в формате JPEG с качеством 100% [177KB]

Выберите Файл> Сохранить для Интернета…
Так как в нем меньше цветов, выберите GIF.
Если изображение содержит пустые (прозрачные) пиксели, убедитесь, что установлен флажок Прозрачность .
Выберите количество цветов — постарайтесь, чтобы число было как можно меньше, при этом
изображение выглядит достойно.
Если изображение не в основном фокусе (например, фон), попробуйте добавить немного Lossyness , перетащив ползунок
Направо. Это уменьшит размер файла.
Как только вы найдете идеальный баланс между качеством и размером, нажмите кнопку Сохранить

Изображение сохранено в формате GIF, 8 цветов, 50% с потерями [25KB]

Приведенное выше изображение загрузится примерно за 5 секунд при соединении со скоростью 56 кбит / с.Если вы присмотритесь, вы заметите некоторые
отличий, но изображение по-прежнему выглядит достаточно хорошо, чтобы служить фоном — что более важно, это только
15% от исходного размера файла!

Сравнение форматов

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

Понравился этот урок? Прочтите больше уроков по Photoshop!

Поделитесь этим уроком со своими друзьями!

Как сохранить изображение без белого фона? — Старые версии CorelDRAW — CorelDRAW X3 и более ранние версии

написали в сообщении новости: 57792 @ coreldraw.ком …

> Я разработал логотип для человека, который собирается создать веб-сайт.

> и, я полагаю, установить этот логотип поверх существующего фона.

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

>

Я уже давно занимаюсь веб-сайтами, Мэри. Есть всего несколько раз

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

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

one, я уверен, что это абсолютно необходимо.В противном случае просто сделайте

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

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

(и вам действительно нужно использовать PNG, поскольку GIF поддерживает только один цвет

уровень прозрачности, и если вы не планируете немного его настраивать, вы получите

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

прозрачность и какой фон у сайта / будет) есть

по-прежнему много людей используют IE (ack), а также используют старые версии IE.
IE начал официально «видеть» прозрачные PNG только с IE7.

IE6 и ниже 5.5 (возможно, 5) могут видеть только прозрачный PNG с некоторыми

конкретных настроек кода веб-страниц. Забудьте об этом ниже IE5.

Итак, если кто-то создает этот сайт, убедитесь, что они

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

Если они не знают, как или не хотят учиться, вы захотите подтолкнуть

, чтобы НЕ делать прозрачный PNG.

DrawX4 отлично подходит для прозрачных PNG. Ниже X4 они все еще хороши, но вы

* сначала необходимо * запомнить небольшую хитрость: установите прозрачную ограничивающую рамку вокруг

то, что вы хотите экспортировать. Убедитесь, что эта ограничивающая рамка

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

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

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

контур или цвет заливки, на самом деле лучше, если у вас есть заливка или

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

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

они могут быть несколько близки к.

Теперь сделайте так, чтобы в коробке НЕТ ЗАПОЛНЕНИЯ и НЕТ КОНТРАКТА, сгруппируйте элементы вместе, нажмите

ctrl-e, чтобы экспортировать его, отметьте «только выбранные» и выберите PNG в качестве
Формат файла
. Убедитесь, что ваш цвет — RGB, а сглаживание —

проверено, установлен прозрачный фон, установлена ли ваша высота / ширина

в пикселях, и вы экспортируете с точными размерами в пикселях.

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

Затем, чтобы убедиться, что он выглядит правильно, откройте его в Photo-Paint или

, чтобы увидеть, как это выглядит. Вы видите что-нибудь похожее на

лезвие отрубилось? Если да, увеличьте коробку или сделайте

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

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

box «, так что сглаживание работает с ошибками на пустом месте.

, а не тот предмет, который вы хотите, чтобы люди видели.

Я пробовал это в Draw 10 — прилагаю пример прозрачного PNG

от нем.

Используйте прозрачные PNG в своих проектах печати — Дизайн как профессиональный

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

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

Программ: Photoshop и InDesign
Уровень сложности: Средний

Шаг 1

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

Шаг 2

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

Шаг 3

Затем перейдите в меню «Файл»> «Сохранить как» и убедитесь, что в раскрывающемся списке выбран PNG.Обратите внимание, что это работает только для файлов RGB. Поскольку вы можете преобразовать все элементы вашего проекта печати в CMYK при сохранении PDF-файла в InDesign, вы можете использовать этот файл RGB для любого проекта печати или веб-проекта. Дайте файлу PNG имя, выберите место для его сохранения и нажмите «Сохранить». Во всплывающем окне параметров PNG выберите «Нет» и нажмите «ОК». Вы успешно создали прозрачный файл для использования в проектах печати.

Шаг 4

Теперь давайте откроем InDesign. Создайте новый документ желаемого размера.Моя — это образец обложки альбома, так что она имеет квадрат 4,724 дюйма с отступом 1/8 дюйма.

Шаг 5

Добавьте фоновое изображение, щелкнув и перетащив его из папки в InDesign или CTRL + D (Option + D на Mac), чтобы поместить. Затем переместите фоновое изображение, пока не будете довольны размещением. Вы также можете изменить размер изображения, удерживая CTRL + Shift (Option + Shift на Mac), щелкнув и перетащив угол изображения. Это ограничивает пропорции при изменении размера изображения.Убедитесь, что ваше изображение доходит до красных линий под обрез.

Шаг 6

Вставьте прозрачное изображение, щелкнув и перетащив его из папки в InDesign или CTRL + D (Option + D на Mac) для размещения. Следуйте инструкциям выше, чтобы изменить размер и разместить прозрачное изображение. На изображении не должно быть цвета фона. Если да, убедитесь, что вы сохранили файл в формате PNG. Обратите внимание: я бы очистил это изображение с помощью некоторой цветокоррекции, чтобы лучше соответствовать фоновому изображению.Это просто, чтобы показать вам, как прозрачное изображение из Photoshop можно быстро добавить в проект печати в InDesign.