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

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

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

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

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

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

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

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

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»). Окно «Преобразовать в профиль» исчезает.

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

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 пикселей.

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

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

1 шаг

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

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

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

2 шаг

В появившемся окне «Сохранить для Веб» («Save for Web») в ниспадающем списке в верхней части окна выбираю значение «JPEG».

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…»).

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

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

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

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

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

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

Упражнения

Скачайте архив (объём ~ 36 Mb) с изображениями-примерами.

1. Подготовьте фотографию «Пример1.jpg» для публикации в электронном портфолио. Для этого создайте три JPEG-изображения максимального, насколько это возможно, качества. Пусть объём каждого (место, занимаемое в памяти компьютера) не превышает 100. При этом, пусть высота первой картинки будет равна 800 пикселам, второй – 500 пикселам, и третьей – 50 пикселам.  Какое значение параметра «Качество» Вам потребовалось установить в каждом из трёх случаев? При каком минимальном значении параметра «Качество» третья картинка выглядит приемлемо?
    
2. Подготовьте рисунок «Пример2.psd» к печати в местной фотолаборатории, которая не принимает -файлы, сохранив изображение в максимальном качестве в формате JPEG. Каков фактический объём получившейся JPEG-картинки?
    
3. Подготовьте фотографию «Пример1.jpg» к отправке на фотоконкурс. Организаторы конкурса хотят оценить не только смысловое содержание фотографии, но и её техническое качество. Поэтому они установили требования к принимаемым произведениям: объём – не более 300, размер – не менее 2048 пикселей по длинной стороне. Какая пара чисел «значения параметра “Качество” — размер по длинной стороне в пикселах» будут наиболее эффективно удовлетворять указанным требованиям?
    
4. Сохраните рисунок «Пример2.psd» в формате JPEG в 7-10 вариантах, отличающихся лишь значением параметра «Качество» на 10-15%. Например, «Пример2_10.jpg» сохраните со значением параметра «Качество» равным 10, «Пример2_20.jpg» – со значением параметра «Качество» равным 20 и так далее. При этом, размер всех вариантов уменьшите вчетверо относительно размера исходного изображения. Затем последовательно, начиная от картинки наилучшего качества, покажите в одном и том же масштабе все варианты двум-трём людям и попросите их выбрать варианты приемлемого качества. Начиная с какого значения параметра «Качество», картинка перестаёт быть визуально приятной (укажите среднее значение)?
    
5. Сохраните фотографию «Пример3.tif» в формате JPEG в трёх вариантах максимального, насколько это возможно, качества так, чтобы каждый вариант пользователь мог загрузить не более, чем за 1 секунду при скорости доступа в Интернет равной 1 Mbits. В первом варианте уменьшайте размер за счёт параметра «Качество», во втором варианте – за счёт параметра «Размер изображения» (или «Процент»), в третьем варианте – за счёт комбинирования и первого, и второго параметров. Покажите все варианты двум-трём людям и попросите их выбрать вариант наилучшего качества. Какой подход позволяет получить изображение наилучшего технического качества?

Примечание:

¹ Одна из причин, побудивших меня подготовить данный урок заключается в следующем. Периодически я получаю фотографии и разнообразные изображения. Друзья присылают личные снимки, участники занятий – результаты выполненных заданий. Многие из присылаемых картинок, мягко говоря, огромны «не по назначению»: как по объёму в килобайтах, так и по размеру в пикселах. Требуется время, чтобы скачать изображения. А если фотографии, объём которых исчисляется мегабайтами, направятся ко мне во вложении к письму по электронной почте, то почтовый клиент будет воспроизводить их с временной задержкой, иногда достаточно ощутимой, и в 100% масштабе. Признаюсь, всё это создаёт неудобства. Представьте, сколько бы чужого времени я тратил, если бы публиковал на своём сайте или отправлял потенциальным клиентам фотографии в оригинальном качестве. Обратно к тексту.

Основные действия в Photoshop | Softmagazin

Photoshop CS6 — фоновое и автоматическое сохранение

