Как сохранить картинку в фотошопе cs6 в формате jpg: Сохранение файлов в других графических форматах в Photoshop

Содержание

Сохраняем изображение в формате 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-картинки и задаю её имя, если необходимо. Нажимаю в активном окне кнопку «Сохранить». Оба окна исчезают. Теперь могу оценить результат.

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

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

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

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

Упражнения

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

Подготовьте фотографию «Пример1.jpg» для публикации в электронном портфолио. Для этого создайте три JPEG-изображения максимального, насколько это возможно, качества. Пусть объём каждого (место, занимаемое в памяти компьютера) не превышает 100. При этом, пусть высота первой картинки будет равна 800 пикселам, второй – 500 пикселам, и третьей – 50 пикселам. Какое значение параметра «Качество» Вам потребовалось установить в каждом из трёх случаев? При каком минимальном значении параметра «Качество» третья картинка выглядит приемлемо?

Подготовьте рисунок «Пример2.psd» к печати в местной фотолаборатории, которая не принимает -файлы, сохранив изображение в максимальном качестве в формате JPEG. Каков фактический объём получившейся JPEG-картинки?

Подготовьте фотографию «Пример1.jpg» к отправке на фотоконкурс. Организаторы конкурса хотят оценить не только смысловое содержание фотографии, но и её техническое качество. Поэтому они установили требования к принимаемым произведениям: объём – не более 300, размер – не менее 2048 пикселей по длинной стороне. Какая пара чисел «значения параметра “Качество” — размер по длинной стороне в пикселах» будут наиболее эффективно удовлетворять указанным требованиям?

Сохраните рисунок «Пример2.psd» в формате JPEG в 7-10 вариантах, отличающихся лишь значением параметра «Качество» на 10-15%. Например, «Пример2_10.jpg» сохраните со значением параметра «Качество» равным 10, «Пример2_20.jpg» – со значением параметра «Качество» равным 20 и так далее. При этом, размер всех вариантов уменьшите вчетверо относительно размера исходного изображения. Затем последовательно, начиная от картинки наилучшего качества, покажите в одном и том же масштабе все варианты двум-трём людям и попросите их выбрать варианты приемлемого качества. Начиная с какого значения параметра «Качество», картинка перестаёт быть визуально приятной (укажите среднее значение)?

Сохраните фотографию «Пример3.tif» в формате JPEG в трёх вариантах максимального, насколько это возможно, качества так, чтобы каждый вариант пользователь мог загрузить не более, чем за 1 секунду при скорости доступа в Интернет равной 1 Mbits. В первом варианте уменьшайте размер за счёт параметра «Качество», во втором варианте – за счёт параметра «Размер изображения» (или «Процент»), в третьем варианте – за счёт комбинирования и первого, и второго параметров. Покажите все варианты двум-трём людям и попросите их выбрать вариант наилучшего качества. Какой подход позволяет получить изображение наилучшего технического качества?

Примечание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сегодня поговорим о том, как сохранять готовые работы в Фотошопе.

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

Распространенных форматов всего три. Это JPEG
, PNG
и GIF
.

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

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

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

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

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

Давайте немного попрактикуемся.

Для вызова функции сохранения необходимо перейти в меню «Файл»
и найти пункт «Сохранить как»
, либо воспользоваться горячими клавишами CTRL+SHIFT+S
.

Это универсальная процедура для всех форматов, кроме GIF
.

Подложка

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

Параметры изображения

Здесь выставляется качество картинки.

Разновидность формата

Базовый (стандартный)
выводит изображение на экран построчно, то есть обычным способом.

Базовый оптимизированный
использует для сжатия алгоритм Хаффмана (Huffman). Что это такое, объяснять не буду, поищите сами в сети, это к уроку не относится. Скажу только, что в нашем случае это позволит немного уменьшить размер файла, что на сегодняшний день не сосем актуально.

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

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

Сохранение в PNG

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

Сжатие

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

На картинках ниже Вы можете увидеть степень компрессии. Первый скрин со сжатым изображением, второй – с несжатым.

Как видим, разница значительная, поэтому имеет смысл поставить галку напротив «Самый маленький/медленно»
.

Чересстрочно

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

Я пользуюсь настройками, как на первом скриншоте.

Сохранение в GIF

Для сохранения файла (анимации) в формате GIF
необходимо в меню «Файл»
выбрать пункт «Сохранить для Web»
.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Анимация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Работая с графическим редактором 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)

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

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

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

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

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

Сохраняем изображения в Фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

Если хотите пересохранить в другой файл и с другими именем — воспользуйтесь командой Файл — Сохранить как.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сохраняем изображения в Фотошопе

Сегодня поговорим о том, как сохранять готовые работы в Фотошопе.

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

Распространенных форматов всего три. Это JPEG, PNG и GIF.

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

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

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

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

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

Вместе с тем, GIF позволяет сохранить анимацию в Фотошопе CS6 в один файл, то есть один файл будет содержать все записанные кадры анимации. Например, при сохранении анимации в PNG, каждый кадр пишется в отдельный файл.

Давайте немного попрактикуемся.

Для вызова функции сохранения необходимо перейти в меню «Файл» и найти пункт «Сохранить как», либо воспользоваться горячими клавишами CTRL+SHIFT+S.

Далее, в открывшемся окне, выбираем место для сохранения, имя и формат файла.

Это универсальная процедура для всех форматов, кроме GIF.

Сохранение в JPEG

После нажатия кнопки «Сохранить» появляется окно настроек формата.

Подложка

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

Параметры изображения

Здесь выставляется качество картинки.

Разновидность формата

Базовый (стандартный) выводит изображение на экран построчно, то есть обычным способом.

Базовый оптимизированный использует для сжатия алгоритм Хаффмана (Huffman). Что это такое, объяснять не буду, поищите сами в сети, это к уроку не относится. Скажу только, что в нашем случае это позволит немного уменьшить размер файла, что на сегодняшний день не сосем актуально.

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

Сохранение в PNG

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

Сжатие

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

Как видим, разница значительная, поэтому имеет смысл поставить галку напротив «Самый маленький/медленно».

Чересстрочно

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

Я пользуюсь настройками, как на первом скриншоте.

Сохранение в GIF

Для сохранения файла (анимации) в формате GIF необходимо в меню «Файл» выбрать пункт «Сохранить для Web».

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

Как сохранить картинку (изображение, фотографию) в фотошопе?

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

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

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

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

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

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

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

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

Например, если вы желаете сохранить в JPG, то оно выглядит так:

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

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

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

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

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

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

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

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

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

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

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

Обычное сохранение

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

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

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

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

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

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

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

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

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

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

Выбираем знакомое нам меню «Файл» в самом верху, а потом нажимаем на «Сохранить для Web» .
Во вновь открывшемся окне выбираем формат по принципу, описанному выше. Для примера возьму самый распространенный JPEG.
И качество ставьте порядка 60. Больше просто ни к чему для интернета.

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

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

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

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

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

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

Как из фотошопа сделать jpg : Радиосхема.ру

На этой странице

?? Creative Cloud ?????????????????

Начиная с версии Photoshop CC 2021, параметр Файл > Сохранить для Web перемещен в пункт Файл > Экспорт > Сохранить для Web (старая версия) вместе с новыми параметрами экспорта.

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

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

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

TIFF — гибкий растровый (битовый) формат изображения, поддерживаемый практически всеми приложениями рисования, редактирования изображений и верстки.

Битовая глубина (только в 32-битном режиме)

Задает битовую глубину (16-, 24- или 32-битовую) сохраняемого изображения.

Задает метод сжатия данных совмещенного изображения. При сохранении 32-битового файла tiff можно задать сжатие с прогнозированием, однако вариант использования сжатия jpeg не предлагается. Сжатие с прогнозированием обеспечивает более качественное сжатие данных путем упорядочения значений с плавающей точкой, оно совместимо со сжатием LZW и ZIP.

Сжатие JPEG доступно только для непрозрачных изображений RGB и полутоновых изображений с глубиной цвета 8 бит на канал, размер которых не превышает 30 000 пикселей в ширину или высоту.

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

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

Сохранить пирамиду изображений

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

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

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

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

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

