Процентное соотношение цветов в фотошопе. Как определить цвет в Фотошопе? Для чего нужен инструмент "Цветовой эталон"

На данном уроке мы рассмотрим форматы сохранения файлов в Photoshop , а так же, чем они отличаются друг от друга.

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

Формат документа в Photoshop отображается следующим образом. Посмотрим на рисунок, расположенный правее. «Без имени-2 » — это название документа. После точки идет расширение документа , в данном случае jpg .

Никогда не спешите сохранять результаты вашего труда в Photoshop.

В настоящее время существует более 20 форматов графических файлов , например, jpg, gif, png, bmp, tif …
От выбранного формата во многом зависит объем файла. Таким образом, создав любое изображение при помощи графического редактора Photoshop , мы должны сохранить его в виде файла. Главная задача при сохранении — это найти золотую середину между качеством изображения и объемом содержащего файла. Хотя даже фото плохого качества можно улучшить (пример смотрите по приведенной ссылке)

Рассмотрим самые распространенныe графические форматы сохранения файлов в Photoshop

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

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

Мы заходим во вкладку ФАЙЛ и выбираем СОХРАНИТЬ КАК . В открывшемся окне вписываем имя, выбираем формат psd и нажимаем СОХРАНИТЬ .

Кроме того, PSD — это родной формат графического редактора Photoshop . Если мы сохраним наш документ с данным расширением, то открыть мы его сможем в любой, даже самой ранней версии Photoshop.

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

Сохранение документа в Photoshop в формате jpg

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

Сохранение документа в Photoshop в формате gif

Формат GIF предназначен для сохранения растровых изображений в Photoshop с количеством цветов не более 256. Допустим, такой вот скриншот — скриншот вкладки ФАЙЛ . Имя документа подчеркнуто красным на рисунке, расширение — зеленым.

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

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

Формат GIF часто применяется в web-дизайне.

Сохранение документа в Photoshop в формате png

Формат PNG аналогичен формату GIF . Небольшое отличие заключается лишь в том, что png способен отображать бОльшее количество цветов. Позволяет сохранять изображение с глубиной цвета 24 и даже 48 bit.

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

Мы заходим во вкладку ФАЙЛ в Photoshop . Для сохранения изображения в файле существует несколько команд.

Если нам нужно задать другой формат файла, изменить его имя и местоположение, тогда лучше использовать ФАЙЛ-СОХРАНИТЬ КАК , т.е. мы здесь задаем имя, формат, указываем место для сохранения.

Если в дальнейшем наш файл попадет в интернет, то лучше для этого воспользоваться ФАЙЛ-СОХРАНИТЬ для Web устройств .

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

Что же мы можем сделать с нашим изображением?! Как нам поменять его параметры?!

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

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

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

Выбрав оптимальный вариант сохранения изображения, нажимаем СОХРАНИТЬ и выбираем папку для сохранения.

Для просмотра видео нажмите на картинку.

Вы узнаете:

• Что такое разрешение изображения и какие бывают форматы файла.
• Как изменить размер и разрешение в окне Image Size (Размер изображения).
• Какие бывают алгоритмы интерполяции.
• Как подготовить изображение для размещения в интернете с помощью
• окна Save for Web (Сохранить для Web).
• Как получить минимальный вес файла при сохранении в JPG и GIF.
• Как сохранять в PNG, PNG-24, TIFF, PDF и PSD.

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Как влияет Resolution (Разрешение) на качество снимка.

4. Увеличение размера без потерь качества.
5. Плагины для изменения размеров изображений.
6. Подготовим изображение для размещения в интернете.
7. Save for Web (Сохранить для Web).
8. Сохранение в формат JPG.
9. Сохранение в формат GIF.
10. Сохранение в формат PNG.

12. Сохранение в формат PDF.
13. Сохранение в формат PSD.
14. Вопросы.
15. Домашнее задание.

Как влияет Resolution (Разрешение) на качество снимка

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