Теперь я добавлю в палитру несколько копий фонового изображения, т.е. как-бы имитирую процесс редактирования. Мы видим, что размер файла увеличился с 70,2 до 912,8 Мб:

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

Для запуска сохранения нажмём на комбинацию клавиш Ctrl+S и посмотрим, что происходит в Photoshop CS6 во время этого процесса. Первым признаком изменений в новой версии является срока состояния в правом верхнем окне документа отображающая прогресс сохранения в процентах, вторым признаком — полоса индикации внизу документа:

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

Ниже я привожу пример, на котором мы можем видеть, что я начал работать над черно-белой конверсией изображения (путем добавления черного/белого корректирующего слоя ), и хотя индикаторы в верхней и нижней части окна документа показывают, что запущен процесс сохранения и в данный момент находится на стадии завершения 37%, я по прежнему могу работать с корректирующем слоем, что было невозможно в Photoshop CS5 и ранних версиях:

Автосохранение (Auto Save) в Photoshop CS6

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

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

Периодичность автосохранения задана по умолчанию и равна 10 минутам, но мы можем изменить этот параметр через вкладку меню Редактирование —> Установки —> Обработка файлов (Edit —> Preferences —> File Handling):

Резервный файл хранится в папке C:\Users\Имя_Пользователя\AppData\Roaming\Adobe\Adobe Photoshop CS6\AutoRecover и имеет расширение PSB.

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

Если во время работы у Photoshop произошёл сбой, просто заново запустите Photoshop и он автоматически откроет последнюю сохраненную резервную копию (при условии, конечно, что вы работали достаточно долго для того, чтобы программа успела сделать хотя бы одну резервную копию). Вы поймёте, что открыта именно резервная копия, т.к. Фотошоп в имя файла вставит слово «восстановлено»(Recovered), имя файла отображается в верхней части окна документа. Пример, востановленный файл lux-fon.psd:

Все дело в формате или как правильно сохранить картинку в фотошопе | DesigNonstop

Все дело в формате или как правильно сохранить картинку в фотошопе

10

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

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

Как сделать пнг картинку в фотошопе (PNG в Adobe Photoshop)?

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

В этой статье мы расскажем, как сделать картинку в формате PNG в Фотошопе.

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

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

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

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

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

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

Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии 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 (для ПК):

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

Данная публикация является переводом статьи «How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?» , подготовленная редакцией проекта.

Основы Photoshop: Сохранение изображений

/ ru / photoshopbasics / basic-tasks-in-photoshop / content /

Введение

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

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

Варианты сохранения

При сохранении файла в Photoshop у вас есть несколько вариантов и форматов файлов на выбор:

• PSD : это тип файла по умолчанию для документов Photoshop, хотя его необязательно использовать для каждого изображения. Он сохранит ваши слоев, и всю другую информацию в вашем изображении, чтобы вы могли легко отредактировать его позже.Файлы PSD предназначены для открытия в Photoshop, поэтому, если вы хотите поделиться изображением с другими, вам также необходимо сохранить копию изображения в общем формате файла, например JPEG .
• Общие форматы файлов : Вы можете сохранять изображения в различных общих типах файлов, включая JPEG и PNG . Эти форматы файлов можно просматривать и редактировать практически на любом компьютере или мобильном устройстве, что делает их удобными для обмена с другими. Однако, в отличие от файлов PSD, эти форматы не так полезны, если вы планируете продолжить редактирование файла, и они также не могут сохранить информацию о слоях.
• Сохранить для Интернета : Если вы планируете загрузить изображение в Интернет, например, в блог или на веб-сайт, вы захотите использовать функцию Сохранить для Интернета . Этот инструмент позволяет сохранять изображения, которые оптимизированы для Интернета , что упростит их загрузку и просмотр в Интернете. Сохранить для Интернета также включает несколько полезных функций для подготовки изображений для Интернета, в том числе возможность изменить размер изображений.

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

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

Сценарий 1

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

Сценарий 2

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

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

