Создавала со своими подопечными анимашки. Родился вот такой урок. Может быть он кому-нибудь пригодиться?
Создание простой анимации.Сейчас очень часто для благодарности в дневничках девочки используют спасибки-анимашки. Зачастую эти анимашки скачивают с разных сайтов. Но сделать анимацию самому очень просто.
Я предлагаю вот такую очень простую анимашку.

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

1. Открываем фотошоп (у меня русская версия), создаём документ нужного размера. У меня это – 8 см на 5 см, с разрешением 150 (чтобы анимация не была слишком тяжёлой и громоздкой).
2. На первом слое создаём фон. Для этой цели используем линейную градиентную заливку с необходимыми цветами: зелёный, жёлтый, белый, голубой.

Заливаем сверху вниз и получаем вот такой фон.

Не забываем дать слою название «фон» . Мягким ластиком слегка подправляем края, придавая неправильную форму.

3. Прячем слой (на палитре слоёв закрываем-нажимаем глазик рядом с нашим фоном). Создаём новый слой (Ctrl+Shift+N), озаглавливаем – зайка1.
Создаём направляющие . Для этого нужно просто с линейки вытащить линии – горизонтальные и вертикальные - которые ограничат размер персонажа и привяжут его к определённому месту.
Размещаем на этом слое между направляющими первого зайчишку. При необходимости изменяем размер (Ctrl+ Т), создаём стиль слоя (на выделенном слое справа кликаем мышкой) : тень, тиснение. Параметры выбираете сами.

4. Аналогичные операции проделываем с остальными тремя зайчиками. Чтобы стиль слоя не создавать для каждого, на слое «Зайка1» скопируем его ( в контекстном меню слоя команда «скопировать стиль слоя»), а в остальных вставим (команда «вклеить стиль слоя»).
Теперь мы имеем 5 слоёв: сверху вниз –
• Зайка 4
• Зайка 3
• Зайка 2
• Зайка 1
• Фон

5. Займёмся надписью. На новом слое создаём надпись, используя понравившийся шрифт, форматируем под нужный размер, выбираем расположение. Копируем надпись 3 раза. Даём слоям имена – надпись 1, надпись 2, надпись 3, надпись 4. Для каждого слоя выбираем новый стиль. Все слои между собой связываем. Для этого кликаем по каждому слою мышкой, при этом удерживая клавишу Shift. Выделяться все 4 слоя с надписями, затем в контекстном меню выбираем команду «связать слои».
6. Теперь у нас уже 9 слоёв. Вполне достаточно, чтобы приступить к анимации. В основном меню выбираем - «окно-анимация».

В появившейся палитре пока только один кадр. В этом кадре включаем слои «фон –зайка1 – надпись1». Все остальные слои віключены. Создаём новый кадр (2) – внизу палитры выбираем квадратик рядом с корзинкой.

В новом кадре(2) отключаем слои «зайка1» и «надпись1», и включаем слои «зайка2» и «надпись2». Фон включен всегда. В третьем кадре отключаем слои с номером 2 и включаем слои с номером 3. По аналогии – четвёртый кадр.
7. У нас есть готовые 4 кадра. Остаётся выставить время. Выделяем кадр 1. Удерживая Shift выделяем кадр 4. Теперь у нас выделены все наши кадры. Кликаем по надписи «0 сек» под любым кадром и выбираем параметры 0,2 сек. Под первым кадром кликаем на выпадающее меню и выбираем параметр цикла «всегда».

Всё, наша анимация готова. Осталось только посмотреть, что получилось.
Для этого внизу палитры анимации нажимаем значок - стрелочку вправо.

8. Да, необходимо же ещё сохранить наш шедевр. Для этого в меню «файл» выбираем команду «сохранить для Web и устройств». В появившемся диалоговом окне выбираем формат GIF и сохраняем.

При желании, немного поколдовав над фоном, можно сделать анимацию более яркой…
Удачи!
Отредактировано: Svetlanka в 31 окт 2010, 01:35