Проектиране на мига за Flash CS3 анимация

• Може 18, 2024

Собственикът на J3 Designs ме помоли да създам рекламна мига за нейния уебсайт за цифрови скрапбукинг. Тя искаше да поддържа класическата елегантност на марката на компанията и ми даде набор от графики, които тя вече използва за логото си. Те се състоеха от камея, дантела, гръндж фон, лък, сухи цветя и две калинки. Първоначално тези графики са създадени при 300 dpi и са много големи. Така че първата ми работа беше да намаля всяка графика до 72 dpi и до размер, достатъчно малък, за да се използва в 150 x 50 пиксела мига. От този тест бих могъл да определя кой от елементите може да се използва при такъв малък размер, без да губя прекалено много от детайлите си.

Изненадах се, че повечето елементи са работили добре при такова намаляване на размера, с изключение на камеята и сушените цветя. Когато се намали до височина от 50 пиксела, повечето от детайлите бяха изгубени от тези елементи. Но камеята беше толкова важна част от логото, реших да използвам само горната половина на камеята. Правейки това, нямах нужда да намалявам изображението до толкова малък размер и запазих повечето детайли от камеята.

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

Основата на анимацията ще бъде изградена от няколко текстови анимации. Но тези калинки продължаваха да ме гледат, затова реших да добавя втора анимация с участието на калинките. Една калинка ще бъде видима по време на анимацията на текст и тогава втората калинка ще се появи изпод камеята. Накрая щяха да пълзят заедно. За да направя това, трябваше да разделя фоновия слой на няколко слоя. Първият фонов слой би бил графиката на грънджа. Вторият би бил дантелата и камеята. Разбира се, имах нужда от PNG-и на двете калинки, дантелата и камеята, за да поддържам прозрачността в Flash.

И така, сега имах четири слоя към мигането си, освен слоя за анимация на текст, който бих добавил по-късно.

Повечето мигачи в сайтовете за скрапбукинг са 150 x 50 пиксела. Това не ви дава много място за сложна анимация на текст. Реших да използвам вградените ефекти на Timeline, за да анимирам текста. Първата част на анимацията ще бъде името на дизайнера. Има пет дизайнерски за този уебсайт, включително и аз. Тъй като името на моя бизнес беше най-дълго, решавам да създам оригиналната анимация, използвайки моето име. Тогава ще бъде лесно да се изключи името на дизайнера за другите четири мигачи. Сега, когато дизайнът е изграден, ние сме готови да изградим нашата анимация.

J3 дизайни

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

Инструкции Видео: КАК НАЧАТЬ ДЕЛАТЬ МУЛЬТИКИ? (работа в программе adobe flash pro cc) (Може 2024).