Пакетная обработка сохранить для web. Как удалить SafeWeb (рекламное ПО). Защитить компьютер и браузеры от заражения

Save for Web Save for Web JPG, GIF, PNG . Удобство пользования этим модулем заключается в возможности одновременного просмотра нескольких вариантов (от 1 до 3) итогового изображения.

Для Web-дизайна в Photoshop предусмотрены специальные возможности, реализованные в виде модуля сохранения Save for Web . Это очень мощный модуль управления процессом сохранения документов, который позволяет подобрать оптимальные настройки сохраняемого изображения (оптимизировать изображение). Модуль Save for Web поддерживает самые распространённые форматы для Internet - JPG, GIF, PNG . Удобство пользования этим модулем заключается в возможности одновременного просмотра нескольких вариантов (от 1 до 3) итогового изображения. Для более подробного рассмотрения этого модуля предлагаю им воспользоваться. Для этого необходимо иметь открытым какой-либо документ. Запустить эту программу можно командой Save for Web из меню File . У Вас на экране возникнет окно следующего вида:

Общий принцип работы с этим модулем следующий. Вам на выбор Photoshop предлагает несколько вариантов оптимизации (различные соотношения настроек формата) которые демонстрируются в специальных окнах. Под изображением находятся комментарии следующего толка - размер файла после оптимизации, время загрузки при заданной скорости модема и особенности формата (вроде фактора сжатия JPG или количества цветов для GIF). Если Вам понравился один из вариантов оптимизации, то Вы можете его выбрать, щёлкнув на нём левой кнопкой мышки. Далее нажимайте Ok и Ваш оптимизированный файл сохранён. Но если Вас не устроили предложенные варианты, тогда обратите Ваш взор в правую часть окна потому, что именно там сосредоточены Все основные настройки оптимизации. Но прежде чем их рассмотреть, изучим предварительную настройку модуля.

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

• Browser Dither - сглаживание (интерполяция) броузера, даст вам возможность оценить Вашу картинку в Safe-палитре броузера.
• Uncompensated Color - показ без всяческих ограничений.
• Standard Windows Color - стандартные цвета Windows (256 цветов)
• Standard Macintosh Color - стандартные цвета Mac (Макинтош).
• Use Document Color Profile - показ с учётом цветового профиля оборудования.

Закладки вверху окна позволяют вам переключаться между разными режимами просмотра. Существуют следующие режимы:

• Original - в единственном окне демонстрируется оригинал вашей картинки.
• Optimized - в единственном окне демонстрируется "лучший", по мнению Photoshop, результат оптимизации. Замечу, что иногда он очень удачен.
• 2-Up - у Вас появляются два окна: в одном будет оригинал вашего рисунка, в другом результат оптимизации.
• 4-Up - на Ваш выбор представлены три варианта оптимизации и вид оригинала.

Но выбор какого-либо варианта из предложенных трёх - это, в любом случае, удел дилетантов. На этом этапе мы рассмотрим варианты оптимизации "вручную", т.е. будем настраивать сами все параметры оптимизации. Прежде всего вы должны осознавать зависимость размеров конечного файла (занимаемого места на HD) от размеров вашей картинки (сколько на сколько пикселов). Чем больше картинка, тем весомей (больше места занимает на HD) итоговый файл. Для управления размером картинки в управлении оптимизацией выделена целая закладка под названием Image Size .

