01.Tips & Tutorials

Färglägg med banor och pennverktyget.

2007-05-07 00:18 #0 av: Petersen

Inspirationen till den här tekniken fick jag från en utställning med konstnären Julian Opie (www.julianopie.com).

Efter att jag hade varit där sattte jag mig direkt vid datorn och försökte luska ut hur han gör. Första försöket blev inte så bra, men efter några stycken behandlade bilder så har jag fått fram en bra teknik för Photoshop och troligen också andra bildbehandlingsprogram. Hittills har jag bara jobbat med bilder med människor så jag tänker utgå ifrån det när jag skriver. 

Kortfattat går det ut på är att göra alla element (eller endast huvudmotivets) helfärgade och utan skuggor; i stil med den här:






 

 

 

 

 

 

 

 

OK, då kör vi! : )
(Jag kommer i texten att växlingsvis använda svenska och engelska termer och verktygsnamn, hoppas det inte bidrar till alltför stor förvirring...)
 
Börja med att hitta en bild att göra om, vilken som helst (men tänk på att det blir svårare om bilden har många konstiga veck i tröjor eller så som kan ställa till det).

Öppna den i Photoshop och skapa en ny lagergrupp genom att klicka på knappen till vänster om -skapa nytt lager- längst ner i lagerpaletten. Döp gruppen till huvud och skapa ett lager i gruppen som du kallar hår. (Det är bra att skapa nya grupper till varje sak i bilden eftersom det ofta blir väldigt många lager att hålla reda på).

Med hår-lagret markerat väljer du penverktyget (P). (Om du aldrig har använt penverktyget innan så är det här ett mycket bra sätt att lära sig på).

Zooma in på håret och klicka på alla ställen där håret byter väg eller svänger, du måste inte få med vartenda hårstrå, bara se till så att man får en känsla för konturen på håret. Om du tycker att några prickar hamnar fel kan du fixa det senare.
Klicka dig runt hela håret tills du har en sluten bana.

 

 

 

 

 

 

 

 

 

 

 


 

(*Tips* när du zoomar, istället för att välja zoomverktyget, håll inne kringla+mellanslag, (control+mellanslag i windows tror jag) för att få fram ett tillfälligt zoomverktyg och lägg till Alt knappen för utzoomning).

Innan vi fortsätter ska vi fixa en sak som jag tycker underlättar arbetet mycket, nämligen att skapa en tangentbordsgenväg till verktyget convert point (vet tyvärr inte vad det heter på svenska) som annars ganska svåråtkomligt ligger långt under penverktyget.

För att göra detta går du in på:
Redigera —>Tangentbords genvägar (näst längst ner), välj verktyg och scrolla ner tills du hittar convert point tool, klicka på det och skriv in en lätt genväg som inte tar upp något viktigt verktygs plats (jag valde N). Om du inte redan gjort det så borde du också ställa in genvägar för öka och minska penselstorlek, gör allt Photoshoparbete mycket snabbare.

Sådär ja, när du stängt rutan kan du direkt klicka på din sprillans nya convert point genväg! Convert point används för att böja till de raka linjer som nu ramar in håret.



 

 

 


Om du redan är bekant med penverktyget går det bra att skippa den här delen


Nu kanske du har märkt att prickarna du skapade förut är borta, men frukta ej för med ett enda klick från convert point på linjen uppenbarar de sig igen! ”Amazing but true!” som Russel Brown säger. För musen över en av punkterna, håll ner musknappen och dra; två stycken små ”stickor” kommer ut från punkten, du kommer att hålla i en av dem. Så länge du inte släpper musknappen kommer stickorna att bilda en rak linje, det här är en fördel om man vill se till att det inte blir något ”hack” i böjen genom punkten. Om du däremot släpper stickorna kan du sedan dra i dem var för sig, (om du vill att stickorna ska fungera tillsammans igen så klickar du i den stora punkten en gång till).  Om du vill flytta en punkt använder du direct selection tool som finns ovanför penverktyget (inte att förväxla med path selection tool som markerar och flyttar hela banor/paths).


 

 

 

 

 

 

 

 

 

 

 

 

****Nu får alla hänga med igen!****

När du har fått till en fin och jämn bana runt håret så klickar du på Banor/Paths fliken som du nog har högst upp i lagerpaletten, om inte så går du till fönster—> banor (window—>paths)
Här kommer du att se håret som en Work path  markera den och klicka på den streckade runda ringen längst ner i paletten för att göra banan till en markering!
Gå tillbaks till lagerpaletten och välj en färg som motsvarar färgen på håret, ta hinken och fyll. Nu har du skapat grunden till håret, men det behöver highlights för att inte bara se ut som en färgklick.