Kоманду «Сохранить как. » можно использовать для сохранения изображений в режимах CMYK, RGB или градаций серого в формате JPEG (*.jpg). JPEG обеспечивает уменьшение размера файла путем выборочного удаления данных. С помощью команды Файл > Экспорт > Сохранить для Web (старая версия) изображение можно также сохранить как один или несколько JPEG-файлов.

Формат JPEG поддерживает только 8-битные изображения. При сохранении 16-битного изображения в этом формате, Photoshop автоматически понижает битовую глубину.

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

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

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

1. Откройте файл PSD

2. Убедитесь что все нужные слои включены. Все слои отображаются в панели «Слои», включенные слои имеют пиктограмму «глаз» у названия. Щелкая по этой пиктограмме мышкой вы можете включать/ выключать отображение слоев. Если вы не видите этой панели, вам необходимо ее включить. Что бы включить отображение панели «Слои»: Верхнее меню > Окно > Слои (или горячая клавиша F7).

3. Для экспорта файла PSD в формат PNG можно использовать упрощенный способ, но он не дает задать дополнительные настройки. Надо отметить что чаще всего дополнительные настройки вам не потребуются. Поэтому в верхнем меню выбираем: Файл > Экспортировать > Быстрый экспорт в PNG. Сразу откроется окно выбора пути сохранения файла-результата.

4. Более «продвинутый» способ дающий дополнительные настройки. Верхнее меню: Файл > Экспортировать > Экспортировать как… . Откроется окно дополнительных настроек. В нем вы можете: выбрать формат к котором будет сохранено изображение (PNG, JPG, GIF, SVG), возможность изменить масштаб в котором будет сохранено изображение. После необходимых настроек жмем кнопку «Экспорт…» и выбираем путь сохранения в открывшемся окне.

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

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

Есть ли возможность сохранить файл только в .jpg формате файла в Photoshop CS6? На самом деле я не хочу делать прокрутку, чтобы указать режим JPG, когда я иду save или save as изображение.

Нажмите Ctrl/command + Shift + Alt +, S чтобы сохранить для Интернета. Он запомнит настройки, чтобы вы могли изменить качество, тип файла, если хотите (png, gif и т. Д.).

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

Но вы можете установить формат по умолчанию для «экспортировать как» или «быстрый экспорт» в «экспорт» в меню «файл» в Adobe Photoshop.

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

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

И вы можете использовать пресеты в вашем «сохранить для сети» тоже.

Он-лайн конвертер изображений

Конвертируйте ваши файлы Adobe Photoshop Document в Joint Photographic Experts Group JFIF format с помощью этого конвертера PSD в JPG.

Ошибка: количество входящих данных превысило лимит в 3.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил лимит в 100 MB.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил абсолютный лимит в 8GB.

Для платных аккаунтов мы предлагаем:

8GB

200

Высокий приоритет

отсутствие рекламы

Гарантированный возврат денег

100 Мб

Обычный приоритет

Наличие

Мы не может загружать видео с Youtube.

Оцените конвертирование JPG с помощью тестового файла PSD

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

PSD, Adobe Photoshop Document

(.psd)

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

JPG, Joint Photographic Experts Group JFIF format

(.jpg)

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

Как открыть файлы в формате Raw, JPEG и TIFF

Как мы уже узнали в предыдущих уроках, Adobe Camera Raw — это плагин для Photoshop, изначально предназначенный для обработки и редактирования фотографий, снятых в формате необработанных файлов вашей камеры. Со временем Adobe добавила в Camera Raw возможность редактировать изображения в формате JPEG и TIFF. В этом уроке мы узнаем, как открыть все три типа файлов в Camera Raw.

Как мы увидим, открытие необработанных файлов в Camera Raw является простым и понятным (как и должно быть), однако, хотя это в основном верно для открытия файлов JPEG и TIFF, все может немного запутаться, если вы привыкли просто открывать изображения дважды щелкнув по ним. Для этого нам нужно взглянуть на настройки Camera Raw, чтобы убедиться, что все настроено так, как вам нужно.

Открытие сырых файлов в Camera Raw

Давайте начнем с изучения того, как открывать необработанные файлы в Camera Raw. Лучший способ открыть любой тип изображения в Camera Raw (или в Photoshop) — использовать Adobe Bridge , поэтому я буду использовать это в этом уроке. Здесь на моем экране открыт Adobe Bridge (в данном случае CS6), и я перешел в папку на рабочем столе, содержащую три изображения. Изображение слева — это необработанный файл, в середине — JPEG, а справа — изображение в формате TIFF:

Adobe Bridge (CS6) показывает три миниатюры изображений.

Есть несколько разных способов открыть необработанные файлы в Camera Raw, и большинство из этих способов можно использовать и для открытия файлов JPEG и TIFF. Сначала начните, нажав один раз на миниатюру изображения, которое вы хотите открыть. Здесь я нажал на мой необработанный файл слева:

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

Когда изображение выбрано, мы можем открыть его в Camera Raw, щелкнув значок « Открыть в Camera Raw» в верхней части интерфейса Bridge:

Способ № 1: щелкните значок «Открыть в Camera Raw».

Мы также можем перейти в меню « Файл» в строке меню в верхней части экрана и выбрать « Открыть в Camera Raw» :

Способ № 2: Перейдите в Файл> Открыть в Camera Raw.

Или, если перетаскивание курсора мыши до верхней части экрана кажется слишком большим усилием, вы можете щелкнуть правой кнопкой мыши (Win) или удерживать нажатой клавишу « Control» (Mac) непосредственно на миниатюре изображения и выбрать « Открыть в Camera Raw» в подменю, которое появляется:

Способ № 3: Щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу «Control» (Mac) на миниатюре изображения и выберите «Открыть в Camera Raw».

Наконец, самый быстрый и простой способ открыть необработанный файл в Camera Raw — просто дважды щелкнуть его эскиз:

Способ № 4: Дважды щелкните непосредственно на миниатюре необработанного изображения.

Как мы узнали из учебного пособия « Работа с Camera Raw в Adobe Bridge против Photoshop» , при этом откроется необработанный файл в Camera Raw, а сама Camera Raw будет размещена либо в Photoshop, либо в Adobe Bridge, в зависимости от того, как настроены объекты в Настройки моста:

Необработанный файл теперь открыт в диалоговом окне Camera Raw.

Открытие файлов JPEG и TIFF

Большинство из перечисленных выше способов открытия необработанных файлов в Camera Raw также работают с файлами JPEG и TIFF. После того, как вы нажали на миниатюру изображения JPEG или TIFF, которое хотите открыть, вы можете щелкнуть значок « Открыть в Camera Raw» в верхней части интерфейса Bridge, перейти в меню « Файл» и выбрать « Открыть в камере». Raw , или вы можете щелкнуть правой кнопкой мыши (Win) / Control-click (Mac) непосредственно на самой миниатюре изображения и выбрать « Открыть в Camera Raw» в подменю:

Щелкните правой кнопкой мыши (Win) / Control-click (Mac) на миниатюре JPEG и выберите «Открыть в Camera Raw».

Однако некоторые вещи могут немного запутаться, если вы попытаетесь открыть изображение в формате JPEG или TIFF в Camera Raw, дважды щелкнув по миниатюре изображения. Здесь я дважды щелкаю файл JPEG посередине:

Двойной щелчок по эскизу изображения JPEG.

И вот тут-то и возникает проблема. Несмотря на то, что Camera Raw полностью поддерживает файлы JPEG, мое изображение JPEG не открывается в Camera Raw, когда я дважды щелкаю по нему в Bridge. Вместо этого он открывается прямо в Photoshop:

JPEG открывается в Photoshop, а не в Camera Raw.

Я попробую то же самое с моим изображением TIFF справа, дважды щелкнув по его миниатюре в Bridge, чтобы открыть его:

Двойной щелчок по миниатюре изображения TIFF.

И снова мы видим ту же проблему. Camera Raw полностью поддерживает файлы TIFF, но вместо открытия в Camera Raw он открывается в Photoshop:

Изображение в формате TIFF также открывается в Photoshop, а не в Camera Raw.

Параметры обработки JPEG и TIFF

