Photoshopskolan Skriv ut sidan skriv ut»

Punktlinjer (5/5.5)

Rita Linjer med Photoshops verktyg Penna och Pensel. Punktlinjer som är användbara tex på din webbsida.

Är du osäker på grunderna i Photoshop kan du gå igenom grundövningarna först.

 

Linjer med Pensel eller Penna

  1. Skapa ett nytt Lager att rita Linjen i. OBS! Viktigt att du ritar i ett nytt Transparent Lager annars kan du inte flytta eller byta färg på din Linje:

  2. Använd verktygen "Pensel" (Paintbrush) eller "Penna" (Pen tool) för att rita din punktlinje.

    Skillnaden mellan de verktygen är att Pennan inte använder Kantutjämning (Anti aliasing) och därför ger ett distinktare inryck i små storlekar medan Penselns prickar gärna ser suddiga ut pga Kantutjämningen.

    Klicka på Penseln och titta på paletten "Penslar" (Brushes) och gör sedan samma sak med Pennan:

         
  3. Innan du ritar måste du också se till att det inte blir en heldragen linje. Det gör du genom att dubbelklicka på den penselform du tänker använda och ange det förinställda avståndet som penseln målar med.

    Standardavståndet är 25% men om du anger ett avstånd över 100% så får du ett mellanrum mellan penselformerna vid målning/ritning.

    Om du tex anger avståndet 200% så är avståndet mellan penselformerna vid ritning lika stort som själva penseln:



    Här är några exempel på hur Punktlinjerna kan se ut med olika avstånd i Penselformen och med olika tjocklekar på linjer. Punktlinjerna är ritade med verktyget "Penna" (Pen tool):



    Prova nu själv att rita linjer med Pennan eller Penseln. Dubbelklicka på penselformen/storleken du vill ha och ställ in Avståndet till ett värde mellan 100-999%.

    OBS! Håll SHIFT-tangenten intryckt när du ritar så får du raka fina linjer!
 

Skapa en pensel i egen storlek

Standardpenslarna är i storlek från 1 pixel, 3 pixlar, 5 pixlar osv. Om du vill ha en Punktlinje som är 2 pixlar så måste du skapa en ny pensel.

  1. Klicka först på den penselform/storlek som är närmast i utseende. I exemplet nedan klickar vi på den minsta penselformen, 1 pixel:

  2. Välj sedan menyn "Ny pensel" (New brush).

  3. Ange din egen storlek. I exemplet nedan har vi gjort en ny pensel med storleken 2 pixlar. OBS! Alla nya penslar hamnar längst ned i paletten:



    Här är några fler exempel ritade med både Pennan och Penseln:

 

Spara Punktlinjen för användning på webbsidan

När du spar en Punktlinje för att använda på din HTML/webbsida så kan du spara den exakt så lång som den ska vara. Ett annat alternativ är att spara den i flera versioner, tex en som består av 5 punkter en annan som består av 10 punkter osv. Då kan du helt enkelt använda 10 st 10 punkters linjer om du vill ha en 100 punkters linje!

Klicka här för att se exempel! »

  1. I det här exemplet spar vi en 1 pixel bred Punktlinje i längder om 5 st punkter. Så här ser Punktlinjen ut innan vi beskär den:

  2. Zooma först in ditt dokument ordentligt. I exemplet har vi zoomat till 1600% med snabbkommandot CTRL+PLUS upprepade gånger:

  3. Beskär dokumentet med verktyget "Beskärning" (Crop) så att du har exakt så många punkter du vill ha och lägg till mellanrummet till nästa punkt:

  4. Bekräfta beskärningen med ENTER-tangenten. (Om du av någon anledning ångrar dig när du håller på att beskära en bild kan du avbryta med ESCAPE-tangenten)

  5. Zooma ut bilden till 100% med snabbkommando CTRL+ALT+0 eller CTRL+ALT+MINUS upprepade gånger, så ser du hur stor (eller liten!) din Punktlinje blir:

  6. Spara bilden som GIF med transparent bakgrund.

Vill du rita vanliga heldragna Linjer kan du titta på guiden "Linjer" »