Beth tittar på mesh! Ett examensarbete av Beth Hansson Idévärlden 2006
Innehåll Inledning... sid 3 Planering och genomförande... sid 4 Rapport... sid 5 Såhär gör man... sid 6 Mina tre bilder... sid 7 Varför mesha?... sid 12 Sammanfattning och utvärdering... sid 13 Källförteckning... sid 14 bilageförteckning... sid 14 2
Inledning I och med detta examensarbete kom jag för första gången i kontakt med nätövertoningsverktyget, eller meshtool som det heter i engelska versionen, i Illustrator. Jag har arbetat en hel del i Illustrator tidigare, men aldrig med nätövertoningar. Resultaten blir helt olika, och användningsområdena skiljer sig i många fall åt. Med nätövertoningar kan man lättare komma nära fotorealism, något man även kan jobba med i Photoshop, men i Illustrator arbetar man som bekant i vektorgrafik. Detta gör att man kan förstora och förminska bilden hur mycket som helst, utan att kvalitén försämras. Hur nära kan man (jag) komma fotorealism med objektgrafik och när är det att föredra framför foto? Vad ska man egentligen använda den här tekniken till? 3
Planering och genomförande Under de här fem veckorna ville jag först och främst bli bättre på programmet Illustrator. För att komma närmare fotorealism behövde jag till att börja med komma underfund med nätövertoningsverktyget (mesh tool), som jag hittills aldrig använt. Jag bestämde mig för att göra ett porträtt, ett föremål, och något gjort av glas eller hård plast. Jag tog tid på hur lång tid arbetena tog att utföra och utifrån det funderade jag över om arbetsinsatsen från min sida, och resultatet av det (+kostaderna för beställaren) kan vara befogad, om man jämför med att beställaren till exempel helt enkelt vänder sig till en fotograf i stället. Så här såg min veckoplanering ut: Vecka ett: Leta reda på bra avsnitt i en Illustratorhandbok, i Cap & Design med mera. Göra diverse övningar, för att behärska programmet bättre. Dessutom leta på internet efter bra (och kanske dåliga) exempel. Vecka två och tre: Öva mer, och börja göra de tre bilderna Vecka fyra: Fortsätta med bilderna och börja jobba med rapporten. Vecka fem: Bilder och rapporter klara. Förutom detta ska jag fira jul, fyra födelsedagar, nyår och flytta. Verkligheten blev något annorlunda. Övningen gjorde jag veckan innan vi egentligen började med examensarbetet. Då gjorde jag mitt självporträtt, och en bild till min sambos hemsida. Under vecka ett och två letade jag information om hur man egentligen gör (det fann jag varken i någon handbok eller i Cap & Design, utan på nätet), och så gjorde jag mina tre bilder. Därefter ägnade jag några veckor åt framför allt flytt, men även jul och nyår. Det ingick ju på sätt och vis i planeringen. Rapporten kunde jag börja med först då det var mindre än en vecka kvar till inlämningen, den nionde januari 2006. Mina viktiga papper om hur man lägger upp examensarbetet hade försvunnit i flytten, men som tur var kunde en vänlig klasskamrat som just blivit färdig med sitt, skicka sina papper till mig på posten - tack Sanna! 4
Rapport För att hitta information om hur man egentligen använder detta redskap - nätövertoningsverktyget - vände jag mig först till Helins Bokhandel, en välsorterad butik i Bollnäs. Tyvärr säljs inga datahandböcker över huvud taget direkt i butiken, utan att man gör en beställning. Detta kändes inte aktuellt, då jag gärna vill bläddra i boken innan jag betalar för den. På antikvariatet fanns inget av värde, men på biblioteket fanns två Illustratorhandböcker som jag lånade. Dessvärre fanns inget att lära i dessa, så jag lämnade snart tillbaka dem. På internet hittade jag några exempel på hur en bild gjord med nätövertoningsverktyget kan se ut. En som var riktigt skicklig hittade jag på DeviantArt. Personen i fråga kallar sig gmesh (se http://www.deviantart. com/deviation/21875092/). Rätt ofta då man letar meshade bilder, dyker det upp lättklädda damer, vilket man lätt blir lite trött på. Så även i det här fallet, men han har gjort några riktigt fina, oporriga porträtt också. En annan som kan ge lite inspiration är en japan som kallar sig meshman (se http://mesh.fo.gs/list.html). Här kan man se alla bilderna i Out Line-läge, något som kan vara väldigt lärorikt då man vill komma underfund med hur bilderna är gjorda. Jag testade lite själv hemma vid datorn, och improviserade fram ett självporträtt. Det visade sig senare att jag inte hade varit helt fel ute. Vad jag först och främst borde ha gjort annorlunda, var att jag borde ha format ansiktet med en rektangel som grund, och inte gjort konturen rätt från första början. Det gjorde att det blev svårare att få till skuggorna och färgskiftningarna senare. Jag återkommer till det längre fram. För att dölja några dåliga skarvar mellan lagren la jag dit skuggor med gaussisk oskärpa och opacitet, och samma sak gjorde jag på några ställen för att få en färgskiftning i hyn, där jag inte lyckades få till det med nätövertoning. Detta behövde jag inte göra senare, då jag kom bättre underfund med verktygen. Jag tog aldrig tid på hur länge jag arbetade med självporträttet, eftersom jag inte trodde det skulle bli något då jag började, men jag gissar på att jag jobbade med det i sammanlagt runt åtta tio timmar. Det blev inte särskilt fotorealistiskt, men frågan är om det egentligen hade varit detsamma som bättre..? 5
Den bästa, och egentligen enda hjälpen, fann jag på internet - Grafiskt Forum! Där gjorde jag en sökning på mesh. En viss enikone, helt insnöad på mesh tool, hade lagt ut en liten kurs (en tutorial) i hur man med hjälp av detta verktyg gör en paprika. Han hade väldigt pedagogiskt gjort skärmdumpar, lagt in text och pilar, så det inte gick att missförstå någonting. Här nedan finns instruktioner i enbart text. Såhär gör man Börja med att lägga in referensbilden som ett lager, och döp den till exempel referens. Skapa sedan ett nytt lager. Markera det lager du just skapat och rita en rektangel som är ungefär lika stor som den delen du ska mesha. Nu ska du markera referensbildlagret och klicka på den lilla pilen uppe i högerhörnet på Layerfönstret, och välja Outline Others. Att jobba i outlineläget gör att du hela tiden ser färger och former på referensen när du sedan ska lägga på färgerna. Markera lagret med referensbilden igen, och lås det. Välj meshtool. Lägg till fyra meshlinjer, två vertikala och två horisontella, genom att klicka på punkten i mitten av triangeln. Börja med dem, och lägg på fler allteftersom. Böj till ankar- och meshpunkter efter formen med hjälp av Convert ancor point tool, eller den vita pilen. Nu är det dags att lägga på fler meshlinjer, så titta noga var blänk/skuggor och var olika nyanser/färger går ihop. Addera fler meshlinjer med hjälp av meshtool. Forma meshpunkterna efter hur blänk och skuggor faller. Välj sedan pipettverktyget. Nu kommer den mest tidskrävande delen i meshing. Markera en meshpunkt i taget med den vita pilen, och skifta direkt över till pipetten. Klicka på ett område så nära den markerade meshpunkten som det går. Därmed snyltar du färgen från referensen. För att se om du lyckats med din mesh klickar du på den lilla pilen uppe till höger i Layersfönstret och välj Preview All Layers. Addera fler meshpunkter efter behov, antingen i Outline Mode, eller Prewiev. Lägg i färg och ändra form tills du känner att du blir nöjd. Här hittar du enikones tutorial: http://www.grafisktforum.org/showthread.php?t=8734&highlight=mesh Se även bilaga. 6
Mina tre bilder Nu kunde jag börja med min första bild, som blev en rödlök. Jag stötte inte på några större problem under arbetet med den. Tålamod är det enda som gäller i det här fallet, och det har jag ganska gott om. Efter fem timmar bestämde jag mig för att jag var klar. Min andra bild blev ett glas, och här stötte jag på mitt första problem. Foten blev inte alls bra. Jag fick inte till cirklarna som fanns i glaset, eftersom nätet inte gick att forma som jag ville ha det. Jag skrev till enikone på Grafiskt Forum, och fick den hjälp jag behövde. Felet var att jag utgått från en cirkel då jag gjorde foten. Om jag istället utgår från en rektangel, gör tre rader och fyra kolumner (Object/Create Gradient Mesh) och sedan böjer det till en cirkel - då får jag de ringar jag vill ha. I själva verket är det bästa att i princip alltid utgå från en rektangel, och sedan böja fram den form man vill ha. Se nedan och nästa sida. Den övre glasfoten är gjord med en rektangel som grund, och den nedre med en cirkel som grund. 7
Att böja en cirkel av en rektangel Börja med att dra ut en rektangel i önskad storlek. Gör tre rader och fyra kolumner genom att markera rektangeln, klicka på Object/Create Gradient Mesh och skriv in det antal rader och kolumner du vill ha. Nu kan du markera de ankarpunkter du vill omforma med den vita pilen, och dra och böj tills du har den form du vill ha. Då du har denna grundform kan du sedan snygga till formen och lägga till fler linjer i nätet, efter behov (se sidan 6). Hålet i mitten kan du förstås göra större eller mindre, eller ta bort helt genom att lägga ankarpunkterna i mitten mot varandra. För att få skarven bra är det viktigt att ha samma färg på ankarpunkterna som ligger mot varandra just där. Så här ser formen ut då man utgår från en cirkel istället. Som du förstår påverkas färgskiftningar och skuggningar av hur nätet ligger i objektet. Vill man göra en globform passar det utmärkt att utgå från en cirkel. 8
Glaset är gjort i tre lager, som du kan se på bilden till höger. Man tjänar mycket på att göra de olika delarna i varsina lager. Det blir lättare att hitta rätt, byta ordning på lagren och hålla reda på de olika delarna, och om jag vill kan jag släcka ner de lager jag inte vill se just för tillfället. Även glaset tog fem timmar att göra (men då räknar jag bort en halvtimme för strulet med foten). 9
Porträttet sparade jag till sist. Efter mycket funderande bestämde jag mig för att göra ett porträtt av Ella, min systerdotter. Detta ångrade jag några gånger senare under arbetet, eftersom det tunna, flygiga babyhåret blev väldigt svårt att få bra. Med lite extra tålamod blev ändå resultatet helt okej för en nybörjare. Tycker jag. Här nedan visar jag hur jag arbetade fram porträttet. Från och med bild tre ser du alla bilderna i visningsläge (utom bild 8), men då jag arbetar skiftar jag hela tiden mellan visningsläget och Out Line-läget. 1 2 3 Jag började med en rektangel som jag gav tre rader och fyra kolumner (bild 1), för att sedan böja till huvudformen. På ett huvud kan det vara bra att ha en lodrät linje i mitten av ansiktet från början, så har man bättre koll på formen. Linjerna till höger och vänster om mittlinjen lät jag gå genom ögonen (bild 2). Vid varje ankarpunkt använde jag pipettverktyget för att få fram skuggor och färgskiftningar (bild 3). 4 5 6 Då jag var någorlunda nöjd med mitt första lager (bild 4), började jag med detaljerna i nya lager (bild 5). Mun, näsa och ögon växte sakta men säkert fram i ansiktet (bild 6), och senare även hals och öra. Samtidigt gjorde jag hela tiden förbättringar i själva ansiktet. Små, små ändringar måste göras hela tiden, för att få objekten att smälta ihop. 10
Nu var det dags att börja med håret (bild 7). Även här började jag med en rektangel, det skulle vara helt omöjligt att hålla reda på nätet annars. I håret måste man ha många linjer och färgskiftningar, och det blir väldigt mycket pyssel med att böja banor, testa färgtoner och lägga till fler linjer i nätet. I Out Line läge (bild 8) ser man tydligt alla linjer i nätet. När jag efter sammanlagt femton timmars arbete var klar med Ella hade jag sexton lager i bilden, plus referensfotot, varav sju hörde till håret (bild 9 och 10). 7 8 9 10 11
Varför mesha? Jag frågade enikone, medlem på Grafiskt Forum om fördelen med att använda en meshad bild istället för ett foto, förutom att bilden blir vektoriserad. Ja syftet med meshing går att diskutera i all oändlighet. hehe..vissa hatar det och vissa fastnar för det. Anledningen till att jag gör det är för att jag vill bli grym på just det verktyget i illustrator och jag tycker det är avkopplande och kul. Finns säkert en marknad för sådant här i t.ex. reklamsammanhang. Fördelen med vectorgrafik är juh att du kan förstora och förminska hur stort och litet du vill utan att förlora bildkvalité... Blitzer, en annan medlem på Grafiskt forum, gillar inte alls Meshade bilder. Han skriver såhär i en öppen diskussion med enikone : Jag blir uppriktigt ledsen när jag ser folk lägga ner så mycket arbete för att i slutänden få ihop en bild som ser precis ut som den dom startade med. Jag tycker samma sak om folk som slaviskt målar av (tracear) foton i Photoshop. För mig är det där precis samma sak som om jag skulle skriva av hela Liftarens guide till Galaxen i Notepad, och sedan posta det här. Ett imponerande hantverk och tålamod, visst. Men inte kreativt eller personligt överhuvudtaget. Jag blir bara trött på att många är så lättimponerade av något som i mitt tycke inte kräver någon talang eller kreativitet, utan bara tålamod och teknik. Jag har inget emot realistiska illustrationer som sådant, det är det slaviska kopierandet av en befintlig bild jag vänder mig emot. Micke Svensson är självlärd grafisk formgivare och egen företagare i Hong Kong. Han jobbar först och främst med att formge förpackningar. Jag har detta verktyget men jag anvander det aldrig...kanner inte till funktionen av detta. Jag anvander mest Photoshop. Later som jag maste testa denna grejen ju. Tycker du om verktyget och hur fungerar det? Framfor allt... ar det krangligt att anvanda det??? Jörgen Nordqvist, grafisk formgivare bosatt i Göteborg, uttrycker sig såhär:...sista frågan du ställer i din frågeställning, säger väl det mesta, tycker jag. Det är ju bättre och enklare att fotografera det man behöver. Risken med sådana här verktyg, effekter och manér är att de är tidsbegränsade. De är kanske inte så balla om ett tag. Kristian Olsson jobbar som kreatör på Cederblom, före detta Newton, i Bollnäs (www.newtoncom.se). De har gjort en animation med meshade bilder som finns med på returpacks hemsida (http://www.returpack.se/intro/). Fördelen med att ha en meshad bild i det här fallet var att animationen blev lättare att handskas med för webben. Eftersom bilden är vektoriserad tar den mycket mindre plats än om man använt sig av foton. Andra sammanhang där Kristian ansåg att meshade bilder kunde vara befogade är till exempel då man gör sprängskisser av maskiner med mera. Alltså då man behöver se till exempel en maskin i genomskärning. Här jobbar man med ritningar som grund för att få fram slutresultatet. Även arkitekter kan ha stor användning av den sortens illustrationer. Då man däremot vill visa en färdig produkt är foto oftast att föredra. 12
Sammanfattning och utvärdering Som jag skrev i inledningen så kände jag inte till nätövertoningsverktyget då jag satte igång med det här för ett antal veckor sedan. Jag har lärt mig ett för mig nytt verktyg i favoritprogrammet Illustrator, långt ifrån till fullo, men i alla fall en bit på vägen. Bilderna blev åtminstone någorlunda nära fotorealism, och det var ju det jag skulle ta reda på - hur nära kan jag komma? Vad jag har funderat mest över under arbetet är vad ska jag använda det här till? När har jag själv nytta av att kunna jobba med den här tekniken, och vad är egentligen vitsen med det? Är det verkligen värt pengarna för en presumtiv beställare? Om vi säger att jag som illustratör tar 600 kr timmen, och beställaren vill ha en bild i stil med Ella. Ella tog 15 timmar att göra, så jag vill ha 9000 kr för bilden. En fotograf som gör samma jobb (här ingår även bildbehandling som friläggning av bilden), tar låt oss säga 900 kr timmen. Fotograferingen kanske tar två timmar och bildbehandlingen två timmar, så 3600 kr är vad fotografen skulle kunna ta betalt. Så varför låta illustratören göra jobbet? Å andra sidan - är det verkligen här meshtekniken behövs? Som Kristian Olsson sa tidigare; det är ju där fotografen inte kan göra jobbet som det kan vara bra med den här sortens illustrationer, och vid tillfällen där bilden behöver ta mindre plats, som i till exempel animationer. Förresten, varför måste man göra det fotorealistsikt, bara för att det går? Här nedan är en bild jag gjorde till juluppdateringen av sambons hemsida Punktjafs. Hur som helst - det är riktigt kul att mesha! 13
Källförteckning www.grafisktforum.org http://mesh.fo.gs/list.html Bilagor, cd-skiva ELLA Ella, lager.pdf Ella.pdf ELLAHISTORIK 33 pdf-bilder ENIKONES_TUTORIAL 16 pdf-bilder ex-arbete.cwk Farbror_punk.pdf Framsida.pdf GLAS Glas,linjer.pdf Glas,markerat.pdf Glas.pdf Glasfot,linjer.pdf Glasfot.pdf RODLOK Rodlok,linjer.pdf Rodlok.pdf SJALVPORTRATT Sjalvportratt.pdf Sjalvportratt,linjer.pdf 14