Det är mycket enkelt, börja med att skapa ett nytt lager i ”huvud” gruppen som du döper til highlights. Göm hår lagret så att du ser det riktiga håret, välj penverktyget och sätt ut en prick där en highlight börjar och en där den slutar, klicka sedan i den första punkten igen. Nu ser det bara ut som en linje men ifall du drar i punkterna så kommer två linjer fram. Dra i stickorna tilll du får en slags halvmåne form (kommer förstås inte att helt stämma överens med den riktiga highlighten i håret) gör om banan till en markering och fyll med en ljusare nyans av hårfärgen.

Gör så många highlights du vill, (alla måste förstås inte vara halvmånformade). När du tycker att du är färdig kan du aktivera hår lagret igen och titta på resultatet.
Sådär! Håret färdigt! Du kan förstås finjustera färger och placering av highlights när du vill.
(Alla highlights måste förstås inte finnas i det riktiga håret, lägg till där du tycker passar - ofta blir det bra med tunna highlights i alla ”lockar” och kanter av håret).


Här näst kommer ansiktet, vilket är mycket lättare eftersom du bara behöver vara noga med käken, sedan lägger du allt annat under håret!

Så, markera käken med penverktyget, lägg sedan till så att resten hamnar under håret, fyll med önskad färg (förslagsvis någon slags hudfärg ;). Dubbelklicka på ansiktslagret för att få fram layer style rutan, klicka på stroke långt ner i listan, välj en tunn svart kant och klicka OK. Kanten har man för att urskilja ansiktet från nacken som ju kommer att ha samma färg.

Nu måste du förstås lägga till detaljerna i ansiktet, jag brukar lägga alla ansiktsdetaljer på samma lager men ifall du vill ha ännu större frihet kan du lägga alla på olika. I alla fall så kommer du märka att penverktyget även här en räddning!

Göm ansiktslagret och zooma in på ett öga, nu har du två alternativ; antingen gör du ett realistiskt öga med vita, iris och pupill, eller så gör du ett öga i Julian Opie stil, vilket innebär att du istället sätter en svart prick lika stor som iris mitt i ögat och sedan en mindre vit i den. (Blir faktiskt mycket effektfullt)



 

 

 


- För realistiska ögon:
använd penverktyget och klicka en gång vid början av ögats överkant och en gång vid slutet, du ska bara klicka två gånger alltså. Böj till linjen så att den följer ögats kant. Välj en (hård) svart pensel som är lika stor som du vill att din ögonlinje ska vara bred, klicka sedan på banor-paletten.

Med penselverktyget och Work Path markerad klickar du på den heldragna ringen längst ner i paletten och du får en svart linje! Mycket användbart .

Gör likadant med ögats underkant. Iris och pupill görs bäst med pencil tool som hittas under brush/pensel, klicka en gång med önskad färg i iris, med en mindre svart till pupill och till sist en jätteliten vit prick i övre hörnet av pupillen (Ganska bra att göra iris och pupill utanför ”detaljer” lagret).

Repetera med nästa öga. (*Tips* om du jobbar med en porträtt bild tagen rakt framifrån och tycker att du aldrig riktigt får ögonen att se lika ut så kan du alltid spegelvända ett av dem)

Till näsa brukar det räcka med att fylla i näsborrarna, munnen att göra ett streck som följer mitten med penverktyget, ögonbryn markeras och fylls i med penverktyget.

Om du tycker att ansiktet har för lite karaktär när du är klar med dessa detaljer så kan du lägga till ett ”hakstreck” under munnen och kanske till och med två streck nedanför näsan.

Ja, nu klarar du nog resten själv, annars får du skicka ett meddelande :)

Tänk på:

- Att skapa nya lager till nästan allt, annars kommer du att slita dig själv i håret av ilska för att du satte den där handens detaljer rakt på grunden och nu vill du ändra!!!AAAAA!!! Fasa!!

- Att markera penseln innan du ”linjerar” en bana för att få rätt storlek.

- Att du även kan konvertera en markering till en bana längst ner i banor paletten.

- Att inte sitta alltför mycket framför datorn...

Bra photoshop musik:

-Lugna Ben Harper låtar (Walk away, Forever, Waiting on an angel, She´s only happy in the sun etc.)

-Coco Rosie, riktigt härlig experimentel musik (Terrible angels, By your side, Honey or tar, Haitan love songs etc.)


Slutligen vill jag tacka jag tacka alla som orkat läsa ända hit ner! Tack!

//Paul Botwid AKA Oldflattop

Relaterade länkar

Av: oldflattop

Datum för publicering

  • 2007-05-06
Anmäl
2007-05-07 00:26 #1 av: Petersen

Tack oldflattop för en massiv & intressant artikel, nu ska vi bara hitta ett bra övningsobjekt.

Anmäl
2007-05-07 00:52 #2 av: oldflattop

My pleasure ; )

Anmäl
2007-05-07 07:30 #3 av: GunnarE

Insrämmer med Petersén, tack för en intressant artikel.

Anmäl
2007-05-07 14:44 #4 av: Vainlord

Tackar!!

Undrarde hur du hade gjort .-), bra artikel att lära sig om pennverktyget!!

