Roblox Studio - Building Tutorial | PBR textures — Transcript

Full transcript

1. 0:00hello everybody this video is going to
2. 0:02be a bit longer and it will take a lot
3. 0:03of editing so I ask that you go to my
4. 0:06account in the description and follow my
5. 0:08Roblox account I am trying to get
6. 0:12verified I appreciate the support you
7. 0:14guys have shown and I decided to
8. 0:16continue this series much further into
9. 0:18the future this episode I'm going to
10. 0:20dive into Roblox material variants what
11. 0:22they are and how to import them as well
12. 0:25as how you can make your own normal Maps
13. 0:28PBR textures refers to physically based
14. 0:30text chain which is a feature you can
15. 0:32use to give 2D faces a 3D depth to it
16. 0:35while retaining a performant based model
17. 0:37I will explain how to do this now keep
18. 0:40in mind this video does not explain
19. 0:41blender based texturing substance or
20. 0:43mixing textures I urge you to watch a
21. 0:45tutorial on those after this as they are
22. 0:47a big part of doing Roblox development
23. 0:50our first step in this tutorial is to
24. 0:52publish our game you can do this through
25. 0:54the file tab but for this video it is
26. 0:56convenient to do it through the asset
27. 0:57manager while in making typos let me
28. 1:00explain that publishing this game will
29. 1:01not make your game public so don't worry
30. 1:04about leaking your game or anything
31. 1:06Roblox will restart upon publishing so
32. 1:09give it a couple
33. 1:12seconds now that we've published our
34. 1:14game let's get into material
35. 1:17[Music]
36. 1:21variants in Explorer and properties tab
37. 1:24you want to rightclick on material
38. 1:25service and add a material
39. 1:28variant the properties of the material
40. 1:31variant revolve around the base material
41. 1:33the map inputs the material pattern and
42. 1:35the stud density the color map allows
43. 1:37you to add an alpha overlay to the model
44. 1:39apart on the bottom right is an example
45. 1:41from the Roblox Dev Forum of how the
46. 1:43sphere changes depending on which maps
47. 1:44are applied this will continue for every
48. 1:47map we
49. 1:48explain the next texture map is
50. 1:50metalness this is an image that grades
51. 1:52how reflective a surface will be based
52. 1:54on two factors black and white black
53. 1:58means not reflective and white means
54. 2:00reflective any Grays scale is a middle
55. 2:01ground for
56. 2:03variation the next texture map is normal
57. 2:05map normal Maps allow you to have a 3D
58. 2:08faced Illusion by altering the way
59. 2:09Shadows interact with the model normal
60. 2:11maps are slightly different to height
61. 2:13Maps normal Maps don't actually
62. 2:15replicate any depth and instead show
63. 2:17orientational beveling it simply cannot
64. 2:19have an instantaneous drop it must have
65. 2:21a steepness to it there is a technique
66. 2:23in the modeling Community called baking
67. 2:25this allows you to turn 3D geometry on a
68. 2:28Model into a normal map texture
69. 2:31lastly the next texture map we are
70. 2:32looking at is a roughness map which
71. 2:34controls the amount of reflectivity with
72. 2:36a grayscale map opposed to metal map The
73. 2:38Wider equals rougher whereas darker
74. 2:40equals shinier I will add the dev Forum
75. 2:43Link in the description so you can read
76. 2:45more
77. 2:46yourself material pattern has two
78. 2:48options organic and regular organic will
79. 2:51scatter the texture and randomize it
80. 2:53avoiding any repeating surfaces regular
81. 2:55will make it a repeating texture base
82. 2:58material is useful for both making your
83. 3:00material variance sorted better and also
84. 3:02used to add custom materials to terrain
85. 3:04editor I will expand on this more next
86. 3:07episode the name of your material
87. 3:09variants is super important as they need
88. 3:11to be entirely unique you cannot have
89. 3:14two map names overlapping it is
90. 3:15important to name them well for example
91. 3:17woodcore 01 pronounce that way on
92. 3:20purpose and then a second one being a
93. 3:22woodcore
94. 3:2402 wait wait wait who is that oh no no
95. 3:27no no C see
96. 3:31I have waited a long time for
97. 3:33[Music]
98. 3:44this well that was super weird I wonder
99. 3:47what he said anyway this website is
100. 3:50called 3D textures. me this is one of
101. 3:52the texture websites I have linked below
102. 3:55for this step you are going to find one
103. 3:56or more textures you wish to import
104. 3:59after you have found a texture you are
105. 4:02going to want to scroll down to download
106. 4:04all the maps this is only a feature for
107. 4:06this website all the other websites have
108. 4:08inbuilt downloaders this website
109. 4:10redirects you to Google Drive it is safe
110. 4:13the previous message cut into the video
111. 4:15time my bad while the files are
112. 4:18downloading you have to download color
113. 4:20map roughness and normal map if there is
114. 4:22a metal map present you will download it
115. 4:25keep in mind you can hold shift while
116. 4:27clicking to select multiple files while
117. 4:30it is downloading I want to show you how
118. 4:32the other websites will behave for
119. 4:33example I will use ambient CG you simply
120. 4:37need to find your texture click on it
121. 4:39and press download 1K preferably PNG
122. 4:42Roblox will cap textures at 1K
123. 4:44resolution or 1024x
124. 4:461024 this is important to note as a
125. 4:49limitation for Roblox studi Graphics
126. 4:52[Music]
127. 4:54Engine moving back to this tab I'm going
128. 4:56to open File Explorer and find the
129. 4:58download file
130. 5:04[Music]
131. 5:06in your file explorer you will want to
132. 5:08right click and extract
133. 5:13all this will turn your zip file into a
134. 5:16normal file which can be accessed in
135. 5:18studio so let's go back into
136. 5:22Studio you don't need to open the image
137. 5:24tab however this is where the images
138. 5:26will upload to you will want to press
139. 5:28bulk import
140. 5:30and then it will open up your file
141. 5:31explorer you want to find the unzip
142. 5:33version of the texture we just
143. 5:35downloaded and import all the necessary
144. 5:40Maps these will now begin importing give
145. 5:43them a
146. 5:49[Music]
147. 5:54minute let me just create a block to
148. 5:56test on
149. 6:00[Music]
150. 6:04after you've imported all the maps you
151. 6:06don't need asset manager or bulk import
152. 6:08open until you add another
153. 6:11material you will need to connect a
154. 6:13material variant to a part to do so
155. 6:15click the part and find material variant
156. 6:17below material and properties selecting
157. 6:19this will drop down all your variants of
158. 6:21if you connected your material variant
159. 6:23to a base material it will override your
160. 6:25default Roblox materials and less
161. 6:28disabled you don't necessarily have to
162. 6:30do it first however I want to show the
163. 6:32progression of adding each different map
164. 6:34on top of a part here I have added the
165. 6:36color map it added an alpha
166. 6:38texture since we don't have a metal map
167. 6:41we can skip to normal map just click on
168. 6:43it and select the normal map you
169. 6:52imported you will very quickly see a
170. 6:54change in the
171. 6:55texture here is the comparison between
172. 6:58having and not having a normal map we
173. 7:00can now add the roughness map this will
174. 7:02add a tone of roughness to the darker
175. 7:04sides of the color map let's take a look
176. 7:06at the normal maps in a darker setting
177. 7:08to see them properly you can really see
178. 7:11the difference in shading compared to
179. 7:13the normal map
180. 7:14texture let's have a look at one of my
181. 7:17builds where I use textures with normal
182. 7:20Maps let's remove all the material
183. 7:22variants from this build and see how the
184. 7:24geometry
185. 7:26looks PBIS are detrimental to having a
186. 7:29high Det creation while keeping it
187. 7:31relatively low poly this is important to
188. 7:33have games run well on lower and devices
189. 7:36here is another small way to make normal
190. 7:37Maps let's assume this texture has no
191. 7:40normal map so let's make one using a
192. 7:42website the website I'm using is normal
193. 7:44map online I will link it below in
194. 7:46resources tab simply click the first
195. 7:49image and import your texture color map
196. 7:51from here it automatically converts your
197. 7:53texture into a normal map you can just
198. 7:55download it now but let's edit it to be
199. 7:57a little less sharp keep blow at zero
200. 8:00and then you will want to change level
201. 8:01to something more soothing like 0.8 and
202. 8:04then change strength to one another
203. 8:05thing to note is that Roblox is best
204. 8:07suited for GL based normal Maps this
205. 8:10wasn't disclosed earlier as 3D textures
206. 8:12doesn't have any but other websites will
207. 8:15download both normal GL and normal DX
208. 8:17the difference here is what Graphics
209. 8:19engine Roblox uses in this case openg GL
210. 8:23is best suited for Roblox keep that in
211. 8:26mind from here we can just save the
212. 8:28normal map
213. 8:30once we've returned to Roblox Studio I
214. 8:32can show you the second way to import
215. 8:34PBR textures you will want to have
216. 8:36Explorer and properties open and make a
217. 8:39new material variant and then remove the
218. 8:41normal map from the second one unless it
219. 8:43didn't come with a normal map you will
220. 8:44want to press add image and then press
221. 8:46choose
222. 8:49file click create and then wait a moment
223. 8:52it takes a
224. 8:53minute it imported now let's take a look
225. 8:56at a darker scene to really examine it
226. 9:05[Music]
227. 9:08it definitely has PBR features the only
228. 9:10downside to this is that it isn't
229. 9:12curated for the actual texture and
230. 9:13instead just transfers the color map
231. 9:15into a normal map texture it would be
232. 9:18good for a texture that doesn't have
233. 9:19intense edges like this one but it isn't
234. 9:21viable just find a good texture that has
235. 9:24a decent normal map if it has heavy
236. 9:26bevels I have shown you both ways to ad
237. 9:28PB at textures and create your own
238. 9:30normal Maps using a website I hope you
239. 9:32learned a great deal from this video I
240. 9:34had a lot of fun editing it and if you
241. 9:36stayed till the end here is a
242. 9:39gift he taught me how to
243. 9:45build thank you for watching goodbye