Motion Tween в Photoshop Advertising Blinkie

• Може 17, 2024

В този урок за Photoshop CS3 ще завършим рекламното blinkie, като преместим текста и калинките от blinkie, оставяйки го празен, за да стартирате анимацията отново. В последния урок завършихме преобразуването на текста в Frame 74.

Сега ще започнем да движим червената калинка изпод камеото и към текста (J 3 Designs). Нека дадем на калинката 15 кадъра, за да достигне до десния ръб на текста. От този момент ще преместваме заедно текста и калинката за 60 кадъра, докато те изчезнат от мигача. По-нататък ще преместим златната калинка от долния ляв ъгъл към горния десен ъгъл и извън мигача. Нека дадем на тази калинка 20 кадъра за тази задача.

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

Отворете своя файл с проект blinkie2.psd във Photoshop^R и нека започнем.

1. Първата ни стъпка е да преместим червената калинка към текста. Добавете Frame 75 и върнете продължителността на .1 сек. Добавете Frame 76 и щракнете върху слоя Red Ladybug в палитрата на слоевете. Сега кликнете върху инструмента Move и го използвайте, за да преместите калинката на място в десния край на текста. Можете също да използвате стрелките за посока на клавиатурата си, за да позиционирате калинката.
   
   
2. Изберете и Frame 75 и 76 и създайте Motion Tween с продължителност 15 кадъра. Вече трябва да имате 91 кадъра.
   
   
3. Сега ще използваме Motion Tween от 60 кадъра, за да преместим както грешката, така и текста извън полезрението. В Frame 91 изберете слоевете Red Ladybug и J 3 Designs в палитрата на слоевете. Добавете нов Frame 92 и плъзнете както грешката, така и текста отляво и извън мигащия. Изберете двете рамки 91 и 92 и добавете Tween от 60 кадъра. Трябва да имате 152 кадъра.
   
   Сега би било подходящо време да тествате анимацията.
   
   
4. Време е да събудим тази златна калинка и да я накарам да работи. Добавете нов Frame 153 и изберете слоя Gold Ladybug в палитрата на слоевете. Добавете още Frame 154 и плъзнете златната калинка в горния десен ъгъл и от мигача. Изберете двете рамки 153 и 154 и добавете 20 рамка между. Трябва да имате 174 кадъра.
   
   
5. Искаме blinkie да бъде празен за дължината на пет .l sec кадъра. Така че нека променим продължителността на Frame 174 на .5 сек.
   
   Накрая трябва да преместим златната калинка обратно в нейната изходна позиция.
   
   
6. Върнете се към Frame 1 и щракнете върху Copy Frame от изскачащото меню на палитрата на анимация. Изберете последния кадър (174) и щракнете върху Поставяне на рамката. В диалоговия прозорец Поставяне на кадри изберете Поставяне след избор и щракнете върху OK. Това ще добави Frame 175.
   
   
7. Добавете нов Frame 176, за да дублирате Frame 175. Върнете се към Frame 175 и със слоя Gold Ladybug, който все още е избран в палитрата на слоевете, плъзнете калинката надолу и надолу от blinkie.
   
   
8. Изберете и двете рамки 175 и 176 и добавете 10 кадъра Tween. Трябва да имате 186 кадъра.
   
   
9. Уверете се, че опциите за циклиране са зададени завинаги (дъното на палитрата за анимация) и запазете мигането си като AdvBlinkie.psd. Върнете се към Frame 1 и тествайте готовото мигане. Също така ще искате да използвате опцията Запиши за уеб и устройства от менюто „Файл“, за да запишете вашата мига в gif формат за мрежата.
   
   

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.

Инструкции Видео: Clip Studio Paint Animation Tutorial Beginners Tips & Tricks (Може 2024).