Flash Catalyst - Arbetsområdet

• Maj 3, 2024

I vårt portföljprojekt har vi skapat grafiken för vårt portföljgränssnitt i Photoshop^R och importerade PSD-filen till Adobe^R Blixt^R Katalysator^TM. Nu är vi redo att göra knapparna (kallade interaktiva komponenter) som kommer att göra portföljen att navigera. Öppna din PortfolioLayout.psd-fil i Catalyst och låt oss titta runt. Vid första anblicken ser du att arbetsytan inte är lika skrämmande som Flash-arbetsytan.

Överst är panelen Sidor / stater där du hittar en miniatyrbild för varje sida i vårt projekt. Just nu har vi en sida med den första logotypen synlig. Men för att vi ska kunna visa de andra två logotyperna i portföljen måste vi skapa ytterligare två sidor (stater).

Under panelen Sidor / scener är vyn över vårt projekt, kallad tavlan, och under det är tidslinjepanelen. De av er som känner till Flash kommer att märka att tidslinjen är något annorlunda i Catalyst. Som du kan se på flikarna Statliga övergångar och åtgärdssekvenser använder vi fortfarande tidslinjen för att kontrollera vad som händer men tidslinjen har inte de kända nyckelramarna. Detta beror på att Catalyst fattar de flesta av besluten om vad som händer för oss när vi lägger till UI-komponenterna.

Till höger har vi Verktygspanelen och ikoner som liknar all Adobes programvara. Under det har vi panelen Lager. Det fungerar mycket som Photoshop och Illustrator^R Lagerpaneler och inte som lager i Flash, som är en del av tidslinjen.

Därefter har vi panelerna Wireframe Components, Library och Design-Time Data. Klicka på fliken Bibliotek så ser du en lista över grafik och stilar från vår importerade PSD-fil. Gå tillbaka till panelen Wireframe Components. Detta är panelen som innehåller alla komponenter som vi kan lägga till i vårt projekt. De kallas "Wireframe" eftersom dessa komponenter är "bara ben". De är avsedda att läggas till i vår importerade grafik för att skapa visuella baserade komponenter.

Egenskapspanelen i Catalyst är som Egenskapspanelen i Flash. När du väljer ett objekt i vårt projekt visas de redigerbara egenskaperna för det objektet i den här panelen. När vi arbetar med vår navigering för detta projekt kommer vi att presentera en ny panel i Catalyst som heter HUD. Just nu är det den nedtonade fliken med namnet "No Selection". När vi börjar arbeta kommer det att expandera för att ge oss de kontroller vi behöver, baserat på det aktiva objektet.

Slutligen, för de nyfikna typerna, kan vi byta från standarddesignarbetsområdet till kodarbetsområdet. Klicka bara på Window - Code Workspace i menyraden. Som du ser ser det ut som Flash Actions-panelen men istället för ActionScript ser vi MXML-koden som Catalyst genererar i bakgrunden när vi arbetar.

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.