Анимация на тенис ракета и топка в Adobe Photoshop - създаване на анимации

Урок: Създаване на GIF-анимация в Photoshop

В този урок ще ви покаже как да се направи проста анимация от примера на тенис ракета и топка.

главното меню на програмата, изберете раздела Файл (File), а след това New ... (нов документ). В прозореца, който се отваря, попълнете параметрите, показани на снимката по-долу. Ширина е ширината на документа в пиксела и височина, съответно височина. Особено внимание следва да се обърне на създаването Резолюция. за уеб анимация трябва да бъде равна на 72 пиксела на инч (PIX / инча). Всичко останало се направи както показва примерът на картинката.

В слоевете кликнете върху иконата, за да създадете нов слой, както е показано на снимката по-долу.

След създаването на нов слой, изберете четка лента с инструменти, ни постави до желания размер, цвят, форма на четката, както и изготвяне на тенис ракета.

И тук имаме тенис ракета готова, следващото нещо, което трябва да направим е да го умножи няколко копия. За да направите това, изберете слоя с ракетата, кликнете върху него десен бутон на мишката и изберете дубликат Layaer ... (Duplicate Layer.), Тя Дублиране на 4-5 пъти, за използване в анимацията.

Имаме повече от същите слоеве, които се наслагват един върху друг, сега сме се нуждаете само един от тях, на видимостта на останалите слоеве (с изключение на фона), които искате да забраните, за това, кликнете върху иконата на окото до слой и по този начин да забраните на нейната видимост.

Изберете видим слой ракета (тенис ракета 1). В рамките на главното меню на програмата сложите отметка Show Transform Controls (Покажи контроли). На рамката на ракетата ще се появи, с помощта на които можем да го деформира или завъртете, за да се върти ракетата, ние трябва да се вземат на квадрат ъгъл на рамката и да го превърне в желания ъгъл нас.

Направете тази операция с всеки един от слоевете на ракетата и да ги преместите, който ще се появи, когато включите слоеве (кликнете върху окото за да се даде възможност на видимост) е нещо като това.
Забележка! Както можете да видите в кадъра има централна точка за под формата на кръг с четири греди. Около този център и ни тенис ракета ще се завърти. защото ракета дръжка е в горния десен ъгъл на рамката, след което плъзнете мишката до центъра на въртене (кръг), за всички слоеве на ракетата.

Сега трябва да се направи топка за тенис, за да направите това, изберете най-горния слой с ракета, след това кликнете върху иконата, за да създадете нов слой. В резултат слой се направи топка за тенис.

Топката е готов, но някак празна във фонов режим, което имаме. Избор на основния слой (който е бял) и да го направи на тревата.

Сега преминете директно към създаването на анимация. Първо, трябва да се обадите на анимация панел в главното меню, изберете раздела Window (прозорец), има търсите анимация (анимация) и поставете отметка пред, след тази операция, ще имаме един анимационен панел с един кадър.

Изберете слоя с топка за тенис, щракнете върху лентата с инструменти на мястото на курсора, за да преместите обект на документа и да се движи топката към тенис ракета, както в примера по-долу:

Изключването на видимостта на всички слоеве с изключение на фона и далечния ляв ракети.

В анимация панел кликнете върху иконата, за да се създаде нова рамка.

Създали сме втори кадър анимация, сега ние трябва да деактивирате появата на функцията (появата на) новосъздадените слоеве във всички рамки на анимация, това се прави за нов слой се появи (да се вижда) само правото ни застреля, а не за целия анимацията. В анимация панел в горния десен ъгъл кликнете върху иконата, изберете функция нов слой е видим при всички рамки (нов слой изолация е видим във всички рамки).

Във втория кадър от анимацията включва видимостта на слоевете с топката и тя се движи нагоре почти до ръба на документа, след като кликнете върху иконата, за да се създаде нова рамка и новата рамка се движи топката по-ниски, а в последния кадър, топката ще остане в сила. По този начин ние правим анимацията на падане топка. По този начин, ние създаваме множество фреймове топка пада.

При приближаване на топката към тревата, можете да се направи сянка за него. За тази цел, в сцена, където топката е практически близо до тревата, ние ще изготви черен овален обект в нов слой. И Да му дадем на външния вид на 30% чрез промяна на параметъра непрозрачност (Прозрачност) в панела Слоеве.

В момента, когато топката е вече напълно "лети" с трева, премахваме видимостта на слоя със стария сянката, и да се създаде нов слой със сянката, която трябва да бъде малко по-висока от предишната и да има прозрачен слой от около 50%.

Създаване на следващия кадър от анимацията. В него трябва да се отрази на деформирането на топката да падне на земята. За да направите това, ние изберете слоя с топката и я дублира. Видимостта старата топка забраните слой и нов слой леко се деформира. Намалете височината на топка и да я направи малко повече в ширина.

Създаване на следващия кадър на анимацията, той деформиран премахнете видимост на топка слой и слой се визуализира с нормална топка самия слой с нормален ход топката малко над откакто топката е "скочил".

Създаване на следващия кадър на анимацията, където видимостта премахнете от слоя, в който на сянка се изтегля 50% и да видим слоя с 30% сянка. Ние се движи самата топката още по-високо.

Следваща направя още 1 кадър анимация, където сянка слой невидим, се движи самата топката още по-високо, слоят с ракетата се прави невидима, но на следващия слой анимация ракетата (където тя почти се обърна топката) се прави видими. По този начин, ние имаме вече са в самото движение ракета.

В следващия кадър, както ние се движи топката и включване на видимостта на следващия слой с рекета, и така нататък до момента, докато топката с ракета "не отговаря".

След като "изпълнени" топка направите анимацията от дясната страна, а анимацията ракета в обратен ред за това как е направил и преди, че в края на краищата, тя "се връща" на мястото си, и топката прелетя над рамката.

Така че ние направихме нашия анимация, но сега искаме да се фиксират срокове за всеки кадър. Понастоящем те имат забавяне на 0 секунди, т.е. GIF анимация ще се превърта с висока скорост. Ние трябва да се забави първия кадър и рамката с гръм и трясък (деформация) на топката на земята. За да направите това, щракнете с десния бутон върху честотата на кадрите (0 сек.) И да изберете скоростта на 0,5 секунди закъснение рамка.

Само един кадър, когато топката се удари в земята, но той сложи забавяне от 0.2 или 0.1 секунди.

Отидете на Файл раздел (файл) в главното меню и изберете къде Запиши за уеб Устройства (С изключение на Web).

В прозореца, който се появява, щракнете върху раздела 2-Up, а след това в прозореца, който ще има 2 снимки на вашия документ към лявата реалния образ, а дясната "uzhaty" означава GIF анимация, с дефинирани цветови данни и свойства Gif на. Както можете да видите, че има бъдещия размер на GIF файл в килобайти.

Колкото по-малко цветове - толкова по-малко "тегло" на изходящи GIF файл, но и съответно по-лошо качество на картината. Максималният брой цветове за GIF файл е 256.