Вітаю Вас!!! Ну, з назви Ви зрозуміли, про що піде мова. Аніматор з мене ще кепській, але час від часу щось ковиряю, та просуваюся в цій справі все далі та далі. Пам'ятаю, коли тільки починав займатися цими анімашками, думав, що в мене нічого не вийде. Здавалося, що потрібно бути семі пядей у лобі, знати якісь неймовірно складні програми, купу скріптів. А виявилося, що ні. Все дуже просто. І мене дивує, що в нас на сайті майже ніхто не робить своїх анімашек. Хоча, можливо хтось і робить, а я просто не знаю.

      Хочу сказати, що це дуже приємна річ, коли сам створюєш якійсь продукт, хай і примітивний, і отримуєш від цього задоволення. І я хочу Вас з'агітувати робити самім анімашки.Звісно, я не якійсь анімаційний гуру, і мабуть ним не буду, перш за все тому, що я не художник. Ех, якби я міг малювати....Да, ну не дав Бог. І тому, я роблю те, що можу робити і наскільки вистачає моєї фантазії. Але, це стосується тільки мене. Можливо, в когось з Вас, є хист до малювання, і Ви підете далі, ніж я.

      А я хочу зараз розповісти про технічний бік цієї справи. З чого почати. Як зробити анімашку з двох-трьох кадрів.І, з чого почав я .

      А почав я, ось з цієї утіліти - UnFREEz2.1. До речи, я і зараз продовжую нєю користуватися.Програма, як соломинка, майже нічого не важить, якихось 27,5Кб Встановлювати її не потрібно. Просто клацаєте на ній мишкою два рази, і вона відкривається.
     Це, найтупіша, найпримітивніша, найпростіша , найнадійніша програма. Навантаження на систему взагалі нема.Оце така дивна суміш.  Едина умова, всі кадри повинні бути у форматі GIF. Це можна зробити в будь-якому графічному редакторі. Ну, і,  розмір кадрів,  за визначенням, повинен бути однаковим. Кількість кадрів, я так зрозумів, необмежена. Завантажував більше сотні кадрів, і нічого, все працює.

      Так, розпочнемо з кадрів. Давайте зробимо анімашку з трьох кадрів. Візьмемо, припустим, фото якогось мужика, малюнок якоїсь тварини, хай це буде козел, ну і літеру, хай це буде "Є". Робимо з ними всі потрібні маніпуляції, як то підганяємо під один розмір, та переводимо, якщо потрібно в формат GIF.
      Я зроблю цю анімашку під аватар. На нашому сайті максимальний розмір, це 100х100, і вага не більше 40 байт. Зробили все це і зберегли. Я зазвичай роблю окрему папку.
      Потім відкриваєте цю папку, запускаєте нашу утіліту, і бачите таку картину -



      Ну, і мишкою перетягуєте кадри, в потрібній послідовності, у віконце програми. Ставите пташку для бескінечного режиму. Виставляєте час затримки кадра. Там один крок, це 1/100сек. Поставимо 130, або 1,3сек. Для кожного кадра окремо тут не можна виставити. Для всіх однаково буде.
      Я там один кадр перетягнув, він відображається у вигляді назви кадра. Ну, і решта так само туди. Зберігаємо. Закриваємо програму. Заходимо в папку, де Ви зберігли свій витвір, і дивимося що вийшло.

      Я використовую цю програму для набора кадрів. Потім завантажую в фотошоп, або гімп, або ще якусь програму, де вже можна робити більш складні маніпуляції. Редагувати малюнки, виставляти для кожного кадра потрібний час затримки, та інше.

      Ті дві кнопки під віконцем, одна, що справа, видаляє кадри, а та що зліва,я і сам не знаю. Намагався з'ясувати методом тика, нічого не вийшло.

      Хто зацікавився, ось будь ласка, ця програма - UnFREEz2.1 утіліта для анімації

      Як я вже казав, встановлювати її не потрібно. Виводите ярлик на робочий стіл, два раза мишкою, і вона в роботі.

      Звісно, ця замітка не для тих, хто вже зуби з'їв на анімації. Вона для тих, хто взагалі не має уяви, що таке анімація, і як вона робиться. Можливо, освоєння цієї програми, буде поштовхом для кого-небудь для подальшого вдосконалення своєї майстерності в цьому цікавому напрямку, не знаю, як сказати, мистецтва мабуть.

      Ну, оце і все. Удачи Вам, та творчого надхнення,

     Едине, що я ще хотів узнати, а навіщо я корячився, писав цю замітку? Тобто, чи стане вона комусь у нагоді? Натисніть на голосувалці, те, що вважаєте за потрібне.

[ ещё фото ]

 

 

