1 00:00:03.931 --> 00:00:09.941 WEBTOON Basics Sketch-up tool for drawing 2 00:00:09.941 --> 00:00:12.525 GCC Academy 3 00:00:12.525 --> 00:00:15.065 Learning Goals Can understand the SketchUp program and learn basic usage Can create a table using the SketchUp Program 4 00:00:15.065 --> 00:00:17.568 Can edit and correct images by extracting existing SketchUp modeling Learning Contents Understanding the SketchUp program Creating a table using SketchUp 5 00:00:17.568 --> 00:00:19.702 SketchUp modeling extraction and image correction 6 00:00:20.139 --> 00:00:22.439 Professor Na Yeon Kyung Career Chungkang University graduate - Department of Comics Creation Invited Professor Webtoon Cartoon Contents School, Chungkang University Works Webtoon Kakao Page Founding Series (2018) 7 00:00:22.439 --> 00:00:24.733 Published Meet the World through Science Comics 2015 Published Lee Eo-ryeong’s journey through textbooks 2011~2013 Published Flash in the East Flash in the West Hong Gil-dong Exhibition 2009 8 00:00:25.089 --> 00:00:28.158 Hello, my name is Na Yeon kyung, a webtoon artist 9 00:00:28.158 --> 00:00:30.842 and an Invited Professor at Chungkang University's 10 00:00:30.842 --> 00:00:35.099 Webtoon Cartoon Contents School, and I teach students classes 11 00:00:35.099 --> 00:00:36.554 related to webtoon drawing 12 00:00:36.554 --> 00:00:38.673 When you look at comics from the past 13 00:00:38.673 --> 00:00:41.931 all the backgrounds were 14 00:00:41.931 --> 00:00:45.198 what we call handmade, meaning artists would meticulously draw 15 00:00:45.198 --> 00:00:48.158 lines one by one after going through various studies and preparations 16 00:00:48.158 --> 00:00:50.941 However, most of the backgrounds in webtoons nowadays 17 00:00:50.941 --> 00:00:56.337 are created using 3D programs 18 00:00:56.337 --> 00:00:59.109 These images are then applied as backgrounds in webtoons 19 00:00:59.109 --> 00:01:01.921 This may partly be because of the artist's desire to increase the density of their work 20 00:01:01.921 --> 00:01:03.594 but it's also due to the nature of webtoons 21 00:01:03.594 --> 00:01:06.881 Unlike print-focused black-and-white comics 22 00:01:06.881 --> 00:01:10.574 webtoons are manuscript-based, often boasting rich colors based on a color palette 23 00:01:10.574 --> 00:01:13.545 Also they have a consistent weekly deadline 24 00:01:13.545 --> 00:01:17.000 and yearly increasing labor costs as well 25 00:01:17.000 --> 00:01:19.218 This also reflects a shift from the traditional industry model 26 00:01:19.218 --> 00:01:23.554 where individual artists took sole responsibility for their work 27 00:01:23.554 --> 00:01:25.901 there's a transition towards a production-based system 28 00:01:25.901 --> 00:01:28.198 similar to that of the gaming, animation, and film industries 29 00:01:28.198 --> 00:01:31.327 Here, multiple individuals work in various positions 30 00:01:31.327 --> 00:01:36.000 each responsible for their assigned tasks within a collaborative production framework 31 00:01:36.000 --> 00:01:39.307 In such an industrially advanced field as webtoons 32 00:01:39.307 --> 00:01:41.782 surely there are various positions 33 00:01:41.782 --> 00:01:44.604 but a position that seems to be gaining prominence these days 34 00:01:44.604 --> 00:01:47.673 I think is the SketchUp modeling part 35 00:01:47.673 --> 00:01:50.851 The reason for that may be unlike directly drawing characters 36 00:01:50.851 --> 00:01:53.861 you need to understand the space where those characters come to life 37 00:01:53.861 --> 00:01:56.535 and evolving the design of that space 38 00:01:56.535 --> 00:02:00.228 in a more clear and realistic manner through 3D programs 39 00:02:00.228 --> 00:02:03.119 such a skill has grown comparable to drawings 40 00:02:03.119 --> 00:02:05.515 That's why I believe SketchUp modeling has become one of the positions that's gaining attention 41 00:02:05.515 --> 00:02:08.495 As I prepare for this lecture on the SketchUp program 42 00:02:08.495 --> 00:02:12.059 I've been thinking about who the target audience for this lecture should be 43 00:02:12.059 --> 00:02:15.040 I've prepared the lecture with the hope that aspiring webtoon artists 44 00:02:15.040 --> 00:02:17.693 who are encountering this program for the first time 45 00:02:17.693 --> 00:02:21.267 or webtoon artists who harbor vague fears about it 46 00:02:21.267 --> 00:02:23.000 could benefit from this 47 00:02:23.000 --> 00:02:25.950 Anyways I hope that after watching this lecture 48 00:02:25.950 --> 00:02:27.960 you will have gained a better understanding and interest in SketchUp 49 00:02:28.376 --> 00:02:32.287 Understanding the SketchUp Program 50 00:02:32.287 --> 00:02:35.040 SketchUp is a software created by Trimble 51 00:02:35.040 --> 00:02:37.881 for implementing interior architectural designs 52 00:02:37.881 --> 00:02:40.743 One feature of this program is including a representation where 53 00:02:40.743 --> 00:02:43.941 the designed shape has black lines outlining its contours 54 00:02:43.941 --> 00:02:46.812 Upon seeing this, webtoon artists thought 55 00:02:46.812 --> 00:02:50.703 that if they could model using this program 56 00:02:50.703 --> 00:02:53.743 there would be no problem directly connecting it to the comic background 57 00:02:53.743 --> 00:02:57.109 This led to the creation of the first example 58 00:02:57.109 --> 00:03:00.594 seen in the webtoon "Romance Killer" by Kang Do-ha in 2007 59 00:03:00.594 --> 00:03:03.010 After that, young artists 60 00:03:03.010 --> 00:03:05.554 started using the SketchUp program 61 00:03:05.554 --> 00:03:08.851 and sharing their experiences with it 62 00:03:08.851 --> 00:03:12.020 This naturally led to SketchUp becoming one of the actively utilized 63 00:03:12.020 --> 00:03:15.139 webtoon production programs among young artists 64 00:03:15.139 --> 00:03:16.604 as they worked on webtoons 65 00:03:16.604 --> 00:03:19.653 However, just like Photoshop, SketchUp wasn't originally designed for creating webtoons 66 00:03:19.653 --> 00:03:23.000 Still, as more artists started using it and delved into studying its various functionalities 67 00:03:23.000 --> 00:03:25.921 to make it more applicable for comics 68 00:03:25.921 --> 00:03:29.347 and began utilizing it bit by bit as part of webtoon backgrounds 69 00:03:29.347 --> 00:03:33.812 it gradually became established as one of the tools actively used by young artists in webtoon production 70 00:03:33.812 --> 00:03:35.792 Now even the developer Trimble has started adding features 71 00:03:35.792 --> 00:03:40.119 to facilitate modeling for webtoon background and it has allowed 72 00:03:40.119 --> 00:03:43.493 SketchUp to move beyond its initial framework as a general architectural design implementation implementation program 73 00:03:43.493 --> 00:03:45.723 and become applicable in various multimedia 74 00:03:45.723 --> 00:03:50.495 arts fields such as webtoons, animation, and film 75 00:03:50.495 --> 00:03:53.465 In this lecture, we'll briefly explore 76 00:03:53.465 --> 00:03:56.723 creating models using SketchUp and extracting them 77 00:03:56.723 --> 00:03:59.257 for use as webtoon backgrounds 78 00:03:59.257 --> 00:04:02.000 color-correcting the extracted SketchUp images 79 00:04:02.000 --> 00:04:05.228 and applying them as backgrounds 80 00:04:05.228 --> 00:04:09.040 Additionally, we'll explain how to obtain information from various SketchUp modeling files 81 00:04:09.040 --> 00:04:11.040 Please note that I am using a purchased version 82 00:04:11.040 --> 00:04:14.594 instead of the subscription so the SketchUp program 83 00:04:14.594 --> 00:04:18.871 shown in the lecture is the 2022 version of SketchUp 84 00:04:18.871 --> 00:04:20.545 Before continuing the lecture 85 00:04:20.545 --> 00:04:22.772 My lecture screen 86 00:04:22.772 --> 00:04:26.564 will be set to MacOS environment, so those of you with WindowsOS 87 00:04:26.564 --> 00:04:30.673 might be a bit unfamiliar with my screen 88 00:04:30.673 --> 00:04:32.703 But the main page of Sketchup is pretty much the same 89 00:04:32.703 --> 00:04:37.446 so you shouln't have too much difficulties with the lecture 90 00:04:37.446 --> 00:04:41.178 Let's run the SketchUp program 91 00:04:41.178 --> 00:04:44.198 When you launch SketchUp, the first thing you'll need to choose 92 00:04:44.198 --> 00:04:46.802 is the environment in which you'll be working 93 00:04:46.802 --> 00:04:50.673 If you look at the screen, you'll see that you can choose between two categories 94 00:04:50.673 --> 00:04:54.030 "Simple" and "Architecture," allowing you to select your working environment accordingly 95 00:04:54.030 --> 00:04:56.198 Among those options, you can select various units 96 00:04:56.198 --> 00:04:58.792 such as meters, centimeters, millimeters, inches 97 00:04:58.792 --> 00:05:02.050 and more for your working environment 98 00:05:02.050 --> 00:05:05.000 As you can see, there are various options available for different environments 99 00:05:05.000 --> 00:05:08.000 centimeters for architecture, meters for simple 100 00:05:08.000 --> 00:05:10.356 inches for simple, and inches for architecture 101 00:05:10.356 --> 00:05:14.386 The reason for the selection is that the person creating the model 102 00:05:14.386 --> 00:05:17.713 needs to decide whether the modeling involves 103 00:05:17.713 --> 00:05:20.356 small-sized props small-sized props 104 00:05:20.356 --> 00:05:23.287 large spaces where people live 105 00:05:23.287 --> 00:05:25.327 or move around 106 00:05:25.327 --> 00:05:27.335 If you select millimeters as the unit 107 00:05:27.335 --> 00:05:30.030 and aim to create a large space that people will enter 108 00:05:30.030 --> 00:05:32.723 you'll have to manually convert all measurements 109 00:05:32.723 --> 00:05:35.079 into millimeters for your work 110 00:05:35.079 --> 00:05:37.248 which can be quite laborious 111 00:05:37.248 --> 00:05:40.574 To avoid that, it's important to carefully consider the type of space 112 00:05:40.574 --> 00:05:45.297 you're creating and adjust the environment accordingly 113 00:05:45.297 --> 00:05:47.941 In addition the "Architecture" environment 114 00:05:47.941 --> 00:05:51.436 does not include representations of 115 00:05:51.436 --> 00:05:54.079 spaces high up like the sky 116 00:05:54.079 --> 00:05:56.000 or low, flat spaces like the ground 117 00:05:56.000 --> 00:05:58.772 Therefore, when extracting images, it's important to determine 118 00:05:58.772 --> 00:06:03.020 whether a background representing the sky or ground is needed 119 00:06:03.020 --> 00:06:05.465 This decision depends on whether you're modeling an indoor space 120 00:06:05.465 --> 00:06:07.545 hich typically doesn't require such backgrounds, or an outdoor environment, where they may be necessary 121 00:06:07.545 --> 00:06:10.772 This is another aspect that the person creating the model 122 00:06:10.772 --> 00:06:13.257 needs to decide before starting a new project 123 00:06:13.257 --> 00:06:16.861 Let's create a model in centimeters 124 00:06:16.861 --> 00:06:19.465 When you select that you will find a vast expanse 125 00:06:19.465 --> 00:06:22.802 with an endless horizon, with a random man standing 126 00:06:33.109 --> 00:06:36.990 You see this man here 127 00:06:36.990 --> 00:06:39.337 He is not really there 128 00:06:39.337 --> 00:06:40.881 just for fun 129 00:06:40.881 --> 00:06:45.564 He represents a human model with an average height 130 00:06:45.564 --> 00:06:49.604 suitable for entering the expansive space you're creating 131 00:06:49.604 --> 00:06:52.198 So you can make a door in comparison to him 132 00:06:52.198 --> 00:06:55.851 or make windows and couches 133 00:06:55.851 --> 00:06:59.337 When you create things like that 134 00:06:59.337 --> 00:07:02.614 you can visibly see that a person this size could sit on this couch 135 00:07:02.614 --> 00:07:05.327 or this person can go through the door 136 00:07:05.327 --> 00:07:07.931 That man is there for those purposes 137 00:07:07.931 --> 00:07:11.436 I would like to explain about the mouse beforehand 138 00:07:11.436 --> 00:07:13.000 The SketchUp Program 139 00:07:13.000 --> 00:07:17.079 uses the left click, right click 140 00:07:17.079 --> 00:07:19.455 and you know the wheel in the middle 141 00:07:19.455 --> 00:07:24.000 the wheel click is also used in modeling in SketchUp 142 00:07:24.000 --> 00:07:25.644 If you do a left click 143 00:07:25.644 --> 00:07:28.347 you can launch tool features 144 00:07:28.347 --> 00:07:30.644 or select functions from the menu tab 145 00:07:30.644 --> 00:07:33.307 So it is a regular click 146 00:07:33.307 --> 00:07:38.188 you can select a tool or bring out a window from the menu 147 00:07:38.188 --> 00:07:42.851 That is what the left click does 148 00:07:42.851 --> 00:07:44.703 The right click 149 00:07:44.703 --> 00:07:47.733 opens a window where you can see the details needed for modeling 150 00:07:47.733 --> 00:07:50.000 Let's right click on this man 151 00:07:50.000 --> 00:07:51.851 you will see a window like this 152 00:07:51.851 --> 00:07:55.020 That is what the right click does 153 00:07:55.020 --> 00:07:57.663 and if you scroll the wheel up or down 154 00:07:57.663 --> 00:08:00.010 you can zoom in or zoom out on your work screen 155 00:08:00.010 --> 00:08:03.069 wheel it up and it zooms in 156 00:08:03.069 --> 00:08:05.693 wheel it down and it zooms out 157 00:08:05.693 --> 00:08:09.327 Basically a zoom in and out 158 00:08:09.327 --> 00:08:13.911 you can center it on this man 159 00:08:13.911 --> 00:08:15.802 and it will zoom in around this man 160 00:08:15.802 --> 00:08:19.604 or you can center it elsewhere and it will zoom there 161 00:08:19.604 --> 00:08:25.495 So accurately position the mouse cursor 162 00:08:25.495 --> 00:08:27.624 to the area you want to zoom 163 00:08:27.624 --> 00:08:29.822 zoom in on by using the mouse wheel to scroll up 164 00:08:29.822 --> 00:08:33.010 or down for zooming out 165 00:08:33.010 --> 00:08:35.040 This is the way I recommend 166 00:08:35.040 --> 00:08:37.218 Lastly if you click the wheel and drag 167 00:08:37.218 --> 00:08:42.505 It will allow you to view various angles and perspectives of the model 168 00:08:42.505 --> 00:08:43.000 Like this 169 00:08:45.277 --> 00:08:47.505 To view the model in this manner 170 00:08:47.505 --> 00:08:50.396 is a feature called Orbit 171 00:08:50.396 --> 00:08:54.446 I will comeback to explain that when we get to the toolbox 172 00:08:54.446 --> 00:08:57.059 but first clicking the wheel 173 00:08:57.059 --> 00:09:00.059 and dragging it 174 00:09:00.059 --> 00:09:03.842 you can see the Orbit 175 00:09:03.842 --> 00:09:06.683 That is what clicking the wheel is for 176 00:09:06.683 --> 00:09:08.436 To understand the mouse functions 177 00:09:08.436 --> 00:09:10.743 let's click, right-click 178 00:09:10.743 --> 00:09:12.822 and try scrolling or pressing the wheel 179 00:09:15.386 --> 00:09:17.000 clicking 180 00:09:17.000 --> 00:09:20.475 click the Select tool, try right clicking it 181 00:09:20.475 --> 00:09:23.188 try zooming in and out 182 00:09:23.188 --> 00:09:27.545 and try going in a Orbit state 183 00:09:27.545 --> 00:09:28.673 You would need to 184 00:09:28.673 --> 00:09:33.663 get used to this to fully use SketchUp Program 185 00:09:33.663 --> 00:09:35.713 Also a reminder 186 00:09:35.713 --> 00:09:40.634 If you have used Photoshop or Clip Studio to make webtoons 187 00:09:40.634 --> 00:09:42.634 you would naturally have 188 00:09:42.634 --> 00:09:45.733 a habit of drawing lines by dragging the mouse 189 00:09:45.733 --> 00:09:46.703 What I mean by 190 00:09:49.356 --> 00:09:51.535 dragging the mouse to draw 191 00:09:51.535 --> 00:09:53.386 for example if you use a tablet 192 00:09:53.386 --> 00:09:58.376 When you press the pen on the screen and move it, you can draw lines like this 193 00:09:58.376 --> 00:10:01.673 and when you release it 194 00:10:01.673 --> 00:10:05.307 just like releasing a button after clicking 195 00:10:05.307 --> 00:10:09.059 the line has been fully drawn 196 00:10:09.059 --> 00:10:10.782 This analogy might help you understand 197 00:10:10.782 --> 00:10:14.188 In SketchUp, you would almost never 198 00:10:14.188 --> 00:10:17.040 draw lines by dragging 199 00:10:17.040 --> 00:10:19.000 Most modeling programs 200 00:10:19.000 --> 00:10:22.000 is pretty weak to freehand drawing 201 00:10:22.000 --> 00:10:24.703 so you can mostly utilize 202 00:10:24.703 --> 00:10:31.188 simple actions like clicking and moving to achieve your tasks 203 00:10:31.188 --> 00:10:33.218 As I mentioned earlier 204 00:10:33.218 --> 00:10:35.762 this is a program for interior architectural designs 205 00:10:35.762 --> 00:10:38.505 So if you would approach it like a drawing program 206 00:10:38.505 --> 00:10:41.188 It might be difficut 207 00:10:41.188 --> 00:10:42.673 So what should we do 208 00:10:42.673 --> 00:10:45.604 As an example, let's say I draw 209 00:10:45.604 --> 00:10:47.535 a square using the drawing tool 210 00:10:47.535 --> 00:10:51.842 click once and keep your finger off the button while moving 211 00:10:51.842 --> 00:10:56.772 an area where the line will be automatically drawn is formed 212 00:10:56.772 --> 00:10:59.139 then if you click again where you want to draw the line 213 00:10:59.139 --> 00:11:03.980 click and click again 214 00:11:03.980 --> 00:11:06.406 lift, move and click 215 00:11:06.406 --> 00:11:08.376 move and click again 216 00:11:08.376 --> 00:11:11.475 now you have a squre like this 217 00:11:11.475 --> 00:11:14.772 this is how it works 218 00:11:14.772 --> 00:11:17.396 If you keep dragging it will only hurt your hand 219 00:11:17.396 --> 00:11:20.545 and doesn't really move in a way you would want 220 00:11:20.545 --> 00:11:21.743 so it will be difficult 221 00:11:21.743 --> 00:11:25.337 So click, lift, and move 222 00:11:25.337 --> 00:11:30.851 and click again, and that will be your best move 223 00:11:30.851 --> 00:11:33.366 I would like to explain about the program SketchUp 224 00:11:33.366 --> 00:11:36.733 To the left there is the Tool Set 225 00:11:36.733 --> 00:11:37.911 to make models with 226 00:11:37.911 --> 00:11:40.752 I will go into details about this toolset 227 00:11:40.752 --> 00:11:44.079 About half of the tools in the set is 228 00:11:44.079 --> 00:11:47.604 made for architectural designs rather than webtoons 229 00:11:47.604 --> 00:11:52.228 So I will disregard those here and explain the rest 230 00:11:52.228 --> 00:11:56.109 For example this tape measure 231 00:11:56.109 --> 00:11:59.416 hex protractor things like these 232 00:11:59.416 --> 00:12:01.178 will not be necessary 233 00:12:01.178 --> 00:12:05.723 While it might be useful to know this information 234 00:12:05.723 --> 00:12:08.772 but it's generally not necessary 235 00:12:08.772 --> 00:12:10.847 or typical modeling tasks 236 00:12:10.847 --> 00:12:14.020 First the tool with the black arrow 237 00:12:14.020 --> 00:12:16.990 The one I selected here 238 00:12:16.990 --> 00:12:19.505 This is the Selection Tool 239 00:12:19.505 --> 00:12:21.703 Because SketchUp is a Modeling program 240 00:12:21.703 --> 00:12:24.337 it is different from other drawing programs 241 00:12:24.337 --> 00:12:28.782 It has a feature that allows you to select implemented lines or faces 242 00:12:28.782 --> 00:12:30.832 and help create shapes for other forms 243 00:12:30.832 --> 00:12:35.386 you can use the selection tool to utilize them 244 00:12:35.386 --> 00:12:39.069 And the tool next to the arrow with a hook drawn next to it 245 00:12:39.069 --> 00:12:42.683 unlike the usual selection tool 246 00:12:42.683 --> 00:12:45.416 you can select an area differently 247 00:12:45.416 --> 00:12:47.426 If the original Selection tool 248 00:12:47.426 --> 00:12:50.475 is for selecting lines or planes 249 00:12:50.475 --> 00:12:53.198 The Lasso Selection Tool 250 00:12:53.198 --> 00:12:55.347 whether lines or faces 251 00:12:55.347 --> 00:12:59.030 allows you to wrap around the area you want to select like a lasso 252 00:12:59.030 --> 00:13:04.030 selecting everything within the loop 253 00:13:04.030 --> 00:13:06.980 The Paint Bucket below that 254 00:13:06.980 --> 00:13:10.980 It would be a fill in tool in typical drawing programs 255 00:13:10.980 --> 00:13:13.564 but in SketchUp you can 256 00:13:13.564 --> 00:13:17.614 easily fill shapes with patterns 257 00:13:17.614 --> 00:13:21.109 such as textures or materials 258 00:13:21.109 --> 00:13:22.812 That is what that is for 259 00:13:22.812 --> 00:13:26.683 the pink rectangular icon is the Eraser tool 260 00:13:26.683 --> 00:13:29.941 It only erases lines that are implemented in 3D 261 00:13:29.941 --> 00:13:31.446 It does not erase faces 262 00:13:31.446 --> 00:13:34.406 However if any part of an implemented face 263 00:13:34.406 --> 00:13:37.554 loses a line, the face disappears 264 00:13:37.554 --> 00:13:42.238 Therefore, while you can't directly erase faces 265 00:13:42.238 --> 00:13:46.426 understand that a face disappears when even one of its lines is erased 266 00:13:46.426 --> 00:13:50.842 And the tool below it is called "Component," which allows you 267 00:13:50.842 --> 00:13:53.446 to view the created model as a unique configuration or setting 268 00:13:53.446 --> 00:13:57.079 If you click it 269 00:13:57.079 --> 00:14:02.198 A window like this pops up, allowing you to create component elements 270 00:14:02.198 --> 00:14:05.639 If you click the man 271 00:14:05.639 --> 00:14:07.594 and look in the components window 272 00:14:07.594 --> 00:14:10.871 This is how the Customer Information Manager is handled in SketchUp 273 00:14:10.871 --> 00:14:12.733 with settings written like thi 274 00:14:12.733 --> 00:14:16.228 You can think of these as buttons for inputting such information 275 00:14:16.228 --> 00:14:18.079 And the tool next to it called "Tag" 276 00:14:18.079 --> 00:14:22.683 allows you to insert tags that provide guidance on various architectural products 277 00:14:22.683 --> 00:14:26.248 such as wallpaper, flooring 278 00:14:26.248 --> 00:14:29.059 doors, windows, etc 279 00:14:29.059 --> 00:14:32.455 which are created when designing architecture interiors 280 00:14:32.455 --> 00:14:33.970 You could consider this feature not particularly essential 281 00:14:33.970 --> 00:14:39.178 for modeling in webtoon production 282 00:14:39.178 --> 00:14:42.634 These are the more commonly used tools 283 00:14:42.634 --> 00:14:45.040 Next will be for drawing 284 00:14:45.040 --> 00:14:47.386 they will be tools from drawing 285 00:14:49.822 --> 00:14:52.208 the Pencil tool draws straight lines 286 00:14:52.208 --> 00:14:55.148 I showed you earlier 287 00:14:55.148 --> 00:14:56.703 It only draws straight lines 288 00:14:56.703 --> 00:14:59.416 cannot draw curves 289 00:14:59.416 --> 00:15:01.901 and on the other side 290 00:15:01.901 --> 00:15:04.307 This is a tool for drawing freehand lines allowing you to draw 291 00:15:04.307 --> 00:15:08.089 not only straight lines but also freehand lines 292 00:15:10.307 --> 00:15:11.802 So you can draw 293 00:15:11.802 --> 00:15:15.851 lines like this 294 00:15:15.851 --> 00:15:19.208 The square at the bottom 295 00:15:19.208 --> 00:15:20.772 The Square 296 00:15:20.772 --> 00:15:26.030 allows you to draw retangular shapes 297 00:15:26.030 --> 00:15:28.059 If pencils only draw straight lines 298 00:15:28.059 --> 00:15:33.089 the square can connect the lines and make a rectangular figure 299 00:15:33.089 --> 00:15:35.515 but if you use this tool 300 00:15:35.515 --> 00:15:40.030 You wouldn't have to go back and forth to click 4 times 301 00:15:40.030 --> 00:15:42.475 but make a rectangle at one cue 302 00:15:42.475 --> 00:15:49.079 By doing this, moving, and pulling you can create a rectangle like this all at once 303 00:15:49.079 --> 00:15:51.198 Next to the squre tool 304 00:15:53.861 --> 00:15:56.228 There is a curve and a squre inside 305 00:15:56.228 --> 00:16:00.842 this tool allows you to rotate 306 00:16:00.842 --> 00:16:04.832 this tool allows you to rotate 307 00:16:04.832 --> 00:16:05.861 first if you've made this rectangle 308 00:16:06.495 --> 00:16:08.000 you can use this tool 309 00:16:12.366 --> 00:16:16.881 to make it like this 310 00:16:21.050 --> 00:16:23.713 and the circle at the bottom 311 00:16:23.713 --> 00:16:27.307 is literally to draw circles 312 00:16:27.307 --> 00:16:30.475 And the tool next to it, with jagged edges 313 00:16:30.475 --> 00:16:35.218 allows you to create polygons with 8 sides, 6 sides, 12 sides, and so on 314 00:16:35.218 --> 00:16:39.238 The icons below are all tools for drawing curved arcs 315 00:16:39.238 --> 00:16:43.218 The first tool, where only the curved arc is visible, is for drawing arcs 316 00:16:43.218 --> 00:16:46.119 the one connected by two points is for drawing 2.5D arcs 317 00:16:46.119 --> 00:16:49.515 You click on two points and then drag to determine the direction to pull out the curve 318 00:16:49.515 --> 00:16:53.238 For example, with arcs like this, rotating allows you to draw the arc from 319 00:16:53.238 --> 00:16:55.505 he second point onward 320 00:16:55.505 --> 00:16:58.634 with the first point serving as the pivot 321 00:17:01.248 --> 00:17:04.495 And with the two-point arc you click once 322 00:17:04.495 --> 00:17:06.594 then click another point and drag 323 00:17:06.594 --> 00:17:10.000 to draw the arc in that shape 324 00:17:10.000 --> 00:17:13.257 a semi circle like arc is drawn. That is a two point arc 325 00:17:13.257 --> 00:17:16.000 For the 3 point arc you need to click 3 times 326 00:17:16.000 --> 00:17:19.723 inputting once, twice, or three times 327 00:17:19.723 --> 00:17:23.802 and you can determine what kind of arc you draw 328 00:17:25.931 --> 00:17:27.693 like this 329 00:17:27.693 --> 00:17:30.832 you have a arc like this 330 00:17:30.832 --> 00:17:34.485 you see, so this is what the 331 00:17:34.485 --> 00:17:36.416 3 point arc tool does 332 00:17:36.416 --> 00:17:40.149 the last one is 333 00:17:40.149 --> 00:17:42.822 for drawing fan shapes 334 00:17:46.495 --> 00:17:49.376 You might think that it is 335 00:17:49.376 --> 00:17:51.861 similar to the one point arc, but if you look closely 336 00:17:51.861 --> 00:17:55.099 you can see the fan-like face 337 00:17:55.099 --> 00:17:59.544 the 1 point arc simply draws the curve 338 00:17:59.544 --> 00:18:01.148 its a curved line 339 00:18:01.149 --> 00:18:04.000 but the fan tool draws a fan structure 340 00:18:04.000 --> 00:18:07.000 and creates a face 341 00:18:07.000 --> 00:18:10.000 that is what the fan tool is about 342 00:18:10.000 --> 00:18:14.356 These are the drawing tools 343 00:18:14.356 --> 00:18:17.931 Now 344 00:18:17.931 --> 00:18:21.663 this tool here is used to 345 00:18:21.663 --> 00:18:24.168 create the shapes of the modeling 346 00:18:24.168 --> 00:18:26.683 First if the Move tool 347 00:18:26.683 --> 00:18:29.782 For example if you have a 348 00:18:32.248 --> 00:18:36.584 square drawn, you can use the move tool 349 00:18:36.584 --> 00:18:40.208 to move the square 350 00:18:40.208 --> 00:18:42.653 This is what that is 351 00:18:42.653 --> 00:18:46.000 There are various methods for using this tool 352 00:18:46.000 --> 00:18:49.950 but it's good to know that it's a tool for moving shapes 353 00:18:49.950 --> 00:18:51.822 next to that 354 00:18:51.822 --> 00:18:54.950 is a tool commonly referred to as Push or Pull 355 00:18:54.950 --> 00:18:59.277 It creates three-dimensional shapes from flat surfaces 356 00:18:59.277 --> 00:19:01.040 Withi this tool 357 00:19:01.040 --> 00:19:05.436 you can mange to do most of the modeling 358 00:19:05.436 --> 00:19:09.059 So we will make the first rectangle here 359 00:19:09.059 --> 00:19:13.465 and using push and pull to the top and 360 00:19:13.465 --> 00:19:15.673 we just made it 3D 361 00:19:15.673 --> 00:19:18.000 If you say 362 00:19:18.000 --> 00:19:23.050 you wanted this area to go more inside 363 00:19:23.050 --> 00:19:25.218 then you can push and pull it 364 00:19:25.218 --> 00:19:28.614 and make something like this 365 00:19:28.614 --> 00:19:30.604 you see 366 00:19:30.604 --> 00:19:35.525 this is a tool for modeling gradually 367 00:19:35.525 --> 00:19:38.287 using these kind of functions 368 00:19:40.802 --> 00:19:45.673 the rotating arrow on the bottom is the Rotate tool 369 00:19:45.673 --> 00:19:49.446 If you go back to 370 00:19:49.446 --> 00:19:53.149 the hexahedron made with Push and Pull 371 00:19:53.149 --> 00:19:56.337 and wanted to rotated it 372 00:19:56.337 --> 00:20:01.802 We can rotate to twist the figure like this 373 00:20:01.802 --> 00:20:05.059 Or if you want to rotate this as a whole 374 00:20:05.059 --> 00:20:10.030 first select around the whole thing 375 00:20:10.030 --> 00:20:16.089 and rotating it can rotate the whole figure 376 00:20:16.089 --> 00:20:19.584 So this is the Rotate tool 377 00:20:19.584 --> 00:20:23.891 The next tool is called the Follow tool 378 00:20:23.891 --> 00:20:30.119 You can think of this tool to be used 379 00:20:30.119 --> 00:20:34.762 hen you need to create a shape that follows and wraps around another shape 380 00:20:34.762 --> 00:20:38.010 To give an appropriate example 381 00:20:38.010 --> 00:20:45.158 I'll create a shape I want to be wrapped around 382 00:20:45.158 --> 00:20:48.663 and to make it more dimesion 383 00:20:50.356 --> 00:20:50.881 I will 384 00:20:57.376 --> 00:20:59.871 shave it a bit 385 00:20:59.871 --> 00:21:01.911 Now let's wrap this around 386 00:21:01.911 --> 00:21:06.832 use the follow tool to select 387 00:21:06.832 --> 00:21:09.000 Select the Follow tool 388 00:21:09.000 --> 00:21:13.059 and if you make the following path 389 00:21:16.990 --> 00:21:20.000 like this 390 00:21:20.000 --> 00:21:21.218 you see this being wrapped around 391 00:21:24.059 --> 00:21:26.406 If you come all the way to the front 392 00:21:26.406 --> 00:21:29.297 You can see that it's created in a shape that wraps around like thsi 393 00:21:31.485 --> 00:21:34.455 If you would have to make this with Push and Pull 394 00:21:34.455 --> 00:21:37.376 It would be difficult because you would have to do all 4 sides 395 00:21:37.376 --> 00:21:39.663 but using the Follow tool 396 00:21:39.663 --> 00:21:43.238 This is fairly easy to do all around 397 00:21:43.238 --> 00:21:47.000 So this was the follow tool 398 00:21:47.000 --> 00:21:49.436 The fifth tool is called Scale 399 00:21:49.436 --> 00:21:52.881 Scale has the function to increase or decrease 400 00:21:52.881 --> 00:21:57.000 in a certain ratio, flatten, or elongate vertically 401 00:21:57.000 --> 00:22:00.000 It can bee seen as somewhat similar to 402 00:22:00.000 --> 00:22:02.000 the Transform tool in Photoshop 403 00:22:02.000 --> 00:22:10.000 For example if you select this and click Scale 404 00:22:10.000 --> 00:22:12.000 you see an adjustment bar 405 00:22:12.000 --> 00:22:16.000 When you tilt the control bar like this, it becomes elongated 406 00:22:16.000 --> 00:22:18.337 pulling it vertically increases its height 407 00:22:18.337 --> 00:22:21.208 and pressing it diagonally results 408 00:22:21.208 --> 00:22:23.653 in scaling up or down like this 409 00:22:25.505 --> 00:22:29.614 So the Scale tool has these functions 410 00:22:29.614 --> 00:22:31.792 The last one on the right is Offset 411 00:22:31.792 --> 00:22:33.960 With this Offset you can select a regular line 412 00:22:33.960 --> 00:22:38.178 and it allows you to draw lines extending outward or inward parallel to the line 413 00:22:38.178 --> 00:22:40.782 For example when supported by a line like this 414 00:22:40.782 --> 00:22:44.554 the shape is created in a way supported by the line 415 00:22:44.554 --> 00:22:45.084 you see 416 00:22:47.960 --> 00:22:51.000 If you then click and pull inwards 417 00:22:51.000 --> 00:22:56.396 The shape is created with lines drawn parallel to all sides, fitting accordingly 418 00:22:56.396 --> 00:23:02.000 you can also drag this outside 419 00:23:02.000 --> 00:23:04.723 and keep drawing lines like that 420 00:23:04.723 --> 00:23:08.386 So, when creating something like a frame, window, or door 421 00:23:08.386 --> 00:23:13.337 where the thickness needs to be consistent on all sides 422 00:23:13.337 --> 00:23:19.564 it's easier to make using the offset tool to maintain consistent thickness 423 00:23:19.564 --> 00:23:23.228 So these 6 tools are 424 00:23:23.228 --> 00:23:26.297 what makes the drawings more dimensional 425 00:23:26.297 --> 00:23:33.297 And the other extra tools are really not very helpful in webtoon making 426 00:23:33.297 --> 00:23:35.693 So I will not go into the details 427 00:23:35.693 --> 00:23:40.406 Now if you look to the right you can find a few windows open 428 00:23:40.406 --> 00:23:42.079 The tag is open as well 429 00:23:42.079 --> 00:23:46.198 I will explain these one by one 430 00:23:46.198 --> 00:23:51.614 From the top, this is a feature within a window that allows you to create a webtoon background 431 00:23:51.614 --> 00:23:53.913 specifying the layout to fit the required scene 432 00:23:53.913 --> 00:23:56.782 and then saving it as a single scene 433 00:23:56.782 --> 00:23:59.366 Given the nature of the task where you need to rotate a single background 434 00:23:59.366 --> 00:24:02.069 to fit various angles and extract scenes 435 00:24:02.069 --> 00:24:07.158 organizing and saving backgrounds that match each panel in this window called Scene 436 00:24:07.158 --> 00:24:10.178 will help you keep things organized and easily usable without confusion 437 00:24:10.178 --> 00:24:12.950 The next window is the Component window 438 00:24:12.950 --> 00:24:16.238 I have mentioned this earlier 439 00:24:16.238 --> 00:24:18.347 If you click using this tool 440 00:24:18.347 --> 00:24:22.465 On the right side, there's a component window where you can inspect the settings 441 00:24:22.465 --> 00:24:26.000 and attributes of the models saved as components 442 00:24:26.000 --> 00:24:29.000 These components might not be abundant for you to see right now 443 00:24:29.000 --> 00:24:33.723 but when you purchase or obtain models externally 444 00:24:33.723 --> 00:24:36.267 there will likely be many of these components saved 445 00:24:36.267 --> 00:24:38.802 So If you needed to edit that 446 00:24:38.802 --> 00:24:42.000 you can use this window 447 00:24:42.000 --> 00:24:47.000 The third one is the Shadow settings 448 00:24:47.000 --> 00:24:51.931 This shadow settings allows you to make modelings more realistic 449 00:24:51.931 --> 00:24:55.723 by allowing you to adjust a certain level of brightness and darkness 450 00:24:55.723 --> 00:24:59.772 You can use this to represent shadows at daylight or night time 451 00:24:59.772 --> 00:25:02.822 shadows in Winter or Summer 452 00:25:02.822 --> 00:25:04.733 and so on 453 00:25:04.733 --> 00:25:10.287 If you click the six-sided icon on the left 454 00:25:10.287 --> 00:25:13.158 you can see the shadow forming 455 00:25:13.158 --> 00:25:16.238 the person also has a shadow 456 00:25:16.238 --> 00:25:20.901 You can see the shadow effects here 457 00:25:20.901 --> 00:25:24.891 and using these, you can easily extract shadows and other details related to three-dimensional aspects 458 00:25:24.891 --> 00:25:27.554 without having to input them manually into the webtoon background 459 00:25:27.554 --> 00:25:30.911 Just extract them according to the SketchUp modeling 460 00:25:30.911 --> 00:25:36.000 and you'll have shadows and other details readily available 461 00:25:36.000 --> 00:25:39.158 If you turn it off you will not see the shadows 462 00:25:39.158 --> 00:25:40.772 The reason I turn this off is 463 00:25:40.772 --> 00:25:47.000 The shadow feature utilizes the graphic acceleration engine 464 00:25:47.000 --> 00:25:52.277 which can strain the computer's resources depending on its specifications 465 00:25:52.277 --> 00:25:55.188 herefore, it's recommended to turn off shadows while working or modeling 466 00:25:55.188 --> 00:25:58.782 and only turn it on to extract the picture 467 00:25:58.782 --> 00:26:01.762 and it will be more usful 468 00:26:03.901 --> 00:26:05.535 Next is Style 469 00:26:07.792 --> 00:26:12.693 It is a window where you can adjust various settings to create backgrounds for webtoons 470 00:26:12.693 --> 00:26:16.782 In this window you can experiment with changing the outline of the modeling corresponding to the pen lines 471 00:26:16.782 --> 00:26:19.475 You can also convert color models into a 472 00:26:19.475 --> 00:26:23.327 black-and-white comic style by removing colors 473 00:26:23.327 --> 00:26:26.030 So you can experiment with styles here 474 00:26:28.307 --> 00:26:32.168 This was the explanation related to SketchUp 475 00:26:32.416 --> 00:26:36.307 Making a table using SketchUp 476 00:26:37.168 --> 00:26:43.257 Now we will spend some time doing simple modeling project to familiarize ourself with SketchUp 477 00:26:43.257 --> 00:26:47.079 We will make a rectangular table 478 00:26:47.079 --> 00:26:50.842 First let's create a new building by the centimeter unit 479 00:26:50.842 --> 00:26:54.535 We will create a new model of architecture centimeter by centimeter 480 00:26:55.792 --> 00:26:59.842 We have made a new modeling 481 00:27:02.861 --> 00:27:05.460 First we will use the Rectagle tool to 482 00:27:05.460 --> 00:27:09.911 make a rectangle 160 wide and 80cm high 483 00:27:09.911 --> 00:27:14.446 To do this you can select the rectangle tool and make a dot in the center 484 00:27:14.446 --> 00:27:17.218 and move the mouse to make a rectangle 485 00:27:17.218 --> 00:27:23.317 now you enter the numbers 160 and 80 486 00:27:23.317 --> 00:27:30.881 You can see that a square 160cm wide and 80cm tall is automatically created 487 00:27:30.881 --> 00:27:37.931 To create the desk top like this, use the push and drag tool 488 00:27:37.931 --> 00:27:41.178 and we will raise about 3cm 489 00:27:41.178 --> 00:27:46.386 After clicking and checking this push and pull 490 00:27:46.386 --> 00:27:53.673 enter the number 3 and press enter to see it be raised 491 00:27:57.386 --> 00:28:02.842 Do not drag the click. You need to click lift and move 492 00:28:02.842 --> 00:28:06.653 Now using the select tool to select the rectangle at the top 493 00:28:06.653 --> 00:28:13.149 This time, we will use the offset tool to create two rectangles inside 494 00:28:13.149 --> 00:28:19.198 If you select the transformation and pull it inward, a small rectangles like this will be formed 495 00:28:19.198 --> 00:28:25.257 we will bring it 6cm inwards 496 00:28:29.248 --> 00:28:31.871 Select the smaller rectangle 497 00:28:33.693 --> 00:28:38.198 Next, I will use the offset tool again to create another shape inside 498 00:28:41.059 --> 00:28:46.851 to create a thicker shape, this time I will make it 2cm thick 499 00:28:46.851 --> 00:28:54.554 press 2 and enter and now you have a rectangle with a bit a thickness formed 500 00:28:54.554 --> 00:28:58.248 Now we want to create legs at the four corners 501 00:28:58.248 --> 00:29:03.119 To do this we will make the smallest square figure 502 00:29:03.119 --> 00:29:07.356 at the four corners 503 00:29:07.356 --> 00:29:11.149 use the rectangle tool to make a square 504 00:29:11.149 --> 00:29:15.248 After marking the endpoint and confirming it made a square 505 00:29:15.248 --> 00:29:19.185 enter 4 for width and length 506 00:29:22.700 --> 00:29:24.644 Now you have small square 507 00:29:24.644 --> 00:29:33.297 Repeat these steps for the other 3 corners 508 00:29:33.297 --> 00:29:37.168 When you press the wheel button while moving, the angle moves like this 509 00:29:37.168 --> 00:29:41.050 but if you press shift and move the icon changes to a handle 510 00:29:41.050 --> 00:29:44.891 then you can move around like this 511 00:29:44.891 --> 00:29:55.000 Now that we moved 512 00:29:55.000 --> 00:29:59.178 enter 4 width and length again 513 00:29:59.178 --> 00:30:03.317 You can see we have made all the squares 514 00:30:03.317 --> 00:30:07.921 We will pull these legs out using Push and Pull 515 00:30:07.921 --> 00:30:13.030 We should select the small square using the push and pull tool 516 00:30:13.030 --> 00:30:18.000 If you have trouble selecting it use the selection tool arrow to select the square 517 00:30:18.000 --> 00:30:23.733 The display will gradually look like this, and when this happens, it has been selected 518 00:30:23.733 --> 00:30:27.901 now use the push and pull too to pull it upwards 519 00:30:27.901 --> 00:30:29.401 It will get pulled out like this 520 00:30:29.401 --> 00:30:39.812 we will set the height to 60 and press enter 521 00:30:39.812 --> 00:30:43.115 repeat the process to the other 3 squares 522 00:30:43.115 --> 00:30:49.248 If you double click, you can see they are the same height 523 00:30:49.248 --> 00:30:52.475 Double click all 3 squares 524 00:30:52.475 --> 00:30:54.545 Double click again 525 00:30:54.545 --> 00:31:00.822 Now we have created the legs of the table 526 00:31:02.960 --> 00:31:06.475 The outer border wraps around a rectangle enclosing a rectangle 527 00:31:06.475 --> 00:31:09.889 In this state when it comes to a table 528 00:31:09.889 --> 00:31:16.723 the legs may not gain support and may wobble so we wrap the border to provide support 529 00:31:16.723 --> 00:31:21.465 We will use push and pull on this as well with the height of 7cm 530 00:31:21.465 --> 00:31:23.386 Enter 7 531 00:31:23.386 --> 00:31:30.911 Now we have support covering the 4 legs 532 00:31:30.911 --> 00:31:36.208 Now we have created a table that is upside down 533 00:31:36.208 --> 00:31:42.525 To flip this to a normal state 534 00:31:42.525 --> 00:31:47.673 Let's us the lasso tool to select the whole table 535 00:31:47.673 --> 00:31:50.950 After you have selected, press the Edit tab 536 00:31:50.950 --> 00:31:56.782 you'll see a window at the bottom indicating "Selected 124 elements" 537 00:31:56.782 --> 00:32:00.772 If nothing is selected, it will say "None selected." 538 00:32:00.772 --> 00:32:03.000 What to do with all the elements 539 00:32:03.000 --> 00:32:05.480 If you press the Flip criteria 540 00:32:05.480 --> 00:32:09.614 we have three directions: red green and blue 541 00:32:09.614 --> 00:32:14.723 Since we will be flipping upside down, we will select the blue direction 542 00:32:16.307 --> 00:32:21.871 If you select it, you can see we have manage to make a flipped table 543 00:32:24.149 --> 00:32:29.465 Now that everything is selected we want to add some woodiness 544 00:32:29.465 --> 00:32:31.290 we will use the paint bucket 545 00:32:34.498 --> 00:32:36.475 and fill in colors 546 00:32:36.475 --> 00:32:41.772 Generally when you select the paint bucket you will have a new windows called colors 547 00:32:42.525 --> 00:32:47.752 You can literally think of this color as just a window that expresses the color 548 00:32:47.752 --> 00:32:52.376 click on the color name, you will see several items on the list 549 00:32:52.376 --> 00:32:57.941 From that list, select wood 550 00:32:57.941 --> 00:33:06.079 Then we see all these different colors and textures 551 00:33:06.079 --> 00:33:10.415 that remind us of woods 552 00:33:10.415 --> 00:33:14.337 I will pick the cherry color 553 00:33:14.337 --> 00:33:18.178 If you select your color and click the table 554 00:33:18.178 --> 00:33:23.455 the color/texture will be filled in to whatever is selected 555 00:33:23.455 --> 00:33:29.604 now use the black arrow and click an empty space and you've unselected 556 00:33:29.604 --> 00:33:38.594 Now you can see the table we created 557 00:33:42.307 --> 00:33:45.723 We have created a rectangular table 558 00:33:46.683 --> 00:33:50.485 SketchUp Modeling Extraction and Image Correction 559 00:33:50.594 --> 00:33:53.581 We have done some modeling with SketchUp 560 00:33:53.581 --> 00:33:56.723 How do you feel about it? 561 00:33:56.723 --> 00:34:00.175 You may be wondering how to create a whole space 562 00:34:00.175 --> 00:34:04.861 when modeling even the simplest form is so difficult 563 00:34:04.861 --> 00:34:07.901 That is why we have something like this 564 00:34:07.901 --> 00:34:11.109 It is a site called Acon 3D 565 00:34:11.109 --> 00:34:13.450 This website serves as a space where many webtoon artists 566 00:34:13.450 --> 00:34:16.743 can purchase the rights to use models created in SketchUp 567 00:34:16.743 --> 00:34:20.950 for their works at an affordable price 568 00:34:20.950 --> 00:34:24.292 If you go to 3D asset and press category 569 00:34:24.292 --> 00:34:28.901 You can see that many artists create SketchUp models 570 00:34:28.901 --> 00:34:32.881 in various forms and sell the rights to use them here 571 00:34:32.881 --> 00:34:39.574 You can easily download and attain the modelings here 572 00:34:39.574 --> 00:34:43.950 Nowadays with time being of the essence for many artists, they can easily obtain high-quality backgrounds 573 00:34:43.950 --> 00:34:49.030 through searches without having to individually create each model 574 00:34:49.030 --> 00:34:55.446 As a result the utilization of SketchUp in webtoon drawing has become even more prominent 575 00:34:55.446 --> 00:34:59.295 This time we will open a sketch downloaded from Acon3D 576 00:34:59.295 --> 00:35:01.040 and make a webtoon background 577 00:35:03.297 --> 00:35:07.000 First, open the downloaded file 578 00:35:08.554 --> 00:35:17.238 We see this made up sketch. Use the wheel to go around 579 00:35:17.238 --> 00:35:23.871 and Shift the wheel to move around with the handle 580 00:35:23.871 --> 00:35:26.683 You move the camera around like this 581 00:35:31.574 --> 00:35:34.119 to create the scene's compositio 582 00:35:34.119 --> 00:35:37.475 Once the composition is complete like this go the Scene window on the right 583 00:35:37.475 --> 00:35:42.634 click the icon and assign each scene 584 00:35:42.634 --> 00:35:45.921 We do this because 585 00:35:45.921 --> 00:35:49.104 even after we move around using the wheel 586 00:35:49.104 --> 00:35:51.386 after the scene has been saved 587 00:35:51.386 --> 00:35:54.310 if you double click the assigned scene 588 00:35:54.310 --> 00:35:58.515 It goes back to the angle you set them in 589 00:35:58.515 --> 00:36:01.743 So you can save this scene 590 00:36:03.515 --> 00:36:10.129 If you're creating scenes for a webtoon using SketchUp 591 00:36:10.129 --> 00:36:14.634 you'll create multiple scenes tailored to fit the webtoon 592 00:36:14.634 --> 00:36:18.178 If you've created multiple scenes, you'll need to extract them as images 593 00:36:18.178 --> 00:36:20.578 for a better quality project 594 00:36:20.578 --> 00:36:23.812 We will extract images in three steps 595 00:36:23.812 --> 00:36:26.653 line drawing, shadowing and texturing 596 00:36:28.050 --> 00:36:31.317 First here is how to extract images in the line drawing step 597 00:36:31.317 --> 00:36:35.287 To do this, go to the style window 598 00:36:35.287 --> 00:36:38.419 the third one on the list is called hidden lines 599 00:36:38.419 --> 00:36:40.475 or it's described as silver line 600 00:36:40.475 --> 00:36:41.713 press this icon 601 00:36:42.752 --> 00:36:45.620 Now you see there is only shadows 602 00:36:45.620 --> 00:36:48.109 and there are no colors here 603 00:36:48.109 --> 00:36:50.960 only the black lines 604 00:36:50.960 --> 00:36:53.010 shadows may interfere with work 605 00:36:54.545 --> 00:36:58.178 so turn off the shadow button 606 00:36:58.178 --> 00:37:01.891 and save this black and white scene 607 00:37:01.891 --> 00:37:05.208 to the Scene window by pressing the Plus button 608 00:37:05.208 --> 00:37:08.416 We have saved the line drawing step 609 00:37:08.416 --> 00:37:12.158 Second we will save the shadows 610 00:37:12.158 --> 00:37:15.327 We will have to turn back on the shadow 611 00:37:15.327 --> 00:37:20.109 Now the lines interfere so we need to get rid of them 612 00:37:20.109 --> 00:37:23.149 Right now it is in Siver line state 613 00:37:23.149 --> 00:37:25.505 Use the Style window's Edit tab 614 00:37:25.505 --> 00:37:28.861 If you uncheck what is labled as 615 00:37:28.861 --> 00:37:30.644 Edges, which is selected now 616 00:37:30.644 --> 00:37:34.198 Now you have an empty space 617 00:37:34.198 --> 00:37:37.257 Now press the shadow button here 618 00:37:37.257 --> 00:37:40.396 and we'll save it like that 619 00:37:40.396 --> 00:37:43.000 Press the Plus button in the Scene window 620 00:37:43.000 --> 00:37:45.941 and save the shadow as a scene 621 00:37:45.941 --> 00:37:48.000 We have the shadows now 622 00:37:48.000 --> 00:37:51.119 The last step is textures 623 00:37:51.119 --> 00:37:55.921 For textures, you can click the scene you initially specified 624 00:37:55.921 --> 00:37:58.921 or go to the style window and 625 00:37:58.921 --> 00:38:03.317 select the default style 626 00:38:03.317 --> 00:38:05.485 and It comes back to the origial state 627 00:38:05.485 --> 00:38:08.653 What to be mindful of here 628 00:38:08.653 --> 00:38:12.574 people tend to turn off the shadow when saving 629 00:38:12.574 --> 00:38:17.000 Then we have the difference in brightness here 630 00:38:17.000 --> 00:38:19.406 So you need to turn on the shadow 631 00:38:19.406 --> 00:38:21.703 and when it's turned on 632 00:38:21.703 --> 00:38:22.436 go to aux tools 633 00:38:24.436 --> 00:38:26.832 Click this window once 634 00:38:26.832 --> 00:38:29.426 It says to display a secondary selection window 635 00:38:29.426 --> 00:38:30.822 If you click this 636 00:38:30.822 --> 00:38:33.881 You can adjust the brightness and darkness at the bottom 637 00:38:33.881 --> 00:38:36.921 Make the brightness to 0 638 00:38:36.921 --> 00:38:40.455 and the darkness to 100% 639 00:38:40.455 --> 00:38:44.069 you see there is no shadow that is showing 640 00:38:44.069 --> 00:38:47.228 you will be left with only the default texture 641 00:38:47.228 --> 00:38:49.119 You would need to save 642 00:38:49.119 --> 00:38:51.000 this one as texture form 643 00:38:51.000 --> 00:38:53.545 so we do not need the lines 644 00:38:53.545 --> 00:38:55.238 Go to edit tab 645 00:38:55.238 --> 00:38:59.089 Turn off faces, edges, and profiles 646 00:38:59.089 --> 00:39:01.495 and there is no black lines 647 00:39:01.495 --> 00:39:04.881 but the other textures 648 00:39:04.881 --> 00:39:08.149 you can see it like this 649 00:39:08.149 --> 00:39:11.059 Now go to the scene window and press plus 650 00:39:11.059 --> 00:39:13.129 to save as a new scene 651 00:39:15.446 --> 00:39:19.446 We have made new images of three things now 652 00:39:19.446 --> 00:39:24.198 lines, shadows and texture 653 00:39:24.198 --> 00:39:27.000 We need to extract them as images now 654 00:39:27.000 --> 00:39:29.871 To do that 655 00:39:29.871 --> 00:39:33.208 Let's save the lines first 656 00:39:33.208 --> 00:39:35.614 to do this 657 00:39:35.614 --> 00:39:41.396 go to file tab, export and select 2D graphic 658 00:39:41.396 --> 00:39:43.000 and a new window pops up 659 00:39:43.000 --> 00:39:47.228 choose where you want to save this 660 00:39:47.228 --> 00:39:50.950 make sure it is the right folder you want 661 00:39:50.950 --> 00:39:57.000 and for file type 662 00:39:57.000 --> 00:40:02.168 choose png file to save the invisible parts 663 00:40:02.168 --> 00:40:04.743 jpg or gif files 664 00:40:04.743 --> 00:40:08.089 the empty spaces does not save as invisible 665 00:40:08.089 --> 00:40:11.248 so make sure to use png file 666 00:40:11.248 --> 00:40:13.772 to save the invisible parts 667 00:40:13.772 --> 00:40:16.713 now press the option button to the right 668 00:40:16.713 --> 00:40:19.584 If "Use view size" is checked 669 00:40:19.584 --> 00:40:21.426 you won't be able to adjust 670 00:40:21.426 --> 00:40:24.525 the resolution you have in mind 671 00:40:24.525 --> 00:40:27.614 make sure that is unchecked 672 00:40:27.614 --> 00:40:31.475 I usually set it to about 4000 pixels 673 00:40:31.475 --> 00:40:33.634 then it automatically resizes 674 00:40:33.634 --> 00:40:36.238 the height and width ratio 675 00:40:36.238 --> 00:40:38.762 And the line scale multiplier is set to 2 676 00:40:38.762 --> 00:40:42.604 but I usually set it to around 4 by default 677 00:40:42.604 --> 00:40:45.762 set the line scale multiplier to 4 like this 678 00:40:45.762 --> 00:40:47.317 the line scale multiplier is 679 00:40:47.317 --> 00:40:50.069 When extracting the image with the black lines 680 00:40:50.069 --> 00:40:51.545 The bigger the image is to extract 681 00:40:51.545 --> 00:40:53.802 the thickness tends to decrease 682 00:40:53.802 --> 00:40:58.198 So this basically adjusts the thickness of the lines 683 00:40:58.198 --> 00:41:02.267 Now click ok and export 684 00:41:02.267 --> 00:41:05.238 since it's the pen lines 685 00:41:05.238 --> 00:41:10.119 I will name it as 001 followed by 686 00:41:10.119 --> 00:41:14.792 the letter P for pen 687 00:41:18.000 --> 00:41:19.535 the Lines have been saved 688 00:41:19.535 --> 00:41:25.842 Do the same with shadows and go to file, export and 2D graphic 689 00:41:25.842 --> 00:41:27.921 We have edited all the options earlier 690 00:41:27.921 --> 00:41:32.990 We will just change the name to 001S for shadow 691 00:41:37.079 --> 00:41:39.248 Now the texture 692 00:41:41.337 --> 00:41:46.366 File, export, 2D graphic 693 00:41:46.366 --> 00:41:53.475 We will save this as 001T for texture 694 00:41:55.752 --> 00:42:00.752 Now we have saved all three files 695 00:42:00.752 --> 00:42:06.000 Now we will open these images using Clip Studio 696 00:42:07.465 --> 00:42:09.782 Open Clip Studio 697 00:42:09.782 --> 00:42:15.000 bring the three png files here 698 00:42:16.455 --> 00:42:21.535 See here we have all 699 00:42:21.535 --> 00:42:26.010 three files 700 00:42:26.010 --> 00:42:28.366 texture, shadow and lines 701 00:42:28.366 --> 00:42:32.535 You stack each one of these created images layer by layer, dividing them into layers 702 00:42:34.030 --> 00:42:36.475 The very bottom needs to be texture 703 00:42:36.475 --> 00:42:38.693 then the shadow 704 00:42:38.693 --> 00:42:41.089 you see the shadow is shown as gray 705 00:42:41.089 --> 00:42:44.149 That is normal for shadows to be this color 706 00:42:44.149 --> 00:42:50.792 we will use the paint bucket to fill them black 707 00:42:50.792 --> 00:42:52.733 choose black 708 00:42:52.733 --> 00:42:55.574 uncheck pixel selection 709 00:42:55.574 --> 00:42:57.911 and turn off zoom 710 00:42:57.911 --> 00:43:01.822 then you can fill exactly the grey areas 711 00:43:03.634 --> 00:43:04.752 Like this 712 00:43:04.752 --> 00:43:09.366 after doing this, you should redo it again so that it doesn't interfere with your work later on 713 00:43:09.366 --> 00:43:11.139 Select the black 714 00:43:11.139 --> 00:43:14.653 Now that I see the window area should be invisible 715 00:43:14.653 --> 00:43:16.307 but is set to white 716 00:43:16.307 --> 00:43:17.941 what to do here 717 00:43:17.941 --> 00:43:20.535 to take the white out go to Edit 718 00:43:20.535 --> 00:43:22.792 When you convert brightness to opacity 719 00:43:22.792 --> 00:43:26.505 all white parts become fully transparent 720 00:43:26.505 --> 00:43:28.614 If you have done that 721 00:43:28.614 --> 00:43:30.743 Select all and copy 722 00:43:30.743 --> 00:43:36.099 and paste on top of the texture file 723 00:43:36.099 --> 00:43:39.782 Now we have the shadow on top of it 724 00:43:39.782 --> 00:43:41.752 as you see here 725 00:43:41.752 --> 00:43:42.802 now the pen lines 726 00:43:42.802 --> 00:43:44.564 this file also has a white background 727 00:43:44.564 --> 00:43:47.099 and outside the window is invisible 728 00:43:47.099 --> 00:43:49.089 Also go into the edit tab 729 00:43:50.604 --> 00:43:53.782 convert brightness to opacity 730 00:43:53.782 --> 00:43:55.505 Select all 731 00:43:55.505 --> 00:43:59.376 and past it on top of the texture and shadow 732 00:43:59.376 --> 00:44:01.822 So first is the pen lines and then the shadow 733 00:44:01.822 --> 00:44:04.574 and the last one should be texture 734 00:44:04.574 --> 00:44:08.663 Here lock the transparent pixels for the pen lines 735 00:44:08.663 --> 00:44:11.713 Click the "Lock transparent pixels" button to lock the transparent pixels 736 00:44:11.713 --> 00:44:15.287 so that coloring won't affect areas other than the pen lines 737 00:44:15.287 --> 00:44:21.307 And for the shadows, reduce the opacity to around 70% 738 00:44:21.307 --> 00:44:25.297 This will give you the shadow effect similar to what you see in the default SketchUp screen 739 00:44:25.297 --> 00:44:27.851 but since it is black-based 740 00:44:27.851 --> 00:44:30.624 if you feel like it is too dark to your liking 741 00:44:30.624 --> 00:44:33.554 go to layer properties 742 00:44:33.554 --> 00:44:35.396 click layer color 743 00:44:35.396 --> 00:44:39.089 If you click on the blue color box, represented by the blue color 744 00:44:39.089 --> 00:44:40.733 you have the color settings 745 00:44:40.733 --> 00:44:45.980 from here, you can choose the tone you want for the shadows 746 00:44:45.980 --> 00:44:48.505 to set the atmosphere you desire 747 00:44:48.505 --> 00:44:52.287 I prefer a yellow tinted shadow 748 00:44:52.287 --> 00:44:56.426 By doing this, the shadows will be expressed as if they're reflecting the color they're cast upon 749 00:44:56.426 --> 00:45:00.129 It seems a bit bright so I will make it darker 750 00:45:00.129 --> 00:45:03.000 I will make it this dark 751 00:45:03.000 --> 00:45:06.416 Now compared to the grey undertone 752 00:45:06.416 --> 00:45:10.584 we have a brighter background 753 00:45:10.584 --> 00:45:13.000 This is not the end 754 00:45:13.000 --> 00:45:16.000 We need to adjust few more things in here 755 00:45:16.000 --> 00:45:18.703 Since the shadows indicating incoming light 756 00:45:18.703 --> 00:45:21.446 et's do some post-processing to enhance 757 00:45:21.446 --> 00:45:23.762 the sense of light coming in 758 00:45:23.762 --> 00:45:28.277 Make a new layer to the very top 759 00:45:28.277 --> 00:45:30.861 and change the propereties to Screen 760 00:45:30.861 --> 00:45:36.109 again, change the opacity to 70% 761 00:45:36.109 --> 00:45:38.782 Here 762 00:45:38.782 --> 00:45:42.743 The shadows are there, but the areas where the light is coming in from outside the window aren't clearly visible 763 00:45:42.743 --> 00:45:45.436 So for the areas where the light is coming in through the window 764 00:45:45.436 --> 00:45:49.109 to give a yellowish light effect 765 00:45:49.109 --> 00:45:54.238 select the soft airbrush tool 766 00:45:54.238 --> 00:45:57.020 and apply it like this 767 00:45:59.842 --> 00:46:04.881 Then we have 768 00:46:04.881 --> 00:46:07.594 represented the lights coming in 769 00:46:11.000 --> 00:46:14.178 Now we have the lights coming in 770 00:46:14.178 --> 00:46:17.238 and the shadows 771 00:46:17.238 --> 00:46:21.158 You can add some characters and adjust 772 00:46:21.158 --> 00:46:23.386 the post-processing accordingly to fit them 773 00:46:23.386 --> 00:46:26.079 but as far as backgrounds go 774 00:46:26.079 --> 00:46:28.554 you need to think about the finished product 775 00:46:28.554 --> 00:46:30.545 So only do a little bit of editing 776 00:46:30.545 --> 00:46:32.733 It would be ideal to 777 00:46:32.733 --> 00:46:35.792 apply post-processing at 100% for the entire scene 778 00:46:35.792 --> 00:46:37.802 after you composite the characteres 779 00:46:39.248 --> 00:46:42.396 Now we have extracted the webtoon image 780 00:46:42.396 --> 00:46:46.139 separated it into pen lines, shadows, and textures 781 00:46:46.139 --> 00:46:48.040 added lighting effects 782 00:46:48.040 --> 00:46:51.614 and did basic post-processing 783 00:46:51.614 --> 00:46:54.198 up to this point 784 00:46:54.198 --> 00:46:56.000 Up to this point, we've explored SketchUp 785 00:46:56.000 --> 00:46:59.455 a program necessary for webtoon production 786 00:46:59.455 --> 00:47:02.337 We've had a brief but hands-on experience with modeling 787 00:47:02.337 --> 00:47:05.069 downloading modeled backgrounds and directly placing them 788 00:47:05.069 --> 00:47:06.406 and adjusting post-processing 789 00:47:06.406 --> 00:47:09.050 to match the atmosphere of the webtoon. 790 00:47:09.050 --> 00:47:11.822 Unlike in other fields, SketchUp background modeling has 791 00:47:11.822 --> 00:47:14.406 gained prominence as one of the 792 00:47:14.406 --> 00:47:16.584 most active items in the webtoon industry 793 00:47:16.584 --> 00:47:19.000 thanks to the emergence of sites like "Aicon," 794 00:47:19.000 --> 00:47:21.000 where various SketchUp models are sold 795 00:47:21.000 --> 00:47:23.366 As a result, many people in the webtoon production industry 796 00:47:23.366 --> 00:47:25.703 are using SketchUp, and there's also a growing number 797 00:47:25.703 --> 00:47:29.653 of professionals who make a living 798 00:47:29.653 --> 00:47:32.871 as dedicated webtoon-specific SketchUp modeling builders 799 00:47:32.871 --> 00:47:34.386 While SketchUp may seem daunting at first 800 00:47:34.386 --> 00:47:36.475 due to its association with 3D 801 00:47:36.475 --> 00:47:39.911 but you'll find that it's surprisingly easy to use 802 00:47:39.911 --> 00:47:42.426 and there aren't many 803 00:47:42.426 --> 00:47:44.218 significant challenges in handling it 804 00:47:44.218 --> 00:47:46.436 Unlike other 3D programs SketchUp is straightforward 805 00:47:46.436 --> 00:47:48.733 making it less complex to use 806 00:47:48.733 --> 00:47:51.386 I hope this may lecture dispel 807 00:47:51.386 --> 00:47:53.238 any fears you might have towards Sketch up 808 00:47:53.238 --> 00:47:55.525 provide you with the confidence to study calmly 809 00:47:55.525 --> 00:47:58.554 fostering a sense of empowerment towards learning SketchUp 810 00:47:58.554 --> 00:48:00.000 This is the end of the lecture 811 00:48:00.000 --> 00:48:01.723 Thank you for listening 812 00:48:02.857 --> 00:48:04.534 WRAP UP Understanding SketchUp Program SketchUp modeling program Implementation program for interior architectural designs created in 'Trumble' SketchUp can be used in various multimedia fields 813 00:48:04.534 --> 00:48:06.051 The reasons for the popularity of SketchUp modeling Enhances understanding of spaces where characters interact Clearly and realistically depicts spatial design and composition 814 00:48:06.051 --> 00:48:07.673 Choosing the working environment for SketchUp modeling You can select simple architecture, mm, cm, m, or in Implement the working environment by selecting the size and shape of the model 815 00:48:07.673 --> 00:48:08.638 Using SketchUp to create a table Create a Table Select New Model in architecture, cm Draw a rectangle 160cm x 80cm high 816 00:48:08.638 --> 00:48:09.601 Use the Push/Pull tool to raise the tabletop by 3cm Using the offset tool to create a 6cm square inside the desk Using the offset tool to create a 2cm square inside the 6cm square 817 00:48:09.601 --> 00:48:10.679 Click on the inner square, then create a 4cm x 4cm square using each corner as a reference point Create a 4cm x 4cm square at every corner 818 00:48:10.679 --> 00:48:11.679 Select square, use push/pull tool to raise it 60cm Use push/pull tool to raise the legs' supports by 7cm Use the select tool to select the entire table 819 00:48:11.679 --> 00:48:12.663 Go to the Edit tab, select "124 elements" for symmetry, and choose the blue direction Click the paint bucket tool, then select "wood" from the color window 820 00:48:12.663 --> 00:48:13.943 Extracting and editing SketchUp modeling Extract scenes from SketchUp modeling Select "Export" then "2D Graphic" in the file menu Choose the storage location Select the .png format 821 00:48:13.943 --> 00:48:15.272 Uncheck "Use view size" and enter the desired resolution value Adjust the thickness of pen lines using the line scale factor Enter the file name and click 'Export.' Edit and adjust the extracted image as needed 822 00:48:15.272 --> 00:48:16.439 Layer-created image to make high-quality background Duplicate shadows by selecting all and overlaying them on the texture image Duplicate pen lines by selecting all and overlaying them on texture shadow image 823 00:48:16.439 --> 00:48:17.653 To express light from the window, add a lighting effect with an airbrush Adjust only part of the background, and then examine how it fits with the character