Использование «Сохранить как

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

Чтобы сохранить файл с помощью команды «Сохранить как»:

1. Открыв изображение в Photoshop, выберите File > Save As .
2. Появится диалоговое окно. Введите желаемое имя файла , затем выберите расположение для файла. Вы захотите использовать новое имя файла, чтобы избежать случайной перезаписи исходного файла.
3. Щелкните меню Format , затем выберите желаемый формат файла . В нашем примере мы сохраним это изображение как файл JPEG . Если вы сохраняете файл в формате PSD, убедитесь, что установлен флажок Layers . Однако большинство других форматов не позволяют выбрать эту опцию.
4. Щелкните Сохранить .
5. Некоторые форматы файлов, такие как JPEG и TIFF, предоставляют дополнительные параметры при сохранении. Выберите желаемый уровень качества, затем нажмите OK , чтобы сохранить изображение.

Если вы уже сохранили свой проект как файл PSD, вы можете выбрать Файл> Сохранить или нажать Ctrl + S (или Command + S на Mac), чтобы сохранить свой прогресс в любое время. Однако, если вы работаете с другим форматом, например JPEG, мы рекомендуем использовать Сохранить как , чтобы избежать перезаписи исходного файла.

Попробуй!

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

Использование сохранения для Интернета

При использовании функции «Сохранить для Интернета» необходимо принять несколько решений относительно сохраняемого изображения:

• Формат файла : Сохранить для Интернета позволяет выбрать один из нескольких веб-безопасных форматов файлов . В большинстве случаев вы будете использовать формат JPEG для фотографий. PNG-24 сохранит полное качество изображения, тогда как PNG-8 в основном используется для графики и иллюстраций, в которых используется всего несколько цветов. Как правило, вам не нужно использовать форматы GIF или WBMP.
• Размер изображения : можно изменить размер изображения непосредственно из диалогового окна «Сохранить для Интернета». Уменьшение размера изображения также уменьшит размер файла. Однако, если вы используете такую ​​службу, как Facebook или Tumblr, вам, вероятно, не потребуется изменять размер изображений, потому что эти службы изменяют их размер автоматически .
• Качество : Если вы используете формат JPEG, изображение можно сохранить с различным качеством уровнях .Вы можете поэкспериментировать с различными настройками, чтобы найти наилучший баланс между качеством и размером файла.

Попробуй!

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

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

Для сохранения в Интернете:

1. Выберите Файл > Сохранить для Интернета .
2. Откроется диалоговое окно Сохранить для Интернета . Выберите требуемый тип файла и уровень качества .
3. При необходимости измените размер изображения , введя нужные размеры в поле Размер изображения . Когда вы вводите новую ширину изображения, высота должна быть скорректирована на автоматически , чтобы сохранить исходное соотношение сторон .
4. Если хотите, вы можете использовать 2-Up view , чтобы сравнить исходное изображение с предварительным просмотром новой версии.Это простой способ убедиться, что вы не потеряли слишком много качества по сравнению с исходной версией. Обратите внимание на размер файла в нижнем левом углу каждого окна предварительного просмотра.
5. Щелкните Сохранить . Появится новое диалоговое окно. Введите желаемое имя файла и выберите расположение для файла , затем нажмите Сохранить . Вы захотите использовать новое имя файла, чтобы избежать случайной перезаписи исходного файла.

Попробуй!

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

/ ru / photoshopbasics /standing-Layers / content /

Сохранение фона и автосохранение в Photoshop CS6

Сохранение фона

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

Вот изображение, которое у меня сейчас открыто в CS6:

Недавно открытое изображение.

Если мы посмотрим в нижний левый угол окна документа, то увидим, что текущий размер файла составляет 121 МБ, что довольно мало для файлов Photoshop:

Размер файла отображается в нижнем левом углу окна документа.

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

Панель «Слои» в Photoshop CS6.

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

