{"id":227,"date":"2025-09-08T16:00:33","date_gmt":"2025-09-08T16:00:33","guid":{"rendered":"https:\/\/mv24wp.rocva.design\/naz\/?p=227"},"modified":"2025-09-30T07:46:44","modified_gmt":"2025-09-30T07:46:44","slug":"boy-in-train","status":"publish","type":"post","link":"https:\/\/mv24wp.rocva.design\/naz\/?p=227","title":{"rendered":"Boy in train"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Jongetje in trein Naz Kelekci\" width=\"960\" height=\"720\" src=\"https:\/\/www.youtube.com\/embed\/GNTWGWAnwLo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"333\" src=\"https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-1.png\" alt=\"\" class=\"wp-image-229\" style=\"width:326px;height:auto\" srcset=\"https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-1.png 308w, https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-1-277x300.png 277w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/figure><\/div>\n\n\n<p>For this project, I&#8217;m starting in Adobe Illustrator, designing a young boy as a character. I&#8217;m dividing the design into separate layers: the whites of the eyes, the eyelids, the smile, the neck, the torso, the hair strands, and so on. Each element is given a clear name, such as &#8220;Eyelid_Left,&#8221; to keep everything organized during the animation process. Next, I import the Illustrator file into Adobe After Effects, where I bring the character to life. First, I animate the blinking boy by moving the eyelids and pupils separately from the whites of the eyes. I add emotion to the eyes, for example, by slightly lifting the lower eyelids during a smile. The mouth also moves along, creating a more natural and expressive effect.<\/p>\n\n\n\n<p>Next, I focus on the hair. Each strand of hair moves smoothly and individually because it&#8217;s all positioned differently on the head. The ears and the head itself are also separate layers, allowing me to animate them independently. Gradually, I begin to subtly animate the entire body, matching the facial expressions. This gives the character more life and dynamism.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"372\" src=\"https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-2.png\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-2.png 663w, https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-2-300x168.png 300w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure><\/div>\n\n\n<p>In the next step, I add shadows using masks and solid colors. To maintain clarity while working with many layers, I carefully rename all my files and layers. Finally, I use After Effects&#8217; 3D system to blur the lighting slightly, which adds depth and realism. In this phase, I move on to more complex effects that really test my skills. I compress the boy and place him against a suitable background image of a train. I make extensive use of &#8220;ease in,&#8221; motion blur, and color correction to give the scene more realistic movement and atmosphere. Using masks, I remove the train window and place a moving cityscape behind it, which adds depth and dynamism.<\/p>\n\n\n\n<p>To make the lighting convincing, I work with 3D light sources. I use three lights: one from the front, one from the back, and a third that moves with the train. I manually animate this final light source and adjust its opacity as it returns to its starting point, creating a realistic, shifting light effect during the train&#8217;s journey. I also add a vertical pole in the background, made of a black solid, which passes by at regular intervals to enhance the sense of movement. Finally, I apply a simple expression in After Effects that creates a subtle shaking effect in the background. This makes the scene vibrant and believable, and provides a fitting conclusion to this exercise in combining effects, layers, lighting, and motion.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"787\" height=\"443\" src=\"https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-3.png\" alt=\"\" class=\"wp-image-231\" srcset=\"https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-3.png 787w, https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-3-300x169.png 300w, https:\/\/mv24wp.rocva.design\/naz\/wp-content\/uploads\/sites\/12\/2025\/09\/boy-3-768x432.png 768w\" sizes=\"auto, (max-width: 787px) 100vw, 787px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>For this project, I&#8217;m starting in Adobe Illustrator, designing a young boy as a character. I&#8217;m dividing the design into separate layers: the whites of the eyes, the eyelids, the smile, the neck, the torso, the hair strands, and so on. Each element is given a clear name, such as &#8220;Eyelid_Left,&#8221; to keep everything organized during the animation process. Next, I import the Illustrator file into Adobe After Effects, where I bring the character to life. First, I animate the blinking boy by moving the eyelids and pupils separately from the whites of the eyes. I add emotion to the eyes, for example, by slightly lifting the lower eyelids during a smile. The mouth also moves along, creating a more natural and expressive effect. Next, I focus on the hair. Each strand of hair moves smoothly and individually because it&#8217;s all positioned differently on the head. The ears and the head itself are also separate layers, allowing me to animate them independently. Gradually, I begin to subtly animate the entire body, matching the facial expressions. This gives the character more life and dynamism. In the next step, I add shadows using masks and solid colors. To maintain clarity while working with many layers, I carefully rename all my files and layers. Finally, I use After Effects&#8217; 3D system to blur the lighting slightly, which adds depth and realism. In this phase, I move on to more complex effects that really test my skills. I compress the boy and place him against a suitable background image of a train. I make extensive use of &#8220;ease in,&#8221; motion blur, and color correction to give the scene more realistic movement and atmosphere. Using masks, I remove the train window and place a moving cityscape behind it, which adds depth and dynamism. To make the lighting convincing, I work with 3D light sources. I use three lights: one from the front, one from the back, and a third that moves with the train. I manually animate this final light source and adjust its opacity as it returns to its starting point, creating a realistic, shifting light effect during the train&#8217;s journey. I also add a vertical pole in the background, made of a black solid, which passes by at regular intervals to enhance the sense of movement. Finally, I apply a simple expression in After Effects that creates a subtle shaking effect in the background. This makes the scene vibrant and believable, and provides a fitting conclusion to this exercise in combining effects, layers, lighting, and motion.<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-animations"],"acf":[],"_links":{"self":[{"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=227"}],"version-history":[{"count":3,"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=\/wp\/v2\/posts\/227\/revisions\/241"}],"wp:attachment":[{"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mv24wp.rocva.design\/naz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}