Так что же случилось? Почему изображения JPEG и TIFF не открывались в Camera Raw, когда я дважды щелкал по ним? Чтобы найти ответ, нам нужно взглянуть на пару параметров в настройках Camera Raw. Чтобы получить к ним доступ из Adobe Bridge, на ПК с Windows перейдите в меню « Правка» в верхней части экрана и выберите « Настройки» . На Mac перейдите в меню Adobe Bridge и выберите « Настройки» :

Перейдите в «Правка»> «Настройки» (Win) / Adobe Bridge> «Настройки» (Mac).

Это откроет диалоговое окно «Настройки Camera Raw», и если мы посмотрим вниз, в самом низу диалогового окна, мы увидим раздел под названием « Обработка JPEG и TIFF» , с отдельными параметрами для файлов JPEG и TIFF. Эти параметры управляют тем, что происходит с файлами JPEG и TIFF, когда мы дважды щелкаем по ним в Adobe Bridge (они не влияют ни на один из других способов открытия файлов в Camera Raw):

Параметры обработки JPEG и TIFF в настройках Camera Raw.

По умолчанию для параметра JPEG установлено значение « Автоматически открывать файлы JPEG с настройками» , а для параметра «TIFF» — аналогичные « Автоматически открывать файлы TIFF с настройками» . Это означает, что файл JPEG или TIFF будет открываться только в Camera Raw (когда мы дважды щелкаем по нему в Bridge), если мы ранее открывали и вносили в него изменения в Camera Raw. Другими словами, если к файлу JPEG или TIFF уже применены настройки Camera Raw, к нему будет применен Bridge, чтобы повторно открыть его в Camera Raw для дальнейшего редактирования. Если предыдущие настройки Camera Raw не найдены, Bridge пропустит Camera Raw и откроет изображение в Photoshop.

Если вы щелкнете по опции JPEG, вы увидите, что у нас есть несколько других вариантов поведения, из которых мы можем выбирать. Отключение поддержки JPEG полностью отключит поддержку Camera Raw для файлов JPEG (почему вы этого не хотите, я не знаю), в то время как автоматически открываются все поддерживаемые файлы JPEG.откроет все файлы JPEG в Camera Raw, когда мы дважды щелкнем по ним в Bridge, независимо от того, работали ли мы с ними ранее в Camera Raw или нет. Вы найдете аналогичные варианты для опции TIFF. На мой взгляд, лучше оставить для параметров JPEG и TIFF значения по умолчанию, поскольку вам не всегда нужно открывать файлы такого типа в Camera Raw. Таким образом, если вы действительно хотите открыть новый файл JPEG или TIFF в Camera Raw (под «новым» я подразумеваю файл без связанных с ним настроек Camera Raw), вы можете легко сделать это, используя один из других методов, которые мы рассматривал ранее, и если вы хотите открыть его прямо в Photoshop, вы можете просто дважды щелкнуть по нему. Нажмите OK, когда закончите, чтобы закрыть диалоговое окно Preferences:

Настройка по умолчанию для обработки файлов JPEG и TIFF обычно является наилучшим выбором.

Итак, как мы узнаем, что изображение JPEG или TIFF уже имеет настройки Camera Raw, связанные с ним? Чтобы ответить на этот вопрос, я выберу свой файл JPEG в Bridge, щелкнув один раз на его миниатюре, затем щелкните значок « Открыть в Camera Raw» в верхней части интерфейса Bridge (как мы видели ранее). Это открывает мою фотографию JPEG в диалоговом окне Camera Raw:

Фотография JPEG открывается в Camera Raw.

На данный момент мое изображение JPEG не имеет сохраненных настроек Camera Raw. Это первый раз, когда он открывается и редактируется в Camera Raw. Я быстро преобразую изображение в оттенки серого, просто для примера, переключившись с панели « Основные» в правой части диалогового окна на панель « HSL / оттенки серого» (4-я панель слева — щелкните вкладки вверху, чтобы переключаться между панели). С открытой панелью HSL / Grayscale я выберу опцию « Преобразовать в градации серого» вверху, а затем выберу опцию « Auto», чтобы Camera Raw максимально точно определила, какая черно-белая (в градациях серого) версия фото должно выглядеть так:

Использование панели HSL / Grayscale для преобразования цветной фотографии в черно-белую.

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

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

Я нажму кнопку « Готово» в правом нижнем углу диалогового окна, чтобы применить настройки Camera Raw к изображению и закрыть его:

Нажав кнопку Готово.

Смотрите также: Руководство по основам Camera Raw Interface

И теперь, если мы оглянемся назад в Бридж, мы увидим, что произошли две вещи. Во-первых, миниатюра изображения была обновлена, чтобы показать изменения, которые я сделал в Camera Raw. Во-вторых, и что более важно для нашего обсуждения здесь, если мы посмотрим в верхнем правом углу области миниатюр, мы теперь увидим маленький значок ползунка . Этот значок говорит нам, что с изображением JPEG теперь связаны настройки Camera Raw:

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

Поскольку к JPEG теперь применены настройки Camera Raw, если я дважды щелкну по нему в этом месте в Bridge, чтобы открыть его, вместо открытия в Photoshop, он снова откроется в Camera Raw:

Изображение JPEG автоматически снова открывается для меня в Camera Raw.

И там у нас это есть! Вот как открыть все три поддерживаемых типа файлов — необработанные файлы, JPEG и TIFF — в Adobe Camera Raw! Посетите наш раздел « Фото-ретуширование », чтобы узнать больше о Photoshop!

Создание gif анимации в photoshop cs6. Как сделать Gif-анимацию в Фотошопе

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

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

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

При выборе количества кадров в секунду анимации все зависит от того, что будет изображено в анимации, и от её цели.

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

Это очень полезно тогда, когда нужно задержать определённый кадр подольше, например, с текстом, не увеличивая веса gif файла. Обычно в простой анимированной картинке всего может быть до 10 кадров, чаще около 4-6.

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

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

Анимацию так же не стоит делать в высоком разрешении, это вызовет дополнительную нагрузку на браузеры или телефоны, и, скорее всего, просто замедлит скорость её воспроизведения. В зависимости от целей анимации, рекомендуемое разрешение может быть до 100 — 150 пикселей в ширину или высоту. При этом, чем меньше высота анимации, тем больше может быть его ширина, и наоборот. К примеру, разрешение кадра 400X50 пикселей это допустимое разрешение, а 400X150 это уже многовато, и подойдёт только для особенных целей.

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

Общие рекомендации в параметрах gif анимации для общих целей (аватарки, юзербары, подписи и.т.п.)

Вес
— не более 400KB, лучше 150KB — 200KB.
Разрешение
— в сумме не более 30000 пикселей (сумма это умножение высоты на ширину, например, 400X50 = 20000).
Время полного воспроизведения
— не более 15 секунд.
Количество кадров
может быть любым, если при этом вес gif файла или время анимации не превысит указанные выше рекомендации, обычно — чем меньше, тем лучше.
Количество кадров в секунду
— не более 30, в зависимости от необходимости.

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

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

В нашем примере мы используем сразу все варианты. Будем делать анимацию для подписи «Аватар».

Готовый вариант:

Создание:

Для начала, найдём исходные картинки для создание анимации:

Теперь создадим новый файл в Photoshop. Ширину указываем 400, высоту 50. Цветовой режим — 8 бит.

Теперь активируем окно «Анимация». Окно > Анимация. Внизу появится специальная область для работы с анимацией.

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

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

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

Зальем цветом холст. Выбираем инструмент «Заливка» (по умолчанию, буква G), и цвет #3a55a4, и заливаем холст.

Добавим на холст исходные картинки (Файл > Поместить, или их можно просто перетащить с папки), и изменим их размер.

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

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

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

Отобразим и переместим слой animatsiya1 к левому краю холста. Для этого выберем нужный слой (animatsiya1), затем: Редактирование > трансформирование > отразить по горизонтали. Затем просто передвинем слой.

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

Текст — это тоже отдельный слой. Первый кадр анимации готов. Создадим второй кадр. Точнее, создадим копию первого кадра. Для этого, нажмём на знак листа в области анимации.

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

