Texturing 1 UV mapping

UV-Space

u en v richtingen op 3d objecten

Een 3d model heeft naast 3d coördinaten x,y en z ook nog 2d coördinaten, u en v. Deze uv-coördinaten worden gebruikt om punten op de oppervlakte van een 3d model te beschrijven. Voor texturing zijn de uv’s van groot belang. Het grid van uv’s bepaalt hoe een texture (= een 2d plaatje) over een 3d  model gevouwen wordt.
De uv-coordinaten zijn 2d en hebben hun eigen assenstelsel met de u-as en de v-as. In Maya kun je dit stelsel zien in de UV Texture Editor, dit heet de UV-Space of Texture Space.

Tutorial

  • Create->Polygon Primitives ->Cube
  • RMB->Dropdown menu->Assign New Material->Blinn
  • In de Attribute Editor ga naar color in de Blinn1-tab
  • Klik op het geblokte texture icon achter color
  • Kies file en kies bij filename uvtemplate.jpg (resources1)
  • Open de Window->UV-Texture Editor
  • Wees er zeker van dat je in textured view bent (6 alphanumeriek toetsenbord)

Het gebied in dit stelsel met de waarde U en V 0 tot 1 is het gebied waar het textureplaatje ingepast wordt. Buiten dat gebied herhaalt het plaatje zich oneindig en naar alle kanten.

De witte lijnen geven aan hoe de uv-coördinaten zijn uitgelegd, het plaatje is daar overheen zichtbaar. Je ziet dat sommige stukken van het plaatje niet zichtbaar zijn, die liggen buiten de uv’s. Om een texture te laten passen, kun je 2 dingen doen:

  • Het plaatje aanpassen aan de uv-layout
  • De uv-layout aanpassen aan het plaatje

Het plaatje aanpassen op de uv-layout

Om te beginnen met de eerste methode, vervang het plaatje uvtemplate.jpg met dice.jpg:

  • Ga naar de Attribute Editor en zoek de tab Blinn1
  • Druk op het pijltje bij color waar zich eerst het texture icon bevond
  • Bij filename druk op het browse icon
  • Kies nu dice.jpg
  • Bekijk het resultaat in de UV Texture Editor
  • Save de dobbelsteen, in Les 2 hebben we de dobbelsteen weer nodig

Je ziet dat nu dat de uv-layout en het plaatje met elkaar overeen komen. Dit plaatje is duidelijk aangepast aan de standaard uv-layout van een Polygon Cube.

  • Maak nu een bol met Create->Polygon Primitives->Sphere
  • Geef het een materiaal: RMB->Assign New Material->Phong
  • Druk op het texture icon bij Color in Phong1
  • Kies file en bij filename Earthmap_2500x1250.jpg
  • Bekijk het model in 3d en in de UV-Texture Editor

Dit plaatje is ook aangepast aan de uv-layout van een standaard polygon sphere. Let op de polen, die zijn heel uitgestrekt in het plaatje. En let op de aansluiting in 3d. De maker van deze texture heeft rekening gehouden met waar de beide zijden van de texture bij elkaar komen op de bol. Niet geheel toevallig loopt deze naad door de Grote Oceaan.

De UV-layout aanpassen op het plaatje: DVD-doosje

Vaak wil je liever de uv-layout aanpassen dan het plaatje omdat je plaatje al een bepaalde vorm heeft. In de volgende voorbeelden gebruiken we twee gescande plaatjes van verpakkingen. SonyDVD.jpg en Chipsbagtexture2.jpg

  • Maak een Polygon Primitives Cube ( Interactive Creation UIT)
  • In de Channelbox: ScaleX 10, ScaleY 10, ScaleZ 4
  • Materiaal: RMB->Assign New material->Lambert
  • Druk op het texture icon bij Color in Lambert2-tab
  • Kies file en filename SonyDVD.jpg