/Paul L.

Anmäl
2007-05-16 14:10 #5 av: Emely

Åh, det här har jag letat efter länge!

Nu har jag på några timmar också lyckats knåpa ihop en egen bild som inte blev så illa pinkad för att vara på första försöket :)

Tack för en bra artikel!

Anmäl
2007-05-17 00:51 #6 av: Emely

...här är bilden också förresten. Synd att det tar så lång tid att få en bild färdig, jag hade gärna övat mycket så att jag fick in snitsen lite bättre, men när sjutton ska man ha tid med det?? Tur att jag var hemma och sjuk idag :)

Anmäl
2007-05-17 00:57 #7 av: oldflattop

Jättesnyggt! det enda du behöver jobba på är att få lijerna lite jämnare, annars mycket bra; särskilt för att va första försöket (bättre än min första :P)

Anmäl
2007-05-17 19:10 #8 av: Vainlord

Här är mitt försök.

 

http://www.lindqvist-photography.com/showcase/toonb.jpg

 

/Paul L. 

Anmäl
2007-05-17 19:10 #9 av: Vainlord

Ooops

 

rätt länk.Cool

 

http://www.lindqvist-photography.com/showcase/toonb.jpg

 

/Paul L. 

Anmäl
2007-05-17 19:19 #10 av: Vainlord

#6 Ser bra ut, ser ut som en riktig clipart bild. Glad

 /Paul L.

Anmäl
2007-05-23 18:28 #11 av: oldflattop

skitsnyggt!

jag tycker den är cool som den är men ifall du vill ha den lite verkligare så får du lägga lite mer detaljer runt ögon och mun.
 /Paul B 

Anmäl
2007-07-25 00:02 #12 av: [Wriiist]

alla förutom jag verkar ha fattat allt XP

Anmäl
2007-07-27 14:22 #13 av: [Julliz93]

Åååh jättebra artikel! Du förklarar bra. Har själv försökt mig på det här och du kan se bilden här :)

Anmäl
2007-07-28 01:57 #14 av: IngelaS

Julliz: Din bild är jättebra, har du gjort den efter artikeln?

Mycket bra jobbat, den är kanon :)

Mvh Ingela

Anmäl
2007-07-28 02:42 #15 av: [Julliz93]

Ingela: Nemen tack så mycket! :D

Jah med all den hjälp man fick från den här artikeln så var det rena barnleken ;)

 Gjorde en till, vart lite sämre men skitsamma xD

----------->

Anmäl
2007-07-28 03:26 #16 av: bildochfoto

Mycket trevlig artikel. tänkte tipsa om Inkscape som är gratis...

Här kan man enkelt göra sina bilder till illustrationer...

Tutorial 

http://photodoto.com/index.php/2007/07/27/convert-any-photo-into-an-illustration/ 

Anmäl
2007-07-28 03:41 #17 av: [Julliz93]

Okej xD Tyckte det här sättet var snyggare :D Men ska ta o pröva ditt sätt :D Tack för tipset :)

MVH Julliz93

Anmäl
2007-07-28 15:16 #18 av: oldflattop

Jag tycker dina (julliz) bilder är mycket snygga och du har fått en häftig effekt, men jag kan inte hjälpa att märka att du inte har några rundande former, är det så du vill ha det eller glömde du kanske bara göra det steget från artikeln? Hur som helst så har du lyckats skapa grymma bilder

Mvh Paul 

Anmäl
2007-07-28 17:22 #19 av: [Julliz93]

Tack så mycket.

Jag var inte så värst noggrann när jag gjorde bilderna utan gjorde mest bara för att pröva själva grejjen. Men skulle jag kanske sätta mig in i det mer skulle det nog bli mer lyckat. Men tack för att du påpekade :D Ska se till att nästa bild blir lite bättre ;)

Anmäl
2007-07-31 17:32 #20 av: LinusE

Otroligt roligt sätt att arbeta på. Håller på med mitt första försök på de arbetssättet och ni ska snart få se resultatet.

Anmäl
2007-08-03 18:47 #21 av: LinusE

Här kommer då mitt första försök..

Anmäl
2007-08-03 19:57 #22 av: [Julliz93]

Snyggt :)

Anmäl
2007-08-03 20:56 #23 av: andmag

Ja den var bra, skulle ha varit mörkare hår för att få fram kontrasten.

 

 

Anmäl
2007-08-04 14:48 #24 av: LinusE

#23 Ska testa med mörkare hår och se om det blir bättre..

Anmäl
2010-04-29 00:11 #25 av: Tokit

Riktigt bra! Gillar att jag verkligen satt och lyssna på Cocorosie när jag satt och pillade också. ^^ Vad är chansen för det liksom.

Anmäl

Det finns en till kommentar till den här diskussionen. Den är bara synlig för medlemmar på iFokus. För att läsa kommentaren, logga in eller registrera dig på iFokus.