Разрешение – это количество пикселей, из которых состоит растровое изображение. Многие из вас сталкивались с ситуацией, когда в фотоаппарате специально уменьшалось разрешение (больше фотографий влезет в карту памяти, а на маленьком дисплее они хорошо смотрятся). Вспомните первые камеры в мобильных телефонах с разрешением 0,3 МП. А потом, перенеся фотографии
в компьютер на большой монитор, были разочарованы качеством, которое было безвозвратно утрачено в момент съемки. При увеличении тех фотографий в графическом редакторе результат становится еще хуже. Наклонные линии становятся зубчатыми, а фото кажется расплывчатым. Пиксели определяют, насколько изображение кажется нам резким, а их количество отвечает за максимальный размер отпечатка без потерь качества.

У нижнего левого края окна программы находится Status Bar (Строка состояния).

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

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

Чтобы изменить разрешение или размер выберите в меню Image (Изображение) – Image Size (Размер изображения). Или нажмите Alt + Ctrl + I .

Из открывающихся меню полей Width (Ширина) и Height (Высота), расположенных в группе Document Size (Размер документа), выберите единицы измерения. Проценты, дюймы, см, мм, пункты, пк, колонки.

dpi – dots per inch (точки на дюйм) – Единицы измерения разрешения при печати.

ppi – pixels per inch (пиксели на дюйм) – Единицы измерения разрешения для компьютерных мониторов.

Resolution (Разрешение) – количество пикселей в 1 дюйме или сантиметре. Какое разрешение выбрать?

72 ppi – вполне достаточно для отображения фотографий на экране монитора. Для Web-графики тоже этого достаточно. При увеличении масштаба таких изображений разглядеть мелкие детали у вас не получится, потому что их там нет.

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

В качестве единиц измерения выберите pixels / inch (пиксели на дюйм), а не pixels /cm. Нам, не привыкшим измерять в дюймах, нужно быть особенно осторожными и не выбирать pixels /cm только на том основании, что сантиметры больше нравятся. Разница в 2,54 раза сразу скажется на вашем разрешении. Файлы станут гигантского веса. Так что при работе с данным окном и при создании нового документа следите, чтобы были выбраны пиксели на дюйм.

Scale Styles (Масштабировать стили) – позволяет масштабировать стили, заданные в палитре Layers (Cлои) вместе с выбранным слоем.

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

Resample Image (Интерполяция/Отслеживать изменения). При установке этой галочки изменение разрешения изображения (числа пикселов на дюйм) приведет к изменению размеров изображения c сохранением исходного разрешения. Если сбросить галочку, то увеличение разрешения изображения (например, с 72 до 300) приведет к уменьшению геометрических размеров изображения при печати. Будьте внимательны, чтобы не получить отпечаток размером с почтовую марку.

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

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

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

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

Bilinear (Билинейная). Вычисляется среднее значение на основе анализа соседних пикселей по горизонтали и вертикали.

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

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

Bicubic Smoother (Бикубическая глаже) Наилучшая для увеличения.

Bicubic Sharper (Бикубическая четче). Наилучшая для уменьшения. Если вы чаще всего уменьшаете снимки, задайте этот алгоритм в качестве основного по умолчанию. Для этого выберите его в Edit(Редактирование) – Preferences (Установки) – General (Основные). Изменения вступят в силу после перезапуска Photoshop.

Увеличение размера без потерь качества

Я нашла в интернете простой способ увеличить размеры изображения с небольшой потерей качества и решила проверить так ли это. Я взяла маленькую картинку размером 5 на 5 см и увеличила ее в 2 раза, используя интерполяцию Bicubic Smoother (Бикубическая глаже). Справа от полей Width (ширина) и Height (Высота) выберите элемент % (проценты). Введите в эти поля значение 110, чтобы увеличить размер изображения на 10%.

Увеличение размера изображения на 10% не приводит к ухудшению его качества! Чтобы увеличить небольшое изображение во много раз, необходимо несколько раз увеличить его размеры на 10% (8 раз пришлось выполнить эту команду).

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

Кстати, сделать это очень просто: откройте палитру Action (Операции/Сценарии). Она находится рядом с палитрой History (История). Нажмите на кнопку создать новую операцию. Появится окошко, в котором нужно ввести название операции (например, увеличить в 2р. по 10). Кружок внизу палитры станет красным, значит пошла запись. Измените Image Size (Размер изображения), как сказано ниже 8 раз, и нажмите на самый левый квадратик «Стоп». Все! Теперь для выполнения этой операции достаточно отметить ее курсором и нажать кнопку Play.Подробную информацию об Action (Операциях) вы найдете в уроке по автоматизации.

