Анимация в Image Ready
В первых строках своего письма хочу предупредить, что данная объяснялка рассчитана на то, что Вы уже знакомы со слоями и умеете работать с текстом в Фотошопе.
Ну что ж. Приступим к созданию простенького баннера. Тут главное понять принцип действия. А на основе понятого можно создавать более сложные анимашки. Давайте подготовим основу для нашего художества. У меня получилось вот что.
Ну-у… У Малевича «Черный квадрат», а у меня серо-голубой прямоугольник…
А теперь нам нужно создать какой ни будь текст в разных слоях, естессна поверх бекграунда :-)
Я для пробы пера выбрала такие варианты:
Теперь сохраняем файл (на всяк случай) со всеми слоями и прыгаем в Image Ready. Для тех, кто не в курсе, это тут:
И сразу обращаем внимание на эту палитру:
В ней мы и будем «снимать наше кино». Проконтролируйте, чтобы в палитре слоев, а она тут тоже есть в наличии, были отключены все слои с надписями кроме первой (пусть это будет надпись «это баннер»). Пока у нас есть единственный первый кадр. Значит, нам нужен еще хотя бы один. Жмем на кнопочку Duplicates current frame.
И получаем второй кадр, точно такой же как и первый. Но нам нужно, чтобы была следующая надпись. Поэтому мы выключаем слой с надписью «это баннер» и включаем «анимированный баннер». Теперь нам нужно сделать так, чтобы первая надпись плавно перетекала во вторую. Для этого кликните на кнопке Tweens animation frames.
У вас появится вот такое окно:
Возле надписи Frames to Add можно задать количество кадров, между задаваемыми двумя. В данном примере оставляем 5 и жмем ОК. И получаем уже 7 кадров. А теперь можно посмотреть как это будет выглядеть «в движении». Кликните по Plays/stops animation (это как в магнитофоне).
И насладитесь бешенной скачкой кадров проносящихся перед вашим взором. Очень быстро, не правда ли? С этим нужно что-то делать. Остановите эту свистопляску той же кнопкой, что и включали. А теперь обратите внимание, что под каждым кадром написано, какое количество времени он будет представлен нашему вниманию.
У вас там ноль? Не беда. Кликайте правой кнопкой мыши по этому нолю и у вас откроется вот такая менюшка:
Тут можно выбрать из предложенных вариантов (обычно их хватает) или кликнуть по Other
и задать вручную свой вариант.
Совет! В ключевых кадрах ставьте время чуть больше, чем в промежуточных.
А теперь проделайте эту процедуру с третьей надписью. А когда будет готово, выставьте снова первую надпись и снова все повторите. Зачем? Но ведь от последней надписи до первой тоже должен быть переход. А самый последний кадр удалите, чтобы он не дублировал первый. Сделали? У меня получилось вот что:
Красота неимоверная :-). Ну а теперь эту художеству нужно сохранить. Кликаем File – Save Optimized As и сохраняем с расширением gif. По аналогии можно сделать всяко разно. Например, одну надпись, но чтобы в ней цвета менялись. А если хотите работать с рисунком…, ну тогда могу вас огорчить или порадовать (кого как) для этого нужно уметь рисовать. Вот собственно и все. Удачи Вам в создании анимаций.
