Video: Google Web Designer Tutorial Create Banner Ad 2024
Adobe Flash Catalyst Creative Suite 5 kan gøre det nemt at oprette Flash-websteder eller desktop-applikationer. Du kan starte med at oprette dit design i Photoshop eller Illustrator og importere den resulterende fil til Catalyst. Derefter kan du gøre følgende:
-
Opret knapper, der ændres, mens brugeren svæver musen over dem eller klikker på dem (ligesom knapper i Flash).
-
Tilføj knapper, skydere og andre brugergrænsefladskomponenter, der linker til andre steder eller udføre andre fantastiske tricks.
-
Tilføj animation, såsom bevægelige komponenter på og uden for skærmen.
-
Udvikle et helt websted med flere sider.
-
Tilføj nemt animerede overgange, f.eks. Størrelser, roterende eller bevægende objekter eller fade objekter eller sider ind og ud.
I større projekter, der muligvis kræver programmeringskode (som desktop applikationer eller database-drevne websteder), gør Catalyst det nemt for designeren og udvikleren at interagere jævnt. Udvikleren kan bruge informationen fra Flash Catalyst direkte i Adobe Flash Builder, et program til at tilføje ActionScript. Designeren kan derefter inkorporere ændringer i Builder tilbage til Flash Catalyst-filer.
I figuren ser du Catalyst med et eksempel på et websted designet i Photoshop og omdannet til et interaktivt websted. Du kan finde det oprindelige websted på www. tellnshow. com.
Tak til Ellen Finkelstein for tilladelse til at bruge sit websted som et eksempel.
Hvis du er en kunstner, der arbejder i Adobe Fireworks, kan du også interagere med Catalyst ved hjælp af filer, der er gemt i FXG-format. (Vælg kommandoer → Eksporter til FXG fra fyrværkeri-menuen.) Disse filer understøtter imidlertid ikke lag i øjeblikket. Hvis du vil bruge Fireworks-filer i Catalyst, er det måske nemmeste at eksportere dem til Photoshop-format for at bevare lag, før de importeres til Catalyst.
Katalysatorskærmen består af følgende:
-
Kunstplade : Ligesom scenen i Flash: hvor du gør din hoveddesign.
-
Heads-up Display (HUD) : Brug dette mørke flydende panel til nemt at konvertere objekter. Det ændres baseret på det, du vælger.
-
Værktøjspalet : Container til valgværktøjer, grundlæggende former, zoom, tekst og et rotationsværktøj.
-
Layoutpanel : Omorganiser, vis og lås lag, samt tilføj og slet lag. Den sidder under paletten Værktøjer sammen med Wireframe Components og Library.
-
Bibliotekspanel (skjult i figur): For objekter, som du planlægger at bruge mere end én gang, eller objekter, du importerer, f.eks. Billeder eller SWF-filer.
-
Wireframe Components panel (skjult i figur): Et udvalg af bruger-interface komponenter, du kan tilføje til din hjemmeside.
-
Interaktionspanel : Hvor du definerer, hvilke foranstaltninger der skal træffes for klik på klik og andre interaktioner.
-
Egenskabspanel : Indstil egenskaber for udvalgte objekter.
-
Breadcrumbs : Naviger tilbage fra at arbejde med knaptilstande (eller stater af andre komponenter) til hovedkortet. (Figuren viser kun ét brødcrumb-emne.)
-
Timelines panel : Angiv bevægelse af objekter, rotation, ændringer i uigennemsigtighed, ændring af størrelse og mere.
-
Design-Time Data Panel (skjult i figur): For applikationer, der kræver data, kan du tilføje prøvedata ved hjælp af dette panel.