Arkiv för ‘Photoshopguider’

Nu så här till vintern och julen.. vad passar bättre än att kunna göra egen snö i Photoshop?
Jag visar hur jag gör på en text, men man kan givetvis göra detta på bilder/ramar också.

Man kan naturligtvis göra detta på flera sätt. Men detta är hur jag gör det.

Klicka på bilderna för att se i större format!

.

1. Börja med att skapa ett nytt textlager.

.

2. Skapa ett nytt tomt lager och välj sedan en pensel i vit färg, 1 px stor.

.

3. Rita.

.

4. Rita vidare på alla bokstäver.

.

5. Högerklicka > Blending Options…

.

6. Fixa till skuggningar på snön.

.

7. Fixa till ”stroke” på snön för att få ihop en helhet.

.

Slutresultatet:

Jag har fått en del frågor om hur jag får klara bilder som jag sparar i photoshop. Och jag ser även i min statistik att folk har sökt på det och kommit till min blogg. Jag skrev om olika bildformat för länge sedan, men det hittar jag inte just nu. Så jag tänkte tipsa lite om hur man får fina bilder, även när man sparat ner dem.

- – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – -

När man pillar i photoshop (detta gäller faktiskt även i paint) och fixar till en riktigt snygg bild så kan det oftast bli så kan bilden bli lite förstörd om man sparar den i JPEG/JPG. Det blir lite ”grynigare” eller ”pixligare” om man säger så.

Klicka på bilderna för större format.

Och när man använder bilder till webben så vill man ju kanske ha klara och fina bilder, men så små som möjligt. Då finns alternativet i photoshop ”save for web & devices…” (svenska: ”spara för webb” eller dylikt). Där kan man faktiskt få ett bra resultat även med JPEG/JPG om man väljer JPEG high (high i detta sammanhang betyder ”high quality” = hög kvalitet)

• Större bakgrunder sparar jag som JPEG high (eftersom det tar mindre plats och laddas snabbare)
• Headers, små bilder & färdiga foton sparar jag som PNG (eftersom det inte förstör bilden alls)

Labbar man lite i ”save for web & devices…” så ser man skillnaderna mellan de olika formaten. Men ska man ladda upp bilder till webben (till en hemsida eller blogg) så får man oftast ett bättre resultat med PNG (om det inte är jättestora bilder då det kan ta mycket långt tid att ladda).

På denna bild ser man tydligt vilken kvalitetsskillnad det blir.

I Paint kan du helt enkelt bara ta ”spara som” och välja PNG i rullgardinslisten under där du döper din bild.

Några frågor?

För att förstå vad som händer med bilderna när man sparar dem kan du läsa mer om det på Wikipedia.

Vill du läsa mer om PNG?
Vill du läsa mer om JPEG?

Sofie skrev ett inlägg om att hur man kan få till det där lilla extra i sina bilder på bara ett ögonblick, så jag blev inspirerad  till att skriva lite hur jag gör. Jag råkade skriva en mini-uppsatts i en kommentar till henne tror jag så jag får gå på det som jag skrev till henne :) Det kommer att finnas före och efterbilder. Och alla de värdena jag använder mig av nu är inte alls säkert att det blir bra på era bilder. Jag rekommenderar att bara testa dig fram :)

När jag började använda Photoshop (i Januari 2008) så vet jag att jag använde mig av: ”Image > Adjustments > Brightness/Contrast…” Vilket är en väldigt enkel metod för att få bilderna att få lite mer liv. (Jag såg nu att bilderna blev mycket överdrivna på Kalles skärm, men här är de okej.. även att jag försökte göra dem lite överdrivna. Aja, I proved my point.)

Oredigerad

Brightness: -54 / Contrast: +89

En annan metod för detta är: ”Image > Adjustments > Exposure”. Det använder jag mig utav hela tiden och jag älskar verkligen att man kan sitta och pilla och göra precis så som man tycker är bra :) Det finns tre ”knappar” som man kan pilla på, vilka är: Exposure, Offset & Gamma Correction.

