3D Art & Animation

Webdesign anno 2011

Webdesign Volume 01Voor beginners en ervaren webdesigners

www.webdesignermagazine.nlIn Nederland gratis thuisbezorgd, in België 5 euro verzendkosten

(zolang de voorraad strekt)

Ook te bestellen via

Welkom De wereld van de 3D-kunst is de afgelopen jaren sterk veranderd. Nog niet eens zo heel lang geleden had alleen de echte professional het geld om de benodigde hard- en software te kopen, terwijl er nu een grote, groeiende en zeer actieve gemeenschap van 3D-kunstenaars is.De diversiteit en kwaliteit van het werk dat door die gemeenschap wordt gemaakt is beter dan ooit en nieuwe software en innovaties beloven dat het werk in de toekomst alleen maar mooier en beter zal worden. Deze uitgave is een eerbetoon aan die ontwikkelingen en kunstwerken en zal iedereen aanspreken die geïnteresseerd is in 3D.

Veel plezier en inspiratie toegewenst!

www.webdesignermagazine.nlIn Nederland gratis thuisbezorgd, in België 5 euro verzendkosten

(zolang de voorraad strekt)3

Inhoud06 In beeld Inspiratie nodig? Neem dan eens een kijkje in het graphic design museum in Breda.

07 In beeld Maya een computerprogramma om 3D model en animaties mee te maken. Tevens een van de meest gebruikte 3D pakketten in de film- en televisie-industrie.

10 Stap voor stap Meng de cartoonstijl met een cybergirl en creëer een manga-achtig karakter.

14 In beeld DreamWorks een van de grootste animatiestudios. Onder andere bekend van Shrek en Kung Fu Panda.

16 In beeld Pixar is naast DreamWorks ook een van de grootste animatiestudios. Pixar is onder andere bekend van het zeer bekende Toy Story.

18 In beeld Stroggtank, een van de weinige personen die op een hoog niveau 3D modeleert en animeert op DeviantArt.

4

18

5

Graphic design museum Breda

6

100 years of dutch graphic design, Graphic detour en Design it yourself. Dit zijn de tentoonstellingen die dit kwartaal te zien zijn in het graphic design museum in Breda. 100 years of dutch graphic design is meer voor de mensen die van oude strips of platen aan de muur houden. Een beetje oubollig, je moet er maar van houden. Graphic detour daarentegen is toch wel interessant (zie foto’s).

Leuke kunstwerken waar je nog inspiratie uit kan halen. Design it yourself is echter alleen aan te raden als je met een groepje bent. In je eentje of met z’n tweëen gaat dit namelijk al snel vervelen.

Een niet al te grote museum waar je veel van moet verwachten en tentoonstellingen waar je een beetje van moet houden.

Graphic design museum • In beeld

7

8

Maya“een van de meest gebruikte

3D pakketten in de film- en televisie-industrie”

Maya • In beeld

9

Creëer eenschattige cybergirlPippa 2008“Een schattige en ondeugende cybergirl, geïnspireerd door manga.Ik heb haar gemaakt als een portfoliowerk, gewoon voor de lol”

In dit stappeplan zal ik de belangrijkste stappen omschrijven voor het maken van Pippa, mijn manga cybergirl. Ze is gemaakt in Maya en ZBrush met behulp van texturen en ze is nabewerkt in Photoshop. De rendering is gemaakt met mental ray.Meestal begin ik mijn projecten met het verzamelen van beeldmateriaal en het maken van schetsen. Bij dit werk ben ik echter gewoon begonnen zonder al te veel voorbereidingen. Ik heb wel de pose afgekeken van een klein beeldje dat ik had gekocht in een Japanse speelgoedwinkel. Hierdoor kon ik de houding van alle kanten goed bestuderen. Het was mijn doel om een karakter te maken dat een beetje was beînvloed door manga, terwijl ik toch mijn eigen ide´én over karakterontwerp naar voren kon laten komen.

BasismodelDe standaard proporties

Om mezelf tijd te besparen heb ik een hoofd en lichaam uit mijn eigen bibliotheekgeïmporteerd in Maya. Ik schakel doorgaans behoorlijkvaak tussen Maya en ZBrush. Zelfs in dit stadium vind ik dat een prettige werkwijze om modellen intuïtief te veranderen, terwijl Maya fantastisch is om de geometrie aan te passen, edge loops toe te voegen en waar nodig eenretopology toe te passen.

Uit een bol is een een voudige helm gemaakt. De rits voor haar jurk is gemaakt door een enkele schakeling te kopiéren langs een curve die de vorm van haar jurk volgt. Hierdoor kwam de lange rits tot stand. Vervolgens voegde ik nog een labeltje toe als sluiting.

0102

03