Изменённые размеры применяются кнопкой Apply ко всем оптимизированным картинкам и не распространяется на оригинал. Что касается параметра Quality , то он был рассмотрен в предыдущей главе этого урока. Попробуйте открыть любую картинку и поиграться с её размерами. В качестве совета скажу следующее: большой размер картинки (в пикселах) не подчиняется зависимости "чем больше, тем лучше". Тут надо искать компромисс в виде золотой середины. Прежде всего необходимо определится с тем, куда вы эту картинку хотите поместить. Учтите, что не у всех в этом мире хорошие мониторы, которые держат разрешение 1280Х960. Большинство людей имеют мониторы размером 15 дюймов, разрешение которых 800Х600 пикселей. Учитывая всё вышеизложенное, можно догадаться, что размеры вашей картинки не должны превышать 800 на 600 пикселей, за исключением особых случаев. Если вы готовите картинки для оформления своего сайта, то вы должны учесть, что окно, предоставляемое броузером, невелико, наша связь хилая, Internet еле ползает, и только самый терпеливый пользователь дождётся, пока ваша картинка загрузится полностью, и всё это для того, чтобы полюбоваться на Ваше произведение, не влазящее ему на экран. Такая ситуация убъёт у кого-либо желание заходить на Ваш сайт повторно.

Откройте файл Flower.psd (файл расположен в папке \\Program Files\\Adobe\\Photoshop\\Samples). Продолжим оптимизацию, исходя из конкретного формата файла изображения:

Правильность сделанных установок легко проверить, загрузив готовое изображение в броузер. Для этого вам даже не придется покидать окно модуля экспорта. Нажмите кнопку Preview in (Просмотр в) \"Ваш броузер\", и модуль откроет броузер с загруженным в него изображением. Ниже изображения вы увидите HTML-код, который сгенерирован модулем экспорта для демонстрации этой страницы. Цвет фона страницы можно предварительно задать с помощью списка Matte (Кайма). Настройки каймы нехитрые. Если Вы выбрали параметр None (нет), то каймы не будет, параметры White (белый) и Black (чёрный) выдадут Вам чёрный и белый цвета соответственно. Параметр Other (иные) позволяет выбрать любой цвет. Пункт Eyedropper Color позволяет выбрать цвет пипеткой прямо из изображения. Если Выбудете занимаеться Web-дизайном, то, скорее всего, на вашем компьютере будут установлены как минимум два броузера: Internet Explorer и Netscape Communicator. Открыв список рядом с кнопкой Preview in (Просмотр в), вы можете выбрать для просмотра любой из установленных на компьютере броузеров.

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

1. Откройте меню Optimize Menu (Меню оптимизации) щелчком на кнопке с треугольной стрелкой в области Settings (Параметры).
2. Выберите команду Save Settings (Сохранить параметры). Она открывает диалоговое окно Save As (Сохранить как), позволяющее сохранить настройки в файл. Введите в поле File name (Имя файла) какое-нибудь имя, например, \"JPEG 18\", и нажмите кнопку Save (Сохранить).

Теперь в списке Settings (Параметры) появится введенное имя. При обработке следующего файла будет достаточно выбрать это имя из списка. Обратите внимание, что список уже содержит несколько наиболее типичных вариантов настроек, предопределенных разработчиками. Ненужные наборы установок, удлиняющие список Settings (Параметры), легко удалить командой Delete Settings (Удалить параметры) меню Optimize Menu (Меню оптимизации). Эта команда удаляет текущий набор установок. Нажмите кнопку ОК (Да). Она откроет стандартное диалоговое окно сохранения файла. По умолчанию предлагается исходное имя документа Photoshop. Выберите вашу рабочую папку и нажмите кнопку Save (Сохранить). Окно модуля экспорта закроется, а в выбранной папке появится оптимизированный JPEG-файл, готовый для размещения на Web-странице.

Как мы уже отмечали, для размещения на Web-странице изображений с прозрачными участками используется формат GIF , поддерживающий только индексированные цвета. Модуль экспорта Save for Web (Сохранить для Web) позволяет сохранять изображения и в этом популярном формате.