Чтобы увидеть, как это работает, я быстро увеличу размер своего файла, сделав несколько копий своего изображения.Для этого я несколько раз нажму сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Каждый раз, когда я нажимаю на нее, я делаю новую копию слоя, на котором находится изображение. Здесь мы видим, что мой документ теперь содержит 8 слоев — исходное изображение на фоновом слое плюс 7 копий над ним:

Всего документ теперь содержит 8 слоев.

Когда мы снова посмотрим в нижний левый угол окна документа, мы увидим, что размер моего файла увеличился с 121 МБ до 967.9 МБ:

Размер файла теперь намного больше после создания нескольких копий изображения.

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

Переход к файлу> Сохранить.

Первый признак того, что в CS6 что-то изменилось, заключается в том, что Photoshop теперь показывает нам, как далеко мы продвинулись в процессе сохранения, отображая пару индикаторов прогресса . Первый можно найти на вкладке имени в верхней части окна документа, где прогресс отображается в процентах. Здесь Photoshop сообщает мне, что процесс сохранения завершен на 34%:

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

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

Процесс сохранения отображается в процентах и ​​в виде индикатора выполнения в нижнем левом углу окна документа.

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

В качестве примера мы видим, что я начал работать над преобразованием моего изображения в черно-белое (путем добавления корректирующего слоя «Черно-белый»), хотя индикаторы выполнения вверху и внизу окна документа говорят Мне кажется, что процесс сохранения завершен только на 51%.Функция фонового сохранения даже позволит нам переключиться на совершенно другое изображение для работы во время сохранения исходного изображения, что было невозможно в Photoshop CS5 и более ранних версиях:

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

Автосохранение

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

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

Мы можем указать Photoshop, как часто мы хотим, чтобы он сохранял резервную копию нашей работы в разделе «Обработка файлов» в настройках.На ПК перейдите в меню Edit вверху экрана, выберите Preferences , а затем выберите File Handling . На Mac откройте меню Photoshop , выберите Preferences , затем выберите File Handling :

Выберите «Правка»> «Установки»> «Обработка файлов» (Win) или Photoshop> «Установки»> «Обработка файлов» (Mac).

Здесь вы найдете параметр «Автоматически сохранять информацию для восстановления каждые », который по умолчанию установлен на 10 минут, что означает, что Photoshop будет сохранять резервную копию вашей работы каждые 10 минут.Вы можете увеличить его до каждых 5 минут, как я сделал здесь, или, если вы больше любите азартные игры, вы можете настроить его на сохранение резервной копии один раз в час (есть также вариант 15 минут и 30 минут):

Photoshop может сохранять информацию для восстановления каждые 5, 10, 15 или 30 минут или один раз в час.

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

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

Как избежать потери исходных изображений в Photoshop

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

Автор Стив Паттерсон.

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

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

Для достижения наилучших результатов вы захотите использовать последнюю версию Photoshop CC, но вы также можете использовать более раннюю версию.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Совет №1: Сохраните копию изображения

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

Вот изображение, которое я только что открыл (свадебное фото из Adobe Stock):

Исходное изображение. Фото: Adobe Stock.

И на вкладке вверху документа мы видим имя файла.В моем случае это «Wedding.jpg»:

Имя файла отображается на вкладке документа.

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

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

Перейдите в меню Файл и выберите Сохранить как :

Переход к файлу> Сохранить как.

В диалоговом окне дайте файлу другое имя или просто добавьте что-нибудь вроде «_copy» к существующему имени. Затем нажмите Сохранить :

Добавление «_copy» к исходному имени файла.

Если вы работаете с файлом JPEG, Photoshop откроет диалоговое окно «Параметры JPEG». Для достижения наилучших результатов выберите Максимальное качество , а в разделе «Параметры формата» выберите Базовая оптимизация . Затем нажмите ОК:

Выбор параметров JPEG наивысшего качества.

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

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

Редактирование изображения

Я быстро отредактирую свое изображение, перейдя в меню Image , выбрав Adjustments , а затем выбрав Desaturate :

Идем в Image> Adjustments> Desaturate.

