Animované palmy z rastrové grafiky

• Smět 19, 2024

V následujících dvou tutoriálech budeme animovat palmy ve Flashi^R CS5. To byla část animace Flash ecard, kterou jsem vytvořil pro Pamela Gladding Ecards. Umělecká díla byla Louise Max, jedna z umělců na P G Ecards. Pamela přišla s animačním scénářem pro tuto ecard a jedním z prvních úkolů bylo oživit dvě palmy na pláži. Tato animace bude pokračovat po celou dobu animace ecard a také po skončení karty.

Neviděl jsem palmu, tak jsem šel do Google a hledal videa z palem pohybujících se ve větru. Nejprve si všimnete, že pokud se nejedná o hurikán, kmen palmy se pohybuje jen velmi málo. Celá akce je v dlaních, které se ladně houpají ve větru.

Když mi byla kresba pro ecard zaslána e-mailem ve vrstveném souboru Photoshopu, dlaně palmy byly zkopírovány (všechny v jednom kuse) z pozadí a umístěny na průhlednou vrstvu. Měli jsme tedy vrstvu pozadí, která obsahovala vše (nebe, písek a stromy) a vrstvu se skupinou palem.

V tomto okamžiku by jediným způsobem, jak oživit dlaně, bylo otočit skupinu palem ve vrstvě doplnění nad pozadím. To by však nevypadalo příliš realisticky. Za prvé, původní skupina dlaní, která je stále ve vrstvě pozadí, se zobrazí při otáčení dlaňové vrstvy. Za druhé, v reálném životě se každá dlaň pohybuje samostatně a ne společně jako skupina.

Protože animace ecard pro P G Ecards jsou vytvářeny z rastrové grafiky, možnosti animace jsou ve srovnání s animacemi vaster omezené. Takže jakýmkoli způsobem můžeme udělat jednu část animace vypadat realističtější pomůže celkový dojem vytvořený ecard.

Můžeme vytvořit realističtější animaci pohybem každou dlaní nezávisle. Prvním úkolem tedy bylo vybrat každou z dlaní a umístit je na jejich vlastní průhlednou vrstvu. Jeden trik, který jsem používal v průběhu let, je přiblížit zvětšit oblast, kterou chcete vybrat, a použít nástroj Polygonální laso. Protože barvy v dlaních jsou tak podobné, funguje to lépe než nástroj Rychlý výběr.

Jak vidíte, původní skupina palem je odříznuta nahoře. Tento přímý okraj by byl problém, když jsou dlaně animovány, což ukazuje chybějící část dlaně při jejich otáčení. Naším dalším krokem tedy bylo použít jednotlivé kousky dlaní, které máme k dispozici, abychom vyplnili chybějící druhou z těchto dlaní.

Nakonec, pro obrázek na pozadí, budeme chtít odstranit dlaně a vyplnit prázdné díry na obloze vytvořené, když jsme odstranili dlaně z pozadí. Vzhledem k tomu, že obloha je téměř plná barva, můžeme pomocí Content Aware Fill snadno nahradit chybějící oblohu.

Nyní jsme připraveni oživit dlaně.

Další →

Zobrazit hotové ecard na Pamela Gladding Ecards

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společnosti 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 a Flash Paper je / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: 6. Vektorizace rukou kresleného obrázku v Corel Draw (Smět 2024).