<h2 style="text-align: center">Discover how 3D artist Boo Changhun blends technology and creativity in Chocolate &amp; Coffee, a virtual fashion project inspired by rich flavors and textures, crafted using CLO, Unreal Engine, and MetaHuman.</h2><div data-youtube-video="" style="padding:56.25% 0 0 0; position:relative;"><iframe src="https://www.youtube.com/embed/yL0JUKybiNU?start=0" frameborder="0" allowfullscreen="" width="800" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" style="position:absolute; top:0; left:0; width:100%; height:100%;"></iframe></div><hr><h1 style="text-align: center">Interview with Boo Changhun | Lecturer &amp; 3D Artist, CONNECT Supporters</h1><img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/8e91a2b074a2426b9e5f7cc53f3b3677boo.png" alt="8e91a2b074a2426b9e5f7cc53f3b3677" class="custom-image original-size" data-id="8e91a2b074a2426b9e5f7cc53f3b3677" data-width="1200" data-height="800"><h1 style="text-align: left">How Did Changhun’s Virtual Fashion Journey Begin?</h1>I'm Boo Changhun, a virtual fashion lecturer and creator with five years of experience. My journey started with graphics in high school, leading to CLO in graduate school. Now, I use CLO, Twinmotion, Unreal Engine, and 3D Vista for 3D modeling.<h1 style="text-align: left">What Inspired the Chocolate &amp; Coffee Project?</h1>Inspired by Mocha Mousse, this year’s color, and my love for mocha lattes, this project captures the balance of chocolate’s sweetness and coffee’s bitterness in fashion design. Soft, curved elements like arched windows, ionic pillars, and ruffles reflect chocolate’s richness, while coffee’s rough texture appears in concrete, leather, and fitted silhouettes, shaping the project’s aesthetic.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/abfee0ca843f427aaea58890e89391fa1.%20Mood%20Board.png" class="custom-image original-size" data-id="abfee0ca843f427aaea58890e89391fa" data-width="3508" data-height="2480"><h1>How Did You Approach the Workflow for Your Chocolate &amp; Coffee Project?</h1>For the Chocolate &amp; Coffee project, I managed everything—from music to costumes, avatars, and architecture—to fully capture the desired mood. I used Metahuman for the avatar, customizing its motion and refining its face with Daz Studio's Facetransfer2, blending AI-generated images with Daz’s asset ratios for the perfect look.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/a2a3598c79904cbca12f0f903df794302.%20Daz%20Studio%20Facetranfer2.jpg" class="custom-image original-size" data-id="a2a3598c79904cbca12f0f903df79430" data-width="1254" data-height="632">I imported the avatar into Unreal Engine as an FBX file, adjusting its body size, skeleton, and materials to fit Metahuman. Though tedious, this process streamlines motion creation using Unreal’s ControlRig.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/b451b391d8754bc1bd03002d8787ace03.%20Metahuman%20Identity.jpg" class="custom-image original-size" data-id="b451b391d8754bc1bd03002d8787ace0" data-width="1591" data-height="728"><img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/f0dc69ea31ec47689e03478f7f57d6084.%20Metahuman.jpg" class="custom-image original-size" data-id="f0dc69ea31ec47689e03478f7f57d608" data-width="1617" data-height="763">I designed the clothes in CLO, blending chocolate’s softness with coffee’s rough texture through shape, color, and material. While CLO supports Metahuman avatars, I adjusted its FV2 avatar to match Metahuman’s size for rendering with AI Avatar Studio.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/e567d16bedfd4474ac83db71274e5d575.%20CLO%20AI%20Avatar%20Studio%20Render.png" class="custom-image original-size" data-id="e567d16bedfd4474ac83db71274e5d57" data-width="3508" data-height="2480">Using the referenced images, CLO was used to create a central space where chocolate flows into Mocha Mousse color, with one side featuring rough concrete and the other showcasing an arch-shaped window and Ionic column.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/66a704faa7a34f26803598c1e6511c636.%20Building%20Modeling.jpg" class="custom-image original-size" data-id="66a704faa7a34f26803598c1e6511c63" data-width="1086" data-height="757"><img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/9cfb06760cb441ce976099001460c2ce7.%20Building%20modeling%202.png" class="custom-image original-size" data-id="9cfb06760cb441ce976099001460c2ce" data-width="1252" data-height="757">To visually convey the concept, CLO created objects like chocolate-filled columns, mugs, coffee beans, and leather sofas. These objects, along with the designed spaces, were exported to Unreal Engine in OBJ format and scaled accordingly.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/5ebc261099aa4b0699e2f150926ce5cf8.%20Object%20Modeling.jpg" class="custom-image original-size" data-id="5ebc261099aa4b0699e2f150926ce5cf" data-width="1252" data-height="757">Materials were created using Unreal Engine’s Blueprint function, with concrete textures from Quixel Bridge, and chocolate and coffee textures generated using Photoshop’s AI tool, alongside other materials for smooth chocolate effects.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/f61fca7d02ca4a1a83186b721fa2f1309.%20Chocolate%20%26%20Coffee%20Material.png" class="custom-image original-size" data-id="f61fca7d02ca4a1a83186b721fa2f130" data-width="3840" data-height="2160"><img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/871b562dafc74b3eb8219e4c1a87b9c010.%20Space%20Material.png" class="custom-image original-size" data-id="871b562dafc74b3eb8219e4c1a87b9c0" data-width="3840" data-height="2160">The body and facial expressions of the Metahuman avatar were recorded frame by frame using ControlRig and saved as an animation.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/afe1be14b5054678be86cacc2025f07111.%20Controlrig.jpg" class="custom-image original-size" data-id="afe1be14b5054678be86cacc2025f071" data-width="1494" data-height="827">The recorded animations of the faces and bodies were exported as FBX files and imported into CLO, where they were then applied to the clothing animations.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/baba1b0992fc46fe88438244d915ac4212.%20Animation%20Recording.jpg" class="custom-image original-size" data-id="baba1b0992fc46fe88438244d915ac42" data-width="1226" data-height="758">After recording the animation, the costume animation was imported into Unreal Engine using the LiveSync feature. The geometry cache of the costume was saved to align the avatar's position, simplifying the rendering of the animation with the costume matching the avatar's movement.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/b5ad7064ba0549c38a9f662dd630f90213.%20Metahuman%20in%20Clothing.jpg" class="custom-image original-size" data-id="b5ad7064ba0549c38a9f662dd630f902" data-width="1312" data-height="773"><h1>What Challenges Did You Face, and How Did You Overcome Them?</h1>A major challenge was mesh distortion and crashes when importing CLO garments into Unreal Engine via LiveSync, often due to stretched or tangled patterns near the avatar’s arms. To fix this, I adjusted Metahuman’s control rig motion to keep body parts apart. For close-contact movements, I rendered the final animation using a costume without a collision pattern, preventing mesh errors.<img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/273aea20be3c4f15b8d59101d6e1b45514.%20Pose%20with%20Open%20Arms.png" class="custom-image original-size" data-id="273aea20be3c4f15b8d59101d6e1b455" data-width="2160" data-height="3840"><img src="https://storagefiles.clo-set.com/public/community/202503/b3c43d226f8647f3ac4f2a2ca5097c55/images/8995b5008bf347b692a8069e2701ff8c15.%20Sleeveless%20Clothing.png" class="custom-image original-size" data-id="8995b5008bf347b692a8069e2701ff8c" data-width="3840" data-height="2160"><hr><h1>How has CONNECT and CLO helped in your design process?</h1>The Chocolate &amp; Coffee Project modified CONNECT's block patterns, streamlining early-stage design and enabling broader exploration. CLO, initially fashion-focused, proved versatile for modeling beyond fabric, sparking my interest in using it for solid structures like buildings. With intuitive tools like LiveSync, CLO empowers fashion designers to explore broader 3D modeling, unlocking endless creative possibilities.<hr>Explore Changhun's portfolio and follow his creative journey on social media!<ul><li><a target="_new" rel="noopener" href="https://connect.clo-set.com/portfolio/108694/collection/collections">CONNECT Portfolio</a></li><li>Instagram <a target="_new" rel="noopener" href="https://www.instagram.com/fadyboo/">@fadyboo</a></li></ul>

Chocolate & Coffee: A Recipe with Changhun

TopStich

Gender & Age

Style

Genre & Mood

Objective

Garment

New bag in my collection!<img src="https://storagefiles.clo-set.com/public/community/202501/c7bb2808c7dd41a5b9c2a18aa906c411/images/b72c78adcf584382b6c1e06c6bc055d0Bag_closet.png" class="custom-image original-size" data-id="b72c78adcf584382b6c1e06c6bc055d0" data-width="1080" data-height="1080">

Bag collection update

<img src="https://storagefiles.clo-set.com/public/community/202504/30ef12ed1f534413a3a7f18056b3c23e/images/567f861e190f4abfbe8ae532ed53a368livesync%20ewrror.jpg" alt="567f861e190f4abfbe8ae532ed53a368" class="custom-image original-size" data-id="567f861e190f4abfbe8ae532ed53a368" data-width="1875" data-height="986">Hi, can anybody tell me how to fix this error?i'm using unreal engine 5.5.4, enabled project setting - Direct X 11, enabled translucency. enabled plugins - substance 3d, clo livesync.waiting for quick response, thanks.

Chocolate & Coffee: A Recipe with Changhun

Sora

Sora