Это не лучший способ преобразовать изображение в черно-белое, но для наших целей его вполне достаточно:

Изображение после обесцвечивания цвета.

Сохранение и закрытие документа

Затем я сохраню свою работу, перейдя в меню Файл и выбрав Сохранить :

Переход к файлу> Сохранить.

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

Я закрою документ, перейдя в меню Файл и выбрав Закрыть :

Переход к файлу> Закрыть.

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

В Photoshop CC закрытие документа, когда другие документы не открыты, возвращает нас на главный экран , где мы видим эскизы наших недавно открытых файлов:

Главный экран в Photoshop CC.

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

Щелкните эскиз, чтобы снова открыть исходное изображение.

И вот так исходное изображение открывается в Photoshop со всеми его цветами:

Возвращается исходное полноцветное изображение.

Загрузите это руководство в виде готового к печати PDF-файла!

Совет № 2: Сохраните файл как документ Photoshop

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

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

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

Чтобы сохранить файл как документ Photoshop, перейдите в меню Файл и выберите Сохранить как :

Переход к файлу> Сохранить как.

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

Сохранение документа как Photoshop.psd файл.

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

Вкладка документа, показывающая новый файл .psd.

Совет № 3: работайте над отдельным слоем

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

На панели «Слои» мы видим наше изображение на фоновом слое, который в настоящее время является единственным слоем в документе:

Изображение откроется на фоновом слое.

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

Как скопировать слой

Чтобы сделать копию фонового слоя, перейдите в меню Layer , выберите New , а затем выберите Layer через Copy .Или вы можете нажать сочетание клавиш, Ctrl + J (Win) / Command + J (Mac):

Переходим в Layer> New> Layer via Copy.

Копия появляется над оригиналом:

Панель «Слои», показывающая оба слоя.

По умолчанию Photoshop дает новым слоям общие имена, например «Слой 1». Поскольку я собираюсь снова преобразовать свое изображение в черно-белое, я дважды щелкну имя «Слой 1» и переименую его в «Черно-белый». Затем я нажимаю Введите (Win) / Верните (Mac), чтобы принять его:

Переименование слоя.

Применение настройки черно-белого изображения

Вернувшись к совету №1, я удалил цвет из изображения с помощью команды «Обесцветить» в Photoshop. Но гораздо лучший способ преобразовать изображение в черно-белое — это использовать настройку черно-белого изображения. Чтобы выбрать его, перейдите в меню Image , выберите Adjustments , а затем выберите Black & White :

Переход к изображению> Коррекция> Черно-белый.

Диалоговое окно «Черно-белое» включает в себя различные ползунки, которые можно перетаскивать для регулировки яркости различных частей изображения в зависимости от их исходного цвета.Я подробно расскажу об этих ползунках в моем уроке «Преобразование фотографий в черно-белые». Для наших целей я просто нажимаю кнопку Auto , чтобы Photoshop что-то придумал, а затем я нажимаю OK, чтобы закрыть диалоговое окно:

Нажмите кнопку «Авто» для настройки «Черно-белый».

И теперь он выглядит так, как будто мы преобразовали изображение в черно-белое:

Результат после применения настройки черно-белого изображения.

Хранение правок отдельно от оригинала

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

Только верхний слой был преобразован в черно-белый.

Если я отключу слой «Черно-белый», щелкнув его значок видимости :

Отключение слоя «Черно-белый».

Видим исходное цветное изображение:

Отключение слоя «Черно-белое» восстанавливает исходное изображение.

И если я снова включу слой «Черно-белый», снова щелкнув его значок видимости:

Снова включаем слой «Черно-белый».

Затем мы вернемся к черно-белому изображению:

Возвращается черно-белое изображение.

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

Сохранение и закрытие документа

Я сохраню свой документ, перейдя в меню Файл и выбрав Сохранить :

Переход к файлу> Сохранить.

Если Photoshop спрашивает, хотите ли вы максимизировать совместимость файла с другими приложениями или с более ранними версиями Photoshop, просто нажмите OK:

Щелкните OK, чтобы закрыть диалоговое окно «Максимальная совместимость».

Затем я закрою документ, вернувшись в меню Файл и выбрав Закрыть :

Переход к файлу> Закрыть.

Это снова возвращает нас на главный экран, где мы видим, что теперь у меня есть исходное изображение в формате JPEG (в центре), черно-белая копия изображения в формате JPEG (справа) и мой новый Photoshop.psd файл (слева). Обратите внимание, что эскиз документа Photoshop показывает черно-белую версию изображения. Но это только потому, что мы сохранили файл с включенным слоем «Черно-белый». На самом деле мы не внесли никаких постоянных изменений.

Я снова открою документ Photoshop, щелкнув его миниатюру:

Повторное открытие документа Photoshop с главного экрана.

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

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

Оба слоя остаются нетронутыми после повторного открытия документа Photoshop.

Совет №4: Используйте корректирующие слои

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

На панели «Слои» я удалю свой слой «Черно-белый», перетащив его в корзину:

Удаление слоя «Черно-белый».

Итак, теперь я вернулся к исходному изображению на фоновом слое:

Вернуться к исходному фото.

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

Все стандартные настройки изображения Photoshop можно найти, перейдя в меню Image и выбрав Adjustments . Но проблема с этими настройками заключается в том, что они static , что означает, что изменения применяются непосредственно к слою, а изменения, которые мы вносим с ними, являются постоянными:

Список стандартных настроек изображения в Photoshop.

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

Где найти корректирующие слои Photoshop

Чтобы добавить корректирующий слой, перейдите на панель «Слои» и щелкните значок New Fill или Adjustment Layer внизу:

Щелкните значок «Новая заливка или корректирующий слой».

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

Список заливок и корректирующих слоев Photoshop.

Как использовать корректирующий слой

Например, я выберу корректирующий слой Black & White из списка:

Добавление корректирующего слоя «Черно-белый».

После добавления корректирующего слоя он отображается как отдельный слой на панели «Слои»:

Корректирующий слой появляется над фоновым слоем.

Элементы управления и параметры для корректирующего слоя появляются на панели Photoshop «Свойства». Здесь мы видим те же ползунки цвета и кнопку Авто, которые мы видели ранее в диалоговом окне стандартной настройки черно-белого:

Панель «Свойства».

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

Я нажимаю кнопку Auto , как и раньше:

Щелчок по кнопке Авто.

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

Результаты использования стандартной настройки и корректирующего слоя совпадают.

Сохранение и закрытие документа

Я сохраню свой документ, перейдя в меню Файл и выбрав Сохранить :

Переход к файлу> Сохранить.

А затем я снова закрою документ, вернувшись в меню Файл и выбрав Закрыть :

Переход к файлу> Закрыть.

Повторное открытие документа Photoshop

Вернувшись на главный экран, я снова открою свой документ Photoshop, щелкнув его миниатюру:

Повторное открытие файла Photoshop.

И снова документ открывается снова, наши слои остаются нетронутыми:

Документ по-прежнему содержит исходное изображение и корректирующий слой.

Отображение и скрытие корректирующего слоя

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

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

Как редактировать корректирующий слой

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

Щелкните, чтобы выбрать корректирующий слой.

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

Редактирование настроек корректирующего слоя на панели «Свойства».

И вот оно! Это несколько простых способов избежать потери исходных файлов изображений при работе в Photoshop! Ознакомьтесь с разделом «Основы Photoshop», чтобы получить дополнительные уроки! И не забывайте, что все наши руководства теперь доступны для загрузки в формате PDF!

Как сохранить PNG в Photoshop (если это вас не устраивает)

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

Готовы разобраться, в чем проблема?

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

Я опишу их подробно позже, но сначала нам нужно будет обсудить PNG.

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

Прежде всего, PNG произносится как «пинг» и означает «переносимая сетевая графика». В качестве формата файла он записывается .png и появляется сразу после имени файла, как JPEG или любой другой тип файла.

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

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

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

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

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

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

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

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

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

