Hur man förbereder Flash CS5-bilder för Catalyst-dummies

I Adobe Flash Creative Suite 5 är noggrann förberedelse av din design i Photoshop eller Illustrator nyckeln till att få bra resultat i Catalyst - och inte riva håret i frustration! Du kanske måste jobba lite annorlunda än vad du är van vid så att Catalyst förstår designfilen.

Skapa unika objekt

För att Catalyst ska känna igen knappar och andra objekt måste alla bilder som ska bli en knapp eller annan komponent vara ett unikt objekt som kan väljas. (Naturligtvis kan du använda flera objekt, till exempel en rektangel och text.)

Detta är viktigt i Photoshop eller Illustrator, där det är lätt att ignorera denna princip. Om du skapar en rad knappar, till exempel, genom att lägga till lite text och vissa delare över en bakgrund, då när du tar filen i Flash Catalyst, har du inga unika objekt att välja. Så var noga med att varje knapp kan väljas individuellt eller som en grupp objekt som utgör den knappen.

Organisera dina lager

Om du skapar dina lager i Photoshop eller Illustrator på samma sätt som du planerar att arbeta med i Catalyst, har du mycket enklare tid att skapa ditt projekt. Tanken är att kunna byta på lagens synlighet för att avslöja varje sida på webbplatsen. Figuren visar en uppsättning lager i Photoshop som illustrerar denna princip. Vi rekommenderar följande:

• Skapa en mapp för varje sida på din webbplats; och i varje mapp lägger du lag med den unika designen för varje sida.

• Skapa en mapp som ditt översta lager, som innehåller dina navigeringsknappar och allt som inte ändras från sida till sida, till exempel din logotyp. Du kanske vill kalla den här katalogen något beskrivande, till exempel Navigation.

• Tilldela ditt bakgrundslager en färg som visas om du bleknar eller bleknar på en sida. (En del av det kan också visas om dina sidor inte helt täcker bakgrunden.)

  

Markera alltid varje lager så beskrivande som möjligt, särskilt om du planerar att arbeta med en utvecklare med Flash Builder. Utvecklaren kan behöva använda namnen på lagren i koden.

Lägg till letar efter knapptillstånd

Du kan skapa olika utseende för dina knapptillstånd (eller tillstånd av andra komponenter) på flera sätt:

• Stapla dina knapptillstånd på enskilda lager i Photoshop eller Illustrator och märka lagren försiktigt för att förklara vad de är. Då kan du stänga av siktens skikt för att definiera de olika tillstånden i Catalyst.

• Lägg till knapptillstånd i Catalyst (istället för att lägga till utseendet i Photoshop eller Illustrator), använd glöd, släpp skuggor, ändra storlek eller mer i Catalyst.

• Exportera en knappstatus från Photoshop eller Illustrator som en PNG-, JPG- eller GIF-fil och importera den till det nya läget i Catalyst.