Flash Catalyst Smooth Transitions

• Maj 15, 2024

I den sista artikeln introducerades du för Flash^R Katalysator^TM CS5-tidslinje. Nu kommer vi att lära oss hur Catalyst-tidslinjen gör det enkelt att lägga till professionella övergångar till vår applikation.

Om du känner till Flash vet du att det finns två huvuddelar i en animering. Den första delen är övergången som att flytta från en sida till en annan. I Flash använder vi vanligtvis tweens för att skapa dessa övergångar. Den andra delen är lättare. Förenkling är ett sätt att kontrollera en övergång så att den verkar ske smidigt. Att skapa dessa tweens och lätta är en något komplicerad uppgift i Flash men Flash Catalyst gör allt jobbet för oss.

Låt oss gå tillbaka till Catalyst-tidslinjen. Vi kommer att fortsätta arbeta med det översta lagret som styr rörelsen från CityView-sidan till UnionParkView-sidan på vår webbplats. Catalyst har redan bestämt att vi kommer att använda Move-övergången för att flytta från en sida till den andra. Om vi ​​testade vår applikation nu och klickade på knappen för att gå till UnionParkView-sidan skulle den här sidan helt enkelt dyka upp på vår skärm direkt. Det beror på att vi inte har kopplat någon varaktighet till övergången. Vi kan göra detta i tidslinjen.

Längst ner på tidslinjen ser du knappen Smidig övergång. Klicka på den knappen och Catalyst lägger till en varaktighet på 0,5 sekunder till övergången. Vi kan se detta eftersom den lilla fältet för övergången till Move har expanderat till att täcka 0,5 sekunder på tidslinjen. Standardvärdet är .5 sekunder, men vi kan minska eller förlänga denna varaktighet helt enkelt genom att dra i slutet av den här fältet. Den andra knappen längst ner på tidslinjen är knappen Lägg till åtgärd för att lägga till andra effekter som 3D-rotation eller fade-in-effekten. För varje åtgärd som vi lägger till kommer Catalyst att ge oss en ny kontrollfält för att ställa in varaktigheten för den effekten. Om vi ​​till exempel lägger till en 3D-rotation till detta lager kommer Catalyst att lägga till en kontrollfält märkt 3D Rotation med standard .5 sekunders varaktighet.

Vid denna tidpunkt har vi bara ställt in varaktigheten för övergångarna kopplade till det översta lagret av tidslinjen. För att ha smidiga övergångar på hela webbplatsen måste vi upprepa dessa steg för de andra lagren i tidslinjen.

* Adobe gav mig en översynskopia gratis.

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från 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 och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Flash Catalyst Smooth Transitions.f4v (Maj 2024).