slide show

Photoshopguide nr 1 - Hur man gör ett skrivbordscollage

När min egen "Photoshop-guru" Eddie är i nån Österikisk ort som låter som en nysning
och pumpar puder så har jag inget val, jag får Photoshoptipsa själv...

Hur man gör ett "skrivbords-collage"


Här kommer en guide som förklarar hur du gör ett snyggt collage som ser ut som
ett skrivbord med vars hjälp du kan "hotta" upp och variera dina
inlägg. Det är inget nybörjartips, det förutsätter att du har
Photoshop och att du kan ladda in penslar och mönster
tex. Men jag kommer att förklara så tydligt jag kan.

Innan vi sätter igång med själva guiden så är det några saker som du behöver
ladda hem och installera.

1. Pensel - Skrynkligt papper
2. Pensel - Kaffefläckar
3. Mönster - Randigt papper
4. Photoshopbild - Kaffekopp
5. PNG-bild iPhone - Leta upp "Macs" och ladda ner
den som heter "PNG.zip" på slutet
6. Photoshopbild - Blyertspenna

Här förklaras hur du installerar penslar i Photoshop och här förklaras
hur du laddar in mönster.

Så, om du har laddat ner detta och installerat det så är det dags att sätta igång med det roliga!

  • Öppna en ny bild med måtten 600x600 pixlar i Photoshop, vit bakgrund.

  • Skapa en nytt tomt lager, med genomskinlig bakgrund.

  • Aktivera det rektangulära markeringsverktyget...


  • ...och rita upp en rektangel.

  • Fyll den med vit färg genom att använda "Färgpytsen", se
    till att du har valt vit färg som förgrundsfärg.


  • Nu högerklickar du på lagret och väljer "Blending Options".


  • Välj "Drop shadow" och gör inställningar enligt bilden nedan.

  • Skuggan ska se ut ungefär så här om du gjort rätt.
  • "Ctrl-klicka" på lagret så att det markeras.


  • Nu ska du börja använda de nerladdade sakerna, du startar med det randiga pappret.
    Välj "Färgpytsen" igen och klicka på "Pattern picker", se bild.

  • Välj det gula pappret.

  • Sedan klickar du inuti din markering med "Färgpytsen" och
    förhoppningsvis så ser det då ut så här.

  • För att ge pappret lite mera "liv" så ska du nu använda penseln
    som ger en "skynkligtpapper-effekt". Men först ska du välja
    en färg som ska ge rätt effekt. En lite mörkare gul
    kommer att passa bra.


  • Välj penselverktyget och leta upp den penseln som heter "paper_by_darkmercy".

  • Jag väljer det ljusaste pappret men testa gärna något av de andra.


  • Eftersom du fortfarande har pappersytan markerad så är det nu bara att
    klicka inuti markeringen. Det här kan man få göra om några
    gånger för att få till det. Nånting liknande bilden här
    under borde du ha fått till nu.
  • Avmarkera...och nu en liten finess, högerklicka på effektlagret
    för skuggan och välj "Create layer".


  • Nu ska det se ut så här.


  • Markera "skugglagret" och tryck "Ctrl + T"
    Nu har du hamnat i läget "Free Transform" och där kan man
    ha mycket kul. Nu ska du högerklicka inuti markeringen
    i bilden och välja "Warp".


  • Det du ska göra nu är att skapa en illusion av att pappret böjer sig
    lite uppåt och det får du till genom att dra försiktigt i
    hörnhantagen. Ta inte i för mycket, då ser det
    bara konstigt ut.

  • När det är klart så ska det se ut ungefär så här.

  • Är skuggan för markerad så kan du sänka opaciteten
    på skugglagret för att få den lite mjukare.


  • Nu ska vi gruppera de båda lagren med pappret och skuggan
    för att kunna vrida dem. Klicka på lagret med
    pappret och Ctrl-klicka på skugglagret.
    Då ser det ut så här.

  • Sedan klickar du Ctrl + G och där har du din grupp!


  • Nu ska du vrida pappret med hjälp av "Free transform" igen. Markera
    gruppen och tryck "Ctrl+T" Nu kan du vrida "pappret" med hjälp
    av hörnmarkeringarna och flytta genom att klicka och
    dra inuti markeringen.

  • Vrid den så att den ser ut ungefär så här.
  • Nu ska du lägga till de andra objekten, kaffekopp, penna, Iphone och
    inte minst viktigt, kaffefläckar :-D Vi börjar med koppen.
    Öppna bilden, expandera gruppen "Item and brush"
    och markera lagret som heter "Wartzwa 5".


  • Se till att du ser både din collagebild och bilden på koppen.
    I CS4 ser det ut så här där du väljer hur många
    bilder du vill se samtidigt.


  • Nu klickar du i det markerade lagret, drar det över till din
    collagebild och släpper det.


  • Justera storleken på koppen genom att trycka Ctrl + T (Se till att
    koppens lager är markerat. Nu kan du minska koppen lite
    genom att Shift-klicka, ta tag i ett hörn och dra mot
    mitten. Om du inte använder Shift när du ändrar
    storleken så riskerar du att förvränga koppen.

  • Koppen har redan en skugga som funkar så den behöver vi inte ändra.
    Då är det dags för kaffefläckarna. Skapa ett nytt lager som du
    lägger ovanför bakgrundslagret. För att hålla lite ordning
    så är det dags att namnge lagren så att du vet
    vad som är vad. Byter namn gör du genom
    att dubbelklicka på lagernamnet och
    sedan skriva. Döp lagren
    enligt bilden.


  • Nu väljer du penselverktyget, och letar upp penseln som heter "Coffee_Stains_Eliseos"


  • Innan vi använder den ska vi välja en färg som ger en realistisk
    kaffefläck. Välj "Pipetten" och klicka någonstans mitt i
    kaffekoppen för att hitta en bra färg.


  • Se till att lagret "Kaffefläckar" är markerat, välj en pensel som du
    gillar, justera storleken (de är ganska stora) och klicka i bilden
    där du vill ha dem. Detta är också ett moment som oftast
    kräver några "omtagningar" för att bli bra. Genom att
    klicka flera gånger på samma ställe så får du en
    kraftigare fläck. Övning ger färdighet!


  • Då är det dags för pennan. Öppna bilden, avmarkera de två
    översta lagren och markera det tredje.


  • Nu ska vi ta bort texten som ligger under pennan, markera det rektangulära
    markeringsverktyget och dra en ram runt texten, använd sedan
    "Ctrl + X".  Dra sedan lagret med pennan till din "Collagebild"


  • Som du ser så är pennan alldeles för stor men med hjälp av "Free Transform"
    så minskar du den och placerar den där du vill ha den i bilden.


  • Nu behöver vi lägga på en skugga för att den ska passa in i resten. Högerklicka
    på lagret, välj "Blending Options" och gör inställningarna enligt bilden.


  • Nu är det dags för I-phonen, öppna bilden, dra den till ditt collage på samma
    sätt som du gjort tidigare. Justera storleken (glöm ej att hålla ner Shift när
    du gör det) och lägg på en skugga. Jag tycker att den ser lite "hård"
    ut så jag drar ner opaciteten på lagret till 90%.

  • Nu börjar du närma dig slutet, har du hängt med så här långt så har du
    ett collage med sex lager och för att snygga till det så kan du
    namnge penn-lagret och I-phone-lagret också.


  • Då är det bara texten kvar, se till att du markerat ett lager ovanför
    papperslagren så att inte texten hamnar under pappret.
    Du behöver inte skapa ett ny lager då detta görs
    automatiskt när du aktiverar textverktyget.
    Innan du börjar skriva så väljer du en
    blyertsgrå färg.


  • För att få rätt effekt är det bra om du väljer ett teckensnitt som ser
    handskrivet ut, för det här exemplet använde jag "Rage Italic".
    Eftersom pappret ligger på sniskan så måste vi även
    snedställa texten för att det ska stämma. Du
    använder "Free Transform" även
    denna gång.

  • Att få texten att passa in på raderna är kanske överkurs men om du har tålamod så
    går även det. Textstorlek och radavstånd är två värden som du kan laborera med.


  • Då är du nästan klar, en sista knorr bara. För att få texten att se extra
    handskriven ut så ska vi lägga på en liten extra finess. Med hjälp
    av verktyget som heter "Smudge Tool/Smeta ut" kan du göra
    så att texten ser "utsmetad" ut.


  • Se till att textlagret är markerat, välj "Smudge Tool/Smeta ut", klicka i bilden och välj
    "Ok" i dialogrutan som kommer upp. (OBS, du kan inte ändra texten när du gjort
    detta så se till att du skrivit klart och bestämt vad som ska stå). Nu kan du
    testa att smeta ut texten på ett par ställen, lagom är bäst även här.


  • Då är du klar, du har gjort ett collage, använt penslar, mönster och bilder. Lagt på
    skuggor och vridit och vänt på det mesta. Det kanske inte blev exakt som du
    tänkt dig men när du har tränat några gånger så kommer du att märka
    att det blir bättre och bättre för varje gång.


Lycka till och berätta gärna om du gjort ett eget collage!
Signatur

Emelie - EmeliesPlace

coolt :D

2010-01-13 @ 18:34:15
URL: http://emeliesplace.blogg.se/
Jasmine

Hejsan!

Vad har du för textsnitt där?

Hittade inget lika fint :P

Jättebra tips!

Tack :D

2010-01-13 @ 21:08:17
URL: http://essatjej.blogg.se/
Johanna S

Hejsan! Riktigt snyggt kollage må jag säga (: Men jag laddade ner skrynkligt-papper penseln, och det är ju en ABR-fil.. Min dator verkar inte förstå den filen för det står "okänt program" och när jag lagt in den i Brushes i photoshop mappen, så syns ingenting när jag ska ladda in den i photoshop.. Alltså mappen är tom.. Vad kan det bero på?



Dock så har jag inte äkta photoshop för tillfället, har laddat ner det från internet.. Kan det vara det som är problemet?



Kram J

2010-01-13 @ 21:15:21
URL: http://yoowfoto.blogg.se/
Jasmine

Ville bara visa hur mitt Collage blev :D

hade en dator ist för en Iphone menmen ;D

Tack för tipset :)

Hoppas på mer liknande för detta är kul, vet förstos inte om det är så kul och göra...?

2010-01-13 @ 21:36:01
URL: http://essatjej.blogg.se/
Jasmine

Oj glömde skicka länk:

http://essatjej.blogg.se/2010/january/hejsan.html#comment

2010-01-13 @ 21:37:24
URL: http://essatjej.blogg.se/
Eddie

Ischgl Susanne, inte Atjoo. Jodå det har pumpats för fulla muggar.

Läste hastigt genom tipset. Överskådligt och bra!

2010-01-16 @ 19:28:33
Klarizz

Vilket bra tips :) Jag följde tipset från början till slut men jag har photoshop elements så jag fick det lite till krånglat, men blev ändå nöjd med resultatet:



http://forevercrazy.blogg.se/2010/january/pse.html#comment

2010-01-17 @ 11:53:38
URL: http://forevercrazy.blogg.se/
Theréz

Jättefint :D måste prova det!

2010-01-17 @ 14:44:10
URL: http://therez.blogg.se/
emelie

Väldigt bra beskrivning men det är en sak som hela tiden blev fel och det vr kaffekoppen, den var jätteliten så när jag förstora den blev det jättefullt då man såg alla punkter, eller pixlar snarare

2010-05-15 @ 13:53:22
URL: http://emelievicktoria.blogg.se/
Junitjej

Detta måste jag pröva!

2010-10-22 @ 21:17:28
URL: http://junitjejen.se
Junitjej

Men hur gör jag med ABR-filerna? Jag kan inte ladda in de som penslar.

2010-10-23 @ 18:06:39
URL: http://junitjejen.se
Junitjej

Just brushes kan jag ladda in, men iPhonebilden och penna lyckas jag inte med.

2010-10-23 @ 19:06:05
URL: http://junitjejen.se
Junitjej

Min kaffekopp har spillt kaffe, penna, pennvässare och ett papper med i samma png-bild.

2010-10-23 @ 19:12:06
URL: http://junitjejen.se
Junitjej

Tack för din beskrivning! Jag lyckades tills slut: http://junitjejen.se/skapa-med-photoshop/

2010-10-23 @ 21:38:39
URL: http://junitjejen.se
Sigrid

Heej!

Jäätte bra tips verkligen:D Jag har bara en fråga om villken slags text du har! Hittar ingen lika bra som den du ahr där, skulle bli jätte tacksam för svar!!



Kram

2011-01-01 @ 21:58:30
URL: http://siggaahh.bloggplatsen.se
sigrid

Tack så myckeet!:D

2011-01-01 @ 22:08:33
URL: http://siggaahh.bloggplatsen.se

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:


bloglovin
Follow SusanneKastbom on Twitter