Blog

Towards Photorealism in the Watch Demo

2014-10-20

Introduction

In this article I'll try to deal with the non-trivial issues which I have encountered while creating the Watch demo.

This article is aimed at those possessing basic knowledge in Blender's modeling and texturing tools as well as the node editor.

The photo on the right was used as a reference.

The following questions will be considered in this article:

  • Creating the crocodile leather material, including a seamless texture and specular settings and
  • Setting up the gold material.

It was very important to sustain a parametric approach while creating the scene. Especially it had to do with the two specified objects. I had to abandon many decisions and start looking for new ones, and this is why parametrization saved me a lot of time.

Crocodile Leather: Seamless Texture

In most cases it's possible to use textures taken from such resources as CGTextures. After searching for the right texture I finally understood that this was not an option. So I decided to create an image the pattern of which I would be able to control.

I took the photos of real leather watch wristbands as a reference as well as the original watch picture. Using all that I specified the pattern of scales in Inkscape:

The guidelines were needed to sustain the seamlessness of the texture.

Next, the corresponding masks for different details were created on the basis of this texture in Inkscape and GIMP:

In the process of creation these images were constantly being checked for seamlessness and when needed were corrected in Blender using the following simple method:

Create a plane, scale it and the corresponding UV by three times. Assign a material and texture to the plane. Create a second plane with parameters as on the fourth frame of the above picture. The second plane marks the image borders and moreover it is used for baking the final texture.

I used the shader nodes instead of compositing nodes in order to assemble the seamless texture. With a little creativity and using the shader nodes it's possible to achieve interesting effects which can be later reused in the material of the scene itself.

Texture nodes

The labels on the pictures above show how the texture changes after being mixed with other textures and masks.

This way, I created a material which looks like a texture. In order to get an image out of this material it has to be baked on a plane. An image of the necessary resolution should be applied to the plane's UV. After baking the such material-texture I got a grayscale image which was later used to create normal, color and specular maps.

The baked normal map and an alpha-channel with a grayscale texture inside:

At this stage the seamless texture is created. I will omit the tuning of the leather material (as it is an easy thing to do) and will proceed to the specular settings.

Crocodile Leather: Specular Settings

Working on the specular I wanted to show that this material is both strong and soft.

As you can see at the image the specular consists of three parts:

  • Sharp central spec (1) - it highlights small details.
  • Big grey spec (2) - being mixed with the first one, softens it, making the material visually smoother.
  • Environment spec imitation (3) - this effect is easy to achieve by creating a mask as shown below:

We can create similar and more complicated specs by manipulating the Spec output from the Extended Material node. The examples as pictured below:

The spec for leather wristband material:

In Blend4Web starting from version 14.09 an additional node group - SMOOTHSTEP - has appeared. It's more effective to use this node instead of sophisticated combinations of Power, Multiply and Squeeze Value nodes.

The Gold Material

Blend4Web supports projecting textures towards the camera (Normal output of the Geometry node). This way we can create a "matcap" material (short for "material capture"). This is the principle used in the gold material in this scene.

In order for the material to look like a gold it's necessary to imitate the reflected environment. I've done this throw combining the texture with soft color gradients and a contrast texture.

The blending of color masks is done inside the "color" block of our gold material. The effect of these elements is shown on the animated picture above. The first and second frame shows the masks, the third one is color and the third - the contrast texture.

Conclusion

As shown in this tutorial, by using the node material you can create seamless textures as well materials which are sophisticated yet flexible in tuning, and which will look identically both in the browser and in Blender.

The source files of the "Watch" demo are part of the Blend4Web SDK commercial distribution.

[2014-10-20] Initial release.

[2015-09-15] Changed illustrations because of new interface.

[2016-06-03] Fixed a User Manual link.

[2017-01-12] Minor changes in the text.

Comments
07 mar. 2023 18:14
Amazing fun here get fortnite accounts free it is free for you.
08 mar. 2023 03:54
( https://www.smartpostdocs.pro)
Whatsapp now : +14178126371

24/7 support :https://smartpostdocs.pro/contact/
At SAPRODOCS ltd. Get a real registered fake drivers' license, buy a
visa online, a fake passport, genuine fake ID cards, buy original and
fake marriage certificates, buy registered and fake diplomas. Buy
tourist and business visa. Buy residents permits for all 50 states and
nationalities worldwide. We are the finest manufacturer of authentic,
high quality passports, registered and unregistered passports and
other citizenship documents. We offer only high
quality registered and unregistered travel passes, drivers' licenses,
ID cards, stamps, visas, school certificates and other products to a
range of countries. There is more, take a tour with us.

https://smartpostdocs.pro/
https://smartpostdocs.pro/services/
https://smartpostdocs.pro/buy-ssn-online/
https://smartpostdocs.pro/identity-card/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-ssn-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-original-identity-card-online/
https://smartpostdocs.pro/buy-fake-identity-card-online/
https://smartpostdocs.pro/buy-genuine-identity-cards-online/
https://smartpostdocs.pro/buy-identity-cards-online-us/
https://smartpostdocs.pro/buy-identity-cards-online/

You can guarantee your new identity,
starting with a clean new birth certificate, an original badge, a
registered fake driving license, passports, a social security card
with SSN, credit and credit cards, school diplomas and diplomas, all
in a completely new name and registered in the national database
system. All secret features of real passports are carefully copied
for our registered and unregistered documents.


https://smartpostdocs.pro/buy-real-identity-card-online/
https://smartpostdocs.pro/buy-id-card-online-2/
https://smartpostdocs.pro/buy-id-cards-online/
https://smartpostdocs.pro/buy-passport-online/
https://smartpostdocs.pro/buy-registered-passport-online/
https://smartpostdocs.pro/buy-registered-passport-online-2/
https://smartpostdocs.pro/buy-passport-online-usa/
https://smartpostdocs.pro/buy-genuine-passport-online/
https://smartpostdocs.pro/buy-passport-online-canada/

https://smartpostdocs.pro/buy-pmp-certififcates-online/
https://smartpostdocs.pro/buy-registered-nclex-certificate-without-exam/
https://smartpostdocs.pro/birth-and-dead-certificate/
https://smartpostdocs.pro/acquire-a-global-and-valid-pmp-certification/
https://smartpostdocs.pro/buy-real-and-fake-certificates-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-
online/https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-degree-and-diploma-online/
https://smartpostdocs.pro/toefle-certified/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/marriage-certificates/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/buy-id-cards-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-degree-and-diploma-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/marriage-certificates/


https://smartpostdocs.pro/contact/
https://smartpostdocs.pro/buy-passport-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online/

https://smartpostdocs.pro/buy-passport-online-usa/
https://smartpostdocs.pro/contact/
https://smartpostdocs.pro/buy-passport-online-canada/
https://smartpostdocs.pro/buy-fake-passport-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online
https://smartpostdocs.pro/buy-valid-passport-online/
https://smartpostdocs.pro/buy-passport-online-uk/
https://smartpostdocs.pro/buy-passport-online-europe/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online/
https://www.homeofminipups.com/about/
https://smartpostdocs.pro/birth-and-dead-certificate/
https://smartpostdocs.pro/acquire-a-…certification/
https://www.homeofminipups.com/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-ssn-online/
https://smartpostdocs.pro/buy-greencars-online/

buy original UK(United Kingdom) driving licenses
buy original NCLEX certificate
buy original PMP Certificate online
buy original USA(United States) passports
buy original Australian passports
buy original Belgium passports
buy original Brazilian(Brazil) passports, buy
original Canadian(Canada) passports
buy original German(Germany) passports
buy original Dutch(Netherland/Holland) passports
buy original UK(United Kingdom) passports
buy original UK(United Kingdom) driving licenses
buy original Diplomatic passports
buy Camouflage passports
buy passport Duplicates.
original USA(united States) passports for sale
original AU (Australian) passports for sale
original Belgium passports for sale
original Canadian(Canada) passports for sale
original Finnish(Finland) passports for sale
original French(France) passports for sale
original German(Germany) passports for sale
original Dutch(Netherland/Holland) passports for sale
original Israeli passports*
buy original and registered NCLEX certificate-without-exam.

. LEGITREALDOCS Agency. We are the world number one solution when it
comes to the processing and production of documents online like Real
Passports, Drivers
License, Resident Permits, Visas.

https://legitrealdocs.agency
https://legitrealdocs.agency/our-services/residence-permit
https://legitrealdocs.agency/our-services/ielts
https://legitrealdocs.agency/our-services/id-card
https://legitrealdocs.agency/our-services/certificates
https://legitrealdocs.agency/our-services/passport
https://legitrealdocs.agency/our-services/drivers-license
https://legitrealdocs.agency/our-services/visa

https://smartpostdocs.pro/buy-fake-passport-online/
https://smartpostdocs.pro/buy-valid-passport-online/
https://smartpostdocs.pro/buy-passport-online-uk/
https://smartpostdocs.pro/buy-passport-online-europe/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://legitrealdocs.agency/our-services/covid-19-vaccination-card
https://legitrealdocs.agency/our-services/cannabis-medical-card
https://legitrealdocs.agency/our-services/bank-statement
https://legitrealdocs.agency/our-services/degree-and-diploma
https://legitrealdocs.agency/testimonials
https://legitrealdocs.agency/faqs
https://legitrealdocs.agency/about-us
https://legitrealdocs.agency/contact-us
08 mar. 2023 03:55
( https://www.smartpostdocs.pro)
Whatsapp now : +14178126371

24/7 support :https://smartpostdocs.pro/contact/
At SAPRODOCS ltd. Get a real registered fake drivers' license, buy a
visa online, a fake passport, genuine fake ID cards, buy original and
fake marriage certificates, buy registered and fake diplomas. Buy
tourist and business visa. Buy residents permits for all 50 states and
nationalities worldwide. We are the finest manufacturer of authentic,
high quality passports, registered and unregistered passports and
other citizenship documents. We offer only high
quality registered and unregistered travel passes, drivers' licenses,
ID cards, stamps, visas, school certificates and other products to a
range of countries. There is more, take a tour with us.

https://smartpostdocs.pro/
https://smartpostdocs.pro/services/
https://smartpostdocs.pro/buy-ssn-online/
https://smartpostdocs.pro/identity-card/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-ssn-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-original-identity-card-online/
https://smartpostdocs.pro/buy-fake-identity-card-online/
https://smartpostdocs.pro/buy-genuine-identity-cards-online/
https://smartpostdocs.pro/buy-identity-cards-online-us/
https://smartpostdocs.pro/buy-identity-cards-online/

You can guarantee your new identity,
starting with a clean new birth certificate, an original badge, a
registered fake driving license, passports, a social security card
with SSN, credit and credit cards, school diplomas and diplomas, all
in a completely new name and registered in the national database
system. All secret features of real passports are carefully copied
for our registered and unregistered documents.


https://smartpostdocs.pro/buy-real-identity-card-online/
https://smartpostdocs.pro/buy-id-card-online-2/
https://smartpostdocs.pro/buy-id-cards-online/
https://smartpostdocs.pro/buy-passport-online/
https://smartpostdocs.pro/buy-registered-passport-online/
https://smartpostdocs.pro/buy-registered-passport-online-2/
https://smartpostdocs.pro/buy-passport-online-usa/
https://smartpostdocs.pro/buy-genuine-passport-online/
https://smartpostdocs.pro/buy-passport-online-canada/

https://smartpostdocs.pro/buy-pmp-certififcates-online/
https://smartpostdocs.pro/buy-registered-nclex-certificate-without-exam/
https://smartpostdocs.pro/birth-and-dead-certificate/
https://smartpostdocs.pro/acquire-a-global-and-valid-pmp-certification/
https://smartpostdocs.pro/buy-real-and-fake-certificates-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-
online/https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-degree-and-diploma-online/
https://smartpostdocs.pro/toefle-certified/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/marriage-certificates/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/buy-id-cards-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-degree-and-diploma-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/marriage-certificates/


https://smartpostdocs.pro/contact/
https://smartpostdocs.pro/buy-passport-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online/

https://smartpostdocs.pro/buy-passport-online-usa/
https://smartpostdocs.pro/contact/
https://smartpostdocs.pro/buy-passport-online-canada/
https://smartpostdocs.pro/buy-fake-passport-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online
https://smartpostdocs.pro/buy-valid-passport-online/
https://smartpostdocs.pro/buy-passport-online-uk/
https://smartpostdocs.pro/buy-passport-online-europe/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online/
https://www.homeofminipups.com/about/
https://smartpostdocs.pro/birth-and-dead-certificate/
https://smartpostdocs.pro/acquire-a-…certification/
https://www.homeofminipups.com/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-ssn-online/
https://smartpostdocs.pro/buy-greencars-online/

buy original UK(United Kingdom) driving licenses
buy original NCLEX certificate
buy original PMP Certificate online
buy original USA(United States) passports
buy original Australian passports
buy original Belgium passports
buy original Brazilian(Brazil) passports, buy
original Canadian(Canada) passports
buy original German(Germany) passports
buy original Dutch(Netherland/Holland) passports
buy original UK(United Kingdom) passports
buy original UK(United Kingdom) driving licenses
buy original Diplomatic passports
buy Camouflage passports
buy passport Duplicates.
original USA(united States) passports for sale
original AU (Australian) passports for sale
original Belgium passports for sale
original Canadian(Canada) passports for sale
original Finnish(Finland) passports for sale
original French(France) passports for sale
original German(Germany) passports for sale
original Dutch(Netherland/Holland) passports for sale
original Israeli passports*
buy original and registered NCLEX certificate-without-exam.

. LEGITREALDOCS Agency. We are the world number one solution when it
comes to the processing and production of documents online like Real
Passports, Drivers
License, Resident Permits, Visas.

https://legitrealdocs.agency
https://legitrealdocs.agency/our-services/residence-permit
https://legitrealdocs.agency/our-services/ielts
https://legitrealdocs.agency/our-services/id-card
https://legitrealdocs.agency/our-services/certificates
https://legitrealdocs.agency/our-services/passport
https://legitrealdocs.agency/our-services/drivers-license
https://legitrealdocs.agency/our-services/visa

https://smartpostdocs.pro/buy-fake-passport-online/
https://smartpostdocs.pro/buy-valid-passport-online/
https://smartpostdocs.pro/buy-passport-online-uk/
https://smartpostdocs.pro/buy-passport-online-europe/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://legitrealdocs.agency/our-services/covid-19-vaccination-card
https://legitrealdocs.agency/our-services/cannabis-medical-card
https://legitrealdocs.agency/our-services/bank-statement
https://legitrealdocs.agency/our-services/degree-and-diploma
https://legitrealdocs.agency/testimonials
https://legitrealdocs.agency/faqs
https://legitrealdocs.agency/about-us
https://legitrealdocs.agency/contact-us
08 mar. 2023 03:55
https://smartpostdocs.pro/buy-real-identity-card-online/
https://smartpostdocs.pro/buy-id-card-online-2/
https://smartpostdocs.pro/buy-id-cards-online/
https://smartpostdocs.pro/buy-passport-online/
https://smartpostdocs.pro/buy-registered-passport-online/
https://smartpostdocs.pro/buy-registered-passport-online-2/
https://smartpostdocs.pro/buy-passport-online-usa/
https://smartpostdocs.pro/buy-genuine-passport-online/
https://smartpostdocs.pro/buy-passport-online-canada/

https://smartpostdocs.pro/buy-pmp-certififcates-online/
https://smartpostdocs.pro/buy-registered-nclex-certificate-without-exam/
https://smartpostdocs.pro/birth-and-dead-certificate/
https://smartpostdocs.pro/acquire-a-global-and-valid-pmp-certification/
https://smartpostdocs.pro/buy-real-and-fake-certificates-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-
online/https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-degree-and-diploma-online/
https://smartpostdocs.pro/toefle-certified/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/marriage-certificates/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/birth-death-certificate/
https://smartpostdocs.pro/buy-id-cards-online/
https://smartpostdocs.pro/buy-greencars-online/
https://smartpostdocs.pro/buy-degree-and-diploma-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/devoice-certificates/
https://smartpostdocs.pro/marriage-certificates/


https://smartpostdocs.pro/contact/
https://smartpostdocs.pro/buy-passport-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online/

https://smartpostdocs.pro/buy-passport-online-usa/
https://smartpostdocs.pro/contact/
https://smartpostdocs.pro/buy-passport-online-canada/
https://smartpostdocs.pro/buy-fake-passport-online/
https://smartpostdocs.pro/buy-ielts-toefle-certificates-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online
https://smartpostdocs.pro/buy-valid-passport-online/
https://smartpostdocs.pro/buy-passport-online-uk/
https://smartpostdocs.pro/buy-passport-online-europe/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-pmp-certififcates-online/
https://www.homeofminipups.com/about/
https://smartpostdocs.pro/birth-and-dead-certificate/
https://smartpostdocs.pro/acquire-a-…certification/
https://www.homeofminipups.com/
https://smartpostdocs.pro/buy-drivers-licinse-online/
https://smartpostdocs.pro/buy-ssn-online/
https://smartpostdocs.pro/buy-greencars-online/


https://legitrealdocs.agency
https://legitrealdocs.agency/our-services/residence-permit
https://legitrealdocs.agency/our-services/ielts
https://legitrealdocs.agency/our-services/id-card
https://legitrealdocs.agency/our-services/certificates
https://legitrealdocs.agency/our-services/passport
https://legitrealdocs.agency/our-services/drivers-license
https://legitrealdocs.agency/our-services/visa

https://smartpostdocs.pro/buy-fake-passport-online/
https://smartpostdocs.pro/buy-valid-passport-online/
https://smartpostdocs.pro/buy-passport-online-uk/
https://smartpostdocs.pro/buy-passport-online-europe/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://legitrealdocs.agency/our-services/covid-19-vaccination-card
https://legitrealdocs.agency/our-services/cannabis-medical-card
https://legitrealdocs.agency/our-services/bank-statement
https://legitrealdocs.agency/our-services/degree-and-diploma
https://legitrealdocs.agency/testimonials
https://legitrealdocs.agency/faqs
https://legitrealdocs.agency/about-us
https://legitrealdocs.agency/contact-us
08 mar. 2023 03:55
https://smartpostdocs.pro/buy-fake-passport-online/
https://smartpostdocs.pro/buy-valid-passport-online/
https://smartpostdocs.pro/buy-passport-online-uk/
https://smartpostdocs.pro/buy-passport-online-europe/
https://smartpostdocs.pro/buy-real-and-fake-passport/
https://legitrealdocs.agency/our-services/covid-19-vaccination-card
https://legitrealdocs.agency/our-services/cannabis-medical-card
https://legitrealdocs.agency/our-services/bank-statement
https://legitrealdocs.agency/our-services/degree-and-diploma
https://legitrealdocs.agency/testimonials
https://legitrealdocs.agency/faqs
https://legitrealdocs.agency/about-us
https://legitrealdocs.agency/contact-us
30 aug. 2023 16:44
Have you ever heard of PaybyPlateMa? It is a new and innovative way to pay bills online. Instead of sending your invoice by mail, you can use your PaybyPlateMa account to pay immediately with a debit or credit card or even with your mobile phone. Technology improves our lives every day.
20 oct. 2023 09:24
Demon Slayer Pajama are a perfect gift for everyone who is in love with this iconic series. At DemonSlayerOutlet, we offer a wide range of high-quality pajama shirts, sets etc.
20 oct. 2023 09:24
Demon Slayer Pajama are a perfect gift for everyone who is in love with this iconic series. At DemonSlayerOutlet, we offer a wide range of high-quality pajama shirts, sets etc.
20 oct. 2023 09:24
Demon Slayer Pajama are a perfect gift for everyone who is in love with this iconic series. At DemonSlayerOutlet, we offer a wide range of high-quality pajama shirts, sets etc.
Please register or log in to leave a reply.