Для получения дополнительной информации о преобразовании изображения JPEG в PNG ознакомьтесь с этим руководством!

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

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

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

И последнее, но не менее важное: вы также можете удалить фон (то есть сделать его полностью прозрачным), чтобы изолировать объект.

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

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

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

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

К счастью, есть несколько вещей, которые вы можете попробовать.

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

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

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

Кроме того, в версии программного обеспечения 2018 года есть подтвержденная ошибка при попытке использовать «Экспортировать как PNG» вместо «Сохранить как».

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

Приступим к устранению неполадок!

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

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

Файлы PNG поддерживают только 8-битный или 16-битный / канальный RGB. Если ваш битовый размер был изменен на 32-битный, это может быть вашей проблемой. Когда вы открываете этот новый документ, чтобы проверить цветовой режим, также проверьте размер бит.

Откройте раскрывающееся меню, выберите 8-битный или 16-битный и попробуйте сохранить снова.

Простым способом устранения всех проблем с форматированием является удерживание клавиши option / alt при выборе «Файл»> «Сохранить как».Этот удобный ярлык удалит любое разрешенное форматирование, не относящееся к PNG, и сохранит копию, с которой вы можете работать.

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

Вы также можете попробовать экспортировать вместо сохранения. Мы упоминали ранее, что в версии 2018 есть ошибка, поэтому она может не сработать для вас в зависимости от того, какая у вас версия Photoshop.Чтобы попробовать, перейдите в меню «Файл»> «Экспорт»> «Экспортировать как» и выберите там PNG.

Также возможно, что в какой-то момент вы изменили настройки Photoshop, которые теперь мешают вам сохранять в формате PNG. Вы можете получить доступ к настройкам, используя горячие клавиши Cmd + Alt + Shift на Mac или Ctrl + Alt + Shift в Windows. Выберите Photoshop и продолжайте, пока не получите запрос на сброс настроек.

Если у вас возникли проблемы с горячими клавишами, выберите «медленный» путь.Перейдите в Edit> Preferences> General. В окне нажмите «Сбросить настройки при выходе». Затем перезапустите Photoshop (сначала убедитесь, что ваша работа как-то сохранена!).

Теперь попробуйте еще раз сохранить как PNG и посмотреть, что произойдет.

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

Мы просмотрели Интернет (в основном, форумы Adobe), чтобы найти все способы решения этой проблемы. Мы надеемся, что хотя бы один из них вам подходит.

Как продвигается остальная часть вашего опыта работы с Photoshop? Многие люди испытывают разочарование от медленного инструмента кисти в Photoshop? Узнайте, как исправить отставание кисти в Photoshop здесь!

Подготовка изображений для Интернета или печати

Состав:

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

Поиск и открытие Photoshop

.

Если вы используете Windows , щелкните меню «Пуск» в нижнем левом углу экрана. Найдите папку «Adobe» и выберите «Photoshop CS-2 Start»:

Вернуться к началу

Создание правильного размера изображения

Открыв изображение в Photoshop, перейдите в меню «Изображение» и выберите «Размер изображения …».

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

Подготовка изображений для Интернета

Откроется окно «Сохранить для Интернета».

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

Чтобы использовать формат JPEG, выберите в меню JPEG.

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

По завершении нажмите кнопку «Сохранить».

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

Поиграйте с настройкой «Цвета»: чем меньше цветов, тем меньше будет изображение.Используйте цветовую таблицу, чтобы удалить все лишние цвета; вы можете удалить цвета прямо из таблицы цветов. Чтобы удалить цвет из таблицы цветов, выберите цвет, который вы хотите удалить, а затем щелкните значок корзины. Следите за изменениями в размере оптимизированного изображения.

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

Теперь ваше изображение готово для Интернета.

Вернуться к началу

Подготовка изображений к печати

Открыв изображение в Adobe Photoshop, перейдите в меню «Файл» и выберите «Сохранить как».

Откроется окно «Сохранить как».

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

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