Model, textuur, licht,

render en nabewerken

Stap voor stap Eenvoudige

handleidingen van concept tot rendering

Lee Davies Website http://leemale.cgsociety.org/galleryNationaliteit IerseGebruikte software Maya, Zbrush, mental ray en PhotoshopErvaring Ik vind karak-terontwerp leuk en maak graag karikaturen van beroemdheden

In deze stap ben ik de proporties aan het uitwerken. Om haar een ondeugende uitstraling te geven heb ik haar ogen best groot gemaakt en haar een schat-tige wipneusje gegeven. Daarna is de mesh van het lichaam in stukken verdeeld. Om de jurk te maken is het lichaam gedupliceerd, waarbij de armen en benen zijn verwijderd en de onder-kant van de mesh is uitgewerkt. Daarna konden de armen en benen gescheiden worden.

In de studio • Stap voor stap

10

Creëer eenschattige cybergirl

“Het was mijn doel om een karakter te maken

dat was beïnvloed door manga en mijn eigen

ideëen over karakterontwerp

naar voren kon laten komen”

Stap voor stap • Lee Davies

11

Het karakter verfijnenHet toevoegen van details, pose en schaduw

04

05

07

08

Het frame van haar bril is gemaakt door een polygoonvlak vlak langs een curve door te trekken. Er zijn ook andere details toegevoegd, waaronder de banden, hatvormige decoraties, de glazen van de bril en de oorscelpen van de helm

Daarna gebruik- te ik Maya voor UV-mapping voordat er een verdeling in ZBrush was gemaakt en de vorm nog steeds symmetrisch was. Ik plaats UV’s meestal handmatig, zodat ze achteraf nog in Photoshop bewerkt kunnen worden. De automatische mapping-functies van ZBrush leveren ook erg goed werk, hoewel ze de bewerkingsmogelijkheden in andere paketten wat kunnen

De afzonderlijke meshes zijn daarna als subtools geïmporteerd in ZBrush om indi-vidueel opgesplitst te worden, voordat ze kleurtexturen en vormen meekregen. Pippa’s gezicht en jurk zijn beide met de hand beschilderd, de streep op haar helm is in Photoshop aangebracht met de plug-in Zapplink

De Transpose Master plug-in van Zbrush is gebruikt om het positioneren van meerdere subtools als één low-res mesh mogelijk te maken. Het Lassoger-eedschap is gebruikt om een selectie te maken. Vervolgens is het gereed-schap Transpose gebruikt om de gewenste delen te verplaatsen, schalen en draaien tot de gewenste pose bereikt was.

Ik gebruikte een gelaagde shader op Pippa’s hoofd, bestaande uit een MI SSS Fast Skin basis met twee blinn shaders om de reflectieniveaus en spiegelingen te sturen. In ZBrush heb ik een colour map gemaakt en die is gekoppeld aan de kanalen Diffuse en Epidermal. In Photoshop zijn er bump maps en specular maps voor gemaakt. De andere shaders waren snel in-gesteld, met eenvoudige blinn materialen met bumps voor haar jurk en een glanzende mia-materiaal voor de helm.

06

Lee DavisIk ben geboren in Enge-land en ben specialist in 3D-karakters. Ik werk mo-menteel voor PopCap en woon en werk in Dublin. In mijn vrije tijd maak ik graag 3D-karikaturen van beroemdheden.

Björk De eigenwijze IJslandse zangeres in de onmiskenbare jurk die ze droeg tijdens de Oscaruit-reiking van 2011.

Daft Punk De Franse electrofunkband boden me in dit werk de mogeli-jkheid om hard omlijnde modellen te oefenen. Ik probeerde hun muziekstijl erin te stoppen.

The Sicilian Een ode aan Christopher Walken, gebaseerd op zijn vertolk-ing van Vincenzo Coc-cotti, alis ‘The Sicilian’, uit True Romance

ModellerenTijdens het experimenteren met het vervormen en transponeren van vormen in ZBrush is er een manier om snel terug te kunnen keren naar de originele vormen. Je kunt veranderingen namelijk toekenen aan aparte lagen. Hierdoor kun je snel schakelen tussen de originele en vervormde objecten van subtools en is het niet nodig om meerdere variaties van vervormde subtools te maken.

Portfolio

In de studio • Stap voor stap

12

De belichting van de scene bestaat uit een eenvoudige lichtopstelling, bestaande uit drie spots (twee aan de voorkant en een aan de achterkant) en een enkel direct licht. Iedere lichtbron is voorzien van Raytracing Shadows. Daarna maakte ik een serie testrenders om er zeker van te zijn dat ik de gewenste look zou krijgen en de instellingen aan kon passen

De laatste bewerkingenHet zit hem vooral in de ogen en de highlights

