Инструмент для WEB-креатива

Спецвыпуск Xakep, номер #021, стр. 021-084-6

ОПТИМИЗИРУЕМ JPG

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

ОПТИМИЗИРУЕМ GIF

Статичную ГИФку оптимизировать одно удовольствие. Прелесть в том, что ты можешь удалить все лишние цвета, которые не используются или используются мало. За счет этого можно пожать ГИФок хоть в 10 раз без потери качества, все зависит от того, что на нем нарисовано. Бывает, оставишь 8 цветов, и картинка погрустнела, но не беда! Можно легко развеселить оставшиеся цвета с помощью фотошоповской функции Variations, там тебе на выбор предлагаются картинки с измененными цветами и яркостью.

С ГИФ мультиками дела обстоят сложнее. Ведь каждый уникальный кадр серьезно добавляет весу твоему креативу. Поэтому нужно продумать все так, чтобы кадров было как можно меньше. Очень хорошо, если используются простые операции - типа движения или исчезновения. Они жрут немного ресурсов. Нужно все продумать так, чтобы фон мультика не менялся. А если ты хочешь сделать в мультфильме задержки, то не надо добавлять новых кадров. Время каждого кадра ты можешь задать в окошке Animation.

ПОЛУЧАЕМ ГОТОВУЮ СТРАНИЧКУ

Проект твоей странички со всеми настройками хранится в стандартном фотошоповском файле PSD со всеми слоями. Когда ты сохраняешь его, то все твои наработки засейвятся в одном огроменном файле. Если ты решил перевести макет в готовую страничку для Интернета, то нужно сохранять ее в формате HTML. При этом ImageReady разрежет твой макет на маленькие картинки, оптимизирует их, даст им уникальные номера и сложит в отдельную директорию. В HTML-файле софтина создаст таблички и скрипты, свяжет ссылки с нужными картинками из этой директории. В результате, когда ты загрузишь ХТМЛ-ьку в бродилке, то увидишь макет своей странички в рабочем виде. Если тебя что-то не устроит или если ты крутой HTML и JavaScript кодер, то ты всегда можешь загрузить эту ХТМЛ-ку в редактор либо поправить нужные вещи руками.

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