1 00:00:04.069 --> 00:00:09.861 WEBTOON Basics What is directing? Directing inside frames 2 00:00:09.861 --> 00:00:12.535 GCC academy 3 00:00:12.535 --> 00:00:15.685 Learning Goals Learn about Angle and Shot Learn about Directionality and Rules Learn about Speech bubbles and Sound effects 4 00:00:15.685 --> 00:00:18.871 Contents Angle and Shot Directionality and Rules Speech bubbles and Sound effects 5 00:00:19.285 --> 00:00:23.830 Kim Yong hoi Careers: Former adjunct professor at Cheonggang Cultual Industry University Former head of SWA Seoul Webtoons Academy Works: The Flower That Blooms Again Just That A Dream of a Midsummer Night Masterpiece 6 00:00:24.990 --> 00:00:28.360 Nice to meet you, I'm Webtoons artist Kim Yong Hoi 7 00:00:28.360 --> 00:00:33.439 In this lecture, we are going to explore what directing inside the frame is about 8 00:00:33.439 --> 00:00:41.200 The size and shape of the frame make it intuitive to understand the image and emotion 9 00:00:41.200 --> 00:00:45.335 By varying the length of frames and the spacing between them, which is the gutter 10 00:00:45.335 --> 00:00:50.400 We can adjust the reading pace to be either longer or shorter 11 00:00:50.400 --> 00:00:55.064 With that, we prepare a story and using the concept of directing visual of the frames 12 00:00:55.064 --> 00:00:58.639 We design frames to make a storyboard 13 00:00:58.639 --> 00:01:04.959 When the shape and size of frames are determined, now it's time to draw 14 00:01:04.959 --> 00:01:09.683 The artist must consider and decide 15 00:01:09.683 --> 00:01:15.160 how to position and size the characters within this frame 16 00:01:15.160 --> 00:01:20.937 Let's explore how time is conveyed through the angles and shots 17 00:01:20.937 --> 00:01:26.199 within the frame to evoke emotions through the images within the frame 18 00:01:26.199 --> 00:01:32.639 We will cover the different types of angles and shots 19 00:01:32.639 --> 00:01:38.778 Secondly, we'll explore the techniques of directing within the frames through concepts of directionality and rules 20 00:01:38.778 --> 00:01:45.720 Thirdly, we'll explore directing through speech bubbles and sound effects 21 00:01:45.720 --> 00:01:51.977 Directing can be defined as the effective realization of the author's intentions 22 00:01:51.977 --> 00:01:57.639 Through various means such as character expressions, gestures, and positioning 23 00:01:57.639 --> 00:02:03.879 As well as background, lighting, and other elements 24 00:02:03.879 --> 00:02:14.479 Screen directing varies in emotions depending on the positioning, angles, or distances of the space and characters 25 00:02:14.479 --> 00:02:22.119 Also, it varies based on the direction of movement, contrast between subjects, lighting, and color 26 00:02:22.119 --> 00:02:29.397 Webtoons, like other storytelling media, need to effectively convey 27 00:02:29.397 --> 00:02:34.251 A cohesive narrative by connecting each frame where story and emotions are directed 28 00:02:34.251 --> 00:02:38.850 On this one page, while looking at a working mom coming home late 29 00:02:38.850 --> 00:02:43.308 Shows family members using eye level angle 30 00:02:43.308 --> 00:02:47.320 Giving information about their age, characteristics and so on 31 00:02:47.320 --> 00:02:54.399 Since it's a scene showing everyday life, a stable rectangular shape was chosen for frames 32 00:02:54.399 --> 00:02:59.000 The layout of the frames is also kept stable and to portray a quiet evening in a quiet home 33 00:02:59.000 --> 00:03:03.969 The size of the frames wasn't contrasted much 34 00:03:03.969 --> 00:03:09.668 And it was placed according to the size with balance on the page 35 00:03:09.668 --> 00:03:13.080 Now, let's take the page and use the scroll format 36 00:03:13.080 --> 00:03:18.277 The feeling of being crowded with combination of frames in the page format is gone 37 00:03:18.277 --> 00:03:22.879 Each individual frame has become more focused and important 38 00:03:22.879 --> 00:03:26.617 It's a scene showing a working mom entering the doorway 39 00:03:26.617 --> 00:03:29.960 with her husband welcoming her inside 40 00:03:29.960 --> 00:03:35.271 The eye level is adjusted to give a sense of psychological comfort and stability 41 00:03:35.271 --> 00:03:38.839 The scene of the daughter studying late into the night 42 00:03:38.839 --> 00:03:46.011 Reflects the mother's guilt through a narrow, elongated view through the gap of a door 43 00:03:46.011 --> 00:03:49.639 It portrays the mother looking in at her daughter from her eye level perspective 44 00:03:49.639 --> 00:03:55.655 Showing a clean kitchen from the child's eye level perspective 45 00:03:55.655 --> 00:04:00.919 The scene depicts the husband carrying his wife's bag ahead expressing affection 46 00:04:00.919 --> 00:04:07.479 Both individuals heading in the same direction convey emotional harmony 47 00:04:07.479 --> 00:04:14.240 The warm yellow lighting complements the atmosphere, creating a cozy ambiance that matches the scene 48 00:04:14.240 --> 00:04:19.667 Carefully opening the door to the young son's room, already asleep 49 00:04:19.667 --> 00:04:24.440 the narrow vertical rectangle frame encapsulates the mother's emotions 50 00:04:24.440 --> 00:04:30.642 The camera angle is elevated above the mother's head, allowing viewers to feel her emotions 51 00:04:30.642 --> 00:04:37.359 As she gazes through the narrow gap in the door at her sleeping young son inside the room 52 00:04:37.359 --> 00:04:43.215 Like this, using the rules of directing images within the frame 53 00:04:43.215 --> 00:04:48.428 We can design emotions to be conveyed 54 00:04:48.428 --> 00:04:55.417 Directing screen is a choice of how to arrange images within a predetermined frame 55 00:04:56.336 --> 00:05:00.514 Elements of directing 56 00:05:00.514 --> 00:05:07.959 The composition, contrast, and color placement within the frame are used to direct emotions 57 00:05:07.959 --> 00:05:14.959 Let's explore the basic concepts of angles and shots, which are fundamental to the composition of the scene 58 00:05:14.959 --> 00:05:21.600 Angles refer to the concept of height and distance of the camera's viewpoint 59 00:05:21.600 --> 00:05:31.519 Shots refer to the concept of depth of field and the resulting size of the image visible on the screen 60 00:05:31.519 --> 00:05:35.959 Let's first briefly explore the types of angles 61 00:05:35.959 --> 00:05:43.354 The types of angles include bird's eye angle, high angle, and eye level angle 62 00:05:43.354 --> 00:05:52.384 There are also low angle, extreme low angle, and Dutch angle 63 00:05:52.384 --> 00:05:57.210 Bird's eye angle shows a landscape rather than a person 64 00:05:57.210 --> 00:06:06.131 Providing information about the location, era, etc., allows to experience the omniscient observer perspective 65 00:06:06.131 --> 00:06:11.343 High angle is a viewpoint looking down on the subject 66 00:06:11.343 --> 00:06:20.959 The subject's confinement within the background creates a feeling of being trapped in space and reality, enhancing the viewer's sense of superiority 67 00:06:20.959 --> 00:06:25.762 Eye level angle aligns the camera with the eyes of the subject 68 00:06:25.762 --> 00:06:31.279 Allowing viewers to feel comfortable with the same eye level perspective 69 00:06:31.279 --> 00:06:39.178 It aligns with the eye level of the character regardless of whether they are standing or sitting 70 00:06:39.178 --> 00:06:47.370 It's the most comfortable and commonly used angle, making it important 71 00:06:47.370 --> 00:06:53.403 On the other hand, a low angle is a viewpoint that looks up at the subject 72 00:06:53.403 --> 00:06:58.239 Showing a lot of ceiling or sky, giving a sense of liberation 73 00:06:58.239 --> 00:07:08.839 The low angle creates admiration and worship for the character, inducing a feeling of relative submission from the observer's inferior perspective 74 00:07:08.839 --> 00:07:16.960 Extreme low angle intensifies the low angle perspective, creating a more dramatic sense of intimidation 75 00:07:16.960 --> 00:07:22.335 A Dutch angle tilts the camera to create an unstable angle 76 00:07:22.335 --> 00:07:28.839 Expressing the character's tense emotions or increasing the depth of anxiety 77 00:07:28.839 --> 00:07:37.640 Extreme long shot, which focuses on the landscape, shows the situation and location 78 00:07:37.640 --> 00:07:41.732 Long shot shows the subject along with the surroundings 79 00:07:41.732 --> 00:07:46.200 Providing information about the subject's relationship and position 80 00:07:46.200 --> 00:07:51.079 Full shot shows the full body of the character 81 00:07:51.079 --> 00:07:55.216 Knee shot shows the area above the knees of the character 82 00:07:55.216 --> 00:07:58.679 It's useful for showing the character's body language 83 00:07:58.679 --> 00:08:02.979 Medium shot shows the area above the waist of the character 84 00:08:02.979 --> 00:08:07.543 Medium shot is good for showing both the character's expression and the scenery 85 00:08:07.543 --> 00:08:10.839 And it's also suitable for showing multiple characters 86 00:08:10.839 --> 00:08:14.119 Bust shot shows the area above the chest of the character 87 00:08:14.119 --> 00:08:17.880 Focusing more on their facial expression than their body language 88 00:08:17.880 --> 00:08:21.551 Close-up focuses on the character's face, cropping out the head 89 00:08:21.551 --> 00:08:27.399 And allowing only the chin to be visible, directing attention to the facial expression 90 00:08:27.399 --> 00:08:33.799 Extreme closeup intensely focuses on one part of the subject 91 00:08:33.799 --> 00:08:41.008 It could be a part of the face, body, or even an object 92 00:08:41.008 --> 00:08:46.860 As evident from angles and shots, the camera's distance or depth 93 00:08:46.860 --> 00:08:51.040 Also represents the emotional distance of the characters 94 00:08:51.040 --> 00:08:58.919 The closer they are, the more subjective the character's emotions become, while the further they are, the more objective 95 00:08:58.919 --> 00:09:04.537 As the shot gets closer, it suits the character's inner and essential dialogue 96 00:09:04.537 --> 00:09:08.929 While as it gets further, it suits the dialogue necessary 97 00:09:08.929 --> 00:09:13.778 For the situation or story development rather than the character's inner dialogue 98 00:09:13.778 --> 00:09:19.078 When inner dialogues suitable for close-ups are included in long shots 99 00:09:19.078 --> 00:09:24.438 It gives the impression of observing the character's emotions from an objective perspective 100 00:09:24.438 --> 00:09:32.239 The fundamental concept of emotional distance and angles becomes the basis of directing within the frame 101 00:09:32.239 --> 00:09:40.279 If angles represent the camera's perspective and shots denote distance to evoke emotions 102 00:09:40.279 --> 00:09:44.330 Then the positioning of characters also plays a role in evoking emotions 103 00:09:44.330 --> 00:09:50.840 The positioning of characters refers to where they are located 104 00:09:50.840 --> 00:09:58.520 In relation to the camera angle, whether they are facing the front, side, or back of the screen 105 00:09:58.520 --> 00:10:03.470 Generally, when depicting a character, the default perspective is front-facing 106 00:10:03.470 --> 00:10:07.662 However, to create drama, it's sometimes effective 107 00:10:07.662 --> 00:10:12.369 To show the side or back of the character 108 00:10:12.369 --> 00:10:17.196 A front-facing shot of a character focuses more on their emotions 109 00:10:17.196 --> 00:10:21.420 In contrast, a side view gives a more objective feeling 110 00:10:21.420 --> 00:10:25.530 Rather than showing a conversation between two people in profile 111 00:10:25.530 --> 00:10:33.679 showing the front of a character on screen allows the viewer to focus more on the speaking counterpart 112 00:10:33.679 --> 00:10:41.159 The back of a character allows for deeper inference of emotions due to hidden expressions 113 00:10:41.159 --> 00:10:49.119 Through a character facing away, readers experience the landscape or reality the character is facing 114 00:10:49.119 --> 00:10:52.465 A character shown only from the back, without any landscape 115 00:10:52.465 --> 00:10:59.000 Represents the emotions they are facing, leaving the reader 116 00:10:59.000 --> 00:11:02.919 To imagine the character's emotional expression 117 00:11:02.919 --> 00:11:06.640 Let's explore directionality and principles 118 00:11:06.640 --> 00:11:10.880 There are several basic rules for directing the screen 119 00:11:10.880 --> 00:11:14.458 From classical paintings to photography and film 120 00:11:14.458 --> 00:11:19.599 Let's explore the rules commonly used in directing the screen 121 00:11:19.599 --> 00:11:24.400 The rule of thirds and the 180 degree rule are the most prominent rules 122 00:11:24.400 --> 00:11:27.400 First, let's explore the rule of thirds 123 00:11:27.400 --> 00:11:37.359 It creates four points where the lines intersect when the screen is divided into thirds both horizontally and vertically 124 00:11:37.359 --> 00:11:43.840 Placing the subject we want to highlight on these points creates a strong focal point 125 00:11:43.840 --> 00:11:52.479 In the same frame, subjects positioned at these four points will catch the viewer's attention first 126 00:11:52.479 --> 00:11:58.023 This utilizes the instinctive gaze that is naturally drawn to the center of the screen 127 00:11:58.023 --> 00:12:04.239 This helps place the subject at a stable position in the frame 128 00:12:04.239 --> 00:12:08.520 Using guidelines, we can create a focus effect as well 129 00:12:08.520 --> 00:12:15.812 Guidelines use lines such as horizontal, vertical, diagonal, and vanishing points on the screen 130 00:12:15.812 --> 00:12:19.479 to focus the viewer's attention 131 00:12:19.479 --> 00:12:27.320 These lines are used to guide the viewer's gaze to where the author desires, focusing their attention 132 00:12:27.320 --> 00:12:31.479 The strongest line is the vanishing point 133 00:12:31.479 --> 00:12:34.378 When organizing space around the vanishing point, 134 00:12:34.378 --> 00:12:41.080 Naturally, horizontal, vertical, or diagonal lines indirectly draw focus to the screen 135 00:12:41.080 --> 00:12:49.000 Even without a vanishing point, focusing attention is possible with just horizontal vertical, or diagonal lines 136 00:12:49.000 --> 00:12:56.134 Creating lines that lead towards the subject of focus in landscapes or structures 137 00:12:56.134 --> 00:13:04.039 Allows for focusing attention on the subject without necessarily having a vanishing point at the end 138 00:13:04.039 --> 00:13:10.410 Additionally, these lines can be created not only by landscapes or structures 139 00:13:10.410 --> 00:13:16.960 But also by the direction of characters' gazes or the movement of people 140 00:13:16.960 --> 00:13:22.585 Due to the small screen size, it's more important to emphasize what you want to convey 141 00:13:22.585 --> 00:13:29.169 And diminish the surrounding details, rather than cramming in too much complex information 142 00:13:29.169 --> 00:13:32.733 When showing consecutive frames of characters, 143 00:13:32.733 --> 00:13:39.119 Connecting shots with a size difference of two or more levels helps maintain continuity 144 00:13:39.119 --> 00:13:43.523 When suing consecutive frames featuring dialogue or ongoing situations, 145 00:13:43.523 --> 00:13:48.748 Frames either identical to the previous frame or have only a little difference 146 00:13:48.748 --> 00:13:52.840 Might lead to boredom since readers cannot notice any changes 147 00:13:52.840 --> 00:14:00.679 Even in scenes with continuous dialogue, varying the shot or angle in each frame 148 00:14:00.679 --> 00:14:04.308 helps convey dialogue or situations without boredom 149 00:14:04.308 --> 00:14:10.599 Since the sizes of characters or subjects noticeably change in the composion, 150 00:14:10.599 --> 00:14:13.080 it visually enhances interest 151 00:14:13.080 --> 00:14:20.320 The 180 degree rule is a film technique that maintains spatial continuity 152 00:14:20.320 --> 00:14:25.520 by establishing an imaginary line between two characters 153 00:14:25.520 --> 00:14:29.419 Sitting across from each other at a table and ensuring consistent eye contact 154 00:14:29.419 --> 00:14:34.961 And ensuring consistent eye contact 155 00:14:34.961 --> 00:14:39.000 And direction between them, preventing spatial confusion 156 00:14:39.000 --> 00:14:46.131 I'm talking about a technique in scenes where characters face each other and converse where the direction 157 00:14:46.131 --> 00:14:53.400 They face alternates between 180 degrees, similar to the numbering sequence of a camera in drawings 158 00:14:53.400 --> 00:15:00.719 Drawing them symmetrically to 180 degrees ensures consistency in the direction of the two people facing each other 159 00:15:00.719 --> 00:15:08.520 And maintains the setting that they are talking and facing each other in connected frames 160 00:15:08.520 --> 00:15:15.840 The alignment of gazes is a rule that, along with the 180 degree rule, establishes spatial continuity 161 00:15:15.840 --> 00:15:21.735 It dictates that in subsequent frames, the direction of characters' gazes 162 00:15:21.735 --> 00:15:26.599 Should remain consistent with the initial setup to maintain coherence 163 00:15:26.599 --> 00:15:33.520 To prevent confusion about directionality, consistent eye contact must be maintained 164 00:15:33.520 --> 00:15:38.470 Separate from the rule of aligning and maintaining characters' directional consistency 165 00:15:38.470 --> 00:15:42.971 Directionality in storytelling makes readers perceive 166 00:15:42.971 --> 00:15:49.947 Whether characters are facing forward or backward as they convey the narrative 167 00:15:49.947 --> 00:15:56.000 The flow of gaze is instinctively from left to right, and from top to bottom 168 00:15:56.000 --> 00:16:01.599 Most of humanity, for reasons unknown, are right-handed 169 00:16:01.599 --> 00:16:06.320 So, when holding an weapon, they tend to look left before looking to the right 170 00:16:06.320 --> 00:16:10.200 And they naturally gravitate downwards, towards the direction of gravity 171 00:16:10.200 --> 00:16:14.919 This is the most instinctive direction of gaze 172 00:16:14.919 --> 00:16:18.640 Directionality is based on this 173 00:16:18.640 --> 00:16:21.599 Let's express the instinctive direction 174 00:16:21.599 --> 00:16:28.559 Scenes of walking or running naturally progress from left to right 175 00:16:28.559 --> 00:16:31.840 It's the direction that's instinctively perceived as natural, following the instinct of gaze 176 00:16:31.840 --> 00:16:38.919 Regarding Japanese manga, since the books are read from right to left, the horizontal gaze direction is opposite to ours 177 00:16:38.919 --> 00:16:44.320 The natural direction in which characters move is from top to bottom 178 00:16:44.320 --> 00:16:50.520 Progressing from top to bottom, simultaneously from left to right 179 00:16:50.520 --> 00:16:54.520 Adding diagonal angles creates a more dynamic feeling 180 00:16:54.520 --> 00:16:58.571 The direction that is instinctively perceived extends beyond just characters 181 00:16:58.571 --> 00:17:02.880 It applies to all expressions of directionality 182 00:17:02.880 --> 00:17:06.214 Not only scenes of people walking or running, but also 183 00:17:06.214 --> 00:17:14.280 The direction of movement of a car or action scenes where fists are thrown are also the same 184 00:17:14.280 --> 00:17:18.199 This instinctive direction is the default direction 185 00:17:18.199 --> 00:17:24.000 Default direction evokes a sense of natural directionality without resistance 186 00:17:24.000 --> 00:17:27.640 It's the direction of compliance, the power of compliance 187 00:17:27.640 --> 00:17:34.839 Expressing force or speed in this direction naturally conveys a sense of speed 188 00:17:34.839 --> 00:17:42.479 Additionally, incorporating motion lines enhances the sense of speed even further 189 00:17:42.479 --> 00:17:49.571 As a guideline for directing attention, in comics, the use of motion lines and focus lines 190 00:17:49.571 --> 00:17:55.000 Can be maximized to concentrate the reader's gaze 191 00:17:55.000 --> 00:17:58.520 Let's add motion lines to the same picture 192 00:17:58.520 --> 00:18:04.839 And let's also add large text for sound effects 193 00:18:04.839 --> 00:18:07.560 Finally, let's add some effects 194 00:18:07.560 --> 00:18:16.560 Let's express a sense of motion or impact, and add particles resembling dust or sweat flying in the air 195 00:18:16.560 --> 00:18:23.828 Applying these decorative effects also follows the guidelines of directional rules and eye alignment 196 00:18:23.828 --> 00:18:26.800 Consistency in directionality is essential 197 00:18:26.800 --> 00:18:33.959 The ultimate way to create a sense of spatial presence is to depict the air, the atmosphere 198 00:18:33.959 --> 00:18:38.280 The direction opposite to the default direction is the reverse direction 199 00:18:38.280 --> 00:18:41.839 The reverse direction evokes a sense of resistance 200 00:18:41.839 --> 00:18:49.280 People who feel comfortable with this direction are generally accustomed to the direction of Japanese manga 201 00:18:49.280 --> 00:18:55.239 As I mentioned, in Japan, comic is read from right to left 202 00:18:55.239 --> 00:18:59.274 Those who primarily read or study Japanese comics 203 00:18:59.274 --> 00:19:06.199 Often unconsciously incorporate the directional style of Japanese cuts when creating storyboards 204 00:19:06.199 --> 00:19:10.560 Watch for the reverse directionality when it comes to this aspect 205 00:19:10.560 --> 00:19:18.079 Because the reverse directionality doesn't feel natural, even running individuals may give a sense of resistance 206 00:19:18.079 --> 00:19:25.199 It evokes not the force of action, but rather the emotion of reaction, counteraction 207 00:19:25.199 --> 00:19:31.319 In the picture, the car appears to be heading towards the upper right corner 208 00:19:31.319 --> 00:19:38.160 The default direction evokes a sense of compliance, while the reverse direction evokes a sense of resistance 209 00:19:38.160 --> 00:19:43.280 If the default direction represents action, then the reverse direction represents reaction 210 00:19:43.280 --> 00:19:51.520 So, scenes where the protagonist is striking or blocking are better depicted in the default direction 211 00:19:51.520 --> 00:19:58.560 Just by looking at the picture within the frame, you can naturally sense who is the actor in the action 212 00:19:58.560 --> 00:20:04.359 The character moving in the default direction from the left is perceived as the actor in the action 213 00:20:04.359 --> 00:20:10.350 Scenes with pulling action should place the action initiator in the reverse direction for optimal effect 214 00:20:10.350 --> 00:20:17.719 In scenes with pulling action from left to right, it feels like the actor is being pulled towards the other party 215 00:20:17.719 --> 00:20:23.880 The same picture, when reversed, becomes a scene of pulling from right to left 216 00:20:23.880 --> 00:20:28.079 Making it appear as if the actor is pulling the other party 217 00:20:28.079 --> 00:20:37.319 The directionality within the frames should be consistent with the concepts of default and reverse directions 218 00:20:37.319 --> 00:20:40.250 Following the laws of directionality, to ensure that readers are not confused 219 00:20:40.909 --> 00:20:44.968 Speech bubbles and sound effects 220 00:20:44.968 --> 00:20:49.920 Let's examine the position and direction of dialogue and speech bubbles 221 00:20:49.920 --> 00:20:56.560 In Webtoons, directing within the frame involves not only the placement of characters and backgrounds, 222 00:20:56.560 --> 00:21:00.233 But also setting the position and shape of speech bubbles 223 00:21:00.233 --> 00:21:06.439 And determining the shape, size, and placement of onomatopoeic words for sound effects 224 00:21:06.439 --> 00:21:12.520 We prepare it in a screenplay style, with dialogue for characters and action descriptions 225 00:21:12.520 --> 00:21:17.800 The minimum pixels to convey the emotion of a frame is the dialogue 226 00:21:17.800 --> 00:21:20.439 Some frames don't have dialogue 227 00:21:20.439 --> 00:21:26.760 Some frames have multiple speech bubbles for prepared dialogue 228 00:21:26.760 --> 00:21:33.640 Some sentences are significant enough to be divided and placed in two separate frames 229 00:21:33.640 --> 00:21:39.959 Surely, it's up to the author to determine the chunkiness and weight of that dialogue 230 00:21:39.959 --> 00:21:45.507 Each author has their own sensibility, and the interpretation of the weight of dialogue 231 00:21:45.507 --> 00:21:50.680 May vary depending on the story they want to convey 232 00:21:50.680 --> 00:21:57.052 For frames with small emotional intensity, concentrating dialogue 233 00:21:57.052 --> 00:21:59.800 Helps convey more common, plain emotions 234 00:21:59.800 --> 00:22:04.520 Since the dialogue in these frames is also likely to be ordinary and common 235 00:22:04.520 --> 00:22:13.000 Or, they could be foreshadowing dialogue, hinting at more significant conversations or situations to come in larger frames 236 00:22:13.000 --> 00:22:19.800 Even if there's a lot of dialogue, filling small frames 237 00:22:19.800 --> 00:22:25.635 with speech bubbles can make the dialogue flow naturally 238 00:22:25.635 --> 00:22:30.520 Readers perceive it as an engaging image within one frame 239 00:22:30.520 --> 00:22:36.898 A man is planning to express his feelings to a friend who he hasn't seen in a long time 240 00:22:36.898 --> 00:22:40.473 Remember that friend we both liked? You remember, right? 241 00:22:40.473 --> 00:22:43.136 We all hung out together that time, remember? 242 00:22:43.136 --> 00:22:47.879 Everyone seemed interested in that friend, we all wanted to start a conversation 243 00:22:47.879 --> 00:22:50.206 To be honest, I also liked that friend 244 00:22:50.206 --> 00:22:57.079 I've been thinking that when we meet again, I should tell her that I like her 245 00:22:57.079 --> 00:23:03.560 It's also effective not to include dialogue in frames with significant emotional intensity 246 00:23:03.560 --> 00:23:09.119 Emotions don't always have to be expressed through words 247 00:23:09.119 --> 00:23:13.239 That friend got married 248 00:23:13.239 --> 00:23:19.916 Adjust the size and spacing of the prepared dialogue in the script to fit the flow of gaze 249 00:23:19.916 --> 00:23:26.040 And prepare frames with emotional intensity to accommodate the speech bubbles 250 00:23:26.040 --> 00:23:35.319 Then, arrange the dialogue in the next frame at a suitable distance to allow for emotionally paced reading 251 00:23:35.319 --> 00:23:41.479 creating a natural flow of gaze over time in the scroll 252 00:23:41.479 --> 00:23:46.839 The placement of speech bubbles should align with the flow of gaze 253 00:23:46.839 --> 00:23:53.640 We shouldn't misplace speech bubbles' height, making the reader read dialogue that should come later first 254 00:23:53.640 --> 00:23:56.359 Let's look at the diagram 255 00:23:56.359 --> 00:23:59.800 The speech bubbles in the example frame made two mistakes 256 00:23:59.800 --> 00:24:06.979 Firstly, the height of the speech bubbles should be different to ensure that the dialogue is read sequentially 257 00:24:06.979 --> 00:24:11.776 Secondly, to maintain the progression of the character's situation 258 00:24:11.776 --> 00:24:17.880 It would be better to move the speech bubble of the receiving character all the way down 259 00:24:17.880 --> 00:24:23.239 We don't need to adhere to the restrictive habits of page format 260 00:24:23.239 --> 00:24:26.829 Because this is a vertical infinite scroll 261 00:24:26.829 --> 00:24:33.400 Narration also had to be placed inside the frame due to the narrow layout of the page format 262 00:24:33.400 --> 00:24:39.880 But in a scroll format, placing narration between frames enhances readability 263 00:24:39.880 --> 00:24:43.800 The font size is also increased for better visibility 264 00:24:43.800 --> 00:24:48.359 The shape of speech bubbles is determined by the emotion of the dialogue 265 00:24:48.359 --> 00:24:55.079 Dialogue that is shouting out loud is depicted with sharp, intense shapes resembling waves 266 00:24:55.079 --> 00:25:02.359 While dialogue conveying subdued emotions is represented with crinkly, irregular shapes resembling deflated balloons 267 00:25:02.359 --> 00:25:06.599 Webtoons is visual mediums that express drama through images alone 268 00:25:06.599 --> 00:25:12.760 Sound effects are a way to express auditory sensations in the visual medium of Webtoons 269 00:25:12.760 --> 00:25:19.259 Sound effects are sounds perceived outside of speech bubbles, recognized through illustrations 270 00:25:19.259 --> 00:25:26.280 The font and shape of sound effects can express their characteristics, representing qualities like strength and dullness 271 00:25:26.280 --> 00:25:29.560 And they can also indicate sharpness 272 00:25:29.560 --> 00:25:36.760 We can use font size to represent the volume of sound and the shape of the typeface to express emotions 273 00:25:36.760 --> 00:25:44.518 In Webtoons, directing a frame involves creating a container for the emotional content of the frame through its size and shape 274 00:25:44.520 --> 00:25:51.160 Inside the frame, the camera angle, shot composition, and direction of the camera towards the characters are established 275 00:25:51.160 --> 00:25:59.000 Guidelines for focusing on characters and shaping the background are set to complete the image of one frame 276 00:25:59.000 --> 00:26:04.038 Adding speech bubbles of suitable shapes and sizes 277 00:26:04.038 --> 00:26:08.599 Along with large text if necessary, completes the directing a frame 278 00:26:08.599 --> 00:26:12.173 Dynamically intense and emotionally explosive scenes 279 00:26:12.173 --> 00:26:16.520 Require large, impactful sound effects 280 00:26:16.520 --> 00:26:25.560 Adding light and effects enhances the sense of speed and impact, making it even more powerful 281 00:26:25.560 --> 00:26:30.482 Thus, we've explored effective screen direction utilizing angles, shots 282 00:26:30.482 --> 00:26:35.880 And the flow of gaze within a frame 283 00:26:35.880 --> 00:26:40.284 The shape and spacing of frames are designed to create a rhythm 284 00:26:40.284 --> 00:26:45.479 With the images within those frames expressing emotions to drive that rhythm 285 00:26:45.479 --> 00:26:50.359 The directing that creates emotions aims to establish the emotional atmosphere of the scene 286 00:26:50.359 --> 00:26:58.760 Emotions refer to the feelings or mental states that occur in a person's mind or evoke emotions 287 00:26:58.760 --> 00:27:06.439 Directing is precisely about controlling the rhythm and creating emotions to convey them to the audience 288 00:27:06.439 --> 00:27:11.056 Thus, selecting speech bubble shapes that suit this purpose is 289 00:27:11.056 --> 00:27:15.000 Akin to choosing the appearance of the frame 290 00:27:15.000 --> 00:27:20.761 The large text sound effects, depicted as sound through images in Webtoons 291 00:27:20.761 --> 00:27:26.839 Should align with the emotions conveyed within the frame to effectively communicate with the reader 292 00:27:26.839 --> 00:27:31.856 Choosing colors that match the emotions conveyed within the frame is also essential 293 00:27:31.856 --> 00:27:38.199 There's also the concept of temperature in colors, which is an important element in emotional directing 294 00:27:38.199 --> 00:27:45.479 Ultimately, the reason for creating and evoking a sense of time is to establish rhythm 295 00:27:45.479 --> 00:27:49.459 In dramas, each situation has its own tempo 296 00:27:49.459 --> 00:27:55.479 There are also times when the scenes should flow quietly and slowly, just as they are portrayed 297 00:27:55.479 --> 00:28:02.520 There are also times when dynamic and tense scenes should be shown quickly and forcefully 298 00:28:02.520 --> 00:28:05.516 Showing the emotion of the scene along with 299 00:28:05.516 --> 00:28:09.640 the sense of time passing is the purpose of directing 300 00:28:09.640 --> 00:28:16.646 When a writer accurately conveys the emotions and rhythm of a drama 301 00:28:16.646 --> 00:28:20.970 Viewers can experience the essence of the story more deeply 302 00:28:20.970 --> 00:28:26.950 Thus, individuals who convey stories through imagery and also enjoy and understand music 303 00:28:26.950 --> 00:28:30.760 May have an advantage in conveying such emotions more effectively 304 00:28:30.760 --> 00:28:38.045 Keeping those fundamental concepts in mind, I hope you create even more impressive and entertaining Webtoons 305 00:28:38.047 --> 00:28:38.958 Thank you 306 00:28:40.472 --> 00:28:45.274 Summary Angle and shot Angle Camera angles, height, and distance Shot The depth of gaze and its impact on the size of the image visible on the screen 307 00:28:45.274 --> 00:28:47.151 Directionality and rules The rule of thirds Utilizing the instinctual gaze naturally drawn to the center of the screen Positioning the subject at a stable point within the space 308 00:28:47.151 --> 00:28:48.678 Guidelines Utilizing horizontal, vertical, diagonal lines, and vanishing points on the screen to focus the viewer's gaze 309 00:28:48.678 --> 00:28:50.225 180 degree rule Alternating the directionality of characters facing each other in a conversation scene by adhering to a consistent 180 degree orientation 310 00:28:50.225 --> 00:28:51.844 Speech bubbles and sound effects Dialogues Minimum pixel for conveying emotions in dialogue Speech bubbles placement Adjusts size and spacing according to the flow of gaze Varying the height to ensure sequential reading of dialogue from top to bottom 311 00:28:51.844 --> 00:28:53.529 Speech bubbles for subsequent dialogue are positioned below Sound effects Sounds recognized through illustrations extending beyond speech bubbles 312 00:28:53.529 --> 00:28:55.225 Directing sound effect Adding speech bubbles of appropriate shape and size, along with large text, onto the completed artwork to complement the dialogue Dynamic and emotionally explosive scene: Requires large text and impactful sound effects