Om het werken met uv’s beter te begrijpen, hou rekening met de volgende eigenschappen van uv’s:

  • Je kunt UV’s in 3d selecteren maar niet verplaatsen
  • Je kunt in de UV-Texture Editor geen andere type componenten zoals faces en vertices verplaatsen, alleen UV’s.
  • Stukken UV’s zitten aan elkaar vast, zo’n stuk heet een Shell
  • Je kunt stukken UV’s losmaken van elkaar door edges te selecteren en de functie Cut UV Edges te gebruiken.
  • Je kunt Shells weer aan elkaar maken door border-edges te selecteren en de functie Sew UV-edges of Move and Sew UV-edges
  • Je kunt ook een Shell verkrijgen door een Projection te maken.
  • Daarvoor selecteer je een face of een aantal faces naast elkaar en gebruikt de functie Create UV’s-> Planar/Cylindrical/Spherical of Automatic Mapping
  • De projection vult zoveel mogelijk de texture space tussen 0 en 1.
  • Je kunt de Projection scalen, verplaatsen en roteren met de speciale Projection Manipulator in de UV Texture Editor


De layout van de standaard kubus voldoet  niet met de texture van het DVD-doosje. De gekozen methode is nu om steeds projections te maken van de verschillende zijden van het doosje. We maken ook gebruik van de herhaling van de texture want we hoeven de nieuwe shells niet perse tussen 0 en 1 UV-space te leggen. Daarvoor veranderen we een paar settings in UV Texture Editor:

  • Menu UVT: Image->Dim Image. Het Plaatje wordt nu iets donkerder gemaakt, nu vallen de witte lijnen beter op
  • Menu UVT: Image->Image Range->Settings: Maximum U 3, Maximum V 2. Dit laat de texture 6 x zien.

image range min u 0, max u 3, min v 0, max v 2

De voorkant van het doosje is de positieve Z. Dat kun je zien aan het blauwe pijltje linksonder in het Perspective View, zorg dat het naar je toe wijst dan staat het goed als ook het groene pijltje naar boven wijst. Wanneer je dit precies zo doet gebeurt er op jouw scherm hetzelfde als wat er in deze tutorial beschreven staat.

  • Selecteer de voorste face
  • Polygons Menu: Create UV’s->Planar Mapping->Options
  • Vul bij Project From Z in, het is belangrijk de goede richting te kiezen, anders worden de uv’s op 1 lijn geprojecteerd.
  • Verplaats in de UV-Texture Editor de Projection een afbeelding naar rechts zodat deze tussen U 1 en 2 komt te liggen
  • Scale met de Projection Manipulator de texture ongeveer op het stukje van de voorzijde van de afbeelding van het doosje
  • Selecteer nu (in de UVT) RMB->Marking Menu Right->UV
  • Selecteer de 2 bovenste (groene) uv-punten en gebruik de Move Tool(w) om ze exact op de goede plaats neer te leggen
  • Selecteer steeds in paren om de 4 uv’s goed te leggen

uv's in paren verplaatsen met de Move Tool

Nu de achterkant van het doosje. Selecteer de achterste face en volg dezelfde methode als de voorkant. Sleep de Projection Manipulator gelijk naar rechts op de 3e afbeelding en scale tot de projection ongeveer op de achterkant-afbeelding staat. In het Perspective View wordt duidelijk dat de achterkant 90 graden gedraaid moet worden en dat het plaatje in spiegelbeeld staat. De volgende icons in de UV Texture Editor brengen uitkomst.

  • Druk 2x het Rotate  Clockwise icon
  • Druk 1 x het Mirror Horizontal icon
  • Zet nu in UV selectie de punten precies goed

Doe nu de vier andere zijden, bedenk telkens wat de projectierichting is, voor de zijkanten X en voor de onder en bovenkant is dat Y. Gebruik ook steeds een afbeelding weer nog geen uv’s liggen. Dit voorkomt dat de UV’s door elkaar en over elkaar heen gaan liggen.

resultaat

De UV-layout aanpassen op het plaatje: Chipsbag

