altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Что такое анимация?
Автор: Алиса   

В этом вводном уроке мы узнаем что такое вообще анимация, по какому принципу она создается и что вам понадобится для того, чтобы сотворять ее на своем компьютере.

 

alt

 

С чем мы познакомимся в этом уроке: понятие анимации, необходимые на компьютере программы

 

Итак, с чего нужно начать?
С очень важного момента: нужно понять, ЧТО ТАКОЕ ПРОСТАЯ АНИМАЦИЯ.
1. ЧТО ТАКОЕ АНИМАЦИЯ?

Итак, простая анимация - это последовательность сменяющих друг друга кадров. Сейчас я приведу пример и все станет ясно.
Программы, которые помогают сделать нам анимированное изображение всего лишь выставляют в цепочку УЖЕ ПОДГОТОВЛЕННЫЕ ЗАРАНЕЕ вами картинки.
Вот пример, берем несколько любых картинок. В моем случае это заранее подготовленные картинки.

 


alt..alt..alt..alt


После обработки в программе-аниматоре (позже мы расскажем где именно и как обрабатывать) мы получаем вот такую аватару:


alt


Чтобы было еще понятнее дам эту же картинку, но помедленнее:


alt


Видите, это всего лишь 4 кадра сменяют друг друга! Главное - время, пауза, которая проходит между ними. Выставить время нам и помогают программы-аниматоры.

 

Точно также делается любая другая аватара. Смотрите, берем заранее подготовленные кадры, хотим сделать аватару с изображением своего домашнего питомца. Я сфотографировала свою крыску и вырезала из двух фотографий два квадратика - 128 на 125 пикселей. Обе картинки должны быть одинаковыми по размеру. Вот они:


alt...alt


Обработала, вот результат:


alt


Я привела эти примеры для того, чтобы вы поняли смаое главное - любая анимация, будь то мигание, мерцание или движение - смена кадров, которые заранее подготовлены. А уж что вы там подготовите это совсем другое дело и об это читаем дальше...

 

2. ОТКУДА ВЗЯТЬ ЭТИ САМЫЕ КАДРЫ?


Здесь все зависит от того, с какими программами вы знакомы.
Давайте, наша первая задача будет вырезать из большой картинки маленькие, чтобы после их анимировать. Например, возьмем вот эту картинку с красивым пейзажем:


alt


Если на вашем компьютере есть программа photoshop - вам в уроки "Как изменить размер картинки?" и "Как обрезать картинку?"

Если вы все сделали правильно, у вас теперь есть готовые картинки-квадратики. Я вырезала 5, вот они:


alt..alt..alt..alt..alt


После этого мы их анимируем. У меня вышла вот такая картинка:


alt


Этот эффект анимации называется "Эффектом простой смены кадров". О том, как из подготовленных вами картинок сделать этот эффект анимации вы можете в подробностях узнать в уроке "Блик (Базовый урок)"

 

3. ВИДЫ ЭФФЕКТОВ АНИМАЦИИ


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

А тем, кто решил пойти дальше... добро пожаловать в раздел на страницу "O Photoshop'е" и в раздел "С чего начать изучение уроков".