21 Decorating Roof Frame — Transcript

Full transcript

1. 0:07[music]
2. 0:14[music]
3. 0:15>> All right, welcome back everyone to
4. 0:16Unreal Engine Beginners Guide to
5. 0:18building an environment. In the last
6. 0:19lesson we left it off by setting some of
7. 0:21the planks and adjusting the roof a
8. 0:23little bit on the back end over here by
9. 0:26changing up the plain static mesh and
10. 0:28making sure that we're able to use
11. 0:30modeling mode for it. And right now
12. 0:31we're actually just going to continue on
13. 0:33working with this roof and set up some
14. 0:34diagonal beams to it.
15. 0:37Right now I'm just trying to think on
16. 0:38what kind of beam we can actually use
17. 0:40for this area.
18. 0:42And we might want to just make sure that
19. 0:44we use a better type of a diagonal wood
20. 0:48texture. So, I think instead of just
21. 0:50using the plain ones that we had
22. 0:51previously, we're going to go back onto
23. 0:53our MegaScans folder, onto the free 3D
24. 0:56assets group. And we might be able to
25. 1:00make use out of
26. 1:01maybe this one over here.
27. 1:04Just going to drag it out to see how
28. 1:05this looks like or actually just open it
29. 1:07up, might be even easier.
30. 1:09And
31. 1:10just look at it. I think it's actually
32. 1:12the same one that we had previously. I
33. 1:14don't exactly want to use this one.
34. 1:16Maybe this one over here.
35. 1:18Or
36. 1:21this one over here.
37. 1:23That might actually look quite nice.
38. 1:26But it looks a little bit too simple. I
39. 1:27might want to just make use out of the
40. 1:29same one that we have for here for our
41. 1:32docks. I think this looks really nice in
42. 1:34general. But I'm just worried that it
43. 1:36might look a little bit too worn out on
44. 1:38the edges of the roof. So, actually I
45. 1:40don't think we are going to be using
46. 1:42that. Let's go back onto the wooden
47. 1:44beams and see how it looks like with the
48. 1:46default ones, the ones that we had
49. 1:48previously. So, these ones over here. If
50. 1:50we were to just simply drag them out and
51. 1:53make them a little bit larger like so.
52. 1:56Just to see how they would look like.
53. 1:58They might actually look quite nice once
54. 2:00we're done with them.
55. 2:01And actually
56. 2:04we're going to try using them for now
57. 2:06and worst case we can always just
58. 2:07replace them later on. So, for now we're
59. 2:10just going to put them up to the side
60. 2:12like so.
61. 2:15And just drag it out
62. 2:18in this kind of a way.
63. 2:21Going to turn off the edge snap
64. 2:24to make sure we have some control over
65. 2:26the rotation because obviously we want
66. 2:27to make sure we align it to the edge of
67. 2:29the roof just like that.
68. 2:32It doesn't have to be exactly perfect,
69. 2:34but it would be nice if we get
70. 2:36the right kind of alignment. So, I think
71. 2:39we just need to
72. 2:40increase where our
73. 2:42border is.
74. 2:44And it's already looking pretty nice,
75. 2:45but the bottom section is a bit thicker
76. 2:48than the top one. So, I'm just going to
77. 2:49rotate it just a little bit more. We're
78. 2:51not worried about the height just yet.
79. 2:53Just going to make sure that the
80. 2:54alignment sits really nicely together.
81. 2:58And I think that's going to do it. So,
82. 2:59now we're just going to kind of lower
83. 3:01this overall
84. 3:03height or actually we're just going to
85. 3:04leave it as is. And I think that's going
86. 3:07to look much nicer. Just going to break
87. 3:08up the entire shape of the silhouette of
88. 3:11this house and we might even just get
89. 3:13away with kind of increasing this
90. 3:15overall
91. 3:17width so we can just hide this bit over
92. 3:19here.
93. 3:20This way it just it just goes into this
94. 3:22blank like so.
95. 3:24So, now once we have this kind of a
96. 3:26static mesh, we can actually play around
97. 3:27with the way we have them set up.
98. 3:30And for example, if you want to have a
99. 3:32different beam and just see how that
100. 3:34would look like, we can actually do so.
101. 3:36It's actually quite simple to do. If we
102. 3:38were to go to a Well, let's not go to a
103. 3:40wooden post. If we were to go to a worn
104. 3:43wooden beam for example, and if you want
105. 3:44to change this with that, we can just
106. 3:46simply drag and drop it into the static
107. 3:49mesh like so and that should change it
108. 3:51up. And although the mesh itself doesn't
109. 3:54have the exactly the same kind of a
110. 3:56scale, it would have its position
111. 3:59properly set up as well as the
112. 4:01alignment. So, even though it's not
113. 4:03quite as big as we had previously
114. 4:05because obviously it is a different
115. 4:07mesh, it will have a different type of
116. 4:08properties and whatnot. But more or
117. 4:11less, it will be placed in the same kind
118. 4:13of area. So, it's quite easy to set them
119. 4:15up and fix up the mesh. So, whenever we
120. 4:18want to for example see how it would
121. 4:20look like and kind of visualize the
122. 4:22entire beam, we can always do so by just
123. 4:24playing around with the static mesh and
124. 4:26just replacing it. So, for example, if I
125. 4:27want to try out this beam,
126. 4:30place it in here, we can do so. And for
127. 4:33example, we'd obviously need to make it
128. 4:34a little bit thicker and probably widen
129. 4:36this up. And that might give us a better
130. 4:40kind of a understanding on how the beam
131. 4:42would sit within the edge of our
132. 4:45rooftop. So, I think we're just going to
133. 4:47go back to the default one actually. It
134. 4:50might just have it looking much nicer.
135. 4:53So, the one that I'm using was basically
136. 4:56just a duplicate out of this and we're
137. 4:57just making it thicker. And I think that
138. 4:59in turn will look quite nice all
139. 5:01together.
140. 5:03So, all in all, I quite like the way
141. 5:05this is turning out to be. But yeah, by
142. 5:06just playing around with different
143. 5:08variations and just replacing them, we
144. 5:10can get some real nice results and just
145. 5:12can visualize how the roof would look
146. 5:14like. So, once we have one beam out, we
147. 5:17can just hold Alt and simply drag to the
148. 5:21other side.
149. 5:23Switch it up. I think this time we need
150. 5:24to use the edge snapping so we could
151. 5:27make sure that we're actually rotating
152. 5:29this 90° like so. So, sorry, 180°. So,
153. 5:34we just flipped it all the way around.
154. 5:36And of course, it's not going to look
155. 5:37quite as nice because we're not going to
156. 5:40have two edges kind of merging with one
157. 5:44another. So, in order for us to fix
158. 5:45that, what we're actually going to do is
159. 5:47we're just going to grab one of them and
160. 5:49I think we should just move it forward
161. 5:51just a little bit. If it's a little bit
162. 5:53too much,
163. 5:54we want to make sure that it is set like
164. 5:56in a half position of our previous beam.
165. 6:00So, this like this over here. We're just
166. 6:02going to make sure that the border that
167. 6:05was going for this beam is actually
168. 6:07going to not
169. 6:09overlap or uh give us any of the gaps.
170. 6:12And now we are getting some nice
171. 6:14results, but I think we should probably
172. 6:16lower these down a little bit actually.
173. 6:18We're having a bit of a gap or actually
174. 6:20we're going to leave it as is and we're
175. 6:22going to get ourselves a real nice
176. 6:24wooden beam in the middle and I think
177. 6:26that'll kind of fix it up all together
178. 6:28in regards to how it would look like for
179. 6:31this house. So, for now we're actually
180. 6:32going to leave it as is and maybe just
181. 6:35maybe we might want to extend them just
182. 6:38a little bit. So, I'm actually going to
183. 6:39grab both of them and because they're
184. 6:41using the same kind of position and by
185. 6:44default the scaling is set with local
186. 6:48we can just extend them like so and they
187. 6:49should be extending both of them
188. 6:51together.
189. 6:52So, I think that's quite nice.
190. 6:54Although we might need to move them up a
191. 6:56little bit. So, I'm going to click W,
192. 6:58then make sure that we are having a
193. 7:00local gizmo.
194. 7:02So, this one over here by switching this
195. 7:04around making sure it's set the right
196. 7:06one. We can now grab them both or
197. 7:08actually just do them one by one and
198. 7:11maybe that would be even better.
199. 7:13And we're going to do them just a little
200. 7:15bit like so.
201. 7:17And you got to figure out what is the
202. 7:19right height and I think
203. 7:21Yes, I think we're going to need yet
204. 7:23another decoration on the top. Just by
205. 7:25default it looks quite plain. So, what
206. 7:27we're going to do is actually we're
207. 7:28going to grab
208. 7:29another asset from Quixel library. So,
209. 7:32let's go ahead and quickly add a Quixel
210. 7:35bridge window and then we're going to
211. 7:37search for
212. 7:38um
213. 7:39Let's try something like wood and
214. 7:43Oh.
215. 7:43wood and
216. 7:45We're going to see what we get and 3D
217. 7:48assets.
218. 7:49And yeah, we're just going to actually
219. 7:51use this one over here. I quite like
220. 7:53this one. Modular handrail and post kit.
221. 7:56And it has a really nice sort of a totem
222. 7:59look. And I think that's going to look
223. 8:01really nice on top of our roof. So,
224. 8:03let's go ahead and download that and add
225. 8:06it on to our project.
226. 8:08And once we have it out in our 3D assets
227. 8:11folder,
228. 8:12we're going to grab ourselves a
229. 8:16Should be over here. We're going to
230. 8:17actually turn off the static mesh
231. 8:20filter. If you're not having it, make
232. 8:21sure you just have it enabled for here.
233. 8:24So, once you have it enabled, you're
234. 8:26going to be able to have this button.
235. 8:28And then you should be able to see
236. 8:29within our 3D assets folder all of your
237. 8:32static meshes. So, we're just going to
238. 8:33grab this one over here,
239. 8:35put it on the ground like so.
240. 8:38And actually
241. 8:40I think I'll check how the wireframe
242. 8:43looks like for it first. It does look
243. 8:46quite dense, maybe. But I don't think
244. 8:48we're going to use that too much. So, I
245. 8:50don't think we need to set it up as the
246. 8:52Nanite. The other meshes though, they
247. 8:55look quite low topology. So, we're
248. 8:57actually quite fine in regards to
249. 9:00optimization. I think we don't need to
250. 9:02do that. But worst case, we can always
251. 9:04come back to the rest of the meshes and
252. 9:05simply change up change them up to be
253. 9:08Nanite. So,
254. 9:10going back to the lid.
255. 9:12We basically don't want to overuse the
256. 9:13Nanite. We want to keep it as minimum as
257. 9:16possible. And that just saves up on our
258. 9:18performance because if we just do it too
259. 9:20much, we're going to obviously make our
260. 9:23computer just to
261. 9:25use unnecessary calculations. But
262. 9:27anyways, going back to placing this
263. 9:29decoration onto the area, I reckon the
264. 9:32easiest way would be if we were just
265. 9:33just grab one of the
266. 9:35beams that we had previously. And right
267. 9:37now, we're just going to right click on
268. 9:39the transformation, hit copy, that's
269. 9:42going to copy all of the values within
270. 9:43here. We're going to go back onto the
271. 9:45decoration and then right click onto the
272. 9:48rotation and hit paste. And that should
273. 9:50give us the right kind of alignment,
274. 9:51although right now it is set in the void
275. 9:53that's actually quite opposite of that
276. 9:56and we're actually just going downwards,
277. 9:58so we obviously don't want that.
278. 10:00So, the easiest way would be
279. 10:02to fix it and we're just going to enable
280. 10:03the snapping tool and rotate this by
281. 10:06180° and that way we're just going to
282. 10:09flip it completely around to go the
283. 10:11other way like so. And we're going to
284. 10:13still keep that kind of alignment since
285. 10:14we're just going to again flip it just
286. 10:17180° and that's going to go the other
287. 10:19way. And now we're just going to
288. 10:21position our
289. 10:23decoration like so to the side.
290. 10:25We're going to make it smaller because
291. 10:27that's a little bit too big and we're
292. 10:28just going to make it just big enough so
293. 10:30it'll be covering the entire beam.
294. 10:33I think that's going to be quite all
295. 10:34right.
296. 10:35Maybe we need to bring it up a little
297. 10:37bit. So, I think the easiest way if we
298. 10:39would have the transformation set up
299. 10:41with the local position,
300. 10:44always changing this around, we're going
301. 10:46to just bring it up a little bit
302. 10:48and that might look quite nice. Maybe
303. 10:51I'll just make it just a little bit
304. 10:52bigger just in case.
305. 10:53Going to make sure I select that.
306. 10:56Make it big enough.
307. 10:58Big enough to just cover this entire
308. 10:59beam. I think that's looking quite nice.
309. 11:01Of course, the color right now doesn't
310. 11:02match, but we're going to fix that in a
311. 11:04moment. We're going to adjust the entire
312. 11:07color just like we did with the boards
313. 11:09previously. But for now, let's just
314. 11:10focus on putting this on the upper end
315. 11:12as well. So, we're just going to grab
316. 11:14it, click W or actually E, make sure we
317. 11:17have set the gizmo with the world local
318. 11:21transformation. Then we're going to
319. 11:23Actually, before that we're going to hit
320. 11:24W, hold Alt, drag it out like so.
321. 11:28Now we're going to hit E, make sure that
322. 11:30the snapping tool is enabled. Rotate
323. 11:33this 180° and we're going to have it
324. 11:36placed in opposite way. Of course, this
325. 11:38beam is a little bit set to the side, so
326. 11:40we need to readjust our entire mesh like
327. 11:43so.
328. 11:44Just like that and we're just going to
329. 11:45bring it back
330. 11:47until we get it set to the right
331. 11:48position. So, that is going to look
332. 11:50quite nice. So, we're going to get a
333. 11:52really nice kind of a setup for the side
334. 11:54of the roof. So, I think that's going to
335. 11:56look pretty good. Okay, so now we need
336. 11:58to make sure we have something similar
337. 12:00on the other end as well for the roof.
338. 12:02We're going to grab all of these and
339. 12:04we're going to hold uh we're going to
340. 12:06click W, hold Alt and drag it to the
341. 12:08side like so to make a duplicate.
342. 12:12Going to click E.
343. 12:13Going to rotate this around
344. 12:1590° like so.
345. 12:17Move it to the back and of course
346. 12:19they're not going to be aligning because
347. 12:21they are a little bit different types of
348. 12:23roofs. So, we need to fix that up a
349. 12:24little bit. I think
350. 12:27we're just going to The easiest way to
351. 12:29do that would be to just grab one beam
352. 12:31and decoration and then rotate them
353. 12:33around with the snapping turned off of
354. 12:36course because we need to make sure we
355. 12:38align it properly.
356. 12:39So, we're going to grab both of them
357. 12:41like so.
358. 12:42Rotate it like so.
359. 12:44And I think
360. 12:46I'm just going to check how it looks
361. 12:48like. Maybe I'm just going to click G
362. 12:50also to make sure we don't see any
363. 12:51gizmos while checking.
364. 12:53Going to go onto the high scalability
365. 12:55just so we could see the lighting.
366. 12:57And
367. 12:58yeah, I think that looks a little bit
368. 13:00too excessive. We are okay with having
369. 13:03some decoration over here. It brings the
370. 13:05entire shape of the house, but having
371. 13:07both of them just makes it look a little
372. 13:10bit too much in my opinion. So, I think
373. 13:12personally I'm just going to take uh get
374. 13:14rid of the decorations, going to grab
375. 13:16both of them, delete them, and set these
376. 13:18both beams to be placed properly. So,
377. 13:21right now
378. 13:23just going to grab one of the beams like
379. 13:24so.
380. 13:26And just going to drag it or actually
381. 13:28wrote uh first of all rescale this a
382. 13:30little bit.
383. 13:31Drag it downwards like so.
384. 13:34And now we just got to figure out how
385. 13:36we're going to do it with the end of
386. 13:37this roof. And I think the easiest way
387. 13:39would be to
388. 13:41have it set
389. 13:42just right above it like so. So it's
390. 13:45just barely sticking out. I think that's
391. 13:46going to look quite nice.
392. 13:49But this bit though
393. 13:50we should probably
394. 13:52put back to the front a little bit so
395. 13:54it'll be aligning with the beam that's
396. 13:56next to it.
397. 13:58Rotate this to be aligning as well.
398. 14:00Like so.
399. 14:02Make sure it's a little rotated
400. 14:03properly.
401. 14:04Maybe a little bit more.
402. 14:06There you go.
403. 14:08Now we're going to bring this
404. 14:10uh scale down a little bit like so.
405. 14:14I think that's going to look quite nice.
406. 14:16And of course we're just going to switch
407. 14:19it to local gizmo
408. 14:21and bring this down a little bit.
409. 14:23Maybe actually just make a bit smaller.
410. 14:27Something like that. Maybe we need to
411. 14:29actually raise this up a little bit.
412. 14:31Now let me have a look at it.
413. 14:33Since we want to obviously hide this
414. 14:35beam over on the side.
415. 14:37So I think
416. 14:38this is going to look quite nice. Maybe
417. 14:40just bring it down a little bit like so.
418. 14:42And yeah, I think this is going to look
419. 14:44pretty good.
420. 14:45Maybe we should actually just
421. 14:48lower this down a little bit as well.
422. 14:51Like so. So by just tweaking a couple of
423. 14:52values we're able to get a really nice
424. 14:54shape to the edge of our roof. And I
425. 14:57think yeah, we're just going to need to
426. 15:00get ourselves a really nice beam on the
427. 15:01top and that's just going to cover it up
428. 15:03quite nicely. But before that actually I
429. 15:06want to set up this end over here on the
430. 15:09other side the diagonal beams. We're
431. 15:11going to grab both of these since they
432. 15:12have the right kind of alignment and
433. 15:14make sure we have the world gizmo turned
434. 15:17on.
435. 15:18This one over here.
436. 15:20And now we're just going to hold Alt,
437. 15:23bring it to that other end,
438. 15:24and this end, I don't think we should
439. 15:27get a lot of
440. 15:28of the beams sticking out. So, we're
441. 15:30just going to grab one of them,
442. 15:32make it smaller. This one doesn't matter
443. 15:34too much because
444. 15:36we as we can see, it actually goes
445. 15:38inside of the roof, which hides the
446. 15:40entire mesh.
447. 15:42So, we're just going to focus on the
448. 15:43very top section and bring it outwards
449. 15:45like so.
450. 15:47This beam on the other hand, we've got
451. 15:49to make sure we get it right
452. 15:50because we want to make sure we have it
453. 15:52just barely enough sticking out in
454. 15:54similar manner that we have the other
455. 15:55side, and I think
456. 15:57we were to just squish it down just a
457. 15:59little bit more,
458. 16:00like so,
459. 16:02we're going to get some nice results out
460. 16:03of it like so.
461. 16:04So, that's pretty good.
462. 16:06So, now we are left with actually just
463. 16:09setting up the top section, and actually
464. 16:12we are going to be adding a couple of
465. 16:13extra frames of the beams to the sides
466. 16:16of these rooftops,
467. 16:18but I think we're going to do that
468. 16:20later. I kind of want to sort out the
469. 16:22very top section because right now it's
470. 16:24just a plain kind of a
471. 16:26mesh. So, we're going to do that in the
472. 16:28next lesson. So, thank you so much for
473. 16:29watching, and I'll see you in a bit.
474. 16:34>> [music]