Вернуться к началу

Формат файла и руководство по DPI

Руководство по DPI

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

(Ширина изображения в дюймах x DPI) x (Высота изображения в дюймах x DPI) = размер изображения на экране.

Пример:
(6 дюймов x 100 точек на дюйм) x (4 дюйма x 100 точек на дюйм) = 600 x 400 пикселей

Вернуться к началу

Как оптимизировать изображение для Интернета в Photoshop CS6

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

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

В меню вверху экрана нажмите «Изображение», затем нажмите «Размер изображения». Появится всплывающее окно. Установите желаемую ширину изображения. Убедитесь, что у вас установлен флажок «Сохранить пропорции», чтобы изображение оставалось пропорциональным.Выбранная вами ширина зависит от того, для чего вы используете свое изображение и насколько велик его контейнер на сайте, на котором оно будет использоваться. Самый большой контейнер большинства веб-сайтов составляет около 1200 пикселей. Так что, если ваше изображение будет занимать примерно половину экрана вашего веб-сайта, то 600 пикселей должно быть достаточно. Для многих сайтов электронной коммерции, таких как WooCommerce, вы можете захотеть, чтобы изображение увеличивалось, когда клиенты нажимают на изображение. В этом случае сделайте изображение достаточно большим, чтобы покупатели могли хорошо рассмотреть продукт, но не больше.

Сохранить файл для Интернета

В верхней части окна нажмите «Файл», затем нажмите «Сохранить для Интернета». Появится всплывающее окно.Выберите «JPEG» в качестве типа формата. Затем нажмите «Сохранить». Когда появится всплывающее окно для имени файла, убедитесь, что вы назвали файл соответствующим образом для целей SEO. Вот как должно выглядеть имя Black-Hat.jpg Лучше всего, если ваше изображение соответствует названию вашей страницы и заголовкам на вашей странице. Это возвращается к установке вашего ключевого слова еще до того, как вы создадите свою страницу.

См. Размер файла до и после

Вуаля! Теперь у вас есть изображение, оптимизированное для Интернета.Если вы хотите, вы можете увидеть размеры своих файлов, щелкнув правой кнопкой мыши изображения и выбрав вкладку свойств. В нашем примере размер исходного файла составлял 1,4 МБ (1 091 828 байт), а после его оптимизации размер нового файла (357 825 байт) стал примерно 1/3 от исходного размера.

Как экспортировать изображения в Photoshop

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

Инструмент для нарезки ломтиками

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

Шаг 1. Использование инструмента Slice Tool

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

ШАГ 2. Нарезка произведения искусства

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

ШАГ 3. Присвоение имени вашим ломтикам

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

ШАГ 4. Сохранение ломтиков

После присвоения имен вашим фрагментам Сохранить для Интернета , выбрав Файл> Экспорт> Сохранить для Интернета (устаревшая версия) (CC 2015.5.1). Затем появится окно Сохранить как .

ШАГ 5. Экспорт фрагментов

Этот следующий и последний шаг очень важен при сохранении для Интернета и правильном экспорте файлов. Вы собираетесь выбрать свои фрагменты с помощью инструмента Slice Select Tool , а затем выбрать опцию изображения PNG или любой другой формат файла, в котором вы хотите сохранить его.Затем вы выберете опцию внизу, где написано Slices, и выберите Selected Slices из раскрывающегося меню.

Затем диалоговое окно спросит, где вы хотите сохранить свои активы. Ресурсы «Сохранить для Интернета» ВСЕГДА сохраняются в папке с именем «Изображения» . Если вы еще не создали его, система автоматически создаст его для вас. Если вы уже создали папку с именем images, то ресурсы будут сохранены внутри этой папки.Не забудьте щелкнуть и сохранить за пределами папки изображений, если вы ее уже создали. Photoshop автоматически войдет в папку с изображениями и сохранит их там, но вам нужно будет находиться за пределами папки изображений, а НЕ внутри папки при сохранении ресурсов изображений.

Видеоурок

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