Hvordan du klargjør Flash CS5-kunstverk for Catalyst - dummies

I Adobe Flash Creative Suite 5 er forsiktig utarbeidelse av designet i Photoshop eller Illustrator nøkkelen til å få gode resultater i Catalyst - og ikke rive håret ditt i frustrasjon! Det kan hende du må jobbe litt annerledes enn du er vant til, slik at Catalyst forstår designfilen.

Lag unike objekter

For at Catalyst skal kunne gjenkjenne knapper og andre objekter, må alt kunstverket som skal bli en knapp eller annen komponent være et unikt objekt som kan velges. (Selvfølgelig kan du bruke flere objekter, for eksempel et rektangel og en tekst.)

Dette er viktig i Photoshop eller Illustrator, der det er lett å ignorere dette prinsippet. Hvis du lager en rekke knapper, for eksempel ved å legge til litt tekst og noen delere over en bakgrunn, så når du tar filen inn i Flash Catalyst, har du ingen unike objekter å velge. Så vær sikker på at hver knapp kan velges enkeltvis eller som en gruppe objekter som utgjør den knappen.

Organiser lagene dine

Hvis du lager lagene dine i Photoshop eller Illustrator på samme måte som du planlegger å jobbe med i Catalyst, har du mye enklere tid å lage ditt prosjekt. Tanken er å kunne bytte på lagens synlighet for å avsløre hver side på nettstedet. Figuren viser et sett med lag i Photoshop som illustrerer dette prinsippet. Vi anbefaler følgende:

• Opprett en mappe for hver side på nettstedet ditt; og i hver mappe legger du lag med det unike designet for hver side.

• Opprett en mappe som toppslaget ditt, som inneholder navigasjonsknappene dine og alt som ikke endres fra side til side, for eksempel logoen din. Du vil kanskje kalle denne mappen noe beskrivende, for eksempel Navigasjon.

• Tilordne bakgrunnslaget ditt en farge som vises hvis du taper ut eller visner på en side. (Noen av det kan også vises hvis sidene dine ikke dekker hele bakgrunnen.)

  

Merk alltid hvert lag så beskrivende som mulig, spesielt hvis du planlegger å jobbe med en utvikler ved hjelp av Flash Builder. Utvikleren må kanskje bruke navnene på lagene i koden.

Legg til leter etter knappestater

Du kan opprette det forskjellige utseendet til knappstatusene dine (eller tilstandene til andre komponenter) på flere måter:

• Stakk dine knapptilstander på individuelle lag i Photoshop eller Illustrator og merk lagene nøye for å forklare hva de er. Deretter kan du slå av synligheten til lagene for å definere de forskjellige tilstandene i Catalyst.

• Legg til knappstatus i Catalyst (i stedet for å legge til utseendet i Photoshop eller Illustrator), bruk lyser, slipp skygger, endre størrelse eller mer i Catalyst.

• Eksporter en knappstatus fra Photoshop eller Illustrator som en PNG-, JPG- eller GIF-fil, og importer den til den nye staten i Catalyst.