Oredigerad

Exposure: +0,20 / Offset: -0,0221 / Gamma Correction: 0,81

Och det sista jag brukar använda mig av är: ”Image > Adjustments > Curves…”. Där kan man också göra dessa små inställningar, men också ändra bildens ”känsla”. Man kan lägga till lite mer rött i en bild för att den ska bli varmare och blått om den ska bli kallare. Här kommer jag även att visa en ”varm” och en ”kall” bild.

Här finns det dock flera olika grejer att hålla reda på, men det är inte svårt. Man kan ändra färgerna i sin ”helhet”, det kallas RGB (vilket står för RED, GREEN, BLUE). De är oftast de färgerna man jobbar med när man jobbar med foton (har jag fått lära mig i alla fall). Sedan kan man ändra det röda, det gröna och det blåa var för sig och det kommer jag att göra nu. Det finns två olika värden som man kan ha koll på: Input & Output.

Oredigerad

VARM BILD

RGB – Input: 188 / Output: 173

RED – Input: 12 / Output: 15

GREEN - Input: 127 / Output: 121

BLUE – Input: 143 / Output: 123

KALL BILD

RGB – Input: 134 / Output: 123

RED – Input: 238 / Output: 235

GREEN - Input: 131 / Output: 135

BLUE – Input: 91 / Output: 119

Hoppas att det var en liten inspiration till att börja leka med era bilder på ett väldigt enkelt sätt. Som sagt så är det bara att testa sig fram.. jag har lärt mig precis på det viset. Och om ni använder detta kan ni ju om ni vill visa vad ni gjort med era bilder :) Och har ni frågor så är det bara att fråga.. jag ska försöka att svara så gott jag kan!

Jag rekommenderar en högupplöst bild för att du ska kunna se vad du gör. (Detta rekommenderas inte för små mobilbilder.. men det är ju upp till dig). Och detta är guider över hur jag gör, jag vet att det finns olika tillvägagångssätt, men detta är hur jag gör.

Klicka på bilderna för att se dem i större format

Det är jobbigt (speciellt på en blogg) att få alla bilder att smälta in utan att behöva ändra dem om man byter bakgrundsfärg på bloggen. Då får man sitta och ändra bakgrundsfärgen eller bakgrundsbilden för varje gång. Jag har kommit på ett sätt att lösa det problemet (helt själv faktiskt).

——————————————————————————————-

1. Gör en bild (t ex. denna på Robert Pattinson jag precis satte ihop). Man börjar med en vit eller den färgen man har som bakgrund på bloggen/hemsidan/whatever.

2. Högerklicka på bakgrundslagret (background) och klicka på ”Delete” (Troligtvis ”Radera” på svenska).

3. Då ska det se ut ungefär så här:

4. Gå upp i menyn och klicka på ”Save as…” och spara din bild först som en .PSD-fil. (Det är alltid bra att spara bilder i photoshops egna format då man kan gå in i den filen och ändra saker om man vill, jag sparar alltid mina bilder två gånger. En som .PSD och en som .PNG). Sedan klickar du på ”Save for Web & Devices…” (”Spara för webben” på svenska).

5. Innan du klickar på den stora ”Save” (respektive ”Spara” på svenska) så måste du se till att ”Transparency” (Troligtvis ”genomskinlighet” eller dyl på svenska) är ibockad och att du sparar i filformatet PNG-24. Spara, sedan är det klart! Ladda upp bilden på din blogg.. eller var som (förutom på bilddagboken där det inte fungerar).

Jag rekommenderar en högupplöst bild för att du ska kunna se vad du gör. (Detta rekommenderas inte för små mobilbilder.. men det är ju upp till dig). Och detta är guider över hur jag gör, jag vet att det finns olika tillvägagångssätt, men detta är hur jag gör.

Klicka på bilderna för att se dem i större format

1. Börja med att välja den bild du vill ha en ram till.

2. Gå in på Image > Canvas size.