[ Читать дальше ]

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru
В этом уроке мы будем создавать анимацию, передающую объём пространства.

Волшебный лес…

Спасибо авторам интересных работ, наполняющих интернет )))) и вдохновляющих нас на подвиги….

Для создания такой анимации я скачала Детские фоны, их очень много – на любой вкус и цвет.
Анимация у нас будет трёхплановая: первый план, второй и задний.
При выборе исходников я учитывала какие объекты где будут располагаться: что на переднем плане, что будет служить фоном и т.д.

Размер документа, для создания работы, я определяла исходя из размера исходников.
Итак, начинаем подготовительный этап – создание основы для анимации.

Для начала, я поместила в рабочий документ картинку, которая будет фоном.

По моей задумке, задний план – фон, станет приближаться и удаляться от нас.
Для того, чтобы это получилось нужно сделать несколько копий слоя (я сделала 6 шт – слоёв всего получилось 7) и пронумеровала их от 1 до 7 в соответствии с увеличением размера слоя.

Число копий берётся не с потолка, а продумывается заранее, как и весь сюжет анимации. Я опиралась на общее число кадров, чтобы сохранялась плавность движения. То есть в моей анимации 12 кадров, и 7 копий как раз необходимо для плавного зацикливания движения «вперед-назад». Схему распределения я приведу позже.

Кстати, копии слоёв разного размера можно создать и потом, после покадрового создания анимации. Если сомневаетесь в нужном количестве кадров в самой анимации. Как удобнее.
Поехали дальше…..

Второй план.
Набираю нужные мне предметы. Вырезаю, копирую, трансформирую….

При необходимости корректирую цвет, насыщенность и др. свойства объектов.

И передний план:

Два объекта на переднем плане я разместила на разных слоях.
Вот что получилось:

Будем оживлять лес!
Теперь, подготовим слои для анимации переднего и второго плана.
По моей задумке первый и второй планы движутся в противоположные стороны.
Для создания движения нужно немного увеличить размер объектов второго плана по горизонтали, чтобы их размеры выходили за границы документа.
Объекты переднего плана просто раздвигаем и смещаем в одну сторону. После этого соединяем в один слой.

Такое положение слоёв переднего и второго плана мы оставим для первого кадра анимации.
Подготовительный этап закончился.

Переходим к созданию мультика.
Как я уже сказала в моей анимации 12 кадров.
Объясню почему. За основу я взяла движение переднего и второго планов «туда-сюда».
Это движение я создавала при помощи серии из 5 кадров.

Поясню на конкретном примере.
Для 1-го кадра (задний план пока не трогаем) я сдвинула, в одну строну цветочки и грибочки, в другую дерево.

Потом создала 2-ой кадр (1).
Для этого кадра я сдвинула каждый из этих слоёв в противоположную сторону.
Затем сделала серию из 5 кадров (2).

Получилось движение в одну сторону, теперь нужно вернуть всё к исходной точке и зациклить движение.
Делаем копию первого кадра и перетаскиваем его в самый конец ленты кадров, чтобы он стал 8-м кадром.
Находясь на этом кадре, опять создаём серию кадров (так же из 5 шт).
Получилось в итоге 13 кадров.
Последний удаляем и получается движение без задержек.

Теперь переходим к заднему плану. Он будет приближаться и удаляться, как мы уже обсудили.
Я распределила слои заднего плана по кадрам следующим образом:
1 кадр – 1 задн. план
2 кадр – 2 задн. план … по возрастающей
…7 кадр – 7 задн. план
8 кадр – 6 задн. план
9 кадр – 5 задн. план … по убывающей
…12 кадр – 2 задн. план
…а первый задний план у нас на первом кадре стоит.

На все кадры я поставила время 0,2 сек, но можно сделать медленнее, с задержками и т.д.
Если нужно изменяем размер анимации. Ставим постоянное проигрывание и сохраняем в формате GIF (Ctrl+Alt+Shift+S – Save for Web&Devices).

В настройках я выбрала (Specify the dither algorithm) Определение алгоритма сглаживания - (Noise) Шум; Colors – 256 естественно.
Вот и всё!

Совет: если Вы хотите внести изменения в документ (новые копии, удаление слоев и т.д.), где уже создана анимация, работать лучше на первом кадре. Тогда изменения затронут все кадры, но ничего не перепутается.

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

Ещё я добавила огоньки…. ))) чтобы лес стал по настоящему волшебным.
А это, по традиции фантазии на тему:

Удачи и всего наилучшего!
PIROGOVADESIGN

красивые пушистики

 

[ Читать дальше ]

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Работы выполнены в программах Люмион, Брайс, ДАЗ студио,Фанта Морф, Фотошоп

Подборка веселых танцующих анимашек

 

[ Читать дальше ]