Для второго кадра мы скроем первый слой animatsiya1, и сделаем видимым слой animatsiya2. Так же, наложим эффект на слой с текстом, и перекрасим его в другой цвет. Дважды нажмём на слой «AVATAR», стили > наложение цвета, и жмем на маленькое окошко с цветом. Укажем цвет #8fbeff.

В итоге, вот как теперь выглядит второй кадр.

Хотя Photoshop и не создаёт анимацию сам, но он может делать промежуточные кадры. Добавим 5 промежуточных кадров между нашими двумя. Для этого, нужно выбрать «Создание промежуточных кадров», левее от кнопки «Дублировать кадр» в области анимации. Но прежде нужно выделить два кадра, между которыми будут создаваться промежуточные кадры. Выбирать несколько кадров сразу, можно зажав клавишу Shift.

Добавим 5 кадров.

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

Нужно установить время отображения кадров. Сейчас все кадры не имеют времени отображения — 0 секунд.

Время отображения кадров можно устанавливать массово — при выборе нескольких кадров, или отдельно для каждого. Установим время отображения с 1 по 6 кадр 0,1 сек., а 7 кадр 1 сек. Для этого нужно нажать на стрелку рядом с временем отображения кадра.

Готово! Лента кадров анимации готова. Её можно просмотреть прямо в Photoshop, нажав на стрелку Play в области анимации.

Формат нужно установить — Gif. Все остальные настройки влияют на качество gif анимации, и на её исходный вес. Если анимация получается слишком тяжелая, можно снизить количество цветов до 128, например, или сразу оптимизировать анимацию по желаемому размеру файла. Для этого нужно нажать на пиктограмму с тремя полосками вверху справа, выбрать «оптимизировать по размеру файла», и ввести исходный вес. Анимация сама оптимизируется под необходимый вес с минимально возможными потерями качества.

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

3. Ищем свою папку с подготовленными фото и кликаем левой кнопкой мыши на первую фотографию, зажимаем клавишу Shift, и кликаем по последней, тогда они выделяются все. Жмем ОТКРЫТЬ.

4. В вашем фотошопе открываются все фотографии. Начинаем создавать слои, которые нам понадобятся для анимации или создания gif картинки
. Я открыла специально широкую фотографию. И она будет 1-ым слоем.

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

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

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

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

8. Возвращаемся к нашей первой фотографии, которая уже со слоями, идем в меню — редактирование — вставить. И наша узенькая фотка вставляется на новый слой. Но она не может оставаться такой узкой. Нам нужно добавить фон под нее. Для этого кликаем по иконке (1), перетаскиваем слой под узкое фото, затем пипеткой (2) подбираем любой понравившийся вам цвет, кликнув курсором по фото. Я выбрала светло-зеленый. И заливаем новый слой, для чего мы активизируем инструмент заливка (3) и потом кликаем левой кнопкой мыши по рабочему полю фотографии. Обратите внимание, что в этот момент активным должен быть новый прозрачный фон. Активные слои выделяются синим цветом. После ваших действий прозрачный слой окрасится.

9. Теперь нам надо объединить два слоя (узкую фотографию и фон). Наступаем левой кнопко мыши на первый слой. Зажимаем клавишу Shift и кликаем по второму слою. Они выделились синим цветом. Идем в меню — слои — объединить слои.

10. Получаем такую картинку.

11. Повторяем пункты 6 — 10 моего урока, чтобы создать слой с еще одной узкой фотографией. Он у меня слой 2. И создаем еще один новый прозрачный слой для размещения там последней широкой фотографии (слой 3).

12. Для этого выполняем пункты урока 6, 7, 8. Все. Готово. Слои для нашей gif картинки
мы создали.

13. Можно начинать анимирование и с вашими слоями, но я решила создать подложку под нашу картинку. Для этого топаем в меню — изображение — размер холста. Увеличиваем наш холст на 50 пк по ширине и высоте. Жмем ОК.

14. У нас получилось вот так.

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

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

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

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

17. Перетаскиваем слой с логотипом на самый верх, как у меня. При необходимости увеличиваем логотип до нужного размера, для чего идем в меню — редактирование — масштабирование. С зажатой клавишей Shift растягиваем или уменьшаем логотип. Активируем инструмент «перемещение» (самый верхний инструмент со стрелкой и + в панели инструментов) и перемещаем логотип на нужное место.

Все подготовлено с созданию анимации.

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

18. Во втором кадре меняем видимость слоя с первой картинки на вторую, так же, как показано на моем скрине.

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

Откройте фотошоп, и создайте файл размер 9х9 пикселей.

Зумом увеличим наш маленький квадрат по максимуму (клавиша Z). Увеличить можно несколькими способами. Первое – правым кликом на рисунке из выпадающего меню, выбираем Fit on screen. Второе, просто щелкаем несколько раз до тех пор пока изобращение не увеличится до максимального значения, и третье, самое простое на мой взгляд, нажав в левом верхнем углу полотна и удерживая левую кнопку мыши, проводим ее вниз и вправо пока не пересечем наш квадратик.

Теперь самое главное что нам понадобится для создания GIF-анимации, это рабочее пространство с нужными инструментами. Идем в меню Window -> Workspace -> Video. Должно получится что-то вроде как на скриншоте, но могут быть и отличия. Нас будет интересовать панель анимации внизу.

Внизу мы как раз и можем увидеть выделенный наш первый кадр анимации.

Теперь нарисуем карандашом (B) влевом нижнем углу допустим оранжевым цветом квадратик 3х3 пикселя.

