"— Ну, Киса, — заметил Остап, — придется с утра сесть за работу.
Надеюсь, что вы сможете разводить краски
А потом вот что: я художник, окончил ВХУТЕМАС, а вы мой помощник.
Если вы думаете, что это не так, то скорее бегите назад, на берег."
(И.Ильф, Е.Петров "12 стульев")
Сегодня поговорим о том как сделать вашу галерею (она же - галера, thumbnail gallery, тумбинашка) непохожей на другие. От остальных она будет отличаться благородной красотой линий, почти как "Антилопа-Гну". Различные прилуды, штампующие тумбинашки, просто отдыхают у них " и материал не тот, и отделка похуже, и кисть жидкая, туды ее в качель."
Сделать красивую и качественную галерею нелегко, но разве профессионалы ищут легкие пути?
Для начала нам потребуется Photoshop 5.5. Некоторое количество читателей на этом месте отсеялось, это вам не Ctrl+T во фронтпейдже тискать. Для оставшихся продолжу. Вообще говоря Photoshop установить полезно, в жизни пригодится. У меня версия 5.5, но и для других версий действия будут отличаться немногим. С другой стороны ситуация у нас такая, что цена всем новейшим достижениям буржуйской мысли - 2 бакса в базарный день.
Далее, для тех, кто дочитал до этого места, я предлагаю два пути: легкий и сложный. Начнем пожалуй.
1. Самый простой путь подходит только для версии 5.5. Выглядит он так:
File -> Automate -> Web Photo Gallery. Снимите галочку
"Resize Gallery Images" иначе ваши исходные изображения также будут обработаны.
2. Вот и трудный способ который я и обещал. Но он дает наилучшие результаты. Сразу сделайте копию всех картинок
Обратимся к палитре
Actions. Если она не видна на экране выберите в меню
Window->Show Actions. Нажмите внизу этого маленького окошка на четвертую слева иконку в виде папки, она называется
"Create new set". Затем в диалоговом окне введите имя создаваемого набора. Нажмите на пятую слева иконку в виде листа бумаги с загнутым краем
("Create new actions"). В поле "
Name" введите, например, "thubmnail" и нажмите кнопку "
Record". Все, с этого момента фотошоп будет записывать все ваши действия
(actions). Но вы не пугайтесь, если что, вы сможете потом изменить, удалить или добавить любые действия.
Далее
File->Open и открываем первую картинку. В палитре
Actions появилось первое действие :
Open.
Далее вы можете применить любые инструменты, которые входят в арсенал Photoshop. Но, обычно , при условии, что картинки качественные, я делаю только три вещи.
Первое:
Image->Adjust->Levels немного "подсветлите" изображение передвинув правый крайний ползунок из трех
(Input Levels) чуть влево, в зависимости от картинки на значение примерно 240-230. В палитре Actions появится еще одно действие : "
Levels".
Второе:
Image->Adjust->Brightness/Contrast поиграйтесь с настройками яркости и контрастности.
Теперь можно уменьшить изображение:
Image->Image Size пометьте галочку "
Constarain Proportions" и введите нужную ширину или высоту, второй параметр (ширина или высота) изменится пропорционально и автоматически.
Последний штрих:
Filter->Sharpen->Sharpen. В большинстве случаев этого достаточно.
Заканчиваем:
File->Save (вы ведь сделали копии всех картинок?),
File->Close. Для продвинутых советую вместо "
Save" пользоваться "
Save for Web"
(доступно только в версии 5.5), там и подберете приемлемый уровень оптимизации.
Все, необходимый набор действий создан. Почти. Придется залезть в палитру Actions и напротив вашего действия "
Image Size" щелкнуть на "
Toggle dialog on/off". То есть при дальнейшей автоматической обработке изображений фотошоп в этом месте остановится и спросит какую выставить ширину или высоту. Зачем это нужно? Фотошоп не может, по крайней мере мне неизвестно как это можно сделать, определить какой размер больше: ширина или высота и вставить соответствующее значение либо в поле
Width либо в поле
Height.