1. Откройте документ Ducky.psd.
2. Преобразуйте слой Background (Фон) изображения в обычный слой.
3. Выделите белый фон и удалите его.
4. Выберите команду Save for Web (Сохранить для Web) из меню File (Файл).
5. В списке Optimized file format (Формат оптимизированного файла) выберите формат GIF .
6. Наиболее существенный параметр индексированного изображения - это количество цветов в его палитре. Оно задается в поле Colors (Цвета) и должно создавать компромисс между качеством и компактностью. Изображение утёнка содержит совсем немного цветов, и 32-цветная палитра будет для него вполне достаточна.
7. Список Color reduction algorithm (Алгоритм сокращения цветов) содержит перечень алгоритмов генерации индексированной палитры изображения. Все они уже обсуждались в занятии №7. Заметим лишь, что по умолчанию предлагается вариант Selective (Селективная), дающий наилучшие результаты для изображений, содержащих значительное пространство, заполненное близкими цветами. Изображение утёнка как раз и попадает в эту категорию. В нем преобладают оттенки жёлтого цвета.
8. Отсутствующие в палитре изображения цвета лимитируются сочетанием нескольких соседних пиксей близких цветов. Алгоритм имитации выбирается в списке Dithering algorithm (Алгоритм сглаживания). В большинстве случаев используются варианты Noise (Шум) и Diffusion (Диффузия), не дающие такого регулярного узора, как Pattern (Узор). Вариант Diffusion (Диффузия) лучше использовать для фотографических изображений, a Noise (Шум) - для фоновых текстур и градиентов. Выберите в списке алгоритм Diffusion (Диффузия).
9. Степень сглаживания задается ползунком Dither (Сглаживание), расположенным правее. Установите ее такой, чтобы передача оттенков была удовлетворительной.Помните, что чем выше сглаживание, тем больше размер результирующего файла.
10. Модуль Save for Web (Сохранить для Web) предлагает уникальный алгоритм предварительной обработки изображения, повышающий эффективность сжатия. Он управляется ползунком Lossy (Потери качества). Большие значения этого параметра существенно снижают качество изображения. Если же установить его в пределах от 5 до 15%, то снижение качества будет практически незаметным, а размер файла может сократиться на 5-40%. Установите ползунок Lossy (Потери качества) на отметку 30%.
11. Флажок Transparency (Прозрачность) обеспечивает преобразование прозрачных участков слоя Photoshop в прозрачность GIF-файла. Установите его, иначе прозрачные участки окажутся заполненными сплошной заливкой.
12. Список Matte (Кайма) обеспечивает незаметный переход кромки изображения к фоновому цвету страницы. Пикселы кромки выделенного объекта, как правило, полупрозрачные, а это не поддерживается форматом GIF. В результате при экспорте изображения в формат GIF вокруг объектов на прозрачном фоне возникает характерный шум. Чтобы избежать его появления, установите в списке Matting (Обработка краев) цвет фона Web-страницы. Полупрозрачныепиксели будут окрашены программой в этот цвет. При сброшенном флажке Transparency (Прозрачность) цвет, заданный в списке Matting (Обработка краев), считается фоновым и заполняет все прозрачные участки изображения.

Редактирование палитры изображения.

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