Bij de Chipsbag volgen we een iets andere methode om de juiste shells te verkrijgen. Hierbij maken we gebruik van het zelf snijden van de UV’s en het zelf samenvoegen van UV’s. Eerst maken we een ruw model van de chipsbag en na het texturen geven we de chipsbag meer vorm met behulp van Soft Select en de Sculpting Tools.

  • Maak een kubus Polygon Primitives->Cube
  • In de Channelbox zet ScaleX 10, ScaleY 10 en ScaleZ 2
  • In de Channelbox klik op polyCube1, die vouwt uit
  • Zet Subdivisions Width en Height op 12, Depth op 2
  • Selecteer een edge op de smalle zijkant
  • Gebruik pijltjestoets rechts 1 x om de hele edgeloop te selecteren
  • Scale deze edges zodat het een rand wordt, boven meer dan de zijkanten

En dan nu het texturen. Ga daarvoor naar Object Mode en geef het object een Blinn-materiaal. Gebruik Create UV’s->Planar Mapping in Z-richting. Het hele object is nu geprojecteerd. In de UV Texture Editor liggen de UV’s van de voorkant en achterkant (die is in spiegelbeeld) precies over elkaar heen. Als we nu de voor en achterkant van elkaar kunnen scheiden hebben we twee shells, die we naast elkaar neer kunnen leggen en aan elkaar vastmaken zodat de UV’s met het textureplaatje overeenkomen.

verdeel de uv's in 2 shells met behulp van Cut UV Edges

  • Selecteer weer een edge op de zijkant van de Chipsbag
  • Gebruik de pijltjestoets rechts om de hele edgeloop te selecteren
  • Snij de UV’s: Edit UV’s->Cut UV Edges
  • Selecteer in het Perspective View een UV van de voorkant
  • in de UVT menu: Select->Select Shell
  • Gebruik de Move Tool om de Shell rechts van de andere Uv’s te plaatsen

zodra de shell is geselecteerd kun je deze opzij schuiven

  • Selecteer nu alle uv’s van de achterkant en spiegel deze horizontaal
  • Selecteer een edge aan de rechterkant van de achterkant-shell
  • Als het goed is zie je dat ook de edge aan linkerkant van de voorkant shell selecteert, dit is in 3d dezelfde edge
  • Selecteer nu alle edges aan de rechterzijde van de achterkant-shell
  • UVT menu Polygons->Move and Sew UV Edges
  • Nu is er nog maar 1 shell, selecteer alle UV’s en move en  scale ze zo dat voor en achterkant kloppen.


De modelling afmaken

Een manier om de chipsbag minder vierkant te maken is door vertices te selecteren en de Move Tool te gebruiken met Soft Select. Je moet ook rekening houden met dat wanneer je punten verplaatst je texture er zo maar anders uit kan gaan zien. Er kan stretching optreden, delen van het plaatje worden dan lelijk uitgerekt. Gelukkig is er een optie in de Move Tool die heet Preserve UV’s, waarbij wanneer je vertices verplaatst, de texture op z’n plaats blijft.

  • Dubbelklik het Move Tool -icon
  • Zet Soft Select aan
  • Zet Preserve UV’s aan
  • Selecteer vertices en verplaats ze
  • Modelleer de zak zo ronder en onregelmatiger

Om de zak helemaal goed te krijgen moeten de normals zacht gemaakt worden, anders blijf je de harde edges zien van de originele kubus. En een klein beetje sculpten met vooral smooth en relax. Doe het volgende:

  • Menu Polygons: Normals->Soften Edge
  • RMB->Paint->Sculpt
  • Gebruik Smooth en Relax
  • Wanneer het resultaat goed is, Save de Chipsbag voor les 2

Geef een reactie

Vul je gegevens in of klik op een icoon om in te loggen.

WordPress.com logo

Je reageert onder je WordPress.com account. Log uit / Bijwerken )

Twitter-afbeelding

Je reageert onder je Twitter account. Log uit / Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log uit / Bijwerken )

Google+ photo

Je reageert onder je Google+ account. Log uit / Bijwerken )

Verbinden met %s