Плавни преходи на катализатора

• Може 9, 2024

В последната статия бяхте запознати с Flash^R катализатор^TM CS5 Времева линия. Сега ще научим как Catalyst Timeline прави добавянето на професионално изглеждащи преходи към нашето приложение лесна задача.

Ако сте запознати с Flash, знаете, че към анимацията има две основни части. Първата част е преходът като преместване от една страница в друга. В Flash често използваме tweens за създаване на тези преходи. Втората част е облекчаваща. Easing е начин да се контролира преход, така че изглежда да протича гладко. Създаването на тези пинове и облекчаване е малко сложна задача в Flash, но Flash Catalyst върши цялата работа за нас.

Да се ​​върнем към времевата линия на катализатора. Ще продължим да работим върху най-горния слой, който контролира движението от страницата CityView към страницата на UnionParkView на нашия уебсайт. Catalyst вече е определил, че ще използваме прехода Move, за да преминем от една страница на друга. Ако сега тествахме нашето приложение и кликнахме върху бутона, за да се преместим на страницата на UnionParkView, тази страница просто ще изскочи моментално на нашия екран. Това е така, защото не сме привързали никаква продължителност към прехода. Можем да направим това по времевата линия.

В долната част на Timeline ще видите бутона Smooth Transition. Кликнете върху този бутон и Catalyst ще добави продължителност от .5 секунди към прехода. Това можем да видим, защото малката лента за прехода Move се разшири, за да обхване .5 секунди от времевата линия. По подразбиране е 5 секунди, но можем да намалим или удължим тази продължителност, просто като плъзнем в края на тази лента. Другият бутон в долната част на Timeline е бутонът Add Action за добавяне на други ефекти, като 3D завъртане или ефектът на избледняване. За всяко действие, което добавим, Catalyst ще ни даде още една контролна лента за определяне на продължителността на този ефект. Например, ако добавим 3D завъртане към този слой, Catalyst ще добави контролна лента с надпис 3D Rotation с продължителност 5 секунди по подразбиране.

На този етап сме задали само продължителността на преходите, прикрепени към горния слой на Timeline. За да има плавни преходи през целия уебсайт, трябва да повторим тези стъпки за останалите слоеве в Timeline.

* Adobe ми предостави безплатно копие за преглед.

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

Инструкции Видео: Hiking in Rila mountain, Bulgaria / Летен преход в Рила планина (Може 2024).