1. В полуавтоматическом режиме приведение цветов к палитре Web осуществляется ползунком Web Snap (Приведение к палитре Web). Он задает процент приведенных цветов палитры изображения. Попробуйте перемещать этот ползунок и наблюдайте за изменениями цветов изображения. Текущая палитра изображения показана на вкладке Color Table (Таблица цветов), расположенной в правом нижнем углу окна Save for Web (Сохранить для Web). При изменении значения параметра Web Snap (Приведение к палитре Web) происходящие изменения также отображаются в палитре изображения. Вы наблюдаете изменение некоторых цветов палитры и появление на их образцах белых кружков. Последние помечают цвета, приведенные к палитре Web. Вкладка Color Table (Таблица цветов) полезна не только для наблюдения. Она позволяет управлять отдельными цветами изображения. Это гораздо более хлопотный, но гибкий способ управления.
2. Верните ползунок Web Snap (Приведение к палитре Web) в нулевое положение, чтобы получить возможность ручного редактирования цветов.
3. Если вы хотите избежать существенных цветовых сдвигов в любых броузерах, но не хотите приводить все цвета к палитре Web, то имеет смысл сделать это выборочно. Особенно важно сохранить цвета, превалирующие в изображении. Чтобы определить, какие это цвета, задайте режим сортировки Sort by Popularity (Сортировка по частоте) одноименной командой из меню панели. Наиболее часто встречающиеся цвета расположатся слева.
4. Щелкните мышью на пятом слева образце в палитре. Образец получит белую рамку, показывающую, что он выделен. В строке состояния, расположенной в нижней части окна, отметьте значение компонентов выбранного цвета. Очевидно, он близок к белому, который, конечно, входит в палитру Web.
5. Чтобы избежать цветового сдвига, приведем цвет к белому. Photoshop может сам выбрать наиболее близкий к выделенному цвет из палитры Web. Для этого надо щелкнуть на пиктограмме с изображением кубика в нижней части панели или выбрать команду Shift/Unshift Selected Colors to/from Web Palette (Сместить/Отменить сдвиг выделенных цветов к палитре Web) из ее меню. Образец окрасится в белый цвет, и на нем появится белый кружок, говорящий о том, что цвет входит в палитру Web. Белый квадратик в левом нижнем углу образца указывает, что цвет блокирован. Блокированные цвета сохраняются в неприкосновенности при сокращении цветов в палитре изображения и при просмотре в броузере. Чтобы снять блокировку, щелкните на пиктограмме с изображением замка в нижней части панели.
6. Приведение цветов к палитре Web можно проделать и полностью вручную с помощью окна Color Picker (Палитра цветов). Выделите все цвета в палитре командой Select All Colors (Выделить все цвета) из меню панели и щелкните на пиктограмме приведения цветов. Все цвета изображения будут приведены к палитре Web.
7. Приведение всего изображения к палитре Web сделало плавный переход на изображении монитора чересчур резким. Исправим этот дефект вручную. Сделайте на самом темном из оранжевых образцов в палитре двойной щелчок мышью. Перед вами появится знакомое окно Color Picker (Палитра цветов). Убедитесь, что флажок Only Web Colors (Только цвета Web) в нем установлен. Выберите ближайший к текущему цвету более светлый оттенок и закройте окно нажатием кнопки ОК (Да). Цвет будет отредактирован. Если вы находите его тоже неудачным, снова откройте окно Color Picker (Палитра цветов) и подберите другой.
8. Отредактируйте все оттенки оранжевого цвета в палитре цветов таким образом, чтобы их цвета стали ближе друг к другу. Это уберет резкий переход цветов на изображении.

Многочисленные команды меню панели Color Table (Таблица цветов) позволяют вам быстро выделять в ней приведенные (Select All Web Safe Colors (Выбрать все цвета Web Safe)), неприведенные ( Select All Non-Web Safe Colors (Выбрать все не-Web Safe цвета)) и вообще все цвета (Select All Colors (Выбрать все цвета)). Команды блокировки Lock/Unlock Selected Colors (Заблокировать/Разблокировать выделенные цвета) и Unlock All Colors (Разблокировать все цвета) снимают блокировку с выделенных или всех цветов палитры соответственно. Аналогично команды Web Shift/Unshift Selected Colors (Сместить/Отменить сдвиг выделенных цветов к палитре Web) и Unshift All Colors (Отменить сдвиг всех цветов) возвращают, соответственно, выделенные или все приведенные цвета к оригинальным значениям. Режимы сортировки цветов в палитре не исчерпываются критерием распространенности ( Sort by Popularity (Сортировать по распространенности)). Их можно оставить без сортировки (Unsorted (He сортировать)), а также отсортировать по цвету ( Sort by Hue (Сортировать по цветовому тону)) или яркости (Sort by Luminosity (Сортировать по яркости)).

