SlideShare une entreprise Scribd logo
1  sur  33
WHAT ARE TEXTURES?

Textures are bitmaps containing color information,
which are applied to a 3D object.

• Diffuse map: contains the object’s color information
• Alpha map: can be used for transparency control
• Specular map: influences the object’s glossiness and
                reflection (color)
• Normal map: can add extra detail without geometry
CREATING TEXTURES

Textures can be made from (existing) photographic
material OR be homemade in Photoshop.
PROS & CONS – PHOTOGRAPHIC
MATERIAL

PROS:
• Fast results
• In most cases looks more realistic
• More natural look & feel

CONS:
• Intellectual property can be a big issue
• You have less control over the image
• It can be hard to find / take the right picture
PROS & CONS – HOMEMADE
MATERIAL
PROS:
• Fast results
• You are it’s creator, therefore it’s owner
• More control over the image

CONS:
• Can be slow to produce
• Not always the most realistic results
EXAMPLE 1 – HOMEMADE vs.
PHOTOGRAPHIC




 PHOTOGRAPHIC     HOMEMADE
EXAMPLE 2 – HOMEMADE vs.
PHOTOGRAPHIC




 PHOTOGRAPHIC     HOMEMADE
BEST PRACTICE = COMBINING
BOTH
Go out, smell the air and take pictures, but keep the
following things in mind!

• Camera angle - try and get the right perspective
• Lighting - no flash, use a tripod instead and a longer shutter
  time!)
• Patterns & tiles - when going for tileable textures watch for
  distinct patterns and spots that might mess up the tileability
TAKING PICTURES – TILEABLE
TEXTURES



                  TILEABLE OR NOT?
TAKING PICTURES – TILEABLE
TEXTURES




                  Nope!
UVW-MAP AND
TEXTURES
Textures which are applied on a 3D model with the
help of a UVW-map are called unique textures.




     UVW-MAP
SHARING TEXTURE
SPACE
It’s a common and good practice to use your UV-space as
optimal as you can!
SHORT
 TEXTURING
ASSIGNMENT
   Pick a tutorial from the list
  (see Facebook for link) and
create your own homemade
          texture in 15-20 min

Post your final image on FB!
ALPHA CHANNELS
• An RGB bitmap contains 3 channels: Red, Green and Blue.

• Besides these channels that hold color information
  they can also contain grey scale color information
  = ALPHA CHANNEL

They can be used for multiple purposes but are often used
for transparency and masking
ALPHA CHANNELS -
MASKING            To mask certain areas of
                   a texture (especially
                   with leafs) you apply
                   100% white to areas you
                   want to see (opaque),
                   and 100% black to the
                   areas you want to hide
ALPHA CHANNELS -
MASKING      In some game engines (like UDK)
                      it’s best to use a separate 24-bit
                      texture for alpha masking as the
                      engine uses more resources if you
                      add the information into a
                      separate channel of your original
                      texture, making it 32-bits.
ALPHA CHANNELS –
GLASS        Alpha is great for glass, where
                       you want to have semi-
                       transparency, still leaving a bit
                       visible for the human eye.

                       Tip for your car’s windows!
LET’S TALK ABOUT
MATERIALS..
Sometimes materials are confused with textures,
which they are not! Materials contain a set of textures
and instructions to simulate particular attributes. They
often contain what we’ve discussed so far:

•   Diffuse map
•   Alpha map
•   Specular map
•   Normal map
SPECULAR MAPS
• Influence the object’s glossiness and reflection

• Most game engines use the color info for reflection, but
  not all
SPECULAR MAPS -
EXAMPLE


                  DIFFUSE




   SPECULAR
SPECULAR MAPS
Most common mistake done
SPECULAR MAPS -
EXPLANATION
Most materials in real life can be classified into 2 different
classes:

• Conductors – They conduct electricity, like metals

• Dielectrics – They do not conduct electricity, like wood
SPECULAR MAPS -
EXPLANATION
Most materials in real life can be classified into 2 different
classes:

• Conductors – They conduct electricity, like metals and
Light reflected by specularity IS affected by the diffuse
color

