Описание форматов (расширений) файлов, используемых в фотошопе. Форматы файлов Adobe Photoshop CS5

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

Хозяевам пленочных аппаратов - глубокий поклон за преданность пленке и тайнам фотохимических реакций! Лучшие файлы, которые мы получали для печати и до сих пор, непревзойденные по качеству, были сделаны со слайдов 9х12 см. Пленочные технологии до сих пор позволяют получить самые лучшие электронные изображения. Правда слайды нужно грамотно сканировать... Мы это делаем на мощных барабанных сканерах, которые выдают 24000 dpi оптического разрешения! Поистине при классном качестве слайда возможности по увеличению такого файла огромны!. Например "Музыку" и "Танец" Матисса можно напечатать в натуральный размер... Но это уже другая песня...

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

Фотошоп

Открываем файл в Фотошопе: FILE - OPEN

Для начала поправьте фотошопом уровни, цвет, резкость и контрастность Вашей фотографии при помощи меню IMAGE - ADJUSMENTS .

Далее все просто: оптимальное разрешение электронного файла (это не разрешение печати! ) 200-300 точекна дюйм(!) . По нашему опыту 200 вполне достаточно для печати фотографии. Входим на вкладку IMAGE , щелкаем по IMAGE SIZE , появляется вот такое окошко:

Снимаем галочку "Resample image" и подставляем значение 200 pixels/inch . В окошках "ширина" и "Высота" появятся метрические размеры. В примере 69 см на 45 см. Это и есть размеры которые выдает Ваш файл для хорошей, качественной печати на плоттере (цифровой фотомашине). Маловато будет? Надо больше?

Устанавливаем размер, который нужен. Допустим нужна ширина 100 см, ставим в окошке "ширина" 100 см. Так как у нас стоит галочка на строке "Constrain Proportions " (соблюдение пропорций), то программа автоматически установит высоту фотографии и, соответственно, уменьшит разрешение (Re solution) файла:

В нашем примере разрешение стало 138... точек. Увеличение разрешения файла рекомендую производить при помощи алгоритма интерполяции Bicubic (бикубический), в несколько этапов, прибавляя примерно по 20 точек. Для нашего примера 160, 180, 200. Исследователи процесса интерполяции говорят, что при поэтапном увеличении результат будет лучше, да и компьютер это перенесет легче, без зависаний.

Примечание

Фотошоп предлагает, как правило следующие алгоритмы интерполяции:

Nearest Neighbor (по ближайшим точкам).

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

Bilinear (билинейный).

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

Bicubic (бикубический).

Наиболее популярный алгоритм интерполирования, дает сглаженные границы и плавный тоновый диапазон цветов. Алгоритм Bicubic Resize применяется для произвольного изменения размера растровой картинки. Этот алгоритм является двухпроходным. Двухпроходный Bicubic Resize - это замечательный по качеству алгоритм. Но у него есть недостаток: он довольно медленный.

Bicubic Smoother (бикубический с размытием)

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

Bicubic Sharper (бикубический с резкостью)

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

После интерполяции обязательно нужно оценить качество полученного файла, увеличивая его до реального размера (для этого нужно включить линейки View - Rules или Contrl+R и увеличивать фото пока линейки не станут в натуральную величину, что можно измерить простой линейкой). Изображение, которые Вы увидите обязательно будет иметь недостатки - расплывчатые границы цветопереходов, несколько увеличенные линии и т.д. И будьте уверены, что плоттер со своим разрешением печати в 1200 - 2400 точек, аккуратно все это напечатает. Отойдите от экрана примерно на 1 метр. Оцените теперь фотографию на экране. Ваша задача состоит в принятии решения - удовлетворяет Вас данная обработка или нет. Если нет, то надо или увеличивать размер исходной фотографии или уменьшать размер печати.

Примечание

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

Сразу скажу одну очень важную вещь! Все сохранения и пересохранения файла изображения в процессе работы в Фотошопе обязательно делайте в форматах TIFF или PSD (см. примечание), но ни в коем случае не в JPEG! Наш любимый JPEG будет сжимать Ваше изображение при каждом пересохранении, каждый раз ухудшая его качество.

Примечание

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

Сохраните у себя на компьютере файл в формате TIFF.

Дальше его можно записать на флешку, CD или DVD диски. Если очень нужно передать файл по интернету, то можно воспользоваться каким-либо сервером (типа webfie.ru или почтой mail.ru - удобный и быстрый сервер сделали ребята, рекомендую).

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

(Копирование материалов данного сайта допускается

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

Вы узнаете:

• Что такое разрешение изображения и какие бывают форматы файла.
• Как изменить размер и разрешение в окне 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 кбит/сек. Попробуйте добиться лучшего результата.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. GIMP

• Операционная система: Windows, Mac и Linux.
• Русский язык: поддерживается.

Это один из самых интересных бесплатных аналогов Photoshop. GIMP читает файлы PSD без установки дополнительных плагинов, поэтому открыть файл можно так же, как и обычные изображения: File → Open.

GIMP открывает слои PSD-документа для редактирования. Но тут есть свои подводные камни: программа читает далеко не все слои, некоторые требуется растрировать. А ещё GIMP может некорректно сохранить изменения в PSD. После этого файл может не открыться в Photoshop. Последнее не должно вас беспокоить, если вы открыли файл для незначительных правок и сохранения картинки в JPEG.

• Операционная система: начиная с Windows 7.
• Русский язык: поддерживается.

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

Программа читает PSD, но только после установки соответствующего плагина. Для этого:

• Загрузите плагин .
• Извлеките файлы из загруженного архива.
• Скопируйте файл PhotoShop.dll.
• Перейдите в установочную папку Paint.NET (например, C:\Program Files\paint.net ).
• Вставьте файл PhotoShop.dll в папку FileTypes.
• Запустите Paint.NET.

• Операционная система: любая, так как приложение открывается в браузере.
• Русский язык: поддерживается.

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

• Операционная система: Windows (для Linux и macOS есть версия ).
• Русский язык: поддерживается только в Standart и Extended-версиях.

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

Программа непопулярна, а зря: она способна открыть изображения в более чем 500 форматах и пересохранить их в ещё 70. Так что установите её в качестве примитивного редактора для PSD или конвертера.

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

• Операционная система: Windows.
• Русский язык: поддерживается.

Программа IrfanView, как и XnView, предназначена для просмотра и конвертирования графических файлов. Но IrfanView поддерживает меньше форматов. Программа открывает PSD как картинку. Редактировать слои нельзя, но обычное изображение можно. Чтобы получить больше возможностей для обработки, PSD-файл сначала нужно конвертировать в другой формат.

IrfanView быстро работает и мало весит (установочные файлы занимают чуть больше 3 МБ).

Если ни один из вариантов вам не подходит, можете конвертировать PSD в JPG, используя Go2Convert или любой другой конвертер. Вы также можете открыть PSD как картинку в Google Drive.