Оптимизация формата PNG.

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

Ещё раз обращаю ваше внимание на важность этой информации. Не зная возможностей форматов файлов и возможностей Photoshop по работе с ними, Вы не сможите професионально работать.

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

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

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

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

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

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

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

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

Допустим, у нас есть папка, в которой содержится n-ное кол-во фотографий, каждую из которых мы хотим подвергнуть однотипной обработке с помощью выбранного экшена. Моя папка с фотографиями называется «Исходники», в ней содержится 30 фотографий (первоначально их было 6, я их просто размножила для наглядности).

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

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

Приступаем к работе

1 Этап — Создаем экшен

Запускаем программу, открываем палитру «Операции» (Actions) — Alt+F9.

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

Даем осмысленное название экшену. Нажимаем «Записать».

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

Открываем одну из фотографий из папки «Исходники» — Ctrl+O.

Уменьшаем размер изображения. Первоначально размер фотографии был 7776*7456 , для веб-графики, например, это очень много.

Заходим в меню: Изображение – Размер изображения (Image – Image size), либо нажимаем Alt+Ctrl+I.

Допустим, я хочу, чтобы ширина всех картинок не превышала 500px. Выставляем значение ширины изображения 500px.

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

Теперь переведем изображение в черно-белый вид и зададим легкий оттенок цвета.

Переключаемся на палитру слоев «Layers» — F7.

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

В контекстном меню выбираем «Черно-белое».

Зажимаем Ctrl и выделяем оба слоя в палитре «Layers».

Щелкаем правой кнопкой по выделенным слоям – выбираем «Преобразовать в смарт-объект»(Convert to smart-object).

Еще раз щелкаем правой кнопкой – выбираем «Растрировать слой» (Rasterize layer).

Немного смягчаем контраст – заходим в меню: Изображение – Коррекция –Hue/Saturation(Image – Adjustments– Цветовой тон/Насыщенность) (Ctrl+U).

Увеличиваем яркость примерно на +25.

Теперь заходим в меню: Изображение – Коррекция –Варианты (Image – Adjustments -Variations).

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

Нажимаем, к примеру, «Больше желтого», затем «Больше синего» и «Светлее» в столбике справа – «Ок».

Все, теперь сохраняем изображение: File – Save for web & devices (Сохранить для web).

Я выбрала формат Jpeg, качество поставила 70, чтобы сжать фотографии по весу.

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

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

Наш экшен готов. Теперь осталось его применить к остальным 29 фотографиям.

2 Этап – Пакетная обработка фотографий

Можем закрыть первую фотографию.

Заходим в меню Файл – Автоматизация – Пакетная обработка (File — Automate –Batch).

Выбираем из списка экшен, который только что создали (или любой другой).

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

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

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

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

После того, как выставите все настройки, нажмите «Ок».

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

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

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

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

На этом все!

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

Надеюсь, вы узнали из этого урока что-то новое и интересное для себя!

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

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

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

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

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

Но обрабатывать каждую фотографию вручную крайне утомительно. Если надо подготовить 3-5 фотографий, это, безусловно, не займет много времени. А если речь идет о 20-30 кадрах или 300-500? В статье о съемке репортажа я писал, насколько важно предоставить заказчику вместе с фулсайзами и превью всех фотографий. И без экшенов тут никак не обойтись.

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

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

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

Написание подобного экшена невозможно без одной очень удобной функции в Photoshop - Fit Image .

Fit Image позволяет подогнать изображение под заданный размер. Обычно для изменения размера фотографии используется Image Size , но у него есть один серьезный недостаток. В Image Size нельзя просто указать значение длинной стороны изображения, можно только выставить значение высоты и ширины изображения. Из-за этого возникает проблема с вертикально и горизонтально ориентированными фотографиями.