3. Ställ in värdena. Vilken storlek ramen ska ha, om du vill ställa ramen i pixlar, mm, cm.
Jag tycker att det är lättare om ”Relative”-boxen är ikryssad.

Jag tycker även att pixlar är lättast att jobba med.
Här hade jag en ganska liten bild så ju mindre bild, ju mindre värde.
20 pixlar ram för en bild som är 400 pixlar hög. Experimentera lite!

4. Tryck CTRL + A för att markera bilden. Och sedan CTRL + X för att klippa ut bilden.

5. Klistra in bilden i ett nytt dokument i Photoshop.

6. Högerklicka på lagret med din bild och välj sedan ”Blending options”.

7. Du får upp rutan och väljer ”drop shadow”, ställ in värdena. Du kanske vill ha skuggan ifrån
en annan vinkel eller hur mycket den ska synas osv. Testa dig fram! Och klicka sen på ”OK”.

8. Din bild har nu fått en ram med skugga.

Jag rekommenderar en högupplöst bild för att du ska kunna se vad du gör. (Detta rekommenderas inte för små mobilbilder.. men det är ju upp till dig). Och detta är guider över hur jag gör, jag vet att det finns olika tillvägagångssätt, men detta är hur jag gör.

Klicka på bilderna för att se dem i större format

1. Börja med att öppna den bild du vill göra om. Kopiera bilden till ett nytt lager genom att dra bakgrundsbilden (background) till den lilla ikonen som är inringad längst ner till höger.

2. Så gör du sedan de översta lagret (där pilen pekar) svartvitt. Det gör du genom att gå in på ”Image > Adjustments > Desaturate”.

3. När du har ett lager svartvitt skapar du en lagermask. Det gör du genom klicka på den lilla ikonen som är inringad. Det kallas ”layer mask” på engelska.

4. Sedan ska du få det understa lagret att lysa igenom det svartvita. Det gör du genom att ha lagermasken markerad (nu räcker det inte med att bara ha själva lagret markerat utan du måste markera den vita rutan sk. lagermasken). Sedan ser du till att ha en passande pensel för att måla bort det svartvita just där du vill ha färgen.

Se även till att färgerna i paletten är vit undertill och svart ovanför. Eftersom man inte kan måla vitt på vitt eller svart på svart (det händer inte så mycket då).

Efter du har kollat alla detta är det bara att börja måla.

5. Måla tills du känner att du är nöjd.

Om du råkar hamna utanför att vill jämna till kanterna kan du trycka ”X” på ditt tangentbord för att ”sudda” bort det som blivit fel. Knappen X är ett snabbkommando för att byta färger i paletten. När du ”suddar” målar du vitt. Ungefär.. Svårt att förklara när man är trött, förlåt.

Så här blev mitt resultat efter lite ytterligare pill.

På jobbet använder jag svenska Photoshop CS3. Så denna guide kommer att gå efter det. Men det fungerar på samma sätt i CS2, tror jag.

Jag rekommenderar en högupplöst bild för att du ska kunna se vad du gör. (Detta rekommenderas inte för små mobilbilder.. men det är ju upp till dig). Och detta är guider över hur jag gör, jag vet att det finns olika tillvägagångssätt, men detta är hur jag gör.

Klicka på bilderna för att se dem i större format

1. Börja med att välja penseln i paletten till vänster. Som på bilden ska du la ludd på penseln för att det inte ska bli så skarpa linjer.

2. Gå sedan in i snabbmaskläget (det gör du genom att trycka in Q på ditt tangentbord) och rita sedan med penseln där du känner att du vill ha ”fin hy”.

Jag brukar inte vara så noga eftersom penseln inte är så skarp, men det varierar från person till person.

3. För att sedan gå ut snabbmaskläget så trycker du in Q igen. Då får man en markering runt om det man har målat.

4. För att markera det som du sen ska göra porslinshy av kan du klicka på trollstaven i paletten och sedan högerklicka på bilden och välja ”Markera Omvänd”. Det finns andra sätt, men detta går snabbast för mig i alla fall.

