Hvordan lage knapper i CS4

Adobe Creative Suite CS4 er en kraftig pakke av grafiske, fotografiske og Web-redigering programmer som kan være nyttig for alle fra amatørfotografer til profesjonelle web-designere. Mange Web og Web 2.0-design benytter grafiske knapper som hjelper nettlesere navigere seg rundt nettsteder. CS4 inneholder programmer som vil hjelpe deg gjennom prosessen med å lage disse knappene, fra det visuelle designfasen hele veien til å legge til interaktive egenskaper og animasjon.

Bruksanvisning

1 Den raskeste måten å lage den visuelle delen av knappen i CS4 er å bruke en kombinasjon av Photoshop form verktøy, tekstverktøy og lag stil effekter for å skape en knapp fra bunnen av. Photoshop CS4 selv kommer med en gruppe av knapp og glass knappen lagstiler som kan forvandle en enkel formlag i en tredimensjonal knapp med et enkelt museklikk. For å få tilgang til disse lagstiler, velg "Window> Styles" fra menylinjen, og velg «Knapper", "Glass Buttons" eller "Web Styles" fra fly-out menyen i øvre høyre hjørne av "Styles" palett. Du kan justere farger eller tilpasse omfanget av anvendt stil effekter ved å åpne "Layers" palett og dobbeltklikke på den effekten du ønsker å endre. Du kan også bruke alternativet "Lagre for Web" for å bruke HTML eiendommer til knappen.

2 Lag din knapp i Illustrator, også ved hjelp av en kombinasjon av programmets form verktøy og spesielle fyllalternativer, for eksempel gradient fyll. Hvor Photoshop er en raskere program, Illustrator kunst laget som en vektor, slik at du kan endre størrelsen på knappen opp eller ned uten at det påvirker kvaliteten. Illustrator tilbyr også et bredt utvalg av tekst- og transformasjon effekter som du kan bruke på dine knapper. Som i Photoshop, kan Illustrator deg å anvende grunnleggende HTML-egenskaper til arbeidet med "Save for Web" grensesnitt.

3 Konvertere et bilde, form eller tekstobjekt opprettet i eller importert til InDesign inn en knapp med programmets "Konverter til Button" funksjon. Selv InDesign tilbyr færre effekter og stil alternativer enn andre CS4-programmer, funksjonen "Konverter til Button" overgår både Photoshop og Illustrator i slik at du enkelt kan utpeke roll og mus-off transformasjoner for knapp, og gir et enkelt grensesnitt for å legge til interaktive egenskaper. For å lage en knapp i InDesign, sted eller opprette et objekt på layouten, velger du den med "Selection Tool", og velg "Objekt> Interaktiv> Konverter til Button." En dialogboks vil da åpne, blir bedt om å velge dine interaktive preferanser for knappen.

4 Legg animasjon og ytterligere interaktive mulighetene til knappen din ved hjelp av Flash. Flash inkluderer animerte knappen maler som bidrar til å gi deg et rammeverk for hvordan knappen vil fungere når den er på nettet. Som InDesign, er Flash ikke det beste programmet som å designe din knapp fra bunnen av, men det er det beste programmet i CS4 til å importere en tidligere designet knappen for å legge til interaktive elementer til det. Velg ett av knappen maler fra velkomstskjermen, og velg "Fil> Importer> Importer til Stage" for å få inn en knapp utformet i en av CS4 øvrige programmer. Du kan justere knappen etter behov ved hjelp av Flash Verktøy Panel til høyre i programvinduet. Bruk verktøyene i programmets Tidslinje og Motion Editor faner nederst i programvinduet for å lage animasjons handlinger for knapp.