Дублируем наш слой (хватаем и перетаскиваем наш слой на иконку создания нового слоя.

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

Снова дублируем верхний слой и передвигаем квадратик вверх вправо. Затем еще один дубль с переивжением квадратика влево вверх. Должно получится так:

Далее переходим к работе с нашей панелью анимации. Щелкаем на значке Duplicates selected frames (значок выглядит как значок создания нового слоя) 3 раза, чтобы всего у нас получилось 4 кадра. Щелчком по первому кадру выделяем его и в списке наших слоев оставляем видимым только нижний слой. После этого щелкаем на втором кадре и оставляем видимым второй снизу слой. И так далее. Получится следующее:

В принципе наша анимация почти готова. Нажав на значок Plays animation можно увидеть что у нас получается. Теперь добавим немножко плавности за счет промежуточных кадров. Для этого выделяем первый и второй кадр (зажав клавижу Ctrl) и щелкаем по значку на котором нарисованы шарики -Tweens. Жмем Ок.

Проделвыем тоже самое с кадрами 2-3, 3-4, 4-1.

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

Проверьте что ваша анимации зациклена:

Вот и все. Осталось сохранить наш баннер в формате gif, для этого в фотошопе надо пройти в меню файл и выбрать пункт меню “сохранить для Web и устройств” (Save for Web & Devices) или, что удобнее, нажать комбинацию клавиш Ctrl+Shift+Alt+S. В диалоговом окне выбираем формат Gif. Тут можно поиграться с настройками, которые влияют на качество и размер получаемого Gif файла. После сохранения нашей Gif-анимации как файл с расширением Gif, наслаждаемся нашим собственным прелоудером! Можно например в итоге получить такие вот красивые Loading Preloader ы:

Просмотреть Gif банер, который мы сделали в фотошопе в наше время можно наверное любой программой для просмотра графики, самые распространенные из которых это IrfanView, XNView, FastStone Image Viewer и многие другие.

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

Если же вам нужны именно тробберы/снипперы, то для их генерации существуют специальные java script библиотеки. Подборка для создания анимации загрузкии можно почитать в моей статье

Инструкция

Создайте в Adobe Photoshop документ, на основе которого будет сформирована gif-анимация. Нажмите Ctrl+N или выберите пункт «Open…» раздела File главного меню. Введите параметры документа в появившемся диалоге и нажмите OK. Если основу кадров анимации будет составлять какое-либо изображение, нарисуйте его или вставьте из внешнего файла.

Добавьте в документе новые слои. Их количество должно быть равно числу кадров анимации (или ключевых кадров, если переходы между ними планируется сгенерировать автоматически). Дублируйте текущий слой, выбирая в меню Layer и «Duplicate Layer…», если в основе кадров должно лежать созданное ранее изображение. Либо добавляйте пустые слои, нажимая клавиши Ctrl+Shift+N.

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

Активируйте рабочее пространство для управления анимацией. В главном меню выберите пункты Window, Workspace, Video and Film, нажмите кнопку Yes в окне запроса. После этого состав меню изменится и отобразится панель Animation.

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

Сопоставьте слои кадрам. Выделите элемент с номером 1 в панели Animation, кликнув по нему мышью. В панели Layers отключите видимость всех слоев, кроме того, который должен отображаться на первом кадре. Последовательно проделайте аналогичные действия для всех слоев и элементов, отображаемых в панели Animation.

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

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

импорт картинок в гифку;
настройки GIF анимации в Adobe Photoshop;
экспорт / сохранение в GIF формат или видео.

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

Процесс занял буквально минут 5-10. Тут важно просто внимательно выполнять все шаги. В конце поста найдете англоязычный видеоурок по данной теме.

Добавление изображений GIF анимации в Photoshop

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

В центре данной панели есть выпадающий список, где нужно выбрать вариант «Create Frame Animation» и кликнуть по кнопке. В результате этого действия Timeline немного преобразится, и вы должны увидеть в качестве первого кадра картинку из самого верхнего слоя.

На следующем шаге выделяете все слои в проекте (кликаете по ним удерживая клавишу Ctrl). После этого открываете контекстное меню в правом верхнем углу окна Timeline и по выбираете «Make Frames From Layers».

Из всех видимых и выделенных слоев Adobe Photoshop создаст кадры анимированного GIF. В результате увидите их в панели Timeline.

Настройки GIF анимации в Фотошопе

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

Элементам можно указывать разное время либо задать параметр одновременно для нескольких из них (совместное выделение как и в слоях — с помощью Ctrl).

Чтобы «зациклить» GIF в Фотошопе при создании анимации выбираете значение Forever в соответствующей настройке как показано на скриншоте ниже.

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

Сохранение GIF анимации в Фотошоп

В финальной части нашего руководства рассмотрим как правильно сохранить GIF анимацию в Фотошопе. Для этой цели используется знакомый всем инструмент Save for Web, однако в последних версиях Adobe Photoshop СС он располагается в новом месте меню (File — Export). К счастью горячая клавиша Alt + Shift + Ctrl + S все еще работает.

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

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

Кстати вы также легко можете экспортировать ваш проект в видео формат. Порядок действий аналогичный как при сохранении GIF анимации, но в Фотошоп меню выбираете пункт File — Export — Render Video.

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

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

Если у вас остались еще какие-то вопросы о том как сделать GIF анимацию в Фотошопе или есть дополнения, пишите в комментариях.

Как изменить формат изображения — Примеры в Фотошоп

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

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

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

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

Это можно сделать следующими способами: можно использовать онлайн конвертер, установить специальное приложение или фоторедактор, использовать NetFramework или воспользоваться встроенными инструментами Adobe Photoshop.

Примечание: при сохранении фото с разных расширений, вы можете потерять качество из-за ограничений нового типа фотографии.

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

Содержание:

Онлайн конвертер

Конвертируем онлайн

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

Выберите любой веб-сайт, который предоставляет услуги онлайн конвертации. В качестве примера тут будет использоваться ресурс Online-Convert.
Из меню слева, выберите Формат, в который вы хотели бы преобразовать фотографию.
Нажмите на кнопку «Выбрать файлы», введите URL-адрес, где находится нужное фото, или нажмите «Выбрать из Dropboxbutton».
Выберите Опциональные настройки и нажмите клавишу Конвертировать.
При необходимости отметьте Дополнительные настройки.

к содержанию ↑

Фоторедактор

Конвертируем в Photoshop

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

Можно использовать простой, бесплатный фоторедактор. Он прекрасно справится с конвертацией в различные расширения.

В пакете Microsoft Windows поставляется бесплатная программа Paint, а пользователи Mac могут использовать программу Preview.

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

Шаги преобразования такие же, как при Конвертировании в разделе Windows.

к содержанию ↑

Конвертация в Windows

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

к содержанию ↑

Конвертация в macOS

Откройте изображение в Preview.
Нажмите Меню Файл. Это кнопка в верхнем левом углу экрана.
Выберите Экспорт…из выпадающего меню.
В окошке рядом с Форматом: выберите стрелочку и выберите новое расширение.
Под опцией Экспорт: выберите новое название вашего объекта и нажмите Сохранить.

Совет: Для многих типов объектов, пользователи Mac могут изменить расширение названия, и объект автоматически будет преобразован.

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

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

Сложность: Средняя

Конвертируем на ПК

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

к содержанию ↑

Порядок действий

Откройте изображение в программе для редактирования.
Зайдите в меню «Файл» и выберите «Сохранить для веб», «Сохранить как» или «Экспортировать». Если ваше программное обеспечение предлагает возможность сохранить в web варианте, это наиболее предпочтительный вариант. В противном случае ищите «Сохранить как» или «Экспортировать» в зависимости от вашего программного обеспечения.
Введите название для нового объекта.
Выберите «Сохранить в JPG» в выпадающем меню.
Используйте кнопку «Параметры», чтобы настроить параметры, специфичные для JPG. Эти параметры могут варьироваться в зависимости от вашего программного обеспечения, но более чем вероятно, будут включать некоторые или все из следующих вариантов: возможность изменить прозрачность и анимацию.
Развертка — Чересстрочная картинка, которая будет постепенно появляться на экране. Это может дать иллюзию более быстрого времени загрузки, но это может увеличить размер объекта.
Глубина цвета — JPG может содержать до 256 уникальных цветов. Чем меньше цветов, тем меньше будет размер конечного объекта.
Прозрачность — вы можете отметить один цвет, который будет представлен в качестве невидимого. Таким образом, создается соответствующий фон, который будет виден, когда изображение просматривается на веб-странице.
Сглаживание — дает более ровный вид при постепенной градации цвета, но также может увеличить размер объекта и время загрузки.
После выбора параметров, нажмите кнопку ОК, чтобы сохранить JPG.

к содержанию ↑

Примечания

Конвертация изображений

Совсем недавно лидерами в сегменте конвертирования были Photoshop СС 2015 и Illustrator CC 2015. На данный момент разнообразие приложений и программ просто сложно посчитать.

В Photoshop СС 2015 есть два способа конвертировать необходимый объект. Первый — Отметить Файл > экспорт. После этого можно отметить одно из доступных расширений.

Далее в дополнительных настройках можно уменьшить количество цветов.

Если вы хотите получить минимальный конечный объект, стоит отметить «Файл > Сохранить как» и отметить Compuserve GIF в качестве конечного расширения.

Когда Вы нажмете кнопку «Сохранить как», в диалоговом окне, появится опция «Индексированные цвета». Там пользователь может отметить Количество цветов в палитре и Дизеринг.

Что такое «Compuserve»? Это атавизм. Когда интернет был в зачаточном состоянии, Compuserve был крупнейшим игроком в сегменте онлайн-сервисов.

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

Форматы по-прежнему охраняются авторским правом в Compuserve.

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

к содержанию ↑

Illustrator CC 2015

Illustrator CC 2015 — это приложение, которое медленно отходит от вывода фотографий в формате GIF.

Используя эту программу для конвертации, пользователь по-прежнему может отметить «Файл > экспорт> сохранить как веб-вариант», но формат уже будет WBL, а уж никак не GIF.

Чтобы сохранить фотографию в старом формате, необходимо отметить «Сохранить для web (старая версия)».

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

Это очень логичное решение, тем более в сегодняшней, быстро развивающейся мобильной среде.

Самые распространенные форматы — SVG для векторов и PNG для растровых изображений.

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

В Photoshop Elements 14 также осталась опция «Сохранить для web > файл >», где можно указать все возможные опции.

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

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

Приложение Fireworks CS6 можно скачать из меню в разделе Дополнительные приложения Creative Cloud.

Вы можете выбрать GIF на панели «Оптимизировать» > «Окно» > «Оптимизировать как» — и создать довольно точный и эффективный GIF объект.

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

к содержанию ↑

Подсказки

Изображения в формате GIF или JPG ограничены 256 цветами или меньше. Преобразование высококачественных фотографий в формат GIF может привести к тому, что конечный объект будет страдать от «зернистости». Качество преобразованного вариант будет очень низким.
Чем меньше цветов в конечном JPG-файл, тем меньше будет размер конечного объекта, и тем быстрее его можно будет скачать.
Вы можете использовать программу оптимизации GIF или JPG, чтобы лучше контролировать различные параметры.

Часто пользователям необходимо переконвертировать изображения, хранящиеся на вашем iPhone, iPod или iPad.

Например, скриншоты сохраняются как .png, в то время как фотографии, сделанные с камеры? сохраняются как .jpg.

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

Пользователь получает возможность сэкономить пространство путем преобразования скриншотов в .jpg, а не хранить их в больших, тяжелых .png.

Для безопасной конвертации в iOS, можно приобрести приложение в App Store, The Image Converter, стоимость которого всего за $2.99.

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

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

Среди типов, которые можно преобразовать при помощи The Image Converter:

- JPG
- GIF
- PNG
- BMP
- EPS
- EXR
- HDR
- ICO
- SVG
- TGA
- TIFF
- WBMP
- WEBP

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

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

В качестве исходного объекта можно указать:

- Изображение в местной библиотеке фотографий на вашем устройстве
- Вставить URL-адрес
- Изображение из другого приложения, такого как Dropbox
- Выбрав объект в iTunes
- Использовав ранее преобразованный объект

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

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

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

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

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

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

Среди опций можно выбрать:

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

к содержанию ↑

Выводы

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

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

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

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

Конечно, существует множество других вариантов обмена и конвертации, но эти – самые распространённые.

Как исправить изменение цвета JPEG при экспорте в Photoshop CC

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

«Мой новый Photoshop CC вызывает проблемы при экспорте фотографий в формате JPEG.Цвет JPEG просто не подходит. Изменение цвета JPEG в программе просмотра фотографий Windows при отображении в полноэкранном режиме, но при просмотре в Интернете или печати выглядит так, как будто отсутствует раздел «Красные» в цветах. распространенная жалоба пользователей Photoshop. На экспортируемых изображениях могут отсутствовать красный, синий или зеленый цвет. Для получения впечатляющих фотографий в формате JPEG с идеальным цветовым градиентом для просмотра на любом носителе важно использовать правильное цветовое пространство.

Почему ваши JPEG-файлы не отображают правильные цвета после экспорта?

Существует три цветовых пространства (также называемых цветовыми профилями) — sRGB, Adobe RGB 98 и ProPhoto. Изображения в формате JPEG лучше всего отображают цвета в цветовом пространстве sRGB.

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

Что вы умеете?

У вас есть три варианта получения файлов JPEG в формате sRGB —

Перед съемкой в формате JPEG установите в меню камеры цветовой профиль sRGB (см. Руководство камеры, чтобы установить цветовой профиль)
Перед редактированием установите для цветового профиля JPEG значение sRGB в вашем программном обеспечении для редактирования
Экспорт JPEG в цветовом профиле sRGB

Как исправить проблему изменения цвета JPEG при экспорте

Убедитесь, что флажок «Сохранить как» с «Встроить цветовой профиль» установлен в

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

Экспорт JPEG с помощью команды «Сохранить для Интернета»

Сохраните изображения в формате JPEG в Photoshop с помощью команды «Сохранить для Интернета». Выполните Файл> Экспорт> Сохранить для Интернета .

Это автоматически преобразует фотографии без sRGB в sRGB JPEG без изменения какой-либо информации изображения.

Примечание: Это не сохраняет информацию EXIF вашего изображения JPEG.Данные EXIF фотографии JPEG содержат информацию о дате, времени и настройках камеры во время съемки изображения JPEG.

Преобразовать в sRGB с помощью команды Edit

Вы можете преобразовать в профиль sRGB с помощью Edit> Convert to Profile> sRGB. Затем сохраните фотографию как JPEG с помощью команды Файл> Сохранить как> JPEG . Этот метод также сохраняет данные EXIF фотографий в формате JPEG.

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

Открыть файл JPEG в MS Paint

Вы можете изменить цветовой профиль фотографий JPEG на режим RGB, просто открыв его в Microsoft Paint.

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

Совет: Используйте Stellar Repair for Photo для проблем с пикселями, размытостью или насыщенностью цвета

Stellar Repair for Photo инструмент легко исправляет такие искажения на фотографиях.Даже если ваши файлы JPEG сильно испортились, программа извлекает из них эскизы. Инструмент восстановления Jpeg является умным и быстрым, чтобы исправить несколько файлов JPEG одновременно, без каких-либо усилий.

Синхронизация настроек цвета в приложениях Adobe

Благодаря синхронизации Photoshop не меняет цвета при экспорте и выглядит одинаково во всех приложениях Adobe. Пользователи Adobe Creative Suite могут использовать Adobe Bridge для синхронизации настроек цвета в различных программах.

Откройте Adobe Bridge в Photoshop CC. Выберите Edit> Creative SuiteColor Settings. Выберите настройку цвета из списка и нажмите Применить .

Согласно Adobe, всегда синхронизируйте настройки цвета перед началом работы с изображением, чтобы избежать проблем с цветом Photoshop CC JPEG при экспорте.

Заключение

Изменение цвета Jpeg при экспорте изображений JPEG из Photoshop CC можно выполнить несколькими способами, описанными выше. Вы можете начать с более простых исправлений, таких как открытие файла изображения в Paint или сохранение JPEG с помощью команды «Сохранить как» в Photoshop CC.

Однако, чтобы избежать этой проблемы, не забудьте снимать изображения в формате JPEG в цветовом пространстве sRGB. Вы также можете исправить проблемы с насыщенностью цвета с помощью JPEG Repair Software, приложения, которое легко и эффективно удаляет все виды повреждений в изображениях JPEG / JPG.

В редактировании фотографий ценен практический опыт. Если у вас есть другое решение проблемы экспорта JPEG в 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!

Объяснение параметров сохранения

JPEG — Photoshop

Знаете ли вы, что просто немного изменив параметры сохранения JPEG в Photoshop, мы сможем сэкономить более 10 ГБ места на жестком диске? Мы также можем увеличить скорость загрузки сайта на 45%, используя эту опцию.

Прежде чем продолжить, я хотел бы уточнить некоторые факты. Один из них — это разные форматы JPG и JPEG.

JPG против JPEG

Нет разницы между JPEG и JPG. Забавно, что многие думают, что они разные. Я также объяснил это в одном из моих старых постов о JPG vs. JPEG.

Они оба одинаковы и разработаны Joint Photographic Experts Group. Единственная причина его двух названий — это старая версия Microsoft Window. Старая версия Window принимает только три символа для любого формата.Поскольку JPEG состоит из четырех символов, группа сократила его название до JPG, чтобы этот формат также был доступен пользователям Window.

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

ПОЛУЧИТЬ БЕСПЛАТНУЮ ДЕМО

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

JPG Интересные факты

JPEG означает Объединенная группа экспертов по фотографии.
Это формат для хранения цифровых изображений, который поддерживает максимальный размер 65 535 x 65 535 пикселей.
Сжимает размер файла, выборочно отбрасывая данные. Проверьте изображения ниже.
Поддерживает только 8-битные изображения.Если вы сохраните 16-битное изображение в этом формате, Photoshop автоматически снизит битовую глубину.
Не сохраняет прозрачность.

Ниже приведен вам пример. Вы можете увидеть огромную потерю деталей между первой и третьей фотографиями. Это фото сжато на 90%.

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

ПОЛУЧИТЬ БЕСПЛАТНУЮ ДЕМО

Параметры сохранения JPEG в Photoshop

1: Матовый

Формат JPEG не поддерживает прозрачность. Это означает, что если в изображении есть какая-либо часть без пикселей, JPG не поддерживает это. Некоторые распространенные примеры — фотография без фона, логотипа и т. Д.

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

Чтобы имитировать эффект прозрачности фона, вы можете сопоставить матовый цвет с цветом фона веб-страницы. Если ваше изображение содержит прозрачность и вы не знаете цвет фона веб-страницы или если фон представляет собой узор, вам следует использовать формат, поддерживающий прозрачность (GIF, PNG ‑ 8 или PNG ‑ 24).

2: Параметры изображения

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

Если вы сохраняете фотографию для своего веб-сайта, вы не хотите, чтобы она занимала 5 МБ.Вы бы предпочли, чтобы он был в диапазоне 50–150 КБ. Это поле делает то же самое. Но это поле делает это за счет качества фотографии.

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

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

3: Опции формата

Определяет формат вашего файла JPEG.Adobe сообщает, что

Baseline («Стандартный») использует формат, распознаваемый большинством веб-браузеров.
Базовая оптимизация: создается файл с оптимизированным цветом и немного меньшим размером файла.
Progressive отображает серию более подробных версий изображения (вы указываете, сколько) по мере загрузки. Не все веб-браузеры поддерживают оптимизированные и прогрессивные изображения JPEG.

4: Предварительный просмотр

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

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

Вы не хотите, чтобы веб-фотографии были в мегабайтах, а должны быть в диапазоне 50–150 килобайт. Для тяжелых фотографий потребуется больше времени для загрузки и увеличение времени загрузки сайта. Гугл говорит, что 1 сек. увеличение времени загрузки сокращает просмотры страниц на 20%.Итак, если вы получаете 100 просмотров страниц и скорость загрузки вашего сайта составляет 3 секунды. Вы получите около 80 просмотров страниц, если скорость загрузки вашего сайта составит 4 секунды.

ПОЛУЧИТЬ БЕСПЛАТНУЮ ДЕМО

Как конвертировать GIF в JPG в Photoshop | Small Business

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

Откройте ваш GIF в Adobe Photoshop. Внимательно изучите его, чтобы решить, рассматривать ли его как полутоновое или цветное изображение.

Откройте меню «Изображение», выберите подменю «Режим» и выберите «Оттенки серого», чтобы преобразовать черно-белый GIF в изображение в градациях серого. Выберите «Цвет RGB», чтобы преобразовать GIF, содержащий цвета, отличные от оттенков серого, в полноцветное изображение.

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

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

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

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

Ссылки

Ресурсы

Photoshop CS3 / CS4 WOW! Книга; Линни Дейтон и Кристен Гиллеспи

Советы

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

Предупреждения

Анимированные файлы GIF открываются в Photoshop как однокадровые файлы без анимации. Чтобы открыть анимированный GIF и сохранить его кадры как слои Photoshop, необходимо использовать Photoshop Extended.

Писатель Биография

Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Используйте пакетную команду Photoshop для быстрого сохранения изображений для Интернета | Том Хоул | Ститингейл

Photoshop CC 2015 представил значительно улучшенный результат «Экспортировать как» , но странным образом исключил его использование в действиях . Я бы посоветовал всем, кто хочет улучшить рабочий процесс экспорта в следующих версиях Creative Cloud, прокомментировать отчет на форуме сообщества Adobe Photoshop, чтобы он был исправлен.

Для тех пользователей Creative Cloud 2015+, имейте в виду, что «Сохранить для Интернета» было перемещено Файл -> Экспорт -> Сохранить для Интернета (Legacy)

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

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

Отображение изображений в Интернете — это компромисс между Качество изображения и Размер файла .

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

Обратите внимание, это оригинальный учебник, который я написал в 2011 году для CS5. Принципы как из видео, так и из текстовых руководств должны работать во всех версиях Photoshop, которые позволяют использовать ПАКЕТНЫЕ команды и ДЕЙСТВИЯ.

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

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

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

Сначала вам нужно убедиться, что панель Action видна в Photoshop.

Панель должна выглядеть примерно так.

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

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

Щелкните значок New Action между значком папки и корзиной.

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

После того, как вы создали New Action , он автоматически начнет запись.

Обратите внимание, что вы можете приостановить / возобновить запись, используя значки Stop / Record в нижней части панели.

Откройте диалоговое окно Image Size

Image-> Image Size

Изображение, которое я использую для этот учебник представляет собой сканирование с очень высоким разрешением. Обычная цифровая фотография будет иметь разрешение 240 dpi / 300 dpi (пикселей / дюйм).

Разрешение экрана 72 точки на дюйм. Измените разрешение на 72 точек на дюйм (пикселей / дюйм)

Вы заметите, что ширина уменьшилась с 5275 пикселей на дюйм до 158 пикселей.Теперь измените размер высоты / ширины на желаемый.

Обратите внимание: если вы хотите изменить размер всех ваших изображений на высоту 600 пикселей, установите высоту на 600 пикселей, если вы хотите изменить ширину всех изображений до 600 пикселей, установите ширину на 600 пикселей.

Для фотосъемки Измените разрешение изображения с помощью параметра «Бикубический».

Bicubic Smoother лучше всего подходит для создания плавных градиентов, Bicubic Smoother лучше всего подходит для увеличения, а Bicubic Smoother лучше всего подходит для уменьшения.

Щелкните OK

Размер изображения изменен.

Затем нам нужно изменить цветовое пространство на sRGB (с помощью которого большинство веб-браузеров автоматически попытаются отобразить изображение).

Обратите внимание: если мы попытаемся просмотреть изображение в веб-браузере с Adobe1998 в качестве цветового пространства, по сравнению с тем, если мы конвертируем изображение в SRGB, оно будет ненасыщенным . Неправильное цветовое пространство в JPEG при загрузке объясняет, почему многие изображения в Интернете выглядят недостаточно насыщенными.

Откройте Edit-> Convert to Profile

Выберите Working RGB sRGB 2.1 из раскрывающегося меню.

Выберите Perceptual в меню Intent.

Щелкните ОК.

Теперь выберите Сохранить для Интернета и устройств в меню.

Выберите JPEG High в качестве предустановки.

Теперь вы можете использовать ползунок качества JPEG, чтобы настроить качество изображения по своему вкусу. Для сайта-портфолио я бы предложил 80. Для общего пользования 50/60.

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

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

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

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

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

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

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

Откройте File-> Automate-> Batch.

Когда откроется диалоговое окно партии, выберите свой Set / Action.

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

Щелкните ОК.

Стоит отметить, что это очень простое приложение команды BATCH, и вы можете использовать действия для создания более сложных рабочих процессов

Эффективное сохранение и экспорт файлов Photoshop

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

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

Нужно ли сохранять слои?

Если вам необходимо сохранить слои Photoshop в доставляемом файле, выберите «Файл»> «Сохранить как», а затем выберите «Photoshop» во всплывающем меню «Формат». Сохранение слоев позволяет редактировать компоненты документа Photoshop, такие как корректирующий слой, символы в текстовом слое или эффекты, примененные к слою. Это также важно для приложений, которые могут манипулировать слоями Photoshop.Например, вы можете использовать Adobe InDesign для управления тем, какие слои документа Photoshop будут видны в макете страницы, и вы можете использовать Adobe After Effects для независимой анимации слоев Photoshop в композиции видео.

Параметры формата в диалоговом окне «Сохранить как» в Photoshop

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

Больше после прыжка! Продолжайте читать ниже ↓
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Документ собирается в прессу?

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

Формат Photoshop PDF в диалоговом окне «Сохранить как» предоставляет предустановки PDF / X, которые вы можете выбрать, если вам нужно привести документ Photoshop в соответствие со стандартом PDF / X.

Это документ для веб-страницы или мобильного устройства?

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

Сравнение экспорта как и сохранения для Интернета (устаревшая версия)

Adobe рекомендует диалоговое окно «Экспортировать как» (выберите «Файл»> «Экспортировать как») в качестве первого варианта для большинства веб-графики. Вы можете использовать «Экспорт как» для создания копии документа Photoshop в формате PNG, JPEG, GIF или SVG.

«Экспортировать как» — это новый способ сохранения веб-графики из Photoshop.

Давние пользователи Photoshop могут быть более знакомы с диалоговым окном, которое теперь называется «Сохранить для Интернета (устаревшая версия)» (выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)»).

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

