Till Startsidan Läs Photoshoptips Se vanliga frågor (FAQ) Ladda ner nyttiga saker Läs om Devello

Skära upp en bild för HTML

Photoshopversion: CS  |  Område: Avancerat


Ibland kan det vara bra att kunna klippa upp en bild i flera delar. Det kan vara bra när man till exempel vill använda Javascript eller delar av en bild i ramar.

Börja med att tillverka den bild du vill dela upp. Se till att du gjort bilden till ett lager. Kom ihåg att spara ett orginal först i PSD-formatet så att du kan öppna bilden med lager om något skulle gå fel. Det spelar ingen roll om du gör följande i RGB eller dekorfärgsläge.

Figuren? Se Runda Hörn och 3D-effekt.

Ta sedan fram dina linjaler genom att välja VIEW > RULERS (CTRL+R). Se också till att du valt VIEW > SNAP.

Sätt sedan markören på linjalerna och dra ut både lodräta och vågräta stödlinjer (Guides). Placera stödlinjerna där du vill skära upp bilden.

Vill du flytta dina stödlinjer så använder du flyttaverktyget eller håller nere CTRL-tangenten. Vill du ta bort en eller flera stödlinjer drar du dem bara tillbaka till linjalerna.



När du gjort detta markerar du, med en markeringsram, det område du först vill klippa ut. Maximera gärna bilden först så att du får möjlighet att börja din markering utanför själva bilden, du är då säker på att få med hela området.

Låt din markering "fästa" mot stödlinjerna. Markeringen fäster mot stödlinjen om du kommer inom åtta pixlar från den. När du markerat det första området klipper du ut via EDIT > CUT (CTRL+X).

Skapa sedan en ny bild. Storleken på bilden följer det som finns i urklipp så det behöver du inte bry dig om. Klistra sedan in i den nya bilden.

Gå tillbaka till din "klippbild" och markera nästa område. Klipp ut det och klistra in det i en ny bild. Spara sedan dina nya bilder och du är redo att infoga dem i en tabell eller i ramar.