How to Stylize an Axonometric Diagram FAST | SketchUp → Rayon — Transcript

Full transcript

1. 0:00Hi everyone. In this tutorial, I will
2. 0:02show you how to import and stylize an
3. 0:04exonometric diagram to enhance your 2D
4. 0:07architectural drawing set. If you are
5. 0:10using 3D tools like SketchUp or Rhino,
6. 0:12and then switching to 2D for
7. 0:14documentation, this workflow is for you.
8. 0:17We will clean up the diagram, add
9. 0:19hatches, colors, text, and area tags in
10. 0:22just a few clicks. Then we will enrich
11. 0:24it with a mood board. Place it on a
12. 0:26cover sheet all using Ryan Design, a
13. 0:29web-based 2D tool for architectural
14. 0:31drawings. Follow along by creating a
15. 0:34free account at Ryan Design and use the
16. 0:36template linked below. Do not forget to
17. 0:38subscribe for more tutorials. Let us get
18. 0:41started. First, open Ryan Design on your
19. 0:44browser. Once you have signed in, you
20. 0:46can import your axonometric diagram from
21. 0:48SketchUp or another 3D tool as a DWG or
22. 0:52PDF file. These formats are
23. 0:54automatically translated into editable
24. 0:57vector files within Ryan. As you can see
25. 0:59here, I have already created a full
26. 1:02architectural set including floor plans,
27. 1:04sections, and elevations with Ryan. And
28. 1:07now I want to add an exonometric view to
29. 1:10the cover sheet. In my case, I will thus
30. 1:13be importing my file directly into this
31. 1:15pre-prepared architectural drawing set.
32. 1:18Go to menu, select import, and then
33. 1:21choose your desired file.
34. 1:38Once it is on our workspace,
35. 1:41we will first start with drawing the
36. 1:43missing lines in this diagram. To help
37. 1:46with alignment and precision while
38. 1:48drawing, I will be using the guideline
39. 1:50tool. Quickest way to find it is to
40. 1:52simply type it in the command line.
41. 1:55Select the toggle option and this will
42. 1:57allow you to easily rotate the guideline
43. 1:59by dragging the arrow head. This helps
44. 2:02align your drawing with the exonometric
45. 2:04axis.
46. 2:06For redrawing the elements, I will use
47. 2:08the polyline tool which you can easily
48. 2:11access from the toolbar at the bottom or
49. 2:13by clicking PL and enter. Just select
50. 2:16the icon and then click to place points
51. 2:18on your canvas.
52. 2:40We will finally clean up the diagram.
53. 2:43Delete any extra lines or unnecessary
54. 2:45elements to keep your diagram readable.
55. 2:55Now let us start adding the line
56. 2:57weights, colors and textures to our
57. 2:59diagram. First I want to adjust the line
58. 3:02weights. As you can notice the newly
59. 3:04drawn lines have a different line
60. 3:05thickness. So I will edit their line
61. 3:08weight to match the rest of the drawing.
62. 3:10To do that I'll select the lines and
63. 3:12then look over to the right hand panel.
64. 3:14Under the style tab you will see options
65. 3:17for line weight. else. You can also
66. 3:20simply use the pick style tool to match
67. 3:22line weights and style. Next, we will
68. 3:25stylize this diagram as a 3D zoning
69. 3:28plan, distinguishing each area type
70. 3:30according to color. Light green for
71. 3:33public living space, brown for bedrooms,
72. 3:36and dark green for the bathroom. To
73. 3:39apply colors and textures, select the
74. 3:41bucket tool and simply hover over the
75. 3:43desired zone and click once to fill it.
76. 4:04You can also further edit a filled area
77. 4:06by using the bucket tool again to drop
78. 4:09textures on a surface on top of the
79. 4:12background color. This allows you to
80. 4:14overlay the hatch. Use the style tab to
81. 4:17the right to further edit line weights,
82. 4:19line color, and rotation angles for your
83. 4:22hatches.
84. 4:43Ryan also allows us to edit the
85. 4:45exonometric rendering by using safe
86. 4:47styles. To save a style, simply drop the
87. 4:50color in the desired area and from the
88. 4:52panel to the right, click save style
89. 4:54option.
90. 5:05As you can see, it is saved here. For
91. 5:07this model, I've already saved the
92. 5:09colors used as styles. The benefit of
93. 5:12doing so is that we can simply select an
94. 5:14element containing that style and change
95. 5:17its properties from the styles panel to
96. 5:19the right. The new changes will then be
97. 5:22applied to all areas which contain the
98. 5:24selected style.
99. 5:32tag labels, area tags, and annotations
100. 5:35to communicate our design intent
101. 5:37clearly. I will write the information
102. 5:39within the small box here. Select the
103. 5:42text tool from the taskbar at the bottom
104. 5:44of your screen and then type your
105. 5:46annotation. Here too, you can use the
106. 5:48style tab to the right to edit your font
107. 5:51styles and save the styles for easier
108. 5:53access in the future.
109. 6:46Using a mix of visual methods is a great
110. 6:48way to enrich your drawing set and
111. 6:50clearly communicate your design intent.
112. 6:53In addition to 2D floor plans, sections,
113. 6:55elevations, and 3D exonometric views,
114. 6:58mood boards and collages are powerful
115. 7:00tools for expressing the overall vibe
116. 7:03and aesthetic of your project. So, let
117. 7:05us bring this diagram to life by adding
118. 7:08a mood board here too. Since Ryan is
119. 7:10web- based, placing images on the canvas
120. 7:13is very simple. Just copy, paste or drag
121. 7:16from your desktop. If saved in some
122. 7:18other folder, go to menu then select
123. 7:21import and there again you have access
124. 7:23to the different file formats you can
125. 7:25import. Once you have imported your
126. 7:28desired texture, you can also decide how
127. 7:30you would like to exhibit it. You can
128. 7:32use vertices to resize the image.
129. 7:35Furthermore, here I am using boolean
130. 7:38intersect command to extract only a part
131. 7:41of the texture in a circle and we'll use
132. 7:43it as part of the moodboard collage.
133. 7:50Apart from textures, you can also import
134. 7:53furniture images. To make work more
135. 7:55efficient, Ryan has its own remove
136. 7:58background tool too, which makes the
137. 8:00task of creating collages more
138. 8:02efficient.
139. 8:13Here
140. 8:16I will add an arrow to clearly denote
141. 8:19the room for the mood board. You can use
142. 8:21style tab to the right to set line
143. 8:23weight, stroke style, and color
144. 8:25preferences.
145. 8:44And this is what it looks like when it
146. 8:46is finished. This helps bridge the gap
147. 8:48between technical documentation and
148. 8:50design atmosphere, giving clients and
149. 8:53stakeholders a more complete sense of
150. 8:55the space. Now, once the diagram is
151. 8:58ready, we can place it on a sheet in the
152. 9:00drawing set. For this, while you can add
153. 9:02a page and start from scratch, Ryan has
154. 9:05another feature which will make this
155. 9:07task easier for you. First, head to the
156. 9:09block library. Ryan has more than 4,000
157. 9:13blocks, including furniture and symbols
158. 9:16in top, side, and front views. You can
159. 9:18drop them into your project to use as
160. 9:20required. While this feature is
161. 9:23definitely very beneficial, scroll down
162. 9:25and you will see the option title blocks
163. 9:28and annotations. This gives you access
164. 9:31to pre-made templates, sheet layouts in
165. 9:33different page sizes, varied
166. 9:35architectural symbols and annotations
167. 9:38which you can easily drag and use in
168. 9:40your projects.
169. 9:56For now, I will use the same title block
170. 9:58which has been used in the other pages.
171. 10:16Once you place your diagram on the
172. 10:18sheet, do not forget to add a legend for
173. 10:20clarity and readability. Use the text
174. 10:23tool to write the required information
175. 10:25and keep an eye on the style tab to the
176. 10:27right to change font styles, size, and
177. 10:30color or save your own labeling style.
178. 11:14Use the pick style tool while filling in
179. 11:16the colors for the legend. This not only
180. 11:18makes the task more efficient, it
181. 11:20ensures consistency in the colors used.
182. 11:32A new page can be easily added from page
183. 11:34panel to the left. Once a page is added,
184. 11:37it can be resized using the sides of the
185. 11:40sheet or the vertices.
186. 11:51Furthermore, you can use the style tab
187. 11:53to the right to set the page to custom
188. 11:55display scale and size. Once added,
189. 11:59there are several ways the sheet or
190. 12:01sheets can be exported as a PDF or
191. 12:04image. For single sheet, use three dots
192. 12:07on the page panel or rightclick the
193. 12:09sheet on model space. To export or print
194. 12:12all sheets together, go to page panel
195. 12:15and select the symbol here at the top.
196. 12:18You can easily access export options for
197. 12:21all sheets or even for a desired range
198. 12:23of sheets.
199. 12:26When everything is ready,
200. 12:29I will shuffle our pages. So, our
201. 12:31recently rendered exonometric is the
202. 12:34cover page. Then at the top right
203. 12:36corner, you can select the preview
204. 12:38button and a new window will open
205. 12:41allowing you to see your pages in
206. 12:43presentation view.
207. 12:55If you want to share your work
208. 12:56digitally, just simply select the copy
209. 12:59link button which is here next to
210. 13:01present. This generates a live URL which
211. 13:05you can then send to anyone and they can
212. 13:07view the drawing on any device. No
213. 13:10further software or apps required. And
214. 13:13that's it. You have now got a clear
215. 13:16stylized exonometric diagram integrated
216. 13:19into your Ryan made architectural
217. 13:21drawing set. Remember you can sign up
218. 13:24for free at Ryan Design and use the
219. 13:26linked template to follow this workflow
220. 13:29and also use it for your own projects.
221. 13:31Do not forget to subscribe for more
222. 13:33tutorials.