Montage av bilder i Photoshop
Som jag sa igår så har fått några undringar kring bildmontagen ni ser här då och då.
Här är ett försök att förklara hur jag gör detta i Photoshop. Det kräver en viss vana sedan tidigare för att hänga med, det blir för detaljerat om jag måste ta allt från grunden, men jag hoppas att det kan bringa lite ljus i frågan i alla fall. Och ni kan ju alltid fråga om det är något särskilt ni fastnar på. Fast omedelbar support kan jag inte utlova, eftersom jag jobbar också.
Vi tar följande bild som exempel:
Bildmått
Min bild består ursprungligen av tre bilder plus en bakgrund, och jag har valt att beskära varje bild till rätt storlek innan jag monterar ihop dem. Jag använder beskärarverktyget till detta, och anger de mått jag önskar uppe i alternativraden.
Hur vet jag vilka mått jag önskar på förhand då?
I det här fallet vet jag att jag vill rymma tre bilder: en smalare på högkant, och två liggande bredvid.
I mina inlägg har bilderna alltid en total bredd på 600 px. För de liggande bilderna tycker jag i det här fallet att 400 px blir lagom på bredden. Jag börjar att beskära en av de liggande bilderna med den önskade bredden (400 px). Jag har inte angett en höjd i förväg, utan jag beskär fritt på höjden och tar reda på det måttet i efterhand genom att välja Bild→Bildstorlek. Där ser jag att höjden blev 239 px. Jag vill ha den andra liggande bilden i samma format, så vid beskärningen av den låter jag värdet för bredd stå kvar och lägger till 239 px för höjden. Som på bilden ovan.
Vid monteringen av bilderna sedan vill jag ha lite luft mellan varje bild. Jag tycker att ett utrymme om 3 pixlar är lagom. Det utrymmet kommer att ha betydelse för storleken på den stående bilden. För att ta reda på höjden för den stående bilden måste jag plussa ihop höjden på de båda liggande bilderna, samt lägga till 3 px (239+3+239). Det blir 481 px.
Bredden får jag genom att ta 600 px (den totala bredden) minus de liggande bildernas bredd (400 px) och även dra ifrån 3 pixlar för tomrum. Det blir alltså 197 px.
Det kan tyckas lite krångligt av mig att göra så här, man behöver inte beskära varje bild exakt innan man monterar, det finns andra sätt att lösa det på också. Men jag behöver min dagliga dos av hjärnträning. 
Montering
Ok. Låt säga att jag har beskurit bilderna till de rätta måtten. Nu måste jag montera dom på en bakgrund. Jag har valt en vit bakgrund och att bilderna täcker ända ut till kanten, dvs, ingen ramkant i det här fallet.
Då måste jag skapa ett nytt dokument. Arkiv→Nytt och där anger jag bredd 600 px och höjd 481 px, samt vit i rutan för bakgrundsinnehåll, och så OK såklart. Nu har vi skapat en bakgrund och det är dags att klistra in bilderna.
Gör den bild du vill börja med aktiv. Välj sedan Markera→Allt. Välj Redigera→Kopiera.
Gör bakgrunden aktiv. Välj Markera→Allt. Välj Redigera→Klistra in.
Vill man inte göra på detta sätt så går det även att helt sonika dra in bilden på bakgrunden.
Så. Nu bör din bild ligga ovanpå bakgrunden, och du kan flytta runt den dit du vill ha den med markeringsvertyget. Gör på samma sätt med de resterande bilderna.
Nu har du en bakgrund och tre lager. Är du nöjd med placeringen av bilderna så kan du för enkelhetens skull slå ihop allting till ett och samma lager. Välj Lager→Gör till ett lager.
Cirklar
Jahapp. De runda cirklarna som ligger under siffrorna då?
Börja med att skapa cirkeln. Välj Ellips och inställningarna enligt bilden.
Nu kan du dra upp en cirkel på din bild. För att den ska bli perfekt rund måste du hålla in Shift-tangenten medan du ritar upp den. Du kan flytta den dit du vill genom att använda flyttverktyget. Jag hoppas att du vet hur du väljer färg. Vill du att den ska vara något transperant som på min bild så ändrar du opaciteten här:
Du kan dra upp nya cirklar om du vill, men du kan även kopiera den befintliga, genom att ta tag i det gråmarkerade lagret som visas ovan, och dra det ner till ikonen Skapa ett nytt lager (den som ser ut som ett papper med uppvikt flik, bredvid soptunnan). Då kommer du att få ett nytt lager med samma innehåll, dvs ytterligare en cirkel. Du ser i lagerpaletten att det har skapats ett nytt lager som nu har ändelsen kopia.
Men tittar du på din bild med cirkeln syns det kanske inte direkt att du har fått dubbelt upp. Det beror på att dom ligger exakt ovanför varandra. Använd flyttverktyget och dra i cirkeln så kommer du att se att du har två stycken. Upprepa på samma sätt om du vill ha fler.
Siffror
Så, nu borde allt vara klart för att lägga till siffrorna. Det vet du säkert hur man gör, så det beskriver jag inte.
Uppmärksamma läsare har kanske sett att bildens ytterhörn är rundande. Där har jag tagit hjälp av ett funktionsmakro som jag har laddat hem. Men det kära vänner, är en helt annan historia.
Det ska bli spännande att höra om någon fattade något?
2009-10-13, 12:14 | Photoshop
Maria 2009-10-13 kl 13:12 #
Hejhej, jättebra förklaring, men hur grejar du till hörnen?? Ett annat sätt att flytta en bild till ett annat dokument är väl att göra bilden aktiv och sen dra bilden till det nya dokumentet genom att använda den lilla svarta pilen men kryss i kanten? Eller tänker jag alldeles tokigt nu??
sara svarar: nej, du tänker inte alls tokigt. Det var precis så jag menade när jag skrev att man även kunde dra in bilden på bakgrunden. Fast du beskrev det bättre.
ragnhild 2009-10-13 kl 16:10 #
så flink du er med photoshop!
Retro Elephant 2009-10-13 kl 16:49 #
Jag tycker beskrivningen var bra, lite förvirrande med alla superexakta mått, men annars mycket bra. Nu vet jag vart jag skall länka alla som frågar mig hur man gör dessa bildkollage
Tack för en fin beskrivning!
//Lina
sara svarar: ja, visst var det onödigt mycket siffror?
Camilla(s nya hem) 2009-10-13 kl 18:12 #
Oj, vilken bra förklaring! Tack!
Linda 2009-10-13 kl 19:26 #
Jag tror jag förstod. :-)
Ska testa detta nästa gång jag sitter framför datorn och har lite tid över att mixtra i photoshop. Med små barn så är tiden knapp men jag hoppas…
Kram
Little Miss Splendid 2009-10-13 kl 20:12 #
Kul! Jag har pysslat lite med photoshop så just detta hade jag koll på, men jag hoppas på fler tutorials för du gör en massa som jag inte har en aning om hur man får till!
Christina 2009-10-13 kl 20:13 #
Undrar också hur du får till de runda hörnen?
Elenore 2009-10-13 kl 20:47 #
Hörnen är jag också nyfiken på
Petra 2009-10-13 kl 21:05 #
Hangde med jattebra, men det jag var mest intresserad av var ju just de rundade hornen! Sa nu vantar jag pa den historien ;-)
Cel'Dara 2009-10-13 kl 22:00 #
Det var ju just dom rundade hörnorna som jag var nyfiken på! Hehe! ;-)
Var kan man ladda ner det där funktionsmakrot, minns du det? :-)
sara svarar: jajamän, här är tjejen med koll! Länken är denna: http://www.kimlemon.se/rundade-horn-i-photoshop/
Cornelia - Mitt Hem & Min Trädgård 2009-10-13 kl 22:43 #
En liknande utbildning körde jag för min svägerska i helgen :-)
Om hon glömmer nåt ska jag tipsa henne om din guide här :-)
saravillfara 2009-10-14 kl 0:07 #
Jaså, det var de rundade hörnen ni ville åt?
Det kan jag gott förstå, jag måste kanske göra en guide enbart för dom då? Det får bli lite senare.
Till er som redan vet hur man laddar hem och använder ett macro/action, här har ni länken: http://www.kimlemon.se/rundade-horn-i-photoshop/
hemmabloggaren 2009-10-14 kl 10:36 #
Klart som korvspa, däremot är jag extremt nyfiken på vilka actions du kör på bilderna. Hoppas att du har tid att ge oss några tips på de du använder.
Blir alltid lika lycklig när jag klickar in hos dig, bara så du vet
sara svarar: kanske det kan bli ett tipsinlägg om bra actions senare?
Maria 2009-10-15 kl 21:38 #
Jättebra förklaring! Har alltid undrat hur du och andra bloggare har gjort det. Provade nu och klarade på första försök:-)
Hänger med vidare och ser om det kommer flera tutorials.
sara svarar: perfekt att det funkade. Tack för feedback!
Maria 2009-10-19 kl 9:58 #
Här är en bra förklaring på hur man gör runda hörn.
http://www.photoshopessentials.com/photo-effects/rounded-corners/
sara svarar: tack för tipset!