5. Nu till själva tricket. Gå in på ”Filter (Filter) > Oskärpa (Blur) > Ytoskärpa (Surface Blur)”.

6. Ställ in värdena tills du tycker att det ser bra ut (det som är inställt som standard fungerade för mig i denna bild). Och klicka  sedan ”OK”.

7. Avmarkera lagret genom att klicka någonstans på bilden medan du har antingen trollstaven eller markeringsverktyget aktiverat som jag har på bilden.

RESULTATET!

Börja med att välja ut en bild du vill ändra hårfärg på. Jag rekommenderar en högupplöst bild för att du ska kunna se vad du gör. (Detta rekommenderas inte för små mobilbilder.. men det är ju upp till dig). Och detta är guider över hur jag gör, jag vet att det finns olika tillvägagångssätt, men detta är hur jag gör. (Kan också säga att denna guide är väldigt knepig att få till om man har mörkt hår, men det går att justera i ”Brightness/Contrast…”

Klicka på bilderna för att se dem i större format

1. Börja med att välja penseln som finns i paletten och ställ sedan in ungefär som på bilden. Det ska vara ludd på penseln så att den inte är så skarp.

Jag kör en ganska stor pensel eftersom man inte behöver vara så noga.

2. Skapa ett nytt lager (CTRL + ALT + N). Måla sedan med den färgen du vill ha håret i.

3. Ha lagret som du målade marketat och sedan väljer du ”Blending change” som visas på bilden. Här kan man exprementera med olika blens modes, jag använder ofta ”Soft Light” för jag tycker att det blir bäst resultat.

4. Sedan går du loss med suddet tills du tycker att allt som inte ska vara rött inte är rött.

5. För att sedan få lite extra ludd på det hela så går du in på ”Filter > Blur > Gaussian blur…”

6. Ändra värdet tills du tycker att det ser bra ut.

RESULTATET!

Börja först med att välja ut en bild du vill ändra ögonfärg på. Jag rekommenderar en högupplöst bild för att du ska kunna se vad du gör. (Detta rekommenderas inte för små mobilbilder.. men det är ju upp till dig). Och detta är guider över hur jag gör, jag vet att det finns olika tillvägagångssätt, men detta är hur jag gör.

Klicka på bilderna för att se dem i större format

1. Vi börjar med att kopiera ögonen för enklare kunna ändra färg på dem. Om du klickar på lassot i paletten och håller in den knappen någon sekund så ser du att det finns olika val. Välj ”Magnetic lasso tool”. (Översätt logiskt till svenska för det tänker inte jag göra eftersom jag inte använder svenska photoshop).

2. Klicka där du vill börja att markera ögat och så drar du bara lassot runt ögats färg. Eftersom det är magnetiskt känner lassot själv av vart linjer går, jättesmidigt! Dock kan lassot vara lite okänsligt ibland och gå sin egen väg, men då är det bara att gå tillbaka och sedan klicka en eller flera gånger där man vill att lassot ska gå.

När du sedan är runt hela vägen är det bara att klicka där du började. Då blir det du nyss har gjort en markering runt ögat.

3. Nu när du har markerat ögat ska du kopiera det (CTRL + C) och sedan skapa ett nytt lager (CTRL + ALT + N) för att sedan klistra in ögat i det nya lagret (CTRL + V). Se till att ha det övre lagret markerat som på bilden. Är det inte det så klickar du bara på det.

4. Upprepa steg 1-3 för andra ögat.  När du kör lassot och ska kopiera det andra ögat, se till att ha ”Background”-lagret markerat.

5. Nu ska du smälta ihop lager 1 och 2. Det är jättesimpelt. Markera båda lager (klicka på båda medan du håller in CTRL) och sedan högerklicka på ett av dem. Det kommer upp en ruta där du ska klicka i ”Merge layers”.

6. Nu har du ett bakgrundslager och ett lager med ögonen. Då högerklickar du på det översta lagret igen men nu väljer ”Blending options”, det är där magin händer!

7. Du börjar med ”Blending option custom”. I den rullgardinen som är markerad klickar vi i ”Linear Dodge”.

8. Du går sedan ner till ”Inner Shadow”. Det är för att inte få så skarpa linjer runt om, det kan behövas ändras lite senare men det tar vi då. Du ändrar värdena tills du tycker att det ser okej ut. Jag har förstorat storleken lite på skuggan och gjort den lite lite mörkare än vad som står som standard.

9. Sedan går du till ”Color Overlay” där vi ändrar färgen. Blend mode ska stå på ”Hue”, den kommer ned i en rullgardinlista, tror den ligger långt ner någonstans. Efter du gjort det så klickar du på färgen som handen visar.

Då kommer det upp en ruta där du väljer färg. Välj vilken du vill, förslagsvis den du tycker ser bäst ut eller den ögonfärg du önskar att ha. Och sedan ”OK” och ”OK” igen för ”Blending Options”.

10. För att sedan göra ögonen lite mer realistiska så ska vi ändra lite kontrast och ljus. Klicka på ”Image > Adjustments > Brightness/Contrast…”

11. Ändra värdena tills du tycker att det ser bra ut. Och klicka sedan ”OK”.

12. Du kanske tycker att ögonlinjerna blir lite skarpa. Då kan man ta suddet och välja att den ska bli jättemjuk och sudda lite runt kanterna försiktigt. Sedan kan man också smeta ut och göra kanterna lite suddiga, men det är lite överkurs då detta är en jätte-enkel guide.

Du kan givetvis gå in och ändra ögonfärgen senare inne på ”Blending Options”. Bara att välja en annan färg så som i steg 9. Se till att spara bilden som en .PSD som backup. Spara sedan som .JPG, .PNG eller vad du brukar köra med. Jag föredrar .PNG när det gäller foton.

RESULTATET!

Ja, eftersom i alla fall tre stycken läsare vill ha mer Photoshopguider så får jag väl fixa det då. Har två stycken på min bilddagbok, men jag hade tänkt att jag skulle lägga ut dem här så småningom. Let’s begin:

Att göra rundade hörn tar inte mig mer än 31.81 sekunder (Ja, jag tog tid. Då gjorde jag det 3 gånger för det blev fel de två första). När man kan det går det som på räls. Steg för steg:

1. Öppna bilden du vill ha.

(Du kan klicka på bilderna för att den ska bli större)

2. Skapa ett nytt lager.
(Snabbkommando: shift + ctrl + n)

3. Dubbelklicka på ”Background” och sen på ”Ok”
så att du gör bakgrundslagret till ett vanligt lager.
(Den blir automatiskt döpt till ”Layer 0″)

4. Dra ner det tomma lagret (Layer 1) så att det ligger under bilden.

5. Klicka först på paletten till vänster,
högerklicka sen på samma igen för att få fram rullgardinen
och välj ”Rounded rectangle tool”.

Sedan ska du kolla så att alternativet i verktygsfältet
(den lilla rektangeln där uppe som jag ringat in)
är inställt på ”fill pixels”. Den som är inringad.
Om den inte är det så får du klicka där.

6. Ställ in längst upp i verktygsfältet vilken ”rundhet” du vill ha på bilden.
80-100 px fungerar för mig, men i lågupplösta bilder rekommenderar jag lägre värde där.

Till höger där du ser lagrerna kan du klicka ur den (på ögat) översta bilden
för att göra det lagret osynligt för en stund.

Ha fortfarande det undre lagret markerat och gör
en rektangel med rundade hörn på det lagret.

7. Klicka i ögat igen så att man ser det övre lagret.
Högerklicka sedan på det lagret och välj ”create clipping mask”.

8. Så var det klart. Spara som… vad du nu vill.

Sparar du den som en ”.PNG eller .JPG/.JPEG” kommer det som är transparent
att automatiskt bli din bakgrundsfärg i ”paletten” till vänster (oftast vit som på min bild).

Enkelt och snyggt, några oklarheter?
Har du några frågor är det bara att kommentera så svarar jag så fort som möjligt.