Анимирани палми от растерна графика

• Април 25, 2024

В следващите два урока ще анимираме палмите във Flash^R CS5. Това беше част от анимация с Flash ecard, която създадох за картите на Pamela Gladding Ecards. Произведението е на Луиз Макс, един от художниците в P G Ecards. Памела излезе с таблото за анимация за тази картичка и една от първите задачи беше да анимира две палми на плажа. Тази анимация ще продължи през цялата анимация на картичката, а също и след приключване на картата.

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

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

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

Тъй като анимационните картички за P G Ecards са създадени от растерна графика, възможностите за анимация са ограничени в сравнение с анимацията на вастер. Така всеки начин, по който можем да направим една част от анимацията да изглежда по-реалистична, ще помогне на цялостното впечатление, създадено от картичката.

Можем да създадем по-реалистична анимация, като движим всяка длан независимо. Така че първата задача беше да изберете всяка от дланите и да ги поставите върху собствен прозрачен слой. Един трик, който съм използвал през годините, е да увеличите мащаба, за да увеличите областта, която искате да изберете и да използвате инструмента Polygonal Lasso. Тъй като цветовете в дланите са толкова сходни, това работи по-добре от инструмента за бърз избор.

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

И накрая, за фоновото изображение ще искаме да премахнем дланите и да запълним празните дупки в небето, създадени при премахването на дланите от фона. Тъй като небето е почти плътен цвят, можем да използваме Content Aware Fill за лесно заместване на липсващото небе.

Сега сме готови да анимираме дланите.

Следващ →

Вижте Готовата картичка в картите на Pamela Gladding

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 в Съединените щати и / или други страни.

Инструкции Видео: Анимация (Част V на "Пътешествие из Компютърната Графика") (Април 2024).