«Экспорт как» и «Сохранить для Интернета» (устаревшая версия) имеют много общего. Экспорт как основан на новом коде, который может обрабатывать большие документы. Он может экспортировать несколько разрешений, если вам нужно предоставить веб-разработчику стандартные разрешения устройства и устройства HiDPI / Retina (например, масштабные коэффициенты 1x, 2x и 3x).Но «Сохранить для Интернета» (устаревшая версия) дает вам больше контроля над сжатием, предварительным просмотром и метаданными. А «Сохранить для Интернета» (устаревшая версия) может экспортировать временную шкалу видео Photoshop в виде анимированного файла GIF.

Команда «Быстрый экспорт» (выберите слои и выберите «Файл»> «Экспорт»> «Быстрый экспорт») похожа на экспресс-версию команды «Экспортировать как», поскольку вам не нужно останавливаться на диалоговом окне каждый раз, когда вы ее используете. Вместо этого вы настраиваете быстрый экспорт, выбирая «Файл»> «Экспорт»> «Настройки экспорта». Когда вы выбираете «Быстрый экспорт», выполняется мгновенный экспорт с использованием установленных вами настроек.Быстрый экспорт удобен, если вы несколько раз экспортируете с использованием одних и тех же настроек.

Понимание двух видов экспорта как