Допустим, мы поставим ширину изображения 700 px. С горизонтальными кадрами все будет в порядке, но вертикальные кадры станут значительно больше горизонтальных. Потому что у них длинная сторона - вертикальная (то есть высота), а размер 700 px установлен для ширины изображения.

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

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

Создаем новый экшен и начинаем запись:

1. Открываем любую фотографию в Photoshop и над ней будем проводить манипуляции, которые запишутся в action.

2. Теперь конвертируем в sRGB - Edit=>Convert To Profile , на тот случай, если вы работаете с Adobe RGB или ProPhoto RGB. Дело в том, что sRGB - это стандартный цветовой профиль, который правильно понимают все интернет-браузеры. Adobe RGB и ProRGB не поддерживаются большинством распространенных браузеров. Если вы работаете только с sRGB, это действие можно не вписывать в экшн.

3. Применяем Fit Image со значением 700 px. На мой взгляд, 700 px - это оптимальный размер превью фотографии. Хотя вы можете выставить там любое другое значение, конечно.

4. Займемся увеличением резкости. Открываем Filter=>Sharpen=>Smart Sharpen . В зависимости от ваших личных предпочтений устанавливаем настройки резкости. Я, как правило, делаю такие настройки:

5. Наше превью готово, осталось только сохранить фотографию — File=>Save As .

В этом окне важно обратить внимание на строку Embed Color Profile. Поставив галочку рядом с этим пунктом, вы прикрепляете к файлу ICC профиль.

Затем откроется окно настроек — для публикации в интернете качества 9-10 будет более чем достаточно.

6. Закрываем фотографию - это действие тоже должно быть записано в экшене.

Вот и все, нажимаем Stop и наш action готов.

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

Но есть одна вещь, с помощью которой обработка фотографий для интернета становится еще проще и удобнее. Это Droplet в Photoshop.

Создаем Droplet

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

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

Сделать Droplet из экшена очень просто :

1. Заходим в File=>Automate=>Create Droplet

2. Настраиваем параметры Droplet’а

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

Все остальные настройки практически аналогичны настройкам окна Batch при работе с actions.

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

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

В данном уроке рассмотрим как пример такую задачу:

Есть много фотографий большого размера и их нужно разместить на блоге с логотипом сайт. Фотографии должны быть не более 552 px по ширине и сохранены при помощи «Save for Web» с качеством 60% и к ним нужно применить фильтр sharpen для резкости после ресайза.

Приступим к реализации пакетной обработки фотографий в Photoshop

Первое. Создадим на компьютере две папки. Первую назовем «исходники», вторую — «результаты». В папку «исходники» помещаем все наши необработанные фотографии.

Второе. Открываем в фотошопе любое изображение из папки «исходники» и записываем для него Action. Для этого на панельке Action сначала создаем новый сэт (нажимаем на пиктограмму папки):

Назовем его «Размер+лого». Сразу после создания Action начинает запись ваших действий (индикатор record горит красным).

Третье. Промзводим все необходмые изменения с изображением:

а) Ресайзим при помощи Image / Image Size . Ставим галочки Constrain Proportions и Resample Image , а в поле Width ставим значение 552 px (это ширина колонки с текстом на моем блоге).

б) Добавляем логотип. Для этого нажимаем File / Place и находим файлик с предварительно подготовленным логотипом (или водяным знаком) и нажимаем кнопку Place. После этого логотип появится на изображении, его нужно разместить с нужном месте и нажать Enter.

в) Шарпим. Выбираем в панеле слоев слой с изображением и применяем Filter / Sharpen .

г) Сохраняем изображение в папку «результаты» при помощи команды «Save for Web»

Четвертое. Наш Action готов, потому его нужно остановить. Для этого нажимаем на соответствующую пиктограммку:

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

Пятое. Теперь нам нужно применить Action к группе изображений. Для этого заходим в File / Automate / Batch…

Заполняем нужные поля и ставим галочки как на скрине:

Нажимаем ок и смотрим как Photoshop делаем все за нас.

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