Globale linker

Oppgaver

  1. Det finnes kakeoppskrifter for hvordan man lager "Aqua"-knapper ved hjelp av Photoshop på webbenI. Å lage det samme med Illustrator er like lett, om ikke enklere.
  2. Start ved å velge ROUNDED RECTANGLE tool.
  3. Klikk én gang i arbeidsområdet for å få fram "Rounded Rectangle Dialog box". Legg inn tallene som vist på illustrasjonen. Pass på at det står "px" bak hvert tall. PX står for pixler og er måleenheten vi bruker for web.
  4. Pass på at knappen er markert. Få fram GRADIENT (F9) paletten. Bruk "Linear" som Type, med en "Angle" på 90 grader.
  5. Bruk WEB paletten, som du finner under WINDOW > SWATCH LIBRARIES > WEB, ta tak i en mørk blå farge og dra og slipp den over den høyre fargestopperen.
  6. Nå skal vi lage den litt lysere øvre delen av knappen. Dobbeltklikk på SCALE (S) tool for å få fram SCALE dialogboksen. Skaler 80% under Uniform og klikk på COPY knappen.
  7. Bruk SCISSORS (C) tool til å klippe over path'en ved venstre og høyre ankerpunkt. Velg SELECT (V) tool, marker den nederste delen av den nedskalerte knappen og slett den.
  8. Bruk PEN (P) tool og forbind nedre venstre og høyre ankerpunkter i den halverte knappen.
  9. Pass på at du nå har den nye halve knappen markert. Sett så tilbake til standard farger (hvit fyll og svart strek) enten ved å trykke "D" eller ved å klikke på DEFAULT colors knappen.
  10. Sett strekfargen til "ingenting" ved å trykke "/" eller ved å klikke på NOTHING knappen.
  11. Få fram TRANSPARENCY (SHIFT + F10) paletten og sett OPACITY til 90%.
  12. Stadig med den "indre knappen" markert, velgl EFFECTS > SVG FILTERS > AI_GAUSSIAN BLUR4 for å myke opp det høylyse.
  13. Velg EFFECTS > STYLIZE > DROP SHADOW og bruk innstillingene i eksempelet, eller finn på dine egne. Marker begge knappene ved å dra en markering over begge med SELECT (V) tool, grupper ved å trykke CTRL+G eller velge Object > Group.
    Da gjenstår det bare å legge på valgfri tekst.