• Dielectrics – They do not conduct electricity, like wood.
Light reflected by specularity is NOT affected by the diffuse
color
SPECULAR MAPS -
EXPLANATION
• Metal (conductor)




• Wood (dielectrics)
SPECULAR MAPS -
EXPLANATION (just like the layer option in
• Specular maps are ADDED
Photoshop). This is why only saturation will not be helpful
in case of a wooden texture!




Want to know more? http://www.manufato.com/?p=902
SPECULAR MAPS - TIPS
• Do not flatten your image and start editing it!

• Add extra detail to the specular map for a nice pop

• Keep your detail layers (scratches, dirt, etc.) separately
  to avoid frustration later on

• Group and adjust the layers that share the same
  specularity together

• Try and use the Adjustment Layers in Photoshop. They
  save a lot of time and can be adjusted on the fly.
NORMAL MAPS
Normal maps are a special category of textures that can
add detail to your object without the use of actual
geometry.
NORMAL MAPS – HOW DO
THEY WORK? channels in bitmaps to store
Normal maps use the RGB
height information for the detail. This height information is
projected on 3D objects and used for lighting calculations.
CREATING NORMAL MAPS
Easiest way to start is with the nVidia filter, using height
maps (grey scale height/depth images):
http://developer.nvidia.com/nvidia-texture-tools-adobe-photoshop
CREATING NORMAL MAPS
Or nDo, which is fairly similar but easier to adjust things:
http://www.quixel.se/
CREATING NORMAL MAPS
Or import your model into ZBrush and add detail there!
NORMAL MAPPING -
DEMONSTRATION
TIP:
Tired of looking for good information on the web related
to 3D? Try:

               wiki.polycount.com

Always up to date, filled with (good) tutorials and in
depth explanations of gaming industry’s experts. Check
the forums for high quality 3D work as inspiration ;-)

Contenu connexe

Tendances (12)

Layer mask
Layer maskLayer mask
Layer mask
 
Values1
Values1Values1
Values1
 
2 objects in charcoal
2 objects in charcoal2 objects in charcoal
2 objects in charcoal
 
Task 3 finished
Task 3 finishedTask 3 finished
Task 3 finished
 
Value
ValueValue
Value
 
PHOTOSHOP IN LANDSCAPING
PHOTOSHOP IN LANDSCAPINGPHOTOSHOP IN LANDSCAPING
PHOTOSHOP IN LANDSCAPING
 
6. production reflection
6. production reflection6. production reflection
6. production reflection
 
3. production experiments(2)
3. production experiments(2)3. production experiments(2)
3. production experiments(2)
 
Artistic styles in games 2
Artistic styles in games 2Artistic styles in games 2
Artistic styles in games 2
 
Value: Drawing and the art element of value
Value: Drawing and the art element of valueValue: Drawing and the art element of value
Value: Drawing and the art element of value
 
Simply draw your house...
Simply draw your house...Simply draw your house...
Simply draw your house...
 
Element of Art - Value
Element of Art - ValueElement of Art - Value
Element of Art - Value
 

En vedette (11)

Drawing styles appleproject
Drawing styles appleprojectDrawing styles appleproject
Drawing styles appleproject
 
Les 4 portfolio & product presentation
Les 4   portfolio & product presentationLes 4   portfolio & product presentation
Les 4 portfolio & product presentation
 
Using Adjustment Layers and Lighting in Photoshop
Using Adjustment Layers and Lighting in PhotoshopUsing Adjustment Layers and Lighting in Photoshop
Using Adjustment Layers and Lighting in Photoshop
 
Les 3 game 3 d - silhouette & composition
Les 3   game 3 d - silhouette & compositionLes 3   game 3 d - silhouette & composition
Les 3 game 3 d - silhouette & composition
 
Torch
TorchTorch
Torch
 
Photoshop Basics - Review of All Tools
Photoshop Basics - Review of All ToolsPhotoshop Basics - Review of All Tools
Photoshop Basics - Review of All Tools
 
Character Development for Video Games
Character Development for Video GamesCharacter Development for Video Games
Character Development for Video Games
 
Game Art Bible - Secret Sauce to Making Great Game Art
Game Art Bible - Secret Sauce to Making Great Game ArtGame Art Bible - Secret Sauce to Making Great Game Art
Game Art Bible - Secret Sauce to Making Great Game Art
 
Gesture drawing
Gesture drawingGesture drawing
Gesture drawing
 
Concept Art - Character Design
Concept Art - Character DesignConcept Art - Character Design
Concept Art - Character Design
 
Michael hampton figure drawing - design and invention
Michael hampton  figure drawing - design and inventionMichael hampton  figure drawing - design and invention
Michael hampton figure drawing - design and invention
 

Similaire à Les 2 game 3d - texturing & materials

Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)
Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)
Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)
Johan Andersson
 
The Technology Behind the DirectX 11 Unreal Engine"Samaritan" Demo
The Technology Behind the DirectX 11 Unreal Engine"Samaritan" DemoThe Technology Behind the DirectX 11 Unreal Engine"Samaritan" Demo
The Technology Behind the DirectX 11 Unreal Engine"Samaritan" Demo
drandom
 
Epic_GDC2011_Samaritan
Epic_GDC2011_SamaritanEpic_GDC2011_Samaritan
Epic_GDC2011_Samaritan
MinGeun Park
 

Similaire à Les 2 game 3d - texturing & materials (20)

Graphical Programming
Graphical ProgrammingGraphical Programming
Graphical Programming
 
Shaders & Standard Shader In Unity
Shaders & Standard Shader In UnityShaders & Standard Shader In Unity
Shaders & Standard Shader In Unity
 
Deferred shading
Deferred shadingDeferred shading
Deferred shading
 
Chapter 6 Graphics
Chapter 6 GraphicsChapter 6 Graphics
Chapter 6 Graphics
 
Game development terminologies
Game development terminologiesGame development terminologies
Game development terminologies
 
Shader X³: Image Space - Color Grading
Shader X³: Image Space - Color GradingShader X³: Image Space - Color Grading
Shader X³: Image Space - Color Grading
 
Rendering basics
Rendering basicsRendering basics
Rendering basics
 
Photogrammetry and Star Wars Battlefront
Photogrammetry and Star Wars BattlefrontPhotogrammetry and Star Wars Battlefront
Photogrammetry and Star Wars Battlefront
 
Chapter Six
Chapter SixChapter Six
Chapter Six
 
Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)
Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)
Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)
 
Adding more visuals without affecting performance
Adding more visuals without affecting performanceAdding more visuals without affecting performance
Adding more visuals without affecting performance
 
A Practical and Robust Bump-mapping Technique for Today’s GPUs (slides)
A Practical and Robust Bump-mapping Technique for Today’s GPUs (slides)A Practical and Robust Bump-mapping Technique for Today’s GPUs (slides)
A Practical and Robust Bump-mapping Technique for Today’s GPUs (slides)
 
Dada and Photomontage
Dada and PhotomontageDada and Photomontage
Dada and Photomontage
 
Layar Tutorial - 3D Content Creation Tips & Tricks
Layar Tutorial - 3D Content Creation Tips & TricksLayar Tutorial - 3D Content Creation Tips & Tricks
Layar Tutorial - 3D Content Creation Tips & Tricks
 
Goo Create - Material Fundamentals
Goo Create - Material FundamentalsGoo Create - Material Fundamentals
Goo Create - Material Fundamentals
 
Terms 3d-artist
Terms 3d-artistTerms 3d-artist
Terms 3d-artist
 
Make your designers love (working with) you
Make your designers love (working with) youMake your designers love (working with) you
Make your designers love (working with) you
 
Felwyrld Tech
Felwyrld TechFelwyrld Tech
Felwyrld Tech
 
The Technology Behind the DirectX 11 Unreal Engine"Samaritan" Demo
The Technology Behind the DirectX 11 Unreal Engine"Samaritan" DemoThe Technology Behind the DirectX 11 Unreal Engine"Samaritan" Demo
The Technology Behind the DirectX 11 Unreal Engine"Samaritan" Demo
 
Epic_GDC2011_Samaritan
Epic_GDC2011_SamaritanEpic_GDC2011_Samaritan
Epic_GDC2011_Samaritan
 

Dernier

FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Wazirabad | Delhi
FULL NIGHT — 9999894380 Call Girls In Wazirabad | DelhiFULL NIGHT — 9999894380 Call Girls In Wazirabad | Delhi
FULL NIGHT — 9999894380 Call Girls In Wazirabad | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Delhi Cantt | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi Cantt | DelhiFULL NIGHT — 9999894380 Call Girls In Delhi Cantt | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi Cantt | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Badarpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Badarpur | DelhiFULL NIGHT — 9999894380 Call Girls In Badarpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Badarpur | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Paschim Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In  Paschim Vihar | DelhiFULL NIGHT — 9999894380 Call Girls In  Paschim Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Paschim Vihar | Delhi
SaketCallGirlsCallUs
 
Massage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call Girls
Massage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call GirlsMassage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call Girls
Massage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call Girls
Chandigarh Call girls 9053900678 Call girls in Chandigarh
 
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | DelhiFULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
SaketCallGirlsCallUs
 
FULL NIGHT — 9999894380 Call Girls In Anand Niketan | Delhi
FULL NIGHT — 9999894380 Call Girls In Anand Niketan | DelhiFULL NIGHT — 9999894380 Call Girls In Anand Niketan | Delhi
FULL NIGHT — 9999894380 Call Girls In Anand Niketan | Delhi
SaketCallGirlsCallUs
 

Dernier (20)

Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
 
THE ARTS OF THE PHILIPPINE BALLET PRESN
THE ARTS OF  THE PHILIPPINE BALLET PRESNTHE ARTS OF  THE PHILIPPINE BALLET PRESN
THE ARTS OF THE PHILIPPINE BALLET PRESN
 
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Uttam Nagar | Delhi
 
GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607
GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607
GENUINE EscoRtS,Call Girls IN South Delhi Locanto TM''| +91-8377087607
 
FULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In New Ashok Nagar | Delhi
 
FULL NIGHT — 9999894380 Call Girls In Wazirabad | Delhi
FULL NIGHT — 9999894380 Call Girls In Wazirabad | DelhiFULL NIGHT — 9999894380 Call Girls In Wazirabad | Delhi
FULL NIGHT — 9999894380 Call Girls In Wazirabad | Delhi
 
Storyboard short: Ferrarius Tries to Sing
Storyboard short: Ferrarius Tries to SingStoryboard short: Ferrarius Tries to Sing
Storyboard short: Ferrarius Tries to Sing
 
(INDIRA) Call Girl Jammu Call Now 8617697112 Jammu Escorts 24x7
(INDIRA) Call Girl Jammu Call Now 8617697112 Jammu Escorts 24x7(INDIRA) Call Girl Jammu Call Now 8617697112 Jammu Escorts 24x7
(INDIRA) Call Girl Jammu Call Now 8617697112 Jammu Escorts 24x7
 
FULL NIGHT — 9999894380 Call Girls In Delhi Cantt | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi Cantt | DelhiFULL NIGHT — 9999894380 Call Girls In Delhi Cantt | Delhi
FULL NIGHT — 9999894380 Call Girls In Delhi Cantt | Delhi
 
Agonda Beach ( Call Girls ) Goa ✔ 8617370543 ✅ By Goa Call Girls For Pick Up ...
Agonda Beach ( Call Girls ) Goa ✔ 8617370543 ✅ By Goa Call Girls For Pick Up ...Agonda Beach ( Call Girls ) Goa ✔ 8617370543 ✅ By Goa Call Girls For Pick Up ...
Agonda Beach ( Call Girls ) Goa ✔ 8617370543 ✅ By Goa Call Girls For Pick Up ...
 
FULL NIGHT — 9999894380 Call Girls In Badarpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Badarpur | DelhiFULL NIGHT — 9999894380 Call Girls In Badarpur | Delhi
FULL NIGHT — 9999894380 Call Girls In Badarpur | Delhi
 
FULL NIGHT — 9999894380 Call Girls In Paschim Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In  Paschim Vihar | DelhiFULL NIGHT — 9999894380 Call Girls In  Paschim Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Paschim Vihar | Delhi
 
Massage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call Girls
Massage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call GirlsMassage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call Girls
Massage And Sex Call Girls In Chandigarh 9053900678 Chandigarh Call Girls
 
Moradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service Available
Moradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service AvailableMoradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service Available
Moradabad Call Girls - 📞 8617697112 🔝 Top Class Call Girls Service Available
 
Barasat call girls 📞 8617697112 At Low Cost Cash Payment Booking
Barasat call girls 📞 8617697112 At Low Cost Cash Payment BookingBarasat call girls 📞 8617697112 At Low Cost Cash Payment Booking
Barasat call girls 📞 8617697112 At Low Cost Cash Payment Booking
 
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | DelhiFULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
FULL NIGHT — 9999894380 Call Girls In Patel Nagar | Delhi
 
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | DelhiFULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
FULL NIGHT — 9999894380 Call Girls In Ashok Vihar | Delhi
 
FULL NIGHT — 9999894380 Call Girls In Anand Niketan | Delhi
FULL NIGHT — 9999894380 Call Girls In Anand Niketan | DelhiFULL NIGHT — 9999894380 Call Girls In Anand Niketan | Delhi
FULL NIGHT — 9999894380 Call Girls In Anand Niketan | Delhi
 
Mayiladuthurai Call Girls 8617697112 Short 3000 Night 8000 Best call girls Se...
Mayiladuthurai Call Girls 8617697112 Short 3000 Night 8000 Best call girls Se...Mayiladuthurai Call Girls 8617697112 Short 3000 Night 8000 Best call girls Se...
Mayiladuthurai Call Girls 8617697112 Short 3000 Night 8000 Best call girls Se...
 
(INDIRA) Call Girl Dehradun Call Now 8617697112 Dehradun Escorts 24x7
(INDIRA) Call Girl Dehradun Call Now 8617697112 Dehradun Escorts 24x7(INDIRA) Call Girl Dehradun Call Now 8617697112 Dehradun Escorts 24x7
(INDIRA) Call Girl Dehradun Call Now 8617697112 Dehradun Escorts 24x7
 

Les 2 game 3d - texturing & materials

  • 1.
  • 2. WHAT ARE TEXTURES? Textures are bitmaps containing color information, which are applied to a 3D object. • Diffuse map: contains the object’s color information • Alpha map: can be used for transparency control • Specular map: influences the object’s glossiness and reflection (color) • Normal map: can add extra detail without geometry
  • 3. CREATING TEXTURES Textures can be made from (existing) photographic material OR be homemade in Photoshop.
  • 4. PROS & CONS – PHOTOGRAPHIC MATERIAL PROS: • Fast results • In most cases looks more realistic • More natural look & feel CONS: • Intellectual property can be a big issue • You have less control over the image • It can be hard to find / take the right picture
  • 5. PROS & CONS – HOMEMADE MATERIAL PROS: • Fast results • You are it’s creator, therefore it’s owner • More control over the image CONS: • Can be slow to produce • Not always the most realistic results
  • 6. EXAMPLE 1 – HOMEMADE vs. PHOTOGRAPHIC PHOTOGRAPHIC HOMEMADE
  • 7. EXAMPLE 2 – HOMEMADE vs. PHOTOGRAPHIC PHOTOGRAPHIC HOMEMADE
  • 8. BEST PRACTICE = COMBINING BOTH Go out, smell the air and take pictures, but keep the following things in mind! • Camera angle - try and get the right perspective • Lighting - no flash, use a tripod instead and a longer shutter time!) • Patterns & tiles - when going for tileable textures watch for distinct patterns and spots that might mess up the tileability
  • 9. TAKING PICTURES – TILEABLE TEXTURES TILEABLE OR NOT?
  • 10. TAKING PICTURES – TILEABLE TEXTURES Nope!
  • 11. UVW-MAP AND TEXTURES Textures which are applied on a 3D model with the help of a UVW-map are called unique textures. UVW-MAP
  • 12. SHARING TEXTURE SPACE It’s a common and good practice to use your UV-space as optimal as you can!
  • 13. SHORT TEXTURING ASSIGNMENT Pick a tutorial from the list (see Facebook for link) and create your own homemade texture in 15-20 min Post your final image on FB!
  • 14. ALPHA CHANNELS • An RGB bitmap contains 3 channels: Red, Green and Blue. • Besides these channels that hold color information they can also contain grey scale color information = ALPHA CHANNEL They can be used for multiple purposes but are often used for transparency and masking
  • 15. ALPHA CHANNELS - MASKING To mask certain areas of a texture (especially with leafs) you apply 100% white to areas you want to see (opaque), and 100% black to the areas you want to hide
  • 16. ALPHA CHANNELS - MASKING In some game engines (like UDK) it’s best to use a separate 24-bit texture for alpha masking as the engine uses more resources if you add the information into a separate channel of your original texture, making it 32-bits.
  • 17. ALPHA CHANNELS – GLASS Alpha is great for glass, where you want to have semi- transparency, still leaving a bit visible for the human eye. Tip for your car’s windows!
  • 18. LET’S TALK ABOUT MATERIALS.. Sometimes materials are confused with textures, which they are not! Materials contain a set of textures and instructions to simulate particular attributes. They often contain what we’ve discussed so far: • Diffuse map • Alpha map • Specular map • Normal map
  • 19. SPECULAR MAPS • Influence the object’s glossiness and reflection • Most game engines use the color info for reflection, but not all
  • 20. SPECULAR MAPS - EXAMPLE DIFFUSE SPECULAR
  • 22. SPECULAR MAPS - EXPLANATION Most materials in real life can be classified into 2 different classes: • Conductors – They conduct electricity, like metals • Dielectrics – They do not conduct electricity, like wood
  • 23. SPECULAR MAPS - EXPLANATION Most materials in real life can be classified into 2 different classes: • Conductors – They conduct electricity, like metals and Light reflected by specularity IS affected by the diffuse color • Dielectrics – They do not conduct electricity, like wood. Light reflected by specularity is NOT affected by the diffuse color
  • 24. SPECULAR MAPS - EXPLANATION • Metal (conductor) • Wood (dielectrics)
  • 25. SPECULAR MAPS - EXPLANATION (just like the layer option in • Specular maps are ADDED Photoshop). This is why only saturation will not be helpful in case of a wooden texture! Want to know more? http://www.manufato.com/?p=902
  • 26. SPECULAR MAPS - TIPS • Do not flatten your image and start editing it! • Add extra detail to the specular map for a nice pop • Keep your detail layers (scratches, dirt, etc.) separately to avoid frustration later on • Group and adjust the layers that share the same specularity together • Try and use the Adjustment Layers in Photoshop. They save a lot of time and can be adjusted on the fly.
  • 27. NORMAL MAPS Normal maps are a special category of textures that can add detail to your object without the use of actual geometry.
  • 28. NORMAL MAPS – HOW DO THEY WORK? channels in bitmaps to store Normal maps use the RGB height information for the detail. This height information is projected on 3D objects and used for lighting calculations.
  • 29. CREATING NORMAL MAPS Easiest way to start is with the nVidia filter, using height maps (grey scale height/depth images): http://developer.nvidia.com/nvidia-texture-tools-adobe-photoshop
  • 30. CREATING NORMAL MAPS Or nDo, which is fairly similar but easier to adjust things: http://www.quixel.se/
  • 31. CREATING NORMAL MAPS Or import your model into ZBrush and add detail there!
  • 33. TIP: Tired of looking for good information on the web related to 3D? Try: wiki.polycount.com Always up to date, filled with (good) tutorials and in depth explanations of gaming industry’s experts. Check the forums for high quality 3D work as inspiration ;-)

Notes de l'éditeur

  1. INTRODUCTION
  2. Wrong perspective in the tiles (middle) and too many distinctive areas that will need extensive cleaning in Photoshop.
  3. SHORT TEXTURING ASSIGNMENT – 15-20 MIN!http://beeex.net/photoshop/tutorials-photoshop/77-essential-photoshop-techniques-for-photo-realistic-textures
  4. NO DESATURATION AS YOUR ONLY STEP IN SPECULAR MAP MAKING!