24 Adjusting Colour on Multiple Material Variables — Transcript

Full transcript

1. 0:07[music]
2. 0:14[music]
3. 0:15>> Hello and welcome back everyone to
4. 0:16Unreal Engine 5 beginners guide to
5. 0:17building an environment. In the last
6. 0:19lesson we left it off by setting our
7. 0:21roof to be the way it is. And actually
8. 0:23before moving on I'd like to rotate this
9. 0:25one around because it doesn't seem to
10. 0:27have a nice kind of a texture color. So
11. 0:29I'm just going to grab this one, have my
12. 0:32snapping tool rotate this 90° maybe that
13. 0:35will do or even a little bit more.
14. 0:38I just want to make sure we have some
15. 0:40matching colors with the one this one
16. 0:42over here and I think that's going to be
17. 0:43much nicer as a result. Anyways, going
18. 0:46back now we're going to set up some
19. 0:48color corrections, some materials for
20. 0:51this rooftop. So let's go ahead and get
21. 0:52right into it. And the way we're going
22. 0:54to do it is actually quite simple but I
23. 0:57like us to grab everything at once and I
24. 0:59think the easiest way would be to
25. 1:01do it through not through a perspective
26. 1:03but from a side view and we're going to
27. 1:06be grabbing all of the materials, all of
28. 1:08the assets at once and then we'll be
29. 1:09adjusting the material instances to
30. 1:12them. So the way we're going to do it is
31. 1:14actually we're going to click on the top
32. 1:15right button over here and we're going
33. 1:17to get ourselves all of the views like
34. 1:19so. Then within a perspective view we're
35. 1:21just going to grab one of the assets for
36. 1:23the roof it doesn't matter which one it
37. 1:24is. We're just going to grab one of them
38. 1:26and then we're going to let's say we're
39. 1:28going to go to the right side and we're
40. 1:30going to just right click, just slightly
41. 1:33tap it and then this one is going to be
42. 1:35selected as a window and afterwards all
43. 1:37we got to do is click F and that'll just
44. 1:39reposition all of our view to be set to
45. 1:42this window.
46. 1:44So now we can actually even maximize
47. 1:46this entire view like so and we're going
48. 1:49to zoom in using our middle mouse wheel.
49. 1:52So we're just scrolling it up like so
50. 1:54and using right click tapping and
51. 1:56holding, we can slightly pan our
52. 2:00camera around. But anyways, what we'll
53. 2:02want to do is we'll just want to click
54. 2:04and hold our left mouse button on the
55. 2:06upper left corner, then drag our box
56. 2:08across, and make a selection just like
57. 2:10that. Of course, everything is going to
58. 2:12select be selected, so we're going to
59. 2:13hold control.
60. 2:15And we're going to make a box at the
61. 2:17very bottom. Oh, I'm going to click F.
62. 2:19Seems like I made a bit of a mistake,
63. 2:21and that now
64. 2:23gave me a
65. 2:25slightly perspective view. I think I
66. 2:27rotated my camera by accident. So, it's
67. 2:29an easy fix. All we got to do is click
68. 2:31on the upper left corner, and change
69. 2:33back from left to right, for example,
70. 2:35and that should give us a nice sort of a
71. 2:38result. Or actually,
72. 2:41I'm going to check maybe
73. 2:43Yeah, I think we shorted the entire
74. 2:44world, so I'm just going to click
75. 2:46control Z and undo it. It seems like
76. 2:49that was a bit of a mistake.
77. 2:51But yeah, the best way is to just grab
78. 2:53the upper
79. 2:55bits like so, and then while holding
80. 2:57shift,
81. 2:58we're actually going to drag our box
82. 3:01across.
83. 3:02Sorry.
84. 3:03Seems like I totally forgot one step,
85. 3:05and that would be firstly, if we were to
86. 3:07maximize back onto our view, and redo
87. 3:10the selection, we're going to
88. 3:12make a selection. And the reason it was
89. 3:15messing up was because we by default had
90. 3:18a translation set to rotation. The gizmo
91. 3:21itself was set to rotation, and that was
92. 3:24automatically trying to rotate all of
93. 3:25our assets. So, instead, what we need to
94. 3:27do is actually use a selection mode. So,
95. 3:30by clicking Q, we're able to
96. 3:33open up this entire view, and
97. 3:36this will just make sure that we're not
98. 3:38using a rotation or transformation on
99. 3:40any of the sort. So, by clicking Q, and
100. 3:43now holding control, we're able to drag
101. 3:46our box across the bottom section of the
102. 3:49roof like so, and by dragging it like
103. 3:52so, we're able to make a deselection.
104. 3:54And actually we're just going to
105. 3:55deselect the smaller roof area over here
106. 3:59as well since that was if we were to go
107. 4:01back onto our perspective mode like so,
108. 4:04that was this roof over here. So anyway,
109. 4:06all that we're left with within a
110. 4:08selection is the entire upper section of
111. 4:11the roof. Now if we scroll down under
112. 4:14the materials, we can click display
113. 4:17seven materials and we should be seeing
114. 4:19all of the materials just like that.
115. 4:22So right now there's one that says none
116. 4:24and I think that's the base of the
117. 4:26shape. I think we can leave it as is
118. 4:28though and
119. 4:29work with the rest of the assets. So
120. 4:32right now
121. 4:33we're going to start off by I think by
122. 4:36playing around with
123. 4:38our
124. 4:39beams. So we're going to start off with
125. 4:42the wooden beam, the one that's at the
126. 4:44very front. We're going to click browse,
127. 4:47get the wooden beam material instance
128. 4:50and we're going to select it, click
129. 4:51control C, control V to make a duplicate
130. 4:53out of it and we're going to actually
131. 4:55replace this element like so.
132. 5:00I'm going to click control Z. It seems
133. 5:01like I made a misclick.
134. 5:04We're just going to
135. 5:06click display materials and now with
136. 5:08this one I'm going to just make a
137. 5:11replacement just like that.
138. 5:14But it seems like every time I do that
139. 5:16it just lowers down the material. So all
140. 5:19we got to do is make sure that we click
141. 5:21display materials again and that should
142. 5:24give you the right result. So now that I
143. 5:25can see that the underscore free at the
144. 5:28very end of the name is the same one as
145. 5:30this one, we're not going to bother by
146. 5:32renaming them because that would be just
147. 5:35an extra time wasted. So we're going to
148. 5:37just keep it as is and now we're going
149. 5:39to double click on this material
150. 5:41instance and just
151. 5:43turn on the albedos to start it off. I
152. 5:45think we can just play around with the
153. 5:46value and see which ones it's being
154. 5:48affected. And so these ones are the ones
155. 5:50that are being affected, which is pretty
156. 5:51nice. Just going to click cancel and
157. 5:54play around with the tint. I think we're
158. 5:55going to darken it up a little bit like
159. 5:57so. Click okay. Then we're going to
160. 6:00enable albedo controls.
161. 6:02And for these ones we're going to
162. 6:03increase the contrast I reckon. Yeah, I
163. 6:06think the contrast is going to make it
164. 6:07much much nicer.
165. 6:09But then we need to I think lower the
166. 6:11saturation or maybe increase it. We're
167. 6:13going to try increasing it for a bit.
168. 6:15But yes, that's that's not going to help
169. 6:17us out much. So we're going to lower the
170. 6:20saturation to something of a value of
171. 6:210.9 to get this sort of result. And I'm
172. 6:24going to click G to make sure I hide all
173. 6:27of my highlights.
174. 6:28In this way I can see the color as is.
175. 6:31And already this is looking pretty nice.
176. 6:34We might need to increase the brightness
177. 6:36a little bit because of the sun that'd
178. 6:38be a little bit more bleached out and I
179. 6:40want to have more or less uh the same
180. 6:43type of a lightness as the roof tiles.
181. 6:45Maybe a little bit darker though, just
182. 6:47to make sure it kind of highlights the
183. 6:49overall edges of the roofs.
184. 6:51So maybe something like 1.5.
185. 6:55I think that'll do the trick.
186. 6:56So we can switch on the albedo controls
187. 6:59just to see how it looks like before and
188. 7:00after. And I think in general this looks
189. 7:04much better. I'm just going to go around
190. 7:05just to see how the other end looks
191. 7:07like. And
192. 7:09yeah, I think this is looking much much
193. 7:10better.
194. 7:11All we got to do is now switch up the
195. 7:14upper ones as well.
196. 7:15As well as the decorations of course. So
197. 7:17now we're going to close this down and
198. 7:19go down the list. So we changed the ones
199. 7:23at the front. I think for now we're
200. 7:24going to keep it as is. The roof tiles
201. 7:26as well are quite nice. So we're keeping
202. 7:28them as is as well. And the next one is
203. 7:31going to be if we were to go into the
204. 7:33folders you see that is going to be
205. 7:36these decorative statues. I think
206. 7:38by default they already are looking
207. 7:40quite nice. Maybe we want to lower the
208. 7:42saturation a little bit, so I'm actually
209. 7:43going to click Ctrl C, Ctrl V, make a
210. 7:46duplicate out of this, and then drag it
211. 7:48into its area. And now, just make sure
212. 7:51we
213. 7:52again unhide the entire elements and see
214. 7:55that by hovering over the material, you
215. 7:58can see the full name. So, I just want
216. 8:00to make sure that in the end, it has the
217. 8:02same {underscore}
218. 8:03{underscore} two, because when we
219. 8:05duplicate it, we just have that added up
220. 8:08automatically.
221. 8:09So, it seems like it does. We're now
222. 8:11going to be able to open it up.
223. 8:14And
224. 8:15I think we're just going to Yeah, I
225. 8:16think we're just going to change the
226. 8:17albedo controls and
227. 8:20maybe brighten it up
228. 8:221.5.
229. 8:23Yeah, that seems much better right away.
230. 8:25I think I quite like this. And actually,
231. 8:29maybe we want to make a little bit more
232. 8:31of a tint towards the brownish color
233. 8:34or lower the saturation for these beams.
234. 8:38Yeah, I think I'll go back to the beams
235. 8:39out, change the saturation a little bit.
236. 8:41I don't quite like how uh bright, how
237. 8:44colorful they are.
238. 8:46So, we'll
239. 8:47take this off, go back to the previous
240. 8:50one, which was this one over here,
241. 8:52go into it,
242. 8:53and change the saturation to a value of
243. 8:560.8. Just a little bit lowering down. I
244. 8:58think I like this much better. I'll
245. 9:00lower down to an extreme, something like
246. 9:020.5, just to see how this looks.
247. 9:04Just a bit of too much. 0.6, maybe? 0.7?
248. 9:08Yes, we'll go with the value of 0.7. And
249. 9:10just like that, we're able to get a real
250. 9:12nice kind of result between those two.
251. 9:14So, that's quite nice.
252. 9:16Now, of course, we're still left with
253. 9:18the beams over here on the top. And I
254. 9:20think these ones are going to be this
255. 9:22one over here. Just going to click on it
256. 9:24to see.
257. 9:25Yeah, that seems to be the one. Just
258. 9:27going to make a duplicate, Ctrl C, Ctrl
259. 9:29V, and attach it onto the element.
260. 9:32And just making sure that it attached it
261. 9:35properly. Uh it seems to be the case.
262. 9:38So, underscore free underscore free.
263. 9:41That seems to look all right. We're
264. 9:43going to open it up.
265. 9:45We're going to just play around with the
266. 9:46old video controls, I think.
267. 9:48Uh make the contrast quite a bit larger,
268. 9:50actually.
269. 9:52I like the contrast. The saturation can
270. 9:53go lower, though.
271. 9:56Uh point eight
272. 9:57might do the trick.
273. 9:59I like this.
274. 10:01Maybe a little bit
275. 10:02ultra darken this up.
276. 10:05point seven
277. 10:07Just like that, I think this looks much
278. 10:09much better
279. 10:10in regards to how the roof looks like.
280. 10:13Maybe actually we want to raise this up
281. 10:15a little bit
282. 10:17or even
283. 10:18I think yeah, because we changed up the
284. 10:20deformation, we have some roof going
285. 10:23inwards. So, I'm going to actually even
286. 10:25extend this by a little bit, like so.
287. 10:28And bring it a little bit to this side,
288. 10:30just like that.
289. 10:32This makes sure that the roof is going
290. 10:34on top.
291. 10:35And this end looks quite as well quite
292. 10:37fine as well.
293. 10:39This end, though, I'm not sure if I like
294. 10:41this one.
295. 10:42We might need to adjust it a little bit,
296. 10:44just like that. I think that's Yeah, I
297. 10:46think that's going to look much nicer,
298. 10:47like so.
299. 10:49And yeah, we're going to leave it as is
300. 10:51and
301. 10:52I reckon that's all it takes to make
302. 10:54some adjustments to the overall color of
303. 10:57the roof.
304. 10:58And actually, before I forget, it seems
305. 11:00like I missed out this beam over here. I
306. 11:03added couple of beams over here just to
307. 11:05break the edge. So, I'll do the same
308. 11:06thing on this end as well. Going to make
309. 11:08it just a quick duplicate, rotate this
310. 11:10by 90°, and put it in the right
311. 11:12position.
312. 11:14So, just like that. Since I seem to have
313. 11:16forgotten about it a little bit. That's
314. 11:18okay, it's an easy fix.
315. 11:20Just like that, we're able to fix it
316. 11:21real quick.
317. 11:23Going to lower this down maybe a little
318. 11:24bit, like so.
319. 11:26And I think that looks much much nicer.
320. 11:30Bring it up. And yeah, this looks pretty
321. 11:32good. Okay. So, yeah, I think that's
322. 11:35going to be it for this lesson. In next
323. 11:37one, I think we'll make couple of
324. 11:38adjustments, a little bit of extra
325. 11:40adjustments for the roof, especially for
326. 11:42this diagonal beam, since I don't quite
327. 11:43like how straight they are. And I think
328. 11:46we'll add a little bit of an extra
329. 11:47detail, but that's again going to be in
330. 11:49the next lesson. So, thanks so much for
331. 11:51watching, and I'll see you in a bit.
332. 11:58>> [music]