Shop Forum More Submit  Join Login
About Deviant Boris M.Male/France Recent Activity
Deviant for 8 Years
Needs Core Membership
Statistics 68 Deviations 222 Comments 31,228 Pageviews
×

Newest Deviations

Tutorial: How to draw Water by oni1ink Tutorial: How to draw Water :icononi1ink:oni1ink 963 28 Tutorial: Indirect lighting color schemes by oni1ink Tutorial: Indirect lighting color schemes :icononi1ink:oni1ink 358 2 Tutorial: How to draw Wood by oni1ink Tutorial: How to draw Wood :icononi1ink:oni1ink 702 13 Tutorial: How to draw Fruits by oni1ink Tutorial: How to draw Fruits :icononi1ink:oni1ink 383 13 Tutorial: How to draw Foliage by oni1ink Tutorial: How to draw Foliage :icononi1ink:oni1ink 2,690 49 Tutorial: How to draw Crystals by oni1ink Tutorial: How to draw Crystals :icononi1ink:oni1ink 558 6 Super Meat Boy with meat texture by oni1ink Super Meat Boy with meat texture :icononi1ink:oni1ink 17 2 Tutorial: How to draw meat texture by oni1ink Tutorial: How to draw meat texture :icononi1ink:oni1ink 239 17 Tutorial: Texture, texturing and shading by oni1ink Tutorial: Texture, texturing and shading :icononi1ink:oni1ink 532 12 Tutorial: How to draw 3d primitives by oni1ink Tutorial: How to draw 3d primitives :icononi1ink:oni1ink 188 6 Tutorial: How to draw Shiny Materials by oni1ink Tutorial: How to draw Shiny Materials :icononi1ink:oni1ink 477 7 Tutorial: How to draw Trophies by oni1ink Tutorial: How to draw Trophies :icononi1ink:oni1ink 257 10 Tutorial: How to draw Potions by oni1ink Tutorial: How to draw Potions :icononi1ink:oni1ink 354 9 Tutorial: How to draw Jewels by oni1ink Tutorial: How to draw Jewels :icononi1ink:oni1ink 541 26 Walking Zombie by oni1ink Walking Zombie :icononi1ink:oni1ink 2 1 Crawling Zombie by oni1ink Crawling Zombie :icononi1ink:oni1ink 4 2

Favourites

Albedo :18+ optional: by Axsens Albedo :18+ optional: :iconaxsens:Axsens 5,037 104 Zelda - Twilight princess (2v) by Sciamano240 Zelda - Twilight princess (2v) :iconsciamano240:Sciamano240 5,611 74 LotC: Restoring Seraphim by Dopaprime LotC: Restoring Seraphim :icondopaprime:Dopaprime 917 52 Blood Ritual by GENZOMAN Blood Ritual :icongenzoman:GENZOMAN 2,919 44 Investment by aoxenuk Investment :iconaoxenuk:aoxenuk 285 17 Persephone by jjlovely Persephone :iconjjlovely:jjlovely 5,682 222 Android 18 by NOPEYS Android 18 :iconnopeys:NOPEYS 1,691 21 Legend of the Cryptids - Gambling Goddess by Viccolatte Legend of the Cryptids - Gambling Goddess :iconviccolatte:Viccolatte 1,059 24 Carrie by AlexPascenko Carrie :iconalexpascenko:AlexPascenko 1,367 44 Altima2014-9-8 by lorlandchain Altima2014-9-8 :iconlorlandchain:lorlandchain 540 13 Guinevere by jjlovely Guinevere :iconjjlovely:jjlovely 11,865 414 Rain Godness_Normal by Verehin Rain Godness_Normal :iconverehin:Verehin 5,372 126 CGHub Blog by Verehin CGHub Blog :iconverehin:Verehin 659 38 Birthday Geisha by Viccolatte Birthday Geisha :iconviccolatte:Viccolatte 2,380 146 Pokemon Sculpt: Realistic Nidoking 2013 by cg-sammu Pokemon Sculpt: Realistic Nidoking 2013 :iconcg-sammu:cg-sammu 1,126 135 crusader by Nawol crusader :iconnawol:Nawol 3,350 79

Friends

:iconaoxenuk: :iconjunejenssen: :icongenzoman: :iconelsevilla: :iconwarrenlouw: :iconsouracid: :iconphamoz: :iconnethvn: :iconkr1ger: :iconz-studios: :iconcysteineomni: :iconsachem31: :iconlotomoedis: :iconprincessmelow:

Watchers

Activity


1. Definition

Texturing is a technique that involves adding local shading and details on surfaces to better represent the material of an object.

This technique is of course closely linked to shading in general.
This is usually applied after defining a global shading.



From left to right :
  • Lineart
  • Global shading
  • Completed sprite

One of the big differences between global and local shading is homogeneity.
The very principle of global shading is to give a sufficiently contrasting effect between the shaded and lit areas to bring out volume and depth.

Conversely, a texture must be as homogeneous as possible. It must be able to be applied on large, uniform surfaces, without making it look bad.


2. Applying a texture


A texture being homogeneous in terms of its luminosity/contrast, if it is applied to an object without taking into account the global shading, we will lose any effect of volume and depth.



A texture applied to a sphere without shading.
Only the deformation of the texture can give us a clue on the shape of the object, but it is still difficult to discern.

Homogeneous contrast

When applying a texture to an object, shadows must also be taken into account.
It is therefore important to maintain a uniform contrast between colours. A dark line separating a light zone from a dark zone should not keep the same colour between these two zones.



The color of the line will be lighter on the lighter side and darker on the darker side to preserve its contrast with the background.

In the same way it is possible to apply a texture or pattern on a shaded object, by proceeding to a simple color shifting in our palette.



Combination of a texture (left) and an object that is not textured but shaded (middle).


3. Local shading

Since shading is used to highlight the bumps, there are generally two possible cases:
  • A groove
  • A bump

Each of these cases can be more or less accentuated by playing on the colors, the intensity of shadows and lights.



On the upper line, troughs ranging from the weakest to the strongest bumps.
On the second line, these are bumps that stand out.

The mastery of these light bumps is very important, it is the basis of the textures, and will make it possible to manage all the simple cases, such as wood or matte plastic.

Example of application on a simple object:



4. Reflections

The application of a reflection is done in a simple way, by applying diagonal strips of light of varying thicknesses, and following a few rules.



A trough or bump will create an offset at the reflection level (proportional to the height change).
As for the shadows, there is no absolute, depending on the palette or the material represented, it is possible to lighten or not the area at the reflection level.
It is also important not to have parallel light bands on faces that are not oriented in the same direction, as on this cube:

Concrete example of the application of a gold texture on our drawers:


Or, added reflections on our previous crate:



5. Dithering and granularity

Dithering consists in creating a new false color from a checkerboard or other regular pattern of two colors close enough to give an illusion of mixing.
The closer the colours are, the stronger the illusion will be. The more the colours are contrasted, the stronger the granularity effect will be.



Dithering is basically used to obtain fake intermediate shades on limited palettes, but it is also very useful for making complex and rough textures.


Example of complex dithering separating 3 colors over a wide area.


The nature of the pattern totally changes the roughness aspect.


Example of the application of a sandy rock on our drawers:


Or add grain to our crate:



6. The art of destruction

The more complex a texture is, the more it will combine fundamental techniques such as bumpiness, reflections or granularity.
However, some materials need to go further, by cutting, slash or breaking the base support.

Cuts

It works much like bump, but on a much finer surface.
We are subject to the same rules, of which here is a summary image:

From the finest to the most pronounced, on the first line of the cuts, and on the second of the bumps.


A concrete example on our crate:



Exercises

Since nothing beats practice to learn, here is a series of examples from the simplest to the most complicated.

For each exercise resolved, post your results.

Mastering tools
  • Add a strong bump on the text of this image, except the 'x' which must be a groove (the center must be dug more strongly than the rest of the 'x'):

    Palette:
  • Add reflections on the image obtained between the two red lines shown below:
  • Now cut and break the letter 'e' as well as possible.
  • Add grain to the letter 'l'.

Finalize a sprite


  • Texturize/colorize this sprite:

    Palette:
  • Add reflections on the inside of the doors to give the impression that there are windows.
  • Add damage (cuts etc) on the right side of the wardrobe.
  • Make a variant of this cabinet by redoing it in gold using the palette of the gold drawers example in the tutorial.
    Palette:
  • Do the same with the sandy rock.
    Palette:

Sample solutions


Here are some solutions by a talented friend:

Gif process

1. Definition

Texturing is a technique that involves adding local shading and details on surfaces to better represent the material of an object.

This technique is of course closely linked to shading in general.
This is usually applied after defining a global shading.



From left to right :
  • Lineart
  • Global shading
  • Completed sprite

One of the big differences between global and local shading is homogeneity.
The very principle of global shading is to give a sufficiently contrasting effect between the shaded and lit areas to bring out volume and depth.

Conversely, a texture must be as homogeneous as possible. It must be able to be applied on large, uniform surfaces, without making it look bad.


2. Applying a texture


A texture being homogeneous in terms of its luminosity/contrast, if it is applied to an object without taking into account the global shading, we will lose any effect of volume and depth.



A texture applied to a sphere without shading.
Only the deformation of the texture can give us a clue on the shape of the object, but it is still difficult to discern.

Homogeneous contrast

When applying a texture to an object, shadows must also be taken into account.
It is therefore important to maintain a uniform contrast between colours. A dark line separating a light zone from a dark zone should not keep the same colour between these two zones.



The color of the line will be lighter on the lighter side and darker on the darker side to preserve its contrast with the background.

In the same way it is possible to apply a texture or pattern on a shaded object, by proceeding to a simple color shifting in our palette.



Combination of a texture (left) and an object that is not textured but shaded (middle).


3. Local shading

Since shading is used to highlight the bumps, there are generally two possible cases:
  • A groove
  • A bump

Each of these cases can be more or less accentuated by playing on the colors, the intensity of shadows and lights.



On the upper line, troughs ranging from the weakest to the strongest bumps.
On the second line, these are bumps that stand out.

The mastery of these light bumps is very important, it is the basis of the textures, and will make it possible to manage all the simple cases, such as wood or matte plastic.

Example of application on a simple object:



4. Reflections

The application of a reflection is done in a simple way, by applying diagonal strips of light of varying thicknesses, and following a few rules.



A trough or bump will create an offset at the reflection level (proportional to the height change).
As for the shadows, there is no absolute, depending on the palette or the material represented, it is possible to lighten or not the area at the reflection level.
It is also important not to have parallel light bands on faces that are not oriented in the same direction, as on this cube:

Concrete example of the application of a gold texture on our drawers:


Or, added reflections on our previous crate:



5. Dithering and granularity

Dithering consists in creating a new false color from a checkerboard or other regular pattern of two colors close enough to give an illusion of mixing.
The closer the colours are, the stronger the illusion will be. The more the colours are contrasted, the stronger the granularity effect will be.



Dithering is basically used to obtain fake intermediate shades on limited palettes, but it is also very useful for making complex and rough textures.


Example of complex dithering separating 3 colors over a wide area.


The nature of the pattern totally changes the roughness aspect.


Example of the application of a sandy rock on our drawers:


Or add grain to our crate:



6. The art of destruction

The more complex a texture is, the more it will combine fundamental techniques such as bumpiness, reflections or granularity.
However, some materials need to go further, by cutting, slash or breaking the base support.

Cuts

It works much like bump, but on a much finer surface.
We are subject to the same rules, of which here is a summary image:

From the finest to the most pronounced, on the first line of the cuts, and on the second of the bumps.


A concrete example on our crate:



Exercises

Since nothing beats practice to learn, here is a series of examples from the simplest to the most complicated.

For each exercise resolved, post your results.

Mastering tools
  • Add a strong bump on the text of this image, except the 'x' which must be a groove (the center must be dug more strongly than the rest of the 'x'):

    Palette:
  • Add reflections on the image obtained between the two red lines shown below:
  • Now cut and break the letter 'e' as well as possible.
  • Add grain to the letter 'l'.

Finalize a sprite


  • Texturize/colorize this sprite:

    Palette:
  • Add reflections on the inside of the doors to give the impression that there are windows.
  • Add damage (cuts etc) on the right side of the wardrobe.
  • Make a variant of this cabinet by redoing it in gold using the palette of the gold drawers example in the tutorial.
    Palette:
  • Do the same with the sandy rock.
    Palette:

Sample solutions


Here are some solutions by a talented friend:

Gif process

Comments


Add a Comment:
 
:iconfmoeller:
FMoeller Featured By Owner Edited Oct 22, 2018  New Deviant Hobbyist Digital Artist
Gift by FMoeller   Happy Birthday! Thank you for your tutorials! They are helping me a lot to study pixelart! 
Reply
:icononi1ink:
oni1ink Featured By Owner Nov 12, 2018
Thank you very much! :)
Reply
:iconfmoeller:
FMoeller Featured By Owner Nov 12, 2018  New Deviant Hobbyist Digital Artist
You are welcome!
Reply
:iconmariamagic59:
Mariamagic59 Featured By Owner Oct 22, 2018  Hobbyist Digital Artist
Misc Emoji (Happy Birthday Bunny n Bear) [PMotes] by Jerikuto  
Reply
:icononi1ink:
oni1ink Featured By Owner Nov 12, 2018
Thank you!! :D
Reply
:iconredballbomb:
redballbomb Featured By Owner Oct 22, 2018
happy birthday
Reply
:icononi1ink:
oni1ink Featured By Owner Nov 12, 2018
Thanks :)
Reply
:iconmisterprickly:
misterprickly Featured By Owner Oct 22, 2018  Professional General Artist
Happy Birthday!
Reply
:icononi1ink:
oni1ink Featured By Owner Nov 12, 2018
Thank you :)
Reply
:icondragonjule:
dragonjule Featured By Owner May 1, 2018  Hobbyist Artist
you make life easy and byway i REALLY LOVE ART WORKShy shrimp : Hi Fluttershy and Rainbow Dash - Hugging Hai! 
Reply
Add a Comment: