Мануал:Создаём анимацию в Image Ready

Материал из Art wiki

Как обычно, небольшое вступление. Речь пойдет о GIF-анимации, а в частности о её создании в программе Adobe Image Ready. Статья эта написана, что называется, «на злобу дня» для тех, кто заболел рисованием небольших(и не только!) анимаций. Собственно, сей креатив имеет цель показать, что тем, у кого установлен Adobe Photoshop (а Image Ready идет вместе с ним), вовсе не нужны никакие гиф аниматоры, и прочая, и прочая… Так… От слов — к делу. ;)

Вот вы довольные решили нарисовать анимированный гиф, и у вас даже установлен Photoshop и, следовательно, Image Ready (ситуация весьма правдоподобная для цифрового художника, не правда ли? ;)
Сказать по чести, есть инструменты, которые я позакрывал, чтоб не мешали. Большего, по сути, и не нужно. Оговорюсь также, что я использовал Image Ready 8.0, она же CS (английкая версия). Но, по собственному опыту скажу, что они не сильно различаются. Так что проблем в нахождении той или иной кнопки возникнуть не должно.
Особенно уделите внимание галочке напротив пункта Animation (Анимация). В ней будет происходить сам процесс анимации, что видно из названия. ;) Назначение других инструментов должно быть вам понятно, если вы знакомы с Photoshop-ом. Если нет, то отсылаю вас к соответствующей литературе. :D С интерфейсом вопросов быть не должно, приступлю к описанию самого создания анимации. Как обычно, выбираете File → New (Файл → Создать), ставите нужные вам параметры (все из Фотошопа, надеюсь, объяснять не надо?) и видите похожую картину: [рисунок, skidep] Я не зря обвел эти закладки сверху! На первой из них — оригинальная картинка (та, с коей вы работаете). Вторая — оптимизированная (Та, которая будет сохраняться в гиф-файл. О самой оптимизации расскажу позже). Третья и четвёртая — на них вы можете сравнить оптимизированный вариант с оригинальным и проверить, не чересчур ли оная оптимизация его корёжит.
Стоп, скажете вы! Все равно ведь непонятно, как делать анимацию! А вот и весь секрет работы Image Ready: каждый кадр анимации вы рисуете в отдельном слое. (Cлои… слои… про них-то помните?) Создали несколько кадров-слоёв? Теперь посмотрите глючный пример: количество слоев, как вы наверное догадались, должно быть равно количеству кадров. У меня 6 кадров и фон (Background), но последний виден всегда и потому в анимации у меня не участвует. Когда все готово и все кадры нарисованы, переходим к панели Анимации. Видите, на ней появился один кадр? Теперь щёлкайте по маленькой иконке внизу этой панели, изображающей листочек бумаги. Это добавит ещё кадр. Сделайте себе кадров столько же, сколько и слоев. Теперь, когда кол-во кадров в панели анимации равно количеству активных слоев, выберите первый кадр и снимите значки видимости (глаза 0_0) со всех слоев, кроме оного, изображающего первый кадр вашей анимации. Готово? Теперь точно так же выбираете второй кадр и снимаете значки со всех слоев, кроме вашего второго. Et caetera.. Когда закончите, должны увидеть что-то подобное: можете нажать кнопку, известную как Play на всех плейерах, если не нажали до этого ;) Видите, анимация? Однако бывает, что параметры анимации, выставленные по умолчанию, не подходят. Заметили подпись «0 sec.» под каждым кадром? Это то время, которое показывается кадр. По умолчанию они идут с очень большой скоростью, близкой к framerate-у обычного кино (25кадр/с). Естественно, не всегда нужна такая скорость перемотки, иногда напротив, требуется приостановить отдельный кадр. Делается это просто — выделяете нужный кадр, кликаете по стрелочке рядом с подписью, и из списка выбираете нужное время задержки. Если вы ошиблись и вам вовсе не нужна была задержка там, то выберите «No delay»(без задержки).
Переходим к заключительной части — оптимизации и сохранению вашего творчества. Кликните по вкладке «Optimized», о которой было сказано выше. Возможно, вы не увидите никакой разницы по сравнению с оригинальным изображением (тогда вам повезло!), в большинстве же случаев придётся искать компромисс между «весом» анимации и её качеством. Заметьте, размер получившегося файла показывается внизу: У меня вышло 17,83 Кб. На деле, может быть на порядок выше (в зависимости от качества и размеров). Где можно сие качество менять — скромная до этого панель оптимизации преобразилась: [рисунок skiped]
Где что делает:

• Format (Формат) — обязательно ставите GIF.
• Reduction (Уменьшение цветов) — Лучше всего выглядит Adaptive (Адаптивное).
• Colors (Цвета) — Здесь нужно найти такое количество цветов, при котором и картинка не очень страдает, и размер анимации не килотонный.
• Dither (Рассеивание) — параметры, управляющие рассеиванием пикселей (я редко когда использую).
• Transparency (Прозрачность): нужно, если в вашей анимации есть прозрачность.

Предположим, все подогнали. Остается лишь одно — выбрать File → Save Optimized As (Файл → Сохранить Оптимизированный Как) и наслаждаться (или плеваться) своим творением! :)