Ogen zijn belang- rijk omdat ze je karakter echt tot leven wekken en omdat ze een aandachts-punt in je werk vormen. In Pippa’s geval heb ik de iris extra intensiteit meegegeven door een cirkelvormige Ramp texture te koppelen aan het specular colour chanel om een iets reflecterende gloed in haar ogen te krijgen. Hierdoor ziet ze er wat ondeugend en een beetje kwaadaardig uit.

09

10

12

11

Omdat het maken van realistisch haar niet belangrijk was (ze heeft een grote helm op die haar hoofd bedekt) hoefde ik alleen maar een eenvoudig polygoonvlak te gebruiken met een colour en transparacy maps. Door dit vlak een paar keer te kopiëren had ik snel het juiste resultaat. Dezelfde werkwijze gebruikte ik voor de wimpers

Met mental raymaak- te ik het eindbeeld in twee fases: een standaard ren-der op productiekwaliteit en een render met Ambient Occlusion om de schaduwen te verbe-teren. De highlight op Pippa’s rechter wang is ontstaan door-dat de schaduw van een van de spots niet geactiveerd was. Het accentueerde echter de gezichtsvorm, waardoor ik deze ‘fout’ niet heb aangepast. Deze twee beelden heb ik vervolgens samengevoegd in Photoshop Hierbij heb ik de kleuren aange-past en de details toegevoegd, zoals de antenne op haar helm, het bulteffect op haar riem, haar gestreepte kousen en een eenvoudig verloop voor de achtergrond.

HergebruikEenverzameling aanleggen van alle bruikbare basismeshes en texturen die je voor je projecten maakt kan erg nuttig zijn. Het klinkt misschien logisch, maar een goed uitgeruste en geordende verzameling van standaard-hoofden, ichaamsdelen en texturen die hergebruikt kunnen worden zal je uren onnodig werk besparen in een nieuw project. Als je eenmaal een goed oog hebt gebouwd hoef je misschien nooit meer een andere te maken. Door simpelweg enkele eigenschappen aan te passen en texturen uit te wisselen is het mogelijk om hiermee een bijna oneindig aantal variaties te maken.

Stap voor stap • Lee Davies

13

DreamWorksDreamWorks Animation SKG is een Amerikaanse animatiestudio. DreamWorks Animation werd gevormd door een fusie tussen de animatie divisie van DreamWorks en Pacific Data Images (ook gekend als PDI).Oorspronkelijk was het bedrijf onderdeel van DreamWorks SKG, maar in 2004 werd er besloten om van DreamWorks Animation een spin-off te maken. De films worden momenteel gedistribueerd door Paramount Pictures, onderdeel van Viacom en eigenaar van voormalige DreamWorks Animation-distributeur, DreamWorks SKG. DreamWorks Animation heeft twee Californische studios: het hoofdkantoor en belangrijkste studio in Glendale en de vroegere PDI-studio in Redwood City.

In beeld• Dreamworks

14

15

Wist je dat Steve Jobs CEO van Pixar is geweest??

16

PixarPixar Animation Studios is een Amerikaans bedrijf, gespecialiseerd in het maken van animatiefilms met behulp van computeranimatie. Het hoofdkantoor is gevestigd in Emeryville.Pixar was het eerste bedrijf dat een volledige 3d-animatiefilm heeft gemaakt. Het bedrijf is opgericht door Lucasfilm (George Lucas) als onderdeel van special effects-bedrijf Industrial Light & Magic, maar groot gemaakt door Steve Jobs (medeoprichter van Apple).Het staat bekend om films als Toy Story en Finding Nemo. De succesvolle films hebben Pixar inmiddels 22 Academy Awards en vier Golden Globes opgeleverd. In september 2009 kreeg het bedrijf een Gouden Leeuw voor al hun films samen op het Filmfestival van Venetië.Sinds 5 mei 2006 maakt het onderdeel uit van voormalig partner The Walt Disney Company.

Pixar • In beeld

17

Stroggtank

Carlos Ortega ElizaldeWebsite http://stroggtank.cgsociety.org/gallery/ Nationaliteit MexicaanseGebruikte software After effects, Illustrator, Maya, Mudbox, mental ray, Photoshop en ZbrushInteresses 3D, Animation, Illustration, Dinosaurs en Movies

In beeld• Stroggtank

18

Koop ‘m nu in de winKelof neem een abinnement voor maar €40

http://www.quest.nl/ Questbraintainment

Wetenschap saai?Echt niet!

Nu

in de winkel

Poser 8 is nu verkrijgbaar met 15% kortingdoor de promotiecode POSER8 te gebruiken op www.cd-e.com.Wij leveren ook: Poser Pro, Vue 8, Swift 3D