Nyeste it-job

Lav polkaprikker med Photoshop

af Jonas Astrup, HTML.dk
Sidst opdateret 3. juni 2001

I denne artikel handler det om at lave smarte polkaprikker, som du kan bruge i dit webdesign.

Det du skal lære er at lave et billede med polkaprikket baggrund og en tekst ovenpå - sådan her:

Tekst med polkaprikket baggrund

Sådan laves polkaprikkerne:

  1. Det første du skal gøre er at lave et nyt billede på f.eks. 300 x 300 pixels. [File => New => Definér højde og bredde => OK]

    Billede

  2. Derefter laver du en ny channel (Alpha 1) [Channels => Create new channel]

    Billede

  3. Markér en rektangulær firkant

    Billede

  4. Fyld den med farven hvid, og deselect markeringen [Select => Deselect]

    Billede

  5. Blur billedet med Gaussian Blur (20px) [Filter => Blur => Gaussian Blur]

    Billede

  6. Brug filtret "Twirl" til at frembringe formen på vores polkaprikker [Filter => Distort => Twirl]

    Billede

  7. For at lave prikkerne bruges filtret "Color Halftone" [Filter => Pixelate => Color Halftone]

    Billede

  8. Skift til RGB Channel - billedet bliver ensfarvet

    Billede

  9. Giv billedet en fyld farve du godt kan lide

    Billede

  10. Gør sådan her: [Select => Load Selection... => Alpha 1]

    Billede

  11. Vælg en lysere nuance af farven, og fyld den ind i prikkerne

    Billede

  12. Deselect markeringen - og voila!

    Billede

Sådan laves teksten:

  1. Skift til Layers, og skriv så din tekst

    Skriv din tekst

  2. Gør sådan her: [Select => Load Selection... => OK]

  3. Og derefter sådan her: [Layer => Type => Render Layer]

  4. Skift forgrundsfarven til sort, og vælg derefter [Edit => Stroke] sæt tykkelsen til 2px, og Location til outside

    Skriv din tekst

  5. Skift forgrundsfarven til hvid, og vælg derefter igen [Edit => Stroke] sæt denne gang tykkelsen til 1px, og Location igen til outside

    Skriv din tekst

  6. Læg en drop shadow på teksten: [Layer => Effects => Drop Shadow => OK] - og dermed er billedet færdigt:

    Skriv din tekst



Nyhedsbrev
Tilmeld dig HTML.dk's nyhedsbrev


Er du jobsøgende?

 Ja
 Nej
Se det foreløbige resultat når du har stemt!


Se tidligere afstemninger

 Community
Brugernavn

Adgangskode

Husk

 *  Bliv medlem her
 *  Glemt password?


Om HTML.dk | Oplysninger om ophavsret | Politik om persondata | Annoncer på HTML.dk | RSS

Valid XHTML 1.1! Valid CSS! Powered by Scannet