«Экспортировать как» также доступен в меню «Слой» и отличается от «Экспортировать как» в меню «Файл». Ключ к различию в том, где доступна каждая команда:

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

Команда «Слой»> «Экспортировать как» также доступна в меню панели «Слои».

Автоматизация экспорта в Интернет с помощью генератора

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

 728 x 90 banner.jpg80%

… он будет экспортирован как файл 728 x 90 пикселей с именем banner.jpg в формате JPEG с уровнем качества 80%.

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

Генератор обладает мощным синтаксисом. Например, если вы назовете слой или группу слоев…

 100 x 100 logo1.png, 200 x 200 logo2.png, 300 x 300 logo3.png

… Генератор экспортирует три файла разного размера.

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

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

Параметры GIF и JPEG, которые могут вам не понадобиться

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

(Сохранить как) CompuServe GIF. Другой способ экспорта в формате GIF — это выбрать «Файл»> «Сохранить как» и выбрать CompuServe GIF во всплывающем меню «Формат». Но это более старый метод, который вам может никогда не понадобиться, если параметры в диалоговых окнах «Экспорт как» или «Сохранить для Интернета (устаревшие)» соответствуют вашим требованиям.
(Сохранить как) JPEG. Параметр формата JPEG в диалоговом окне «Сохранить как» может быть полезен, если вы хотите сохранить файл в формате JPEG, предназначенный только для печати или не загружаемый на веб-страницу. Параметр JPEG в диалоговом окне «Сохранить как» обычно создает файлы большего размера, чем параметр JPEG в диалоговых окнах «Экспорт как» или «Сохранить для Интернета (устаревшая версия)», поскольку версия «Сохранить как» включает больше метаданных, таких как разрешение (ppi).
Zoomify. Если вы делаете покупки в Интернете, вы видели похожие приемы: Zoomify позволяет вам увеличивать изображение внутри прямоугольника определенного размера, так что его увеличение не распространяется на всю веб-страницу.Для этого требуется не просто изображение, но и сопроводительный HTML-код. Это нормально, если вы пишете свою собственную веб-страницу. Однако Zoomify может оказаться непрактичным, если вы публикуете изображение в социальных сетях или в конструкторе веб-сайтов на основе шаблонов.

