Create a Site Plan FAST — The Easy Way — Transcript

Full transcript

1. 0:00Hi everyone. Today we're going to look
2. 0:02at how to do a site plan the easy way.
3. 0:04Let's walk through a site analysis
4. 0:05project together show you how to speed
5. 0:07up the process by using Rayon design
6. 0:10template. You can grab this template for
7. 0:12free through the link in description.
8. 0:14Now let's go to a browser and type
9. 0:16rayon.design where you can create a free
10. 0:18account or simply sign in. After signing
11. 0:22in from the rayon dashboard, you can
12. 0:24choose one of the pre-made templates or
13. 0:26create a new model which we're going to
14. 0:28do in this case.
15. 0:30And let's start by importing a base PDF
16. 0:33plans. Go to import PDF. Select your
17. 0:37file
18. 0:40and let's add it as a
19. 0:44vector. Ran will prompt you to scale the
20. 0:47plan. So what we can do is zoom into a
21. 0:50known reference point. For example, we
22. 0:53know that this segment here is 1 m long.
23. 0:55So we'll type in one. Continue.
24. 0:59and then import and press shift zed to
25. 1:04automatically zoom into the extent of
26. 1:06the
27. 1:07drawing. It's that easy. And next, we'll
28. 1:10import a second plan or a larger context
29. 1:13area. But to keep things organized, we
30. 1:15will add a new model canvas and name it
31. 1:20map one to one.
32. 1:25Then simply again go to import
33. 1:28PDF to your drawing and import as
34. 1:33vector. We're going to repeat the
35. 1:35process of scaling
36. 1:40it. And this time we'll use the 100 m
37. 1:44reference point down below. And down
38. 1:47here. Perfect. Yeah, we know it's 100.
39. 1:49And we can click continue. Import. And
40. 1:56And just like that, both of the plans
41. 1:58are now in in this project. But now we
42. 2:00will bring in the site analysis symbol
43. 2:02template to help us annotate our plans.
44. 2:06And let's head back to the original
45. 2:09crayon dashboard. Then open the
46. 2:11templates section and type in
47. 2:15site. And let's choose the site analysis
48. 2:18symbols. And we can simply double click
49. 2:20on it to to open it.
50. 2:25These templates include everything you
51. 2:27might need like icons,
52. 2:29hatches, all ready to use. But what
53. 2:32we're going to do is we're just going to
54. 2:33select all of it, right click, copy as
55. 2:37export, and switch back to our import
56. 2:40plans and and just copy and paste them
57. 2:44here. Right click
58. 2:47uh and paste. And yeah, we can simply
59. 2:50just take them and move them out of the
60. 2:57way. And next, we'll actually adjust the
61. 3:00layering of our symbols. So, when
62. 3:04selecting the template, uh you will
63. 3:06notice that some of the icons are
64. 3:08currently in the import blocks layers.
65. 3:10So, let's click and just drag them up to
66. 3:14style example layer instead. Now we can
67. 3:16see that uh all the icons and symbols
68. 3:21are sitting above above the drawing. And
69. 3:25we can also rename this the layer to
70. 3:27site analysis uh symbols uh just simply
71. 3:31for
72. 3:33clarity. And next before we start
73. 3:35analyzing the plan we can edit the style
74. 3:37of the symbols. So we will just click to
75. 3:40style panel and hover over the icon and
76. 3:42click edit and adjust the fill to
77. 3:45reddish hue or or any other color that
78. 3:49pops and creates a nice contrast with
79. 3:51the gray base plan that we that we
80. 3:55imported. We can simply go and repeat
81. 3:57the same process of adjusting the the
82. 3:59stroke and and the fill on the edit
83. 4:03panel.
84. 4:14[Music]
85. 4:31Yeah, the last one.
86. 4:34And and that's it. Now we can start
87. 4:37analyzing the plan. Our site is um is
88. 4:42the building in in the middle of the of
89. 4:44the plan. This one here. And I'll
90. 4:46highlight the plot area using the zone
91. 4:48tool. I'll change the layer to site
92. 4:51analysis
93. 4:52symbol. I'll also find an existing
94. 4:55building hatch which was part of the
95. 4:58template just copied in. And then we'll
96. 5:01zoom in and trace the part from H to H
97. 5:06just like
98. 5:08this. Perfect. And yeah. And then when
99. 5:11you're done, we can press
100. 5:13enter. Very nice. One last trick. Let's
101. 5:17select all the symbols. Uh right click
102. 5:20and go to arrange and choose bring to
103. 5:23front and bring to front with the layer.
104. 5:27That way nothing hides behind a hatch, a
105. 5:30tree or or a building line. So like
106. 5:36this, we can start animating and adding
107. 5:39icons. I know there are a couple of bus
108. 5:41stops in on the site, but there's one
109. 5:43here below. Here's another one on
110. 5:46opposite side of the street closer to
111. 5:47the site and another one up top in this
112. 5:51direction.
113. 5:53There's a parking in this square behind
114. 5:56the trees. There's no train stations,
115. 5:58but but I think there is a taxi spot
116. 6:01near the park for drop off
117. 6:05uh groups of
118. 6:06friends
119. 6:09and and then also has a park and a
120. 6:12gathering. So, we can also include
121. 6:14that.
122. 6:17Let's group icon and a park just behind
123. 6:22our site. And I know there's also a
124. 6:27school or educational institution just
125. 6:30here. And I remember opposite the school
126. 6:32there was a grocery store as well. I
127. 6:35know all these locations and where to
128. 6:37put these symbols because I've actually
129. 6:38visited this site. Uh, but if you
130. 6:40haven't had a chance to do so yourself,
131. 6:42you can still find information for your
132. 6:44site using Google or Apple Maps, Open
133. 6:47Street Map, or even websites like Zunker
134. 6:49and Sun movement from
135. 6:52suncal.org. They're all great ways to
136. 6:54get an accurate sense of the context
137. 6:56when you're preparing your analysis
138. 6:58remotely. Okay, now let's bring in the
139. 7:00sun path. This one here, I think, looks
140. 7:02great. And we can and even scale
141. 7:06it and rotate it 30° to show the sun
142. 7:10movement from from east to
143. 7:13west and position it. Yeah, I think
144. 7:17looks great. This is
145. 7:19good. Let's maybe make a little bit some
146. 7:21small tweaks. Let's adjust the color the
147. 7:24edit panel to this red
148. 7:27hue
149. 7:29and even the the stroke of it. And maybe
150. 7:33let's fix these
151. 7:36edges.
152. 7:38Yeah, they're much
153. 7:40better. In our case, the wind is coming
154. 7:42from the northeast. So, we can add them
155. 7:44here on the
156. 7:50[Music]
157. 7:53top. Also add two symbols. But these
158. 7:56symbols seem a little bit faint. H. So,
159. 7:58I'll go to edit style and darkened
160. 8:02stroke for a better visibility, like a
161. 8:05darker blue. Yes, much much better. And
162. 8:08and finally, let's add a noise
163. 8:10level indicators. We might have one from
164. 8:14around the the park, one from the from
165. 8:16the junction, and and the opposite side
166. 8:20from from the road as well.
167. 8:24But I think overall gives us a pretty
168. 8:26complete picture of the site. And what
169. 8:29we're going to do now is create the
170. 8:30legend from the icons we've just used so
171. 8:33everyone can
172. 8:34understand what each symbol means. We
173. 8:38can group them below the scale bar. It
174. 8:41might look a bit messy at first, but uh
175. 8:43we will we'll organize them just in a
176. 8:45second.
177. 8:47[Music]
178. 8:58[Music]
179. 9:03[Music]
180. 9:13Yeah. Okay. So, select the legends and
181. 9:16go over to modify panel on the right
182. 9:18hand side. Click downward facing arrow
183. 9:21and align everything to the center. And
184. 9:23also make sure everything's vertically
185. 9:25aligned so it's nice and tidy. And we
186. 9:27could repeat the same process for the
187. 9:29second
188. 9:31group and centered. Great. And let's add
189. 9:34a label. I'm just reusing text from the
190. 9:37original template. this next to first
191. 9:47icon and even rename it. We can call
192. 9:50this location point. Set the text to a
193. 9:54middle alignment so it's always centered
194. 9:56to the symbol
195. 9:57itself. Then just hold alt and drag it
196. 10:00to duplicate the the text across the
197. 10:02other icons.
198. 10:08We can also add the noise source and and
199. 10:10the wind
200. 10:19direction. Some of them are a bit
201. 10:22oversized, but uh but I'll first place
202. 10:25them here and and then tweak the size
203. 10:27the
204. 10:29scale. Now, we didn't really use the
205. 10:31viewpoint, but we can position here just
206. 10:33across the straight from the side. So,
207. 10:35that could be a nice uh angle.
208. 10:45Don't be afraid to tweak the size or the
209. 10:48scale of these
210. 10:57icons. Uh centered and vertically again.
211. 11:11some path is courage and yeah again
212. 11:14let's take text and copy it
213. 11:17over we can go now I'm going to also
214. 11:20rename all the symbols and we'll start
215. 11:22with this bus stop you can rename it
216. 11:25with double clicking there and next one
217. 11:27is parking
218. 11:29parking then we have a taxi
219. 11:35Stop.
220. 11:45Park. Yeah. Grocery
221. 11:48store
222. 11:49[Music]
223. 11:52and
224. 11:58school. Nice sourced.
225. 12:11view point
226. 12:13and and finally sound
227. 12:17[Music]
228. 12:19path. Yep, I think it's looking good.
229. 12:22I'll draw a rectangle around the whole
230. 12:25legend just to just to frame it nicely
231. 12:28and keep things uh organized and
232. 12:33[Music]
233. 12:36readable. Oh, uh and I also forgot the
234. 12:39to add the north sign. I'll choose this
235. 12:42one. Rotate it 30° so that it aligns
236. 12:45with the sun path direction we set
237. 12:47earlier here. Yeah, perfect. Now we have
238. 12:51a completely clear and visually engaging
239. 12:53site analysis. It's a symbols and a
240. 12:55legend. And now we can start preparing
241. 12:57the drawing for printing. So we'll head
242. 12:59over to paper canvas
243. 13:02on on the layers
244. 13:04tab and create a new page and make this
245. 13:09[Music]
246. 13:11page and into a A1 size.
247. 13:15To get our plans to appear here, we will
248. 13:18use view tool from the panel below. And
249. 13:21under the active property, choose model
250. 13:23canvas to import the side analysis we
251. 13:26just
252. 13:29did. And then draw the portal anywhere
253. 13:32you want the plan to
254. 13:38appear. Scale the plan to fit into the
255. 13:41view if needed. and then double click on
256. 13:43the view to pan and
257. 13:48position. To avoid accidentally moving
258. 13:51the plan, I'll click disable, zoom, and
259. 13:54pan on the
260. 13:56view. And I'll hold shift and open up
261. 13:59the portal a little bit wider or the
262. 14:02view just to make sure that everything
263. 14:04sits nicely on the on the page. Okay,
264. 14:08great. Let's do the same thing for the
265. 14:10context map as well. We this time we can
266. 14:13go to context
267. 14:15map
268. 14:17new and map one to one. It does exactly
269. 14:20the same yet another
270. 14:34method and double click on it. And we
271. 14:37can even scale it one to 100. So we get
272. 14:39a get good sense of the broader side
273. 14:43context. We're a little bit here on the
274. 14:45north north
275. 14:49corner. Great. And just click
276. 14:54done. Let's add the symbol legend here
277. 14:57too. We can hold alt and drag the
278. 15:00previous view just here under the
279. 15:03context plan. Double click and unlock
280. 15:07panning and navigate where that legend
281. 15:09sits on the mold canvas and position it
282. 15:12just under the context plan. So all the
283. 15:16key information is presented in one
284. 15:17coherent layout.
285. 15:33Okay, I think it's already coming
286. 15:34together quite
287. 15:40well. Uh, let's add a an annotation box.
288. 15:45Add key information like the project
289. 15:47made, the description, and kind of
290. 15:51overarching
291. 15:53idea. And that will we can
292. 15:56quickly rescale the latex
293. 16:00box so it fits uh not in
294. 16:03[Music]
295. 16:14it. Okay, I think it's coming together.
296. 16:16I think this looks quite clean and and
297. 16:18pretty much ready to go.
298. 16:21And next thing is to to make this head
299. 16:23analysis more useful. We will add a
300. 16:26building type map using the wider
301. 16:29context drawing we just imported at the
302. 16:31beginning. We will start by creating a
303. 16:33legend that explains the areas zoning
304. 16:36and menus. With the rectangle tool, we
305. 16:38will draw a base panel. Here it's in a
306. 16:41corner and give it a white fill so it
307. 16:45hovers clearly over the plan.
308. 16:48Next, we can add a
309. 16:50title text and we'll label
310. 16:55it building type
311. 17:04map. Also tweak the box a little bit too
312. 17:08so for the label to fit. And add the
313. 17:10reddish color for consistency again and
314. 17:13contrast.
315. 17:16Yeah, this is
316. 17:20great. Now, let's uh build the legend
317. 17:23keys. Let's add a first base rectangle
318. 17:27with a rectangle tool. And just just
319. 17:33[Music]
320. 17:38here we got the text label. So, res
321. 17:42start with residential. Oops.
322. 17:43Residential.
323. 17:46And okay. And maybe make it a little bit
324. 17:48smaller.
325. 17:500.5. Perfect. I'll hold out alt to
326. 17:54duplicate the hatchboxes and their
327. 17:57labels for four more
328. 18:02times. Shift these things around.
329. 18:16Yeah, but it's gone better. It's nice
330. 18:18and and and tidy. Okay, once that is
331. 18:21done, let's rename each label. And we'll
332. 18:23start first with the
333. 18:26business
334. 18:32center
335. 18:37commercial
336. 18:41educational and lastly uh
337. 18:47site. For the site I'll change the the
338. 18:50fill to a pattern.
339. 18:55Uh, this one looks great. And make it
340. 18:58again a reddish
341. 19:01hue. And adjust the scale on our
342. 19:03transformation to to something like uh
343. 19:0705. So the pattern isn't too wide or too
344. 19:10dense. And we can also save this style
345. 19:13as a side context hatch on the right
346. 19:16side for for reuse.
347. 19:21Let's go ahead and create new hatch
348. 19:23styles for other land uses too. For
349. 19:25example, a lighter red for education, a
350. 19:29muted red for commercial, soft red for
351. 19:32business
352. 19:33center, and a
353. 19:35natural gray tone for residential. Then
354. 19:39again, save each style.
355. 20:05For this residential, we can
356. 20:08actually use
357. 20:10the eyro tool to pick one of the colors
358. 20:14from the map. of one of the buildings
359. 20:16and and just leave it as adapt. I think
360. 20:18this is
361. 20:19great. Now let's start to apply these
362. 20:22styles these hashes we just created by
363. 20:24double clicking on the map EU and select
364. 20:26a couple of buildings.
365. 20:46then assign the style to a corresponding
366. 20:50use. But normally you would look up this
367. 20:53information again on Google Maps or Open
368. 20:55Street Map to get a reliable land use
369. 20:58data and to know where it is
370. 21:04[Music]
371. 21:06what once once selected
372. 21:10again we can go to these four dots style
373. 21:12and assign a correct patch style for for
374. 21:15each
375. 21:16building. And we can go ahead and repeat
376. 21:19repeat the process for of selecting
377. 21:21buildings, replace them all and
378. 21:23assigning land use
379. 21:33again. Yeah, as a cherry on top. Uh with
380. 21:37the circle tool, we will draw an
381. 21:39approximate site location here. So, pick
382. 21:42a circle tool and and locate side
383. 21:46context hatch under uh the four
384. 21:50dots. Yeah, perfect. This one here. And
385. 21:54draw a circle right about here in the
386. 21:58corner. Great. Okay, this is perfect for
387. 22:00now. In a few minutes, we've made a
388. 22:02context map with a clear legend that
389. 22:04explains the surrounding neighborhood.
390. 22:06Awesome. So, next one. To track things
391. 22:08out, let's go to add a title block. Go
392. 22:10to
393. 22:12blocks, then open the library and type
394. 22:15of block. You can select any of the
395. 22:17templates available. Just click on it
396. 22:19and drag and drop it in directly onto
397. 22:21our
398. 22:22page. Once it is in uh let's position to
399. 22:26the bottom
400. 22:28corner in A1 layout and I can just grab
401. 22:32it by accept it, grab it right corner to
402. 22:34scale it so it fits perfectly from edge
403. 22:36to edge. and double click on it to
404. 22:39delete some unnecessary information. And
405. 22:42we'll rename this drawing into site
406. 22:47plan. Perfect. And it's going to be
407. 22:49based in beautiful city of
408. 22:52Paris. Great. Also, we
409. 22:56can can maybe change this. Actually, we
410. 22:59don't even need this. The north stars,
411. 23:01we already have it in
412. 23:04there. So, now it looks great. Let's
413. 23:07move on to the finale and export our
414. 23:09drawing as a as a
415. 23:13PDF. I head over to the page panel.
416. 23:16You'll see on the left, click on
417. 23:20the on the three dots and export PDF.
418. 23:25Head preview window will pop up here
419. 23:27with the magnifier. Peek into the
420. 23:28different parts of the draw. You can
421. 23:29double check the line weight, colors,
422. 23:32and text clarity. If needed, you can
423. 23:34also adjust more advanced settings like
424. 23:37the the stroke weight for page or
425. 23:42screen. I'm happy with how it sits and
426. 23:45we can simply hit export. And that's it.
427. 23:49That's as simple as that. In a short
428. 23:50tutorial, we went from a basic site plan
429. 23:52to a beautiful site analysis plan using
430. 23:55Rayon template.
431. 23:58This is how Rion removes the unnecessary
432. 24:00complexity of traditional CAD software
433. 24:02so you can focus on design rather than
434. 24:05troubleshooting tools. If you like to
435. 24:07try it out yourself, don't forget to
436. 24:09grab the free template and explore Rayon
437. 24:11Design using the links in the
438. 24:13description below. If you found this
439. 24:15tutorial helpful, make sure to hit like,
440. 24:17subscribe, and turn on notifications so
441. 24:19you never miss a new video next time. If
442. 24:22you have any questions, drop them in the
443. 24:24comments below and we'll be happy to
444. 24:26help. Thanks for watching and we'll see
445. 24:27you in the next one.