Результаты эксперимента представлены ниже. Вы видите разницу? Я нет. Но может зрение меня подводит. Мне кажется, оба результата стали заметно хуже по сравнению с маленьким исходником.

Так стоит ли овчинка выделки, если разница еле уловима? И неужели люди зря придумали этот алгоритм? Нет, не зря. Разница действительно есть, но заметна она лишь при очень большом увеличении (в 300% и выше). Размытость изображения после проведения Resample Image (Интерполяции) будет видна только при печати изображения, на экране это

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

Плагины для изменения размеров изображений.

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

1. Alien Skin – BlowUp v1.0 plug-in for Adobe Photoshop. Лучшее чем бикубическая интерполяция. Плагин при изменении размера изображения сохраняет гладкие четкие края и линии, и создает четырехкратные (1600%) увеличения без появления ступенчатых артефактов и свечений. В некоторых случаях Blow Up позволяет увеличить изображение в шесть раз без видимых артефактов.
2. SizeFixer SLR – Позволяет увеличивать изображение до формата А1
3. SizeFixer XL . – Безграничное увеличение.
4. PXL SMARTSCALE – Увеличивает до 1600% без потерь в качестве при печати.

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

Подготовим изображение для размещения в интернете.

Обычные Save (Сохранить) Ctrl+S и Save as… (Сохранить как…) Shift+Ctrl+S не дают возможности контролировать результат, да и вес файла получается большим.

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

Выберите в меню File (Файл) – Save for Web (Сохранить для Web ). Комбинация клавиш Alt + Shift +Ctrl + S. В этом окне мы можем наблюдать, как меняется качество при сжатии изображения. А так же контролировать вес файла и скорость его загрузки. Удобнее всего работать с вкладкой 2 — Up (2 варианта), т. к. можно сравнить на сколько пострадает качество ради маленького веса (важно чтобы картинки на сайте быстро загружались). Под изображением находятся комментарии: формат сжатия, размер файла после оптимизации и время загрузки.

В правой части окна находятся все основные настройки оптимизации.

Всего форматов сохранения для Web пять: GIF, JPG, PNG-8, PNG-24 и WBMP. Последний практически не используется.

В JPG лучше всего хранить объемные файлы фона сайта и фотографий для публикаций, в GIF, PNG-8 и PNG-24 – элементы дизайна, которые имеют небольшой объем и ограниченное количество цветов. К сожалению, PNG-24 не поддерживается браузером Internet Explorer 6, но количество пользователей IE6 быстро уменьшается и, следовательно, риск, что формат PNG-24 не откроется у кого-то на компьютере, уменьшается.

Файлы формата GIF и PNG-8 сохраняют прозрачность (но не альфа-канал). Чтобы сохранить прозрачность, нужно отметить галочку Transparency. WBMP – растровый формат для мобильных телефонов.

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

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

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

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

Для управления размером картинки в Save for Web (Сохранить для Web) есть раздел под названием Image Size (Размер изображения). Размеры вашей картинки не должны превышать 800 на 600 пикселей. Или нетерпеливый пользователь закроет окно браузера, не дождавшись пока картинка загрузится полностью.

Откройте файл кораблик.jpg. Выберите в меню File(Файл) команду Save for Web (Сохранить для Web). Выберите режим 2-Up (Два варианта). В разделе Image Size (Размер изображения) уменьшите размер изображения до 450*600. Можно это сделать предварительно, выбрав в меню Image (Изображение) – Image Size (Размер изображения), или нажав Alt + Ctrl + I.

В правой части окна в списке выберите формат сохранения JPEG.