Вам нужен файл PDF?

Вы можете быть удивлены, узнав, сколькими способами можно преобразовать документ Photoshop в файл PDF. Для создания:

Одностраничный PDF-файл. Выберите «Файл»> «Сохранить как» и выберите Photoshop PDF.При нажатии кнопки «Сохранить» открывается диалоговое окно «Сохранить Adobe PDF». Вы можете выбрать один из тех же пресетов Adobe PDF, что и другие приложения Adobe.
При выборе формата Photoshop PDF открывается диалоговое окно «Сохранить Adobe PDF», которое также имеется в других приложениях Adobe.
Монтажные области в многостраничном PDF-файле. Выберите «Файл»> «Экспорт»> «Монтажные области в PDF», чтобы каждый мог просматривать созданные вами монтажные области, например дизайн веб-сайта.
Композиции слоев в многостраничном PDF-файле. Выберите «Файл»> «Экспорт»> «Компоновка слоев в PDF», чтобы каждый мог просматривать варианты документа, созданные с помощью панели «Компоновки слоев».
Слайд-шоу из нескольких изображений. Выберите «Файл»> «Автоматизировать»> «PDF-презентация», чтобы создать многостраничный PDF-файл из выбранных файлов. Затем вы можете выбрать многостраничный документ или презентацию (самозапускающееся полноэкранное слайд-шоу при открытии в Acrobat).

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

Блог Джулианны Кост | Восемь советов по сохранению и экспорту в Photoshop

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

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

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

Сохранение файлов в исходные папки — По умолчанию при выборе «Сохранить как» Photoshop автоматически «сохраняет как» в том же месте, что и оригинал.Чтобы сохранить файлы в другом месте (например, в «обработанной папке»), выберите «Настройки»> «Обработка файлов»> и отключите «Сохранить как в исходную папку».

Закрыть все файлы в Photoshop — Option — щелчок (Mac) | Alt-нажатие кнопки закрытия файла (Win) проинструктирует Photoshop закрыть все открытые документы, однако Photoshop спросит, хотите ли вы сохранить каждый файл, прежде чем он закроет его. Если вы знаете, что вы либо хотите сохранить все, либо не сохранять все, вы можете обойти диалоговое окно, выбрав Файл> Закрыть все (вместо Файл> Закрыть), и, когда вас спросят, хотите ли вы сохранить изменения, включите параметр Применить ко всем, чтобы сохранить все документы без дополнительных запросов.

Сохранение файлов с максимальной совместимостью — Чтобы сохранить многослойный файл Photoshop с предварительным просмотром высокого разрешения для использования другими приложениями (например, Lightroom), Photoshop необходимо создать «сплющенную» версию изображения и сохранить эта уплощенная версия в файле. Чтобы Photoshop автоматически сохранял сведенную версию, установите для параметра «Установки»> «Обработка файлов»> «Максимизировать совместимость файлов PSD и PSB» значение «Всегда». Примечание. Если вам когда-нибудь понадобится открыть плоскую (составную) версию многослойного документа, выберите «Файл»> «Открыть», перейдите к изображению и удерживайте Option + Shift (Mac) | Alt + Shift (Win) и нажмите Открыть.Появится диалоговое окно с сообщением «Вместо этого читать составные данные?» Щелкните ОК для подтверждения. Примечание: этот ярлык также работает при открытии файлов PSD в ОС.

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

Экспорт файлов — Поскольку сохранение и экспорт файлов идут рука об руку, я подумал, что также включу этот эпизод из 3, 2, 1, Photoshop! Три способа экспорта в Photoshop CC.Посмотрите его и узнайте, как экспортировать целые документы, несколько монтажных областей, а также отдельные слои и группы слоев.

Image Processor — Если вам нужно сохранить несколько изображений в другом другом формате (PSD, TIF и / или JPEG), Photoshop имеет функцию, называемую Image Processor. Хотя вы можете найти его в меню «Файл»> «Сценарии»> «Обработчик изображений», для этого метода необходимо выбрать папку с изображениями. Если вы предпочитаете преобразовывать только выбранные изображения, начните с выбора нужных изображений в Bridge, а затем выберите Инструменты> Photoshop> Обработчик изображений (обратите внимание, что вы также можете выбрать все изображения в папке (или коллекции), используя этот метод, не выбирать файлы (если файлы не выбраны, Bridge будет считать, что вы хотите обработать их все).В диалоговом окне «Обработчик изображений» выберите папку назначения и тип файла (или типы, вы можете обрабатывать файлы сразу в несколько форматов) с любыми дополнительными параметрами, такими как «Изменить размер по размеру» и «Сжатие» и т. Д. Вы даже можете выбрать запуск действие после пакетного преобразования Image Processor файлов. Конечно, все это можно сделать с помощью действий, но Image Processor — это простой и мощный способ быстро преобразовать изображения без необходимости знать, как создавать действия и запускать команду Batch.