Create Stunning Architectural Mood Boards in Minutes with This AI-Powered Visualization Tool — Transcript

Full transcript

1. 0:00If you've ever spent way too long
2. 0:01putting together a concept board, mood
3. 0:03board, or precedent board just for your
4. 0:05client to not fully understand the
5. 0:06design direction, you're definitely not
6. 0:08alone. Even though assembling visual
7. 0:11boards can be fun, one of the most
8. 0:12frustrating parts is how much time it
9. 0:14takes. And even then, clients still
10. 0:17struggle to visualize how all the pieces
11. 0:19come together in the final building.
12. 0:21[music] Not to mention all the revisions
13. 0:23that follow when the vision isn't
14. 0:25communicated clearly. [music] So today I
15. 0:28want to show you a faster, easier way to
16. 0:30build those architectural mood boards
17. 0:32that actually communicate your design
18. 0:34intent without complicating your
19. 0:36workflow. [music] In this tutorial, I'm
20. 0:38going to walk you through how to build
21. 0:39an architectural concept board in Rayon
22. 0:41Design from start to finish. And if
23. 0:44you're new here, Rayon Design is the new
24. 0:46gen effortless CAD tool for architects
25. 0:48where you can go from early concept
26. 0:50ideas all the way to architectural
27. 0:53documentation [music] in one
28. 0:54collaborative web-based environment.
29. 0:56Rayon Design has a lot of powerful
30. 0:58[music] features, but today we're going
31. 1:00to focus specifically on concept boards,
32. 1:03importing inspiration and precedent
33. 1:04[music] images quickly, editing them
34. 1:06directly in the canvas, using AI tools
35. 1:09to modify and explore design ideas, and
36. 1:12[music] collaborating with teammates,
37. 1:14and presenting concepts to your clients
38. 1:16in real time. And before we jump in, you
39. 1:18can go ahead and create a free Rayon
40. 1:21account, [music] so you can follow along
41. 1:22and grab the free template linked in the
42. 1:24description below. If you're ready,
43. 1:26let's get started.
44. 1:28[music]
45. 1:30Okay, let's start by going into my Rayon
46. 1:32workspace. So, you can see that here
47. 1:33with my multiple projects. I'm going to
48. 1:35click on this one. It will just take a
49. 1:37second to load. And we end up in the
50. 1:39paper canvas. So, you can see here, this
51. 1:41is the design for an apartment project,
52. 1:44a duplex home renovation. So, you can
53. 1:46see a number of sort of precedent
54. 1:47images. You can see our floor plans. We
55. 1:50can see some lighting plans, even, you
56. 1:52know, detailed kitchen layouts. some
57. 1:54[music] great sections and elevation.
58. 1:57So, what I want to do is start thinking
59. 2:00about those precedent images, that sort
60. 2:02of concept board that I want to bring
61. 2:03into Rayon. So, we've got two sheets
62. 2:06already set up. And as I said, we're in
63. 2:08the paper canvas. [music] So, you can
64. 2:09see here just on the layers side, we
65. 2:12have a number of different canvases. So,
66. 2:13my model canvas with all of my drawings
67. 2:16is sitting here and my paper canvas is
68. 2:18sitting here. And all I'm doing is
69. 2:19taking views of those different drawings
70. 2:21[music] to bring them onto sheets. So
71. 2:23when I'm doing things like concept
72. 2:25boards, I like to do in the paper
73. 2:26canvas, and that's just through pure
74. 2:28speed. So I can lay out those things
75. 2:30really neatly. So we can import images
76. 2:32in a number of different ways. One is
77. 2:35our [music] straight import. So we can
78. 2:36go to menu, import image, and I just
79. 2:39have a number of images saved within
80. 2:41[music] a document that I've been, you
81. 2:43know, finding on the internet through
82. 2:44magazines, different things that are
83. 2:46kind of um, you know, giving a thought
84. 2:48process to this, the styling of the
85. 2:50interior and the exterior. So, we've got
86. 2:53a number of images that we can bring in.
87. 2:54So, simply I go open, press click,
88. 2:57[music] and an image will come into my
89. 2:59space very easily. I can just drag those
90. 3:01pointers to reshape that and bring that
91. 3:04in. And I can do that with all of my
92. 3:05images [music] for my internal scene,
93. 3:08for example. So, I can bring in a
94. 3:09bathroom image, resize it, and I can
95. 3:12bring in um maybe this bookcase image as
96. 3:15well. And again, I can resize those.
97. 3:17Now, what about if I want to change
98. 3:19those images in some way? Well, let's
99. 3:22click on this one. And I can go over
100. 3:23here and I can do a number of things.
101. 3:25So, let's say the image came in a bit
102. 3:28grainy. I can upscale that image. So, I
103. 3:30just need to click on there. Upscale is
104. 3:32one of the AI tools. So, that basically
105. 3:34samples that image and upscales it. So,
106. 3:36that just takes a second.
107. 3:39So, there we go. That's the upscaled
108. 3:40version. You can see the [music] quality
109. 3:42is spot on. And that just replaces that
110. 3:44image. Let's say, for example, I didn't
111. 3:46like the tone of um the tiles. like I
112. 3:49like the texture but maybe the tone is a
113. 3:51little bit off. So again I can go into
114. 3:53this image and I can change the
115. 3:56exposure. I can change the contrast
116. 3:57[music] and the saturation. So you know
117. 3:59I can make the image a bit lighter for
118. 4:01example can bring the contrast up or
119. 4:03down and I can increase or [music]
120. 4:05decrease the saturation. So just like
121. 4:07you would with any tool like Photoshop
122. 4:09for example, we can make those
123. 4:10amendments all within rayon. The other
124. 4:12thing I can do is import an image from a
125. 4:14website for example. So, let's say we
126. 4:16open up another window and I just search
127. 4:18for U 1970 [music] style interior
128. 4:22design. I can go to Google images. Um,
129. 4:25and I can add in something that looks
130. 4:27about [music] right. Maybe this one. So,
131. 4:29I can literally just rightclick, copy
132. 4:31image, and then I can paste it directly
133. 4:34into Rayon if I want to. So, that speeds
134. 4:36up the process quite a lot. So, I can
135. 4:38just, you know, go through different
136. 4:39mediums, different websites, just copy
137. 4:41and paste those directly into [music]
138. 4:43Rayon. The other really helpful thing I
139. 4:45can do is if I double click on the
140. 4:46image, I get these little pointers
141. 4:48[music] which I can then drag down. So
142. 4:50that allows me to crop out parts of the
143. 4:52image for example. So I can do that and
144. 4:54then I can still resize it based on that
145. 4:56cropped image size. [music] So that's
146. 4:58really helpful if I'm putting together
147. 5:00this sort of mood board. Okay, but what
148. 5:02about if you wanted a material swatch
149. 5:04for example? Well, I like to do these
150. 5:06slightly differently as circles that sit
151. 5:08on top of the images, the precedent
152. 5:10images. So we can create a circle. just
153. 5:12literally [music]
154. 5:12drag and pull and then you'll see it has
155. 5:14a solid color currently. So these
156. 5:17different shapes can have a solid fill,
157. 5:18gradient fill, texture, hatch or an
158. 5:21image. [music]
159. 5:22So we can look at this, we can upload an
160. 5:25image which has a texture on it and then
161. 5:26that sits within that sort of crop
162. 5:28boundary of the shape. So you know I
163. 5:30think that looks really good next to
164. 5:33this different array of [music] shape.
165. 5:34And we can do that with any other
166. 5:35material you see fit. So again we'll
167. 5:37create a shape. I'll swap that image.
168. 5:39We'll find my alternate material, which
169. 5:42is a stone texture. And again, I can
170. 5:44start laying these things out. Yeah,
171. 5:46maybe I need to give them a little bit
172. 5:47more space.
173. 5:49Yeah, I think hopefully you agree it all
174. 5:51[music] starting to come together. And
175. 5:53we can do exactly the same thing with
176. 5:55our external materials. So, I've got my
177. 5:57pre-made sheet over here again. And
178. 5:59again, we can import an image. So, let's
179. 6:02import this image, a nice balcony space
180. 6:05with our timber slats. That suits really
181. 6:08well. Again, we've got this sort of
182. 6:10similar idea with this rich timber, the
183. 6:13light colored overhangs. And again, you
184. 6:16know, maybe something maybe something a
185. 6:18little bit different that has a brick
186. 6:20texture. And you know, as before, we can
187. 6:22go to any website that we choose for.
188. 6:24Sudden
189. 6:26home, find something. Yeah, like this.
190. 6:30Looks good. And again, [music] I can
191. 6:31just copy and paste that in. Exactly the
192. 6:34same thing with the materials. So, you
193. 6:37know, say I want a different material
194. 6:39here. Upload. You know, maybe I've got
195. 6:41this image of a light colored brick.
196. 6:43And, you know, maybe that's come in a
197. 6:44little bit dark. So, again, I can
198. 6:46increase my exposure over here. Choose
199. 6:49my contrast maybe. And just like with
200. 6:51tools like Illustrator or Photoshop, I
201. 6:53can change [music] that where my layers.
202. 6:56So, I just need to right click on the
203. 6:57shape. I go to arrange and I can say
204. 6:59bring to front of layer. And then that
205. 7:01can sit in that composition. So
206. 7:03hopefully you can see that sort of thing
207. 7:05coming together very quickly. But what
208. 7:08about introducing AI? So we've touched
209. 7:10on AI slightly, but we can use it in a
210. 7:12number of different ways to really
211. 7:14[music] reinforce the ideas of our
212. 7:16concept boards. So I could just create
213. 7:18an image. So I could say create [music]
214. 7:22a material veneer
215. 7:29for [music] example.
216. 7:32Perfect. So again, I can preview that
217. 7:35and I can insert that if I want to. So
218. 7:37that sits well alongside the rest of my
219. 7:39images. Again, I can upscale that if I
220. 7:42want to [music] um and I can adjust um
221. 7:44just as per all the other elements. The
222. 7:47other thing I can do in these images is
223. 7:49to adjust them with the [music] AI tool.
224. 7:51So let's take this one for example. I
225. 7:53can right click on the image and I can
226. 7:55say reference in chat. So that then
227. 7:57takes [music] that image and it pastes
228. 7:58it down here. And then that becomes the
229. 8:00subject of my chat and I can say
230. 8:02something like, "Can [music] you make
231. 8:05this a nighttime?"
232. 8:10There you are. So that just starts to
233. 8:12give it a different feel [music] than
234. 8:13before. And again, I can insert that. I
235. 8:15can scale it. Move that one. Then I can
236. 8:18arrange. And then [music]
237. 8:20Yeah, there. That's good. You can also
238. 8:22use the chat to change different
239. 8:24elements within those images as well. So
240. 8:27take this one for example. Again I can
241. 8:28click on the image or right click on it
242. 8:30and I say reference [music] in chat and
243. 8:32I can say can you change the fed a 2D
244. 8:38early
245. 8:40morning.
246. 8:42So maybe I want to start thinking about
247. 8:43how the different tones [music] match
248. 8:45within the images. And whereas I enjoy
249. 8:48the the timber work in the bedroom,
250. 8:49maybe the the covers aren't quite right.
251. 8:51So we can tweak that. There we have. And
252. 8:54if I wasn't quite happy with that, I
253. 8:55could say [music] um actually
254. 9:01add a [music] light strip
255. 9:05light.
256. 9:10There we go. Yeah, that works. So again,
257. 9:13I can bring that down [music]
258. 9:15and I can replace.
259. 9:17Yeah. Yeah. And then you're picking up
260. 9:19the on those similar tones. We can even
261. 9:21do things like change the furniture
262. 9:22within the image. So let's say this one,
263. 9:24for example, I wasn't happy with the um
264. 9:26the chair that's being shown. So I could
265. 9:28go and find uh [music] a new chair,
266. 9:31exterior
267. 9:34chair, for example. Um maybe it
268. 9:37something like that, a bit brighter. So
269. 9:39I can copy that into [music] rayon and I
270. 9:42can say right click on here we'll
271. 9:44reference that on the chat and again I
272. 9:46can right click on here [music]
273. 9:47reference that in the chat and then I
274. 9:48can say replace the existing shapel
275. 9:54[music]
276. 9:55read this
277. 9:58yellow sh
278. 10:03we go
279. 10:05perfect so I can insert the image edge
280. 10:09can do with this one
281. 10:13and I can place that in. I mean funny
282. 10:15enough we can also even um remove
283. 10:17[music] the background from this chair
284. 10:19for example. So that's another one of
285. 10:20the AI tools which is done there and I
286. 10:23could you know start playing with the
287. 10:27layering of that [music] as well. You
288. 10:28know I quite like the the sort of
289. 10:30multi-layered approach. I think it works
290. 10:32quite well when you're thinking about
291. 10:34lots of different ideas in a kind of
292. 10:36fluid and rough way. Okay. So hopefully
293. 10:38you can see those are looking good. The
294. 10:40next thing I want to talk about is using
295. 10:43the AI [music] tools to maybe bring some
296. 10:46of our elevations and sections to life.
297. 10:48So we've got this section which you know
298. 10:50wants to work with the kind of the
299. 10:52interior concept mood board here. We've
300. 10:54got this elevation that wants to work
301. 10:55with this one. So we can do a number of
302. 10:57things. So I'll just start [music] a new
303. 10:59thread. And if I want to add this image,
304. 11:01all I need to do is press add content,
305. 11:03[music] do add screenshot, and I can
306. 11:05take a screenshot of my section. Then
307. 11:07Rayon has a number of built-in tools
308. 11:09[music] for the AI panel. So generate
309. 11:12image, generate tracing, generate
310. 11:14product or stylize. So I want to stylize
311. 11:16this and I [music] want to try a render
312. 11:18realistic look and feel. So press send.
313. 11:22We'll see what it gives us. All right.
314. 11:23So you can see that here. Yeah. Yeah,
315. 11:25that looks great. So again, I can insert
316. 11:27that image [music] and I can pop that
317. 11:30down here as a sort of, you know, sneak
318. 11:33peek of how it could look. And I can do
319. 11:34exactly the same [music] thing with the
320. 11:36elevation. So again, I just want to take
321. 11:38a screenshot. I'll go to tools, go to
322. 11:41stylize, and I'll go to render.
323. 11:46Yeah. Yeah, that's good. So again, I can
324. 11:48insert a image, reduce it down,
325. 11:52so it sits as a little bit of a snippet
326. 11:54um of that idea of how these things
327. 11:56[music] might end up. And hopefully
328. 11:58you'll agree that these three pages as a
329. 12:01sort of continuation of the idea of
330. 12:03these are the sort of themes for the
331. 12:04internal, these are the themes for the
332. 12:06external [music]
333. 12:07and then these are the drawings and this
334. 12:08is how we imagine it might end up
335. 12:10looking like a pretty sort of compelling
336. 12:12set. Okay. And with those sheets coming
337. 12:14[music] together we can do a number of
338. 12:16things. So we could start to add you
339. 12:18know text elements. So um
340. 12:22library
341. 12:24says for example I can change the size
342. 12:27of these change the position I can
343. 12:29change the font over here I can change
344. 12:32the color maybe something a little bit
345. 12:34lighter and then I can save that as a
346. 12:38style and I'll call that
347. 12:40attention sample then I can just add
348. 12:44notes as I see fit similar we can do the
349. 12:48same for the external So say
350. 12:51I don't know terraces example
351. 12:56you need to character it let's say we
352. 13:00can give these [music] drawings titles
353. 13:02size
354. 13:04and section
355. 13:08external
356. 13:11elevation. So obviously we can refine
357. 13:13that as we see fit, but there's a couple
358. 13:15of things that we can do to either share
359. 13:17this with our team or share this with
360. 13:19our client. So first of all, let's talk
361. 13:20about getting comments from the rest of
362. 13:22your team. And that's a really powerful
363. 13:24element [music] of Rayon. So what we
364. 13:26want to do is go to the share button. So
365. 13:28that's over in this right hand corner.
366. 13:30And I can grant access with my
367. 13:33colleagues, with my boss, with um
368. 13:36another [music] subconsultant for
369. 13:37example. So all I need to do is put in
370. 13:39their email address. So, I'm going to
371. 13:41use my own other personal uh studio
372. 13:44email address and I can add them as an
373. 13:46admin, as an editor, [music] or a
374. 13:48viewer. So, say you wanted to ask your
375. 13:50boss's opinion, for example. So, we can
376. 13:52go to viewer and we'll press invite.
377. 13:54[music]
378. 13:55You can see that up here. Now, let's
379. 13:57open up another window that I can sign
380. 14:00in. Okay. So, I've logged in as my other
381. 14:02identity. [music] And you can see here
382. 14:04the models that have been shared with
383. 14:06me. That's this one over here. So, I can
384. 14:08access the model. and jump to a paper
385. 14:11canvas. So now I'm looking at that same
386. 14:15um paper canvas that I was working on a
387. 14:16second ago. But I can click on things
388. 14:18but I can't move them. So no matter how
389. 14:20much I try I can't go in and start
390. 14:23deleting things. What I can do is
391. 14:25comment on things. So if you see over
392. 14:27here in the the left hand side there is
393. 14:29a comment. So I can add [music] a
394. 14:32comment. So I can say not sure how about
395. 14:35the turquoise
396. 14:38color try something more
397. 14:45say post and now [music] that will sit
398. 14:47within rayon for other me to find out.
399. 14:51Similarly I can um measure. So if I had
400. 14:53drawings um I could measure those. I
401. 14:55have meters so I can measure an area as
402. 14:58well. This is my comment tool. But I
403. 15:00also have annotation [music] for
404. 15:01example. So, you know, if I wanted to, I
405. 15:04can start annotating [music]
406. 15:06onto the drawings. You know, I can say
407. 15:09add this, take away this. I can, you
408. 15:11know, add arrows. I can add [music] um
409. 15:15circles around things or bubbles to my
410. 15:17heart's intent. And you can see those
411. 15:19there as well. Similarly, I can use both
412. 15:21together. And I can, you know, draw
413. 15:23someone's attention to it and write the
414. 15:25comment change this
415. 15:29um a figure table and chair for dining
416. 15:35for example. We post that and as I said
417. 15:37they will stay in rayon and [music] you
418. 15:40know other me will be alerted to that.
419. 15:42So let's jump back to the other side. So
420. 15:44now you'll see I'm back in my original
421. 15:46side and I can jump to comments and
422. 15:48you'll see those comments there. So, I
423. 15:50click on them, a little window appears.
424. 15:52It shows me exactly where it's referring
425. 15:54to [music]
426. 15:55what it says. I can give it a reaction.
427. 15:57So, thumbs up or, you know, puking if
428. 16:00you want. Um, and I can also give it a
429. 16:02reply saying, "Okay, it sounds [music]
430. 16:05good. We'll update
431. 16:08the image." And again, that back and
432. 16:11forth stays in rayon. So, you've got a
433. 16:13record of it. So, you know, if people
434. 16:15change their mind, there's a record of
435. 16:16when when that [music] happened.
436. 16:18Similarly, I can see those annotations.
437. 16:20If I click on them, I can see them and
438. 16:22there's if there's a comment related to
439. 16:23those annotations [music] and again I
440. 16:25can see this and go okay
441. 16:29couple which is perfect. All of that is
442. 16:31in the browser. All of that you know is
443. 16:33part of this sort of collaborative fluid
444. 16:35>> [music]
445. 16:35>> um process that you know stays where you
446. 16:38are and obviously when I come out of the
447. 16:40comments those thing disappear so you
448. 16:42[music] know it's not interrupting the
449. 16:44sort of visual language of of what I've
450. 16:46done. So, you know, I can go back in, I
451. 16:48can make those tweaks, everyone's happy,
452. 16:50and I can keep that process ongoing
453. 16:52until we get it right. Similarly, with
454. 16:55our um sharing capabilities, which is up
455. 16:58in this top right hand corner, not only
456. 17:00can I share it with my team, I can share
457. 17:01it with my client. [music] And the best
458. 17:02way to do that is with a presentation.
459. 17:04Now, you can export these as PGs, you
460. 17:07can export them as PDFs, and you know,
461. 17:09you can go to the effort of issuing
462. 17:10those drawings, you can send file
463. 17:12transfer links, and you know, take as
464. 17:14much time as you like. or we can use the
465. 17:16[music] presentation sharing
466. 17:18capabilities within Ray. So all I need
467. 17:20to do is swipe that little toggle and it
468. 17:22gives me a link. So that link is a link
469. 17:24to the presentation which is available
470. 17:27online. Now I can copy that into a
471. 17:29browser. Um and any changes it will
472. 17:31retain that link. So it will always be
473. 17:34up to date to my latest presentation. So
474. 17:36I can open that directly here. You can
475. 17:38see it takes a second. And then we have
476. 17:40our presentation. So we have our sheets,
477. 17:43our elevations and sections. Now
478. 17:45similarly if I close that [music] and I
479. 17:48go back and I say oh actually you know I
480. 17:50don't want to show them that yellow
481. 17:51chair and I don't want to show them the
482. 17:53stonework for example. If I then go back
483. 17:56to share [music] Rayon understands that
484. 17:58it has been updated. So we need to press
485. 18:00the little update button the link
486. 18:02doesn't change. So that link stays the
487. 18:04same but again I can open it and you'll
488. 18:06see here that's now been updated and
489. 18:09that's now been [music] updated. Your
490. 18:10clients will always have the latest
491. 18:12version.
492. 18:14Perfect. Okay. So, today we covered how
493. 18:17to quickly import inspiration images,
494. 18:20edit and enhance visuals, use AI to
495. 18:22explore design variations, and
496. 18:24collaborate with your clients all inside
497. 18:26Rayon Design. Rayon is the new gen
498. 18:28effortless cat tool for architects where
499. 18:30you can go from early ideas all the way
500. 18:33through to architecture documentation
501. 18:35all in one collaborative platform. If
502. 18:37you haven't already, create that free
503. 18:38account and grab the template link
504. 18:40below. And if this tutorial was helpful,
505. 18:42give the video a thumbs up and subscribe
506. 18:44for more architecture workflow
507. 18:46tutorials. Thanks so much for watching
508. 18:48and I'll see you in the next one.