Список Compression quality (Качество сжатия) предлагает несколько значений – от Low (Низкое) до Maximum (Наилучшее). Более точная регулировка осуществляется ползунком Quality (Качество), расположенным правее. Для начала установите 100%. При столь высоком значении изображение
в правой части области просмотра (оптимизированное) практически не отличается от оригинала
в левой части. Взгляните на информационные поля в соответствующих частях области просмотра. Оригинал (несжатое изображение) занимает 625 Кбайт, а сжатое – 139,5 Кбайт. Даже при таком низком коэффициенте сжатия есть значительный выигрыш в размере файла. Время загрузки сжатого изображения 26 секунд – это слишком много, многие могут потерять терпение и уйти
с вашей странички.

Установите ползунок Quality (Качество) посередине, примерно на 50%. Вы видите разницу между двумя изображениями? Нет? Тогда можно уменьшить Качество еще немного. Остановимся на 35%. Ниже 30 уже будет заметно ухудшение. Вес стал 23 кб, а скорость 5 сек. Иногда параметр Blur (Размытие) может сэкономить вам еще одну-две секунды. Но в нашем случае он не даст заметного результата, т.к. мы уже достаточно сильно сжали картинку.

Progressive (Прогрессивный) задает прогрессивную развертку изображения при загрузке в браузере. Этот параметр позволяет постепенно загружать изображение. С самого начала загрузки вы будете видеть часть изображения.

Optimized (Оптимизация/Оптимизированный) включает дополнительную оптимизацию внутренней структуры JPEG, что иногда еще сильнее сокращает размер файла.

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

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

Сохраните сделанные настройки если вам нужно обработать много изображений. Для этого щелкните по значку меню опримизации и выберите Save Settings (Сохранить настройки). Введите в поле File name (Имя файла) какое-нибудь имя, и нажмите кнопку Save (Сохранить).

Теперь в списке Settings (Наборы/Параметры) появится введенное имя. При обработке следующего файла будет достаточно выбрать это имя из списка.

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

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

Количество цветов в его палитре задается в поле Colors (Цвета) и должно создавать зависимость между качеством и весом.

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

Следующий выпадающий список по умолчанию вариант Diffusion (Диффузия/Случайный) лучше использовать для фотографий, a Noise (Шум) – для фоновых текстур и градиентов. Pattern (Регулярный /Узор) создает повторяющийся узор.

Interlaced (Чересстрочно) – для постепенной загрузки изображения.

Степень сглаживания задается ползунком Dither (Дизеринг/Сглаживание). Чем выше сглаживание, тем больше размер файла.

Список Matte (Матовый/Кайма) создает переход кромки изображения к фоновому цвету страницы. Обычно кромка полупрозрачная, а это не поддерживается форматом GIF.
В результате при экспорте возникает характерный шум. Чтобы избежать его появления, установите в списке цвет фона Web-страницы. Полупрозрачные пиксели будут окрашены в этот цвет. Если снять галочку Transparency (Прозрачность), цвет, заданный в списке Matte (Матовый/Кайма), будет считаться фоновым и заполнит прозрачные участки изображения.

Перевод цветов к палитре Web осуществляется ползунком Web Snap (Web-цвета) . Понаблюдайте за изменениями цветов изображения в зависимости от положения ползунка. Происходящие изменения отображаются в палитре изображения. На некоторых цветах палитры появляются белые ромбики.

Color Table (Таблица цветов) полезна не только для наблюдения. Она позволяет управлять отдельными цветами изображения.

Если щелкнуть по значку откроется дополнительный список.

Если вы хотите избежать существенных цветовых сдвигов в любых браузерах, но не хотите приводить все цвета к палитре Web, то можно сделать это выборочно. Задайте режим сортировки Sort by Popularity (Сортировка по частоте использования). Наиболее часто встречающиеся цвета расположатся слева направо.

Щелкните мышью на любом образце в палитре. Образец получит белую рамку, показывающую, что он выделен. Photoshop может сам выбрать цвет, наиболее близкий к выделенному, из палитры Web. Для этого надо щелкнуть на пиктограмме кубика в нижней части панели или выбрать команду Shift/Unshift Selected Colors to/from Web Palette(Заменить / Отменить замену выделенных цветов на цвета палитры Web).

Приведение всего изображения к палитре Web сделало переходы на изображении монитора чересчур резкими. Исправим этот дефект вручную. Сделайте на образце в палитре двойной щелчок мышью. Перед вами появится окно Color Picker (Палитра цветов). Убедитесь, что флажок Only Web Colors (Только цвета Web) в нем установлен. Выберите оттенок, ближайший к текущему цвету и закройте окно нажатием кнопки ОК (Да). Цвет будет отредактирован. Если вы находите его тоже неудачным, снова откройте окно Color Picker (Палитра цветов) и подберите другой.

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

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

PNG позволяет хранить как индексированные, так и полноцветные изображения. Используемый алгоритм сжатия не приводит к потерям информации. Многократная обработка и перезапись лишена недостатков, присущих формату JPG. Форматы PNG-8 для индексированных изображений и PNG-24 для полноцветных. Параметры PNG-8 абсолютно аналогичны GIF, в PNG-24 есть только переключение режимов Transparency (Прозрачность), Interlaced (Чересстрочная развертка)
и параметров Matting (Матовый/Обработка краев).

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите TIFF.

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

В TIFF сохраняется прозрачность и альфа‑каналы. В PhotoShop вы можете сохранить файл, содержащий слои.

В TIFF сохраняется информация о профиле ICC . Это дает возможность сохранить цвета без изменения при просмотре на разных мониторах и при выводе на печать.

TIFF широко распространен и на IBM PC, и на Apple. Это позволяет использовать его для передачи изображений с одной аппаратной платформы на другую без потери содержания. Также этот формат можно использовать для передачи данных между различными приложениями, «не понимающими» форматы друг друга, но «знающими» TIFF. При такой передаче будут сохранены многие атрибуты изображения, теряющиеся, например, при передаче данных через буфер обмена Windows.

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

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

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите PDF.

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

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

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

Вопросы:

1. Какой формат файла не поддерживает сжатие без потерь?

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

– Nearest Neighbor(По соседним пикселам)

– Bilinear (Билинейный)

– Bicubic (Бикубический)

– Bicubic Smoother (Бикубическая глаже)

– Bicubic Sharper (Бикубическая четче)

1. Какое разрешение нужно установить, чтобы сохранить изображения для интернета?

1. Что нужно сделать в окне Image Size (Размер изображения), чтобы изменение размеров изображения происходило c сохранением исходного разрешения?

– Установить галочку Scale Styles (Масштабировать стили).

– Установить галочку Constrain Proportions (Сохранить пропорции).

– Установить галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Scale Styles (Масштабировать стили).

1. Можно ли в окне Save for Web (Сохранить для Web) изменить размер изображения?

1. Какой формат файла нельзя выбрать в окне Save for Web (Сохранить для Web)?

Домашнее задание:

1. Откройте фотографию кораблик.jpg. Сохраните в формат JPG при помощи Save for Web (Сохранить для Web). Добейтесь следующих показателей: размер изображения 600*800 пикс; 39,49 к;

8сек /56,6 кбит в сек.

2. Откройте фотографию кораблик.jpg. Сохраните в формат GIF при помощи Save for Web (Сохранить для Web). У меня получилось сжать ее до 75 кб и добиться скорости загрузки 14 сек при 56 кбит/сек. Попробуйте добиться лучшего результата.

Придется изменять цвета.

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

Формат PSD . Этот формат является собственным форматом Photoshop . Аббревиатура расшифровывается как Photo Shop Document . Поражает вместительность такого документа. Она необычайно высока. Включает в себя все необходимые функции и режимы своего приложения.

Формат CPT . Такой формат изображения применяется в программе Corel PHOTO-PAINT . Наряду с собственным форматом изображений PSD, этот формат поддерживает слои, контуры, режимы цветовой коррекции и так далее. Формат CPT широко применяется для работы в программе Corel DRAW.

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

Формат JPEG . Аббревиатура этого формата изображений расшифровывается как Joint Photographic Experts Group . Создан этот формат для сохранения растровых изображений, с применением сжатия по алгоритму с потерей информации. Имеется поддержка работы с полноцветными изображениями.

Формат JPEG 2000 . Допускающий высокие степени сжатия новый формат варианта JPEG. Уровень сжатия достаточно высок, при этом не наблюдается ощутимой потери качества изображения. Однако этот формат не приобрел широкой популярности.

Формат GIF. Аббревиатура расшифровывается как Graphics Interchange Format . Создавался этот формат специально для сети Интернет. Даже до сего момента этот формат пользуется большой популярностью. Не теряя в качестве, формат GIF , обеспечивает более сильную степень сжатия, чем формат JPEG . Благодаря этому именно в формате GIF сохраняется наибольшее число анимаций.

Формат PNG . Расшифровывается как Portable Network Graphics . Один из ближайших конкурентов формата GIF. Главным преимуществом этого формата является способность максимально сильно сжимать документ, без потери информации.

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

Формат EPS . Расшифровывается аббревиатура этого формата как Encapsulated PostScript. Этот формат предназначен для полиграфии. По сути, это описание самого изображения на языке PostScript . Есть поддержка большинства цветовых моделей.

Формат TIFF . Расшифровка этой аббревиатуры – Tagged Image File Format . Предназначен для хранения сканированных изображений, имеющих цветовые каналы. Изображения любой глубины цвета могут быть сохранены при помощи этого формата. Основное предназначение данного формата – это типографическая печать.

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

Одним из новых преимуществ работы с PSD файлами является то, что теперь они могут быть импортированы непосредственно в Adobe InDesign, давая Вам полный доступ к отдельным слоям в файле при разработке макетов страниц. Вы даже можете снова открыть PSD-файл в Photoshop`е непосредственно из InDesign, внести изменения в файл, сохранить его, после чего изменения немедленно обновятся в макете!

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

В итоге, PSD-файл является наиболее важным файлом при работе в Photoshop.

JPEG

Формат JPEG (Joint Photographic Expert Group) используется уже почти 20 лет и является самым популярным и широко используемым форматом файлов для просмотра и использования цифровыми фотографиями. Он поддерживает 24-битный цвет, что означает, что он может воспроизводить примерно 16,7 млн. цветов, и даже самые дешевые цифровые камеры могут сохранять изображения в виде файлов JPEG. Самые навороченные цифровые зеркальные камеры дают вам возможность захвата изображения либо в JPEG, либо в RAW формате.

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

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

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

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

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

GIF

Формат GIF (Graphics Interchange Format) даже старше JPEG. Этот формат создавался для веб-графики. Заметьте, для веб-графики , а не веб-фотографии .

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

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

Кроме того, GIF позволяет веб-дизайнерам создавать простые анимации.

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

PNG

PNG (Portable Network Graphics) был первоначально создан для замены формата GIF (аббревиатуру PNG также в шутку расшифровывается как "PNG not GIF»). Но PNG так и не смог вытеснить GIF, и GIF-файлы все еще широко применяются на данный момент, но, тем не менее, формат PNG имеет преимущество перед GIF практически в каждом направлении.

Кроме того, PNG имеет некоторые преимущества даже перед JPEG. В то время как файлы JPEG поддерживают 24-битный цвет (до 16,7 миллионов цветов), то PNG-файлы имеют поддержку 48-битного цвета, что дает нам более 1 млрд возможных цветов! Это может показаться впечатляющим, но даже JPEG-файлы поддерживают больше цветов, чем может увидеть человеческий глаз, так что любые реальные различия между 24 и 48-битный цветами в лучшем случае минимальны.

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

Недостаток PNG в том, что он не поддерживает CMYK-цветовое пространство, что означает, что коммерческие принтеры не могут его использовать.

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

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

И ещё один недостаток. PNG, в отличии от GIF, не поддерживает анимацию.

TIFF

Как и PSD файлы, TIFF (Tagged Image File Format) является одним из немногих типов файлов, который поддерживает все функции Photoshop и является еще одним вариантом для архивации изображений со сжатием без потерь, что позволяет сохранять фотографии с максимально возможным качеством изображения.
Качество имеет свою цену, файлы TIFF могут быть очень большими, особенно по сравнению с файлами JPEG. TIFF является общепризнанным стандартом для изображений, предназначенных для коммерческой печати и совместим практически со всем программным обеспечением, специализирующемся на компьютерной вёрстке, таким, как QuarkXPress и InDesign.

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

EPS

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

PDF

PDF (Portable Document Format) в основном, используется для просмотра, обмена и печати электронных документов, но сейчас PDF набирает популярность как хороший способ для сохранения изображений, предназначенных для печати. Как PSD и TIFF форматах, PDF поддерживает и сохраняет все функции Photoshop, в том числе возможность использования дополнительных цветов. PDF дает нам несколько вариантов сохранения изображений: либо сжатие JPEG с настраиваемым качеством, чтобы сбалансировать качество изображения и размер файла, либо сжатие без потерь, либо ZIP-архивация.

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

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

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

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

Описание графических форматов файлов

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

PSD (Photoshop Document)

Это формат создается и открывается ТОЛЬКО в программе фотошоп (конечно, есть исключения, но они исключительно для демонстрации содержимого). Соответственно все широкие возможности данного формата доступны только в этой программе.

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

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

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

RAW (англ. raw - сырой, необработанный)

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

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

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

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

Запомните: профессиональная обработка начинается с редактирования именно этого формата.

Принципиальных недостатков нет. Но здесь можно указать о весе одного такого файла (как минимум 20 МБ), а также о возможных проблемах с открытием. Например, мою камеру Canon 650D не может открыть фотошоп CS5.

JPG (JPEG, Joint Photographic Experts Group)

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

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

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

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

GIF (Graphics Interchange Format)

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

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

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

Из достоинств еще можно отметить возможность поддержки прозрачности . Правда есть исключение – нельзя сделать какой-либо пиксел полупрозрачным, т.е., например, на 35% прозрачным. Пиксел должен быть либо прозрачным, либо нет, третьего не дано.

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

PNG (Portable Network Graphics)

Довольно новый графический формат. Создавался с целью постепенной замены GIF. В настоящее время является незаменимым для веб-графики.

Как и GIF, PNG задумывался, прежде всего, для использования на Web-страницах. Имеет ряд преимуществ по сравнению с GIF: поддерживает несколько цветовых палитр, может использоваться для полноцветной графики, расширены возможности использования прозрачности (прозрачность может быть частичная, например, на 20%, что безусловно дает огромный простор работы с изображениеями), сжатие без потери качества происходит не только по строчкам, то есть горизонтально, но и вертикально.

Недостаток PNG — не позволяет создавать анимацию.

На примере обратите внимание на миниатюру пера — оно на прозрачном фоне.

BMP (Bitmap Picture)

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

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

EPS (Encapsulated PostScript)

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

Чаще всего используется в векторных редакторах (например, Adobe Illustrator). Можно открыть в программе фотошоп.

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

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

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

TIF (TIFF, Tagged Image File Format)

Широко используется для хранения графических данных.

В этом формате часто сохраняют сканированные изображения. Большую популярность приобрел он и в полиграфии. Еще одно назначение этого формата — это использование его при переносе графических данных между разными платформами (например, с IBM-совместимых компьютеров на Macintosh). Сжатие происходит без потерь по алгоритму LZW. Но из-за этого файлы в таком формате имеют значительный объем.

Описание системных форматов (расширений) фотошопа

Что подразумевается под системными форматами? Это файлы, на которых строится вся программа. Конечно, мы не будем рассматривать их все, а только расширения дополнительных модулей, таких как кисти, стили, шрифты и тому подобное. Все эти модули хранятся в системной папке фотошопа: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets. Из всего этого списка речь пойдет о самых полезных.

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

И вообще, полезно знать как что выглядит и из чего состоит.

ABR (Кисти)

GRD (Градиенты)

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

PAT (Текстуры)

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

JSX (Скрипты)

Программа обладает большим количеством возможностей для автоматизации одних и тех же действий. Очередным способом является программирование собственной команды на языках JavaScript или Visual Basic . Рекомендую о том, как можно самым простым способом самостоятельно записать свой собственный скрипт.

TTF (Шрифты)

Шрифты находятся в системной папке вашей операционный системы: C:\Windows\Fonts. В интернете можно найти великое множество шрифтов. К сожалению, многие из них не поддерживают кириллицу, но найти на русском языке все равно не составит труда. В я вас научу как их устанавливать в фотошоп.

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

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

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