10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

Creating bump maps photoshop tutorial

Forthepurposeofcreatingvisualizationoftenyoullneedabumpandspecularmap.Bumpmapgivesanopticalbumpeffectwithoutchangingtheshape
ofthemodel,forexampleleatherorwood.Specularmapcausesthatthelightrefractsmorenaturallyforexample,takealookhowlightisrefractingon
theleatherchair,youknowwhatImean?Generally,youcanusealmostthesametextureasinthebumpslot.Creationofthatkindofmap(Ithinkitis
foolishtousethefirstmapwithouttheotherone)fromselectedorcreatedtextureitsreallyverysimple.SonowIpresentyouabrieftutorialofcreating
thesetwotypesmaps.Firstpartisaboutbumpmap,inthesecondoneyoucanreadaboutprocessofcreatingspecularmaps)Regardingofcreatinga
bumpmapIwillgiveyouthreeways,soyoucanpickouttherightoneforyou,enjoy!

Understandingofhowbumpmapsworks
Bumpmapworksthatthegraycolor(R:127,G:127,B127)isanintermediatecolor,thatdoesntgiveneitherconvexitynorconcavity.Anylightershades
provideprotrusionsandthedarkeronegivesconcavities.Youneedtonotethatnotallcolortextureswhichwillbeconvertedtograyscale(blackand
white)willgivetheeffectthatyouwant.

1. Simple bump map

Whenyouneedasimplebumpmapsuchasleatherforchair,itsenoughtoplaywithafewparametersinbasictoolsinPhotoshop.Firstyouneedamap
http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

1/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

thebestyoucandownloadfromcgtextures.com,buttheyarentfreeunfortunately,howeveratthestartyouget15mboftransfer,sosometexturesyou
candownload)

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump2.jpg]

a).Firststepmapdesaturation
TodothisjustselectthetoolHue/Saturation(Ctrl+U)andsetthevalueofSaturationto100.

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

2/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump2a.jpg]

b).Inversion
ItsobviousthatthecurrentbumpmapiscurrentlycontrarytowhatIwroteinthefirstparagraph.Howcanyouchangethis?ThekeycombinationCtrl+i
willmakecolorinversionandnowyoucanseethatthemapisclosetowhatareyouexpecting.

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

3/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump2b_S.jpg]

c).Levels
Theonlythingleftitsjustadjustingthelevelsofthemap.WhatdoIwanttoachieveistomakestrongertheplaceswherethemapwillbeconcave(darker
placesalmosttotallyblack).Youcanplaywiththesliderandgetthemostdesiredeffect.Belowyoucanseemysettings.

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

4/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump2c_S.jpg]

2. Creating bump map with plugin in Photoshop

Andsointhesethreesimplestepsyoureceivedasimplemapbump)Pieceofcake,isntit?However,therearecaseswhenthosetoolswillnotgave
youtheeffectthatyouneed,sowhatcanyoudo?YoucanuseanNvidiaplugin.Todownloaditjustgotothat[https://developer.nvidia.com/nvidia
texturetoolsadobephotoshop]websiteandnowwecansolvethatproblem.

a).Plugin
Afterplugininstallation(besurethatyouchoosethecorrectversion32bit/64bit)openPhotoshopandimportyourtexture.Choosethatone,whichyou
wouldnotbeabletocreateusingthepreviousthreesteps.TorunthefilteryouneedtogotoFilter>NvidiaTools>NormalMapFilter.

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

5/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump3a_S.jpg]

b).Pluginsettings
Irecommendyoutousethosesettingswhichyoucanseeonthescreenabove.Moresamplesequalshigherrealistictexturebecausedentsand
convexitieswillbemorevisible.However,themoresamples,thelongerthisprocesswilltake.Yourmapshouldlooksomethinglikethisonmypicture
belowifyouareusingthesametexture)Hey,butpreviouslyyouwrotethatthebumpmapshouldbeblackandwhiteandnowsuddenlyhastobelike
this?Yes,yourerightbuttheNRM(normals)mapsalealsosupportedin3dsmax,ofcoursethereisonecondition,youhavetomakeverygoodmap)

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

6/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump3b.jpg]

c).Increasingthecontrast
Immediatelytheinequalitiesarevisible.Thetruthisthattheprogramseesthismaplikeyouareseeingitrightnow.Soitwouldbenicetoincreaselittle
theindentation.GotoImage>Adjustments>Brightness/Contrastandplayswiththeslidertogettheeffectthatyouwantbyincreasingthecontrast(I
increaseditto70)

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

7/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump3c.jpg]

d).Savingthefile
Themainthingistosavethemapintothedesiredformat.Sometimesthereareproblemswithjpgformat,sowhichcanyouchoose?Thebestchoiceis
Tiffbecausealwaysworkcorrectly.Incasewhenmapwontworkyouhavetocheckfilemode,itshouldbesetto8bit.Tocheckthis,gotoImage
>Mode>andset8bits/Channel.

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

8/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/08/13_bump3d.jpg]

3. Creating bump maps using Crazy Bump

Firstofallyouhavetodownloadtheprogram.>link[http://www.crazybump.com/].Unfortunately,itsnotcompletefreebutyoucandownloaddemo
version,whichisabittruncatedhoweverithasenoughfunctionstocreateaBumpmap.
a.)Mapimport
Now,youhavetoopenyourmap.Selectthatoptionwhichyoucanseeontheleftinthepicturebelow.OncehaveyouchosenthemapwaituntilCrazy
Bumpwillstopthinkingandthennewwindowwillappearlikeontherightsideinthepicture.Whatsgoingon?Ifyourememberhowthebumpmap
works(youhavetoknowit!),youshouldimmediatelyguessthattheprogramgivesusachoiceofwhattypeofmapwewant.Maponthelefthasdarker
placessowhenyouwillchoosethatone,yourmapwillgivemoreconcavityeffect,andthemapontherightistheinverse.Infactitdoesntmakeabig
differencewhichtypeyouwillchoose,becausein3dsmaxyoucansettherightvalueofthemap.

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

9/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/09/13_bump4a_S.jpg]

b.)Mapsettings
Verygreatfeatureofthisprogramisthefactthatapartfromtheappearanceofthesamemapbump,thesecondwindowshowsamapalreadyappliedon
theobject.Ifyouaremakingchangesinavarietynumberofslidersyouhavearealtimepreviewofhowthemapischanging,isntthatgreat?:)
DescriptionoftheNormalmapparameters
Intensityitsresponsiblefortheintensityoftheconvexityandconcavity.Pleasenotethathereyoucanalsochangethemaptotheconcaveor
convex,becausethevaluerangeisfrom99to99.Often,thevalueof50willbeenough..
SharpenThehigherthevalue,theconvexity/concavitywillbesharper,moredistinct.Hereyoucanhavefunandseewhatsgoingonwith
superimposedmap:)
NoiseRemovalWhenyouhaveamapwhichisquiteabitsoiledandyouwantthatsomeelementswillnotberenderedbytheprogramasconvexity
orconcavity,justhavetomovethesliderandnoisewillberemoved.
ShaperecognitionWellitisnotworthtochangethisparameterbelow99,becausethemapcanbecomeflat.
Sliderswithdetailgenerallyitsaquestionoftheamountofdetailwhichyouwanttobeincludedinthemap.Itsenablingtodeterminethebest
settingsbecauseitalldependsoftheselectedmap.However,itsnotworthatalltoexaggeratewiththeamountofthesedetails,becauseitwillshow
upduringtherenderingprocess(itwillslowitsignificantly).li>
Itisworthnotingthatatthestarttheprogramitselfadjustparametersanditwillberatherbetterleftitasitisoreventuallyyoucanplaywiththefirsttwo
:)

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

10/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

[http://www.impossible3ds.com/wpcontent/uploads/2013/09/13_bump4b_S.jpg]

c.)Savingthefile
Letschoosesave(floppydisc)>savenormalsas>
andherewehavetopickoutthesametypofmaplikeinthesecondmethodtiffformat.Sometimesmapdoesntwanttowork(Ireadthatonthe
internet).Thewaytoavoidthisisverysimple,justreopenthefileinPhotoshoporanothertypeofprogramandsimplysaveitagainanditwillwork
correctly:)

Share this entry

You might also like

Creatingspecular

Jakstworzy

Tworzenie

Jakstworzy

mapphotoshop

mapbump?

sztangielkiz

maptypu

tutorial

tutorialphotoshop

obcieniem

specular?tutorial
photoshop

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

11/12

10/4/2015

Creatingbumpmapsphotoshoptutorial|Impossible3dstudio

0Komentarzy
Pole

Impossible3ds

Udostpnij

Zaloguj

Sortujwedugnajnowszych

Rozpocznijdyskusj...

Skomentujjakopierwszy.

COTOJEST?

TAKENAIMPOSSIBLE3DS

Wstpdo3dsmax:Oglnie

Jakmapowaobiektyw3dsmaxie?OpisUnwrapUVW
cz.1

2komentarzyroktemu

MichaSzymaskiWItam,Skorochcesztylkopodbijasno

tozamiastzwikszaOverall/Rendermulttosprbujpoprostu
podbiwartowpoluobokmultiplierwVrayLightalbo

Kolejnytuzindarmowychskryptw!

2komentarzyroktemu

MichaSzymaskiSerdecznedziki!:)Sdz,eAutodesk

majednaklepszdokumentacjewkocuwiedzasamico
stworzyliPOdnoniedostpnocimateriautonastronie

JakprzyspieszyrenderingVray?czterdzieci
wskazwek!

2komentarzy4miesicetemu

14komentarzyroktemu

MichaSzymaskiDziki!Poprawione:)

MichaSzymaskiHuhuniezamasakra.Niedziwisiteraz,

emuliprogram.

Subskrybuj

DodajDisqusdoswojejstrony

Prywatno

Copyright20142015Impossible3ds

Tastronauywatechnologiicookies,wickliknijprzyciskobokabytenpaskudnypasekznik. Akcptuje Ocochodzizcookies?

http://www.impossible3ds.com/en/creatingbumpmapsphotoshoptutorial/

12/12