<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Joycelyn Ma on Medium]]></title>
        <description><![CDATA[Stories by Joycelyn Ma on Medium]]></description>
        <link>https://medium.com/@joycelyn00707?source=rss-811c2b64a9c4------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/0*Q2k1g-HLyAG5JNi0</url>
            <title>Stories by Joycelyn Ma on Medium</title>
            <link>https://medium.com/@joycelyn00707?source=rss-811c2b64a9c4------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Thu, 28 May 2026 00:57:59 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@joycelyn00707/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[Final Film, Film Description and Final Thoughts]]></title>
            <link>https://medium.com/@joycelyn00707/6-e5019a7d2416?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/e5019a7d2416</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Wed, 20 May 2026 11:01:20 GMT</pubDate>
            <atom:updated>2026-05-22T22:36:05.553Z</atom:updated>
            <content:encoded><![CDATA[<h2>Final Film</h2><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F7Q1oOabyl34%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D7Q1oOabyl34&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F7Q1oOabyl34%2Fhqdefault.jpg&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/9421384c0ad09fdddce5dde31cc2e106/href">https://medium.com/media/9421384c0ad09fdddce5dde31cc2e106/href</a></iframe><h2>Film Description</h2><p>This interlude sequence is primarily inspired by Immanuel Kant and approaches the narrative from transcendental epistemology : how we organize and understand the external world through innate “a priori cognitive categories” (such as the inherent intuitions of time and space) in order to process the “a posteriori materials” of reality (namely, lived experience). Everything in the world must enter our senses as “material” before cognition can occur; without these experiential materials, cognition has no source. Moreover, this process of cognition is not only used to understand the external world, but also to confront the fundamental question of subjectivity itself — “Who am I? What am I?” However, when this transcendental cognitive mechanism can no longer function properly on the level of perception, the subject falls into the pathological condition of “alienation syndrome.” In this state, the perceptions of time and space that normally regulate reality begin to fracture. The subject can no longer feel that they exist within the same spatiotemporal reality as the world around them, as though separated from reality by a kind of “screen.” Once the transcendental intuition of time and space collapses, a chain reaction follows: first comes the distortion of materials, where incoming experiences of reality become warped; next comes the distortion of the world itself, as the subject begins rejecting and denying the now-mutated external reality; finally comes the distortion of the self, because the existence of the self fundamentally depends upon a coherent narrative of “who I am.” When the very tools of cognition themselves become distorted, the subject can no longer feel or affirm “who I am,” and thus denying their own existence. Faced with the complete collapse of the self, the subject’s response is to “attempt to detach from all material.” In the work, this is visualized through the vast blank snowfield — a space symbolizing the total stripping away of all past experiences and all a posteriori materials. Once everything has been removed, what remains? Only the “I” itself, and the “subject of cognition” that continues the act of knowing. Even if my state of existence has become distorted, and everything I perceive is an illusion, by resynthesizing all remaining fragments of knowledge within the inner self, the subject arrives at a more fundamental truth. At this point, the “I” is no longer treated as an “object that can be known,” but rather as the very subject through which epistemology itself becomes possible. From here, the subject is finally able to prove “I exist.” To resolve the temporal dislocation and alienation syndrome portrayed in the story, the final scene first draws inspiration from the closing tonal atmosphere of One Hundred Years of Solitude, particularly the idea of putting “the past, present, and future” together . This claim reconstructing the continuity of the self. Through this line, the subject rebinds the dimensions of time and space, affirming that the “I” exists within a continuous state of narration across past, present, and future. In doing so, the subject resists the previous condition of discontinuity and self-negation caused by the fractures in time and space. Lastly, when she finally says, “After all, I belong to that place, even if I feel that I exist within an illusion,” it signifies that, after establishing the certainty that “I truly exist,” she do not completely reject the importance of experiential reality and a posteriori material. This is not merely a metaphysical argument within epistemology; it is also an act of psychological reconciliation — an acceptance of the wounded self that once existed in the past, transcending cognition itself.</p><h2>Final Thoughts</h2><p>I don’t know if this film is good, just meet the basic standard or can’t be understood as I just keep pushing myself to finish and try to go though the whole production process of 2D and 3D during the process which is the main intend when I first started making this film and I haven’t ask for feedback from others, so not sure the quality of the film.</p><p>I think I already put in the effort and being in a tough, stressful situation that more than I can imagine during the making process, but I can still manage it every time.</p><p>I worked around seven hours a day for around two month when really steps into the main process of making, I kept constructing the story and learning the basic to build up the foundation first before this two months.</p><p>Lastly, I don’t like the 3D animation part as it losing a bit of performance and not smooth enough. Also, the emotion feel too intense and too focus on herself, even this feeling really describe her feeling at that high point of the moment, but I think it is too much and over cover the reflectiveness which I mainly want to convey in this film .However, I learn a lot during the process and can trobleshooting the problem in every production stage when I have the basic knowledge, even I didn’t know what’s the problem but I can try another approach!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e5019a7d2416" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[2D Animation]]></title>
            <link>https://medium.com/@joycelyn00707/4-a81f9a0f3012?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/a81f9a0f3012</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Sun, 17 May 2026 08:06:04 GMT</pubDate>
            <atom:updated>2026-05-21T22:37:47.762Z</atom:updated>
            <content:encoded><![CDATA[<h2>2Danimation</h2><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=a81f9a0f3012" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Texturing]]></title>
            <link>https://medium.com/@joycelyn00707/3-4ff3a1840d16?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/4ff3a1840d16</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Sun, 17 May 2026 08:05:56 GMT</pubDate>
            <atom:updated>2026-05-22T21:45:38.958Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*P_Mr0wqQ9_BKlwNDnxHBhw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*IVZbxrUaZGlBMY1cdu6vVw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*q2jk9XFX9BwujuPGLl_wfQ.png" /><figcaption>Texturing in Substance Painter</figcaption></figure><p>After finishing the rotopology, uv mapping and cutting, I exported my low and high poly version into Substance Painter.</p><p>In Substance Painter, I baked my character in a high poly version, so it can retrieve the original details sculpted in Zbrush.</p><p>I tried to used the color selection inside the black mask, as I created a ID map by assigning vertex color in maya .However, it didn’t work even having a double check for the process I had done.</p><p>For the skin texture, I assigned the base skin color first, then use a darker and saturated red with a invert dirt mask in multiply mode to create some color variation for the face.</p><p>The mostly used tab in black mask is generator for dirt and metal Edge wear, filter for blur ,fill for noise and ambient occlusion and level for invert the mask. The mode I used sometime is multiply, subtract and linear dodge.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4ff3a1840d16" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Character Rigging]]></title>
            <link>https://medium.com/@joycelyn00707/2-264e2245af72?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/264e2245af72</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Fri, 15 May 2026 12:45:57 GMT</pubDate>
            <atom:updated>2026-05-26T23:26:12.544Z</atom:updated>
            <content:encoded><![CDATA[<h2>Character Retopology and Rigging</h2><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*P_Mr0wqQ9_BKlwNDnxHBhw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qgj0gAtY3Ho_Z1ANyEIjeA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6YYCbOIiieUZj5dlLmp5ZQ.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xBLwdphjlqrSn1XbrPmvVA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*aWontmB4yBxYdptunBvzow.png" /></figure><p>As the model imported from Zbrush has a very dense polyface count, I retopologized by clicking it ,made it a live surface and used the Quad Draw tool to create faces square by sqaure to reduce its polycount and create a better edge loop for a better performance in skinning process later.</p><p>I made a reverse IK for the feet, IK for the leg, FK for the body and the arm.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=264e2245af72" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Environment Modeling and simulating]]></title>
            <link>https://medium.com/@joycelyn00707/1-cc1e2a784626?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/cc1e2a784626</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Fri, 15 May 2026 12:45:47 GMT</pubDate>
            <atom:updated>2026-05-22T19:52:05.516Z</atom:updated>
            <content:encoded><![CDATA[<h2>Environment modeling and simulating</h2><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*A4ljMsNE1PomAhhDUhxJCw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*alM_5d_QSEHJbVxZ2EAe3A.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XFtsjLMOFBbS9lMNBb7Txw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*hWeVZqZC39YE4lb9oi3rTQ.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*2N6pgAfAM_iTe9TYOqrLcQ.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AuM3p6WWVq-kNhE1gprZ_A.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vWbtRTSxIWCPDuDYZ6fHvg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*c0_tRL3DSl7J1RJygOJp6g.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WxO6ScwP6WyK4LxJ_4YB_A.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*p5TsumZtyKLw4NlgHfUTQA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*y6jZEaaZsvkM7TGBqc_Xhg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cIQLdzkqnMIebH-GDfXqFw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*2Myrn2xYKqEN3Ry7W_fHfw.png" /></figure><p>I made the cage room in maya, the original vision is the third one, but it feels like the one which we normal see in daily life — a normal cage with ordinary living room set up, that’s fine but my film is quite abract and it somehow limiting what viewer can imaging, not just thinking — Oh! There’s a cage and the charater is inside it without a door to go out, this film is about being trapped, but there’re something more than that, so I modify a bit by making the cage in a curvey design and delete some elements.</p><p>The snowy mountain was made in Houdini, which was using the heightfield node, it will create a plane for you to add up more node inside its system later .Then, create highfield noise node and distort node with a highfield paint mask to have a basic visual and placement.</p><p>Next, add the heightfield project node with a mask of a curve plane to create the river, resample node for a more subdivided polygon faces .Using distorted by layer node to modify the internal attribute — height for a more varied height ,erode and slump node for more natural looks. Lastly, convert it into polygon ,unwrap uv and poly reduce to export it to Maya in obj format by rop geometry node.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cc1e2a784626" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Character sculpting]]></title>
            <link>https://medium.com/@joycelyn00707/6-f078c09ad186?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/f078c09ad186</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Tue, 12 May 2026 23:24:04 GMT</pubDate>
            <atom:updated>2026-05-22T19:04:41.583Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qUtOmH3gDKkj5KEk_zbT7Q.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*-SGs55ECk3dsAM0xCy5sMg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*wFyfetPdT7Sw2aZC9hjaWw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*wNBC_KIvPTKVP6Ze_f-R5A.png" /></figure><p>Using Zbrush for sculpting.</p><p>Start with z sphere to stack up the basic spheres into a proper proportion of the character ,then going to the normal sculpting mode to sculpt.</p><p>The brush I use the most is Move brush, ClayBuild up, Demian Standard and Standard brush for the beginning, Trim Dynamic and Smooth brush for polishing, the Inflat brush for filling the small hole after Dynamesh.</p><p>I export the sculpted character in 512vx to Maya (vx is a uniy symbol that a 3D cube inside a volunmetric grid which Dynamesh uses, this unit doesn’t shows directly in ZBrush menu as it is a internal calculation tool, after calculating it delete the vixel grid and turns back to standard polygon). This resolution adjustment finds in top menu, Zplug in, Decimation Master, 512.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f078c09ad186" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[(EMPRD)  Designing an Animation Showreel]]></title>
            <link>https://medium.com/@joycelyn00707/5-93bcac76c236?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/93bcac76c236</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Tue, 12 May 2026 23:23:56 GMT</pubDate>
            <atom:updated>2026-05-25T15:14:00.125Z</atom:updated>
            <content:encoded><![CDATA[<h2>Research on Designing an Animation Showreel:</h2><p>Referenced video for research:</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F435523372%3Fapp_id%3D122963&amp;dntp=1&amp;display_name=Vimeo&amp;url=https%3A%2F%2Fvimeo.com%2F435523372&amp;image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1576640712-47311512187db222ed61aa99b4bf9bb880e3dffe76c8af88f2a821237b6e9f7b-d_1280%3Fregion%3Dus&amp;type=text%2Fhtml&amp;schema=vimeo" width="1920" height="1080" frameborder="0" scrolling="no"><a href="https://medium.com/media/eddb4ddc8481d07211b54daea993ef26/href">https://medium.com/media/eddb4ddc8481d07211b54daea993ef26/href</a></iframe><p>Opening and Ending Introduction</p><ul><li>Pure White Background:</li><li>Use a completely white background to instantly focus the viewer’s attention without any visual distractions or noise.</li><li>Hand-Drawn Aesthetic:</li><li>The central character use a black-and-white line art style. This personalised character design directly showcases the creator’s visual development and character design abilities. The more traditional and simplified animation style also demonstrates strong foundational animation skills.</li></ul><p>Negative Space Dominance:</p><ul><li>Approximately 85% – 90% of the screen remains pure white negative space, creating a minimal and refined visual atmosphere.</li></ul><p>Typography Spacing &amp; Balance:</p><ul><li>Since the amount of text is minimal and must visually balance with the small animated icon in the centre, the letter spacing should be increased beneath the illustration, to make both have a spacious visual.</li><li>The name and character illustration together occupy around three-quarters of the screen height, including the spacing between elements.</li></ul><p>Timing:</p><ul><li>Intro screen pause: approximately 3 seconds</li><li>Ending screen pause: approximately 4 seconds</li><li>Total showreel duration: around 1 minute 30 seconds</li></ul><p>Colour Palette:</p><ul><li>Use black, white, and dark grey tones for both the intro and outro text. These neutral colours create a clean and understated appearance while allowing the animation work itself to remain the visual focus.</li></ul><p>Similar Typeface Styles the showreel had:</p><ul><li>Sans-serif or Geometric Sans-serif typefaces such as:</li><li>Futura</li><li>Montserrat</li><li>These fonts feel modern, clear, and visually professional.</li></ul><p>Contact Information</p><p>1) Format:</p><ul><li>The heading “Contact” should use a slightly bolder font weight.</li><li>Below it, display :Professional Gmail address (preferably including full name)</li><li>Phone number with international country code</li></ul><p>2) Positioning:</p><ul><li>Place the contact information in the bottom-right corner using a smaller font size.</li></ul><p>3) Consistency:</p><ul><li>The outro layout and typography should visually match the intro screen exactly.</li></ul><p>Outro Message:</p><ul><li>End the showreel with:</li><li>“Thank you for watching my Showreel”</li></ul><p>Main Animation Showcase Section</p><p>L-Shaped Black Border Layout</p><ul><li>Use subtle dark grey or black blocks on the left side and bottom of the frame (letterboxing style).</li><li>This creates dedicated areas for information without covering the animation itself.</li><li>The neutral colour scheme ensures the viewer’s focus remains on the animation.</li></ul><p>Project Index (Top Left)</p><ul><li>Occupies approximately:</li><li>One-fourth to one-fifth of the screen length</li><li>Around one-eleventh of the screen width</li><li>Include:</li><li>A large project number such as “01”</li><li>Project title</li></ul><p>Role &amp; Software Information (Bottom Section)</p><ul><li>Occupies approximately one-ninth of the screen width.</li><li>Include:</li><li>Your production role</li><li>Specific contribution attribution (Character Animation and Layout)</li><li>Software used (TVPaint)</li></ul><p>Branding</p><ul><li>Place the school or studio logo (Gobelins in this video) in the bottom-left corner to increase professional credibility and authority.</li></ul><p>Animation Production Process Presentation</p><ul><li>Retain dynamic timeline markers during production process footage.</li><li>Allow certain frames or sketches to extend beyond the visible screen area.</li><li>These areas can be separated using line dividers or darker overlays to indicate process layers and workflow differences.</li><li>This helps communicate the authenticity of the production process.</li></ul><p>Scene Transition &amp; Multi-Role Presentation</p><p>If the same animation scene includes multiple responsibilities (for example both colouring and animation), present them together in a continuous transition instead of repeatedly showing the same scene separately. Smooth visual transitions can communicate multiple stages of contribution more elegantly and efficiently.</p><p>Rhythm &amp; Pacing</p><ul><li>Reading Time:</li><li>Important text explanations and transitions should remain on screen for 2 – 3 seconds to ensure viewers have enough time to read comfortably.</li></ul><p>Visual Guidance:</p><ul><li>Use minimal border lines or framing elements to define the viewing space while pairing them with dynamic timeline markers to reinforce professionalism.</li><li>Background Treatment:</li><li>Use subtle grey or unobtrusive colour blocks during transitions so the audience’s focus always remains on the animation work itself.</li></ul><p>How I Can Build My Showreel From This Structure</p><p>Intro Stage – Establishing a Strong First Impression</p><ul><li>Visual Design:</li><li>Use a minimalist design approach with a pure white background and approximately 90% negative space to create a professional and clean atmosphere.</li><li>Typography:</li><li>Use Sans-serif or Geometric Sans-serif fonts such as:</li><li>Futura</li><li>Using only black and grey tones while keeping font variations subtle and visually cohesive.</li></ul><p>Central Icon:</p><ul><li>Place a personalised character or illustration at the exact centre of the screen. If time allows, add a small looping animation to give the icon subtle movement and personality.</li></ul><p>Text Layout:</p><ul><li>Display the full name at the top with increased letter spacing.</li><li>Place “Animation Showreel” beneath the central icon.</li></ul><p>Contact Information:</p><ul><li>In the bottom-right corner, use smaller typography to display:</li><li>Professional Gmail address</li><li>International phone number</li><li>Alignment Rules:</li><li>Core elements such as the name, icon, and title must follow strict centre alignment to maintain visual stability and balance.</li></ul><p>Content Stage – Presenting Work &amp; Technical Transparency</p><p>Attribution &amp; Project Information</p><p>Each project clip should clearly display:</p><ul><li>Project title</li><li>Studio or company logo (if applicable)</li><li>Specific production responsibilities</li><li>Software used</li></ul><p>L-Shaped Information Layout</p><p>Use L-shaped dark grey framing areas on the left and bottom sides of the screen to place information clearly without obstructing the animation itself.</p><ul><li>Left-side rectangular section width: approximately one-eleventh of the screen</li><li>Bottom section width: approximately one-ninth of the screen area</li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=93bcac76c236" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[(EMPRD) CV research & my CV]]></title>
            <link>https://medium.com/@joycelyn00707/4-fe2e0ca4a232?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/fe2e0ca4a232</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Mon, 11 May 2026 07:44:16 GMT</pubDate>
            <atom:updated>2026-05-26T22:55:12.823Z</atom:updated>
            <content:encoded><![CDATA[<h2>CV research &amp; my CV</h2><figure><img alt="" src="https://cdn-images-1.medium.com/max/583/1*zvJ8cwed7aHfkySFi2RynQ@2x.jpeg" /></figure><p>In the beginning part of my CV, I include where I am from, my specialization, and my expectations for the future of the animation industry. In the ‘About Me’ section, I mention full 3D animation production and the ability to work in a team. This suggests the possibility of holding positions responsible for coordination or communication across various stages of 3D animation in the future – a potential career role. Regarding Software/Skills, I have created a table to establish a connection between software and technical skills.</p><p>The content in ‘Experience’ is also connected to what is mentioned in ‘About Me.’ It showcases a wide range of skills in 3D animation production (corresponding to the 3D Self-Directed Film project) and experience working as part of a film team (corresponding to the 2D Group Project).</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=fe2e0ca4a232" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[(EMPRD) Logo]]></title>
            <link>https://medium.com/@joycelyn00707/3-bf3d53e70f9d?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/bf3d53e70f9d</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Mon, 11 May 2026 07:44:06 GMT</pubDate>
            <atom:updated>2026-05-16T00:52:03.286Z</atom:updated>
            <content:encoded><![CDATA[<h2>Logo</h2><figure><img alt="" src="https://cdn-images-1.medium.com/max/596/1*6d4X8-mYoWDJNY6hywGm3w@2x.jpeg" /></figure><p>I create a logo by drawing a cartoon style of my face laying on a drawing paper. Her mouth is holding a pencil, representing my identity as an artist and creator. I used an unusual green for the character’s eyes, and her gaze does not look directly at the viewer. This suggests that her thoughts are as imaginative and free-roaming as her eyes, and her gaze reflecting her unique perspective in observing the world (looking into the distance).</p><p>The font is in a hand-drawn style, and the words “Concept Artist” and “Animator” are arched to fit the outer silhouette of the character. I then implemented the same logo on my website and CV.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=bf3d53e70f9d" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[(EMPRD) Designing a Minimalist Animation Portfolio Website]]></title>
            <link>https://medium.com/@joycelyn00707/2-bf3763c9b353?source=rss-811c2b64a9c4------2</link>
            <guid isPermaLink="false">https://medium.com/p/bf3763c9b353</guid>
            <dc:creator><![CDATA[Joycelyn Ma]]></dc:creator>
            <pubDate>Sat, 09 May 2026 22:39:06 GMT</pubDate>
            <atom:updated>2026-05-26T23:05:07.720Z</atom:updated>
            <content:encoded><![CDATA[<h2>Research on designing a Minimalist Animation Portfolio Website</h2><p>Referenced link for research:</p><p><a href="https://morganebillault.com">Morgane Billault</a></p><p>1) Website Structure &amp; First Brand Impression</p><p>Professional Domain &amp; Consistency:</p><p>• Ensure the website domain is professional and aligned with the personal brand identity.</p><p>Visual Design &amp; Background:</p><p>• Use a pure white background without unnecessary visual noise to maintain a clean and minimal aesthetic.</p><p>• Avoid placing text inside heavy bounding boxes or containers, even for written content, in order to preserve visual clarity and openness.</p><p>Brand Identity:</p><p>•The creator’s name should be clearly displayed at the top of every page.</p><p>Navigation &amp; Layout:</p><p>• The navigation bar has a clear and organised structure, including:</p><p>. Projects</p><p>. About / CV</p><p>. Contact</p><p>2) Project Content &amp; Depth of Presentation</p><p>Project Details &amp; Behind the Scenes:</p><ul><li>Each project page includes a “Behind the Scenes” section that presents:</li><li>Sketches</li><li>Production process</li><li>Inspirations and references</li><li>Final outcomes</li><li>also include reflections on favourite parts of the creative workflow and personal insights. This helps demonstrate the creator’s depth of thinking, artistic passion, and professional process.</li></ul><p>Homepage Prioritisation:</p><ul><li>The homepage should feature the most visually striking and best-designed project first in order to capture attention immediately.</li></ul><p>3) Typography, Layout &amp; Visual Balance</p><ul><li>Use subtle light blue accents or restrained colour variations to distinguish different categories of content while maintaining a clean overall visual tone.</li><li>Typography remains spacious with generous letter spacing to preserve hierarchy and visual breathing room.</li><li>Use fewer than three font families throughout the website. Font variations remain subtle, such as slightly heavier weights derived from the same typeface family.</li><li>Choose simple, thin, and widely spaced typography to create visual balance with animation-based artwork.</li><li>To separate sections of similar text content, only use thin divider lines in the same colour as the typography, while maintaining generous spacing between sections.</li></ul><p>Project Layout &amp; Borders:</p><ul><li>Since the site uses minimal text and a pure white background, project borders remain extremely thin or nearly invisible to maintain a refined and balanced composition.</li></ul><p>Similar Typeface of the website :</p><ul><li>Inter is currently considered an industry-standard web design typeface due to its neutral, modern appearance and excellent screen readability.</li></ul><p>Recommended settings:</p><ul><li>Font Weight: Light 300 or Extra Light 200</li><li>Letter Spacing: 0.05em — 0.1em</li></ul><p>4) Contact Information &amp; Functional Structure</p><p>Placement of Contact Information:</p><ul><li>Visible contact details should appear in the footer of every page.</li></ul><p>About Page Requirements:</p><ul><li>Personal background and experience</li><li>Contact information</li><li>Professional software and technical skills</li></ul><p>Cross-Project Navigation:</p><ul><li>At the end of each project page, include an “OTHER PROJECTS” link or section that guides viewers toward additional works and encourages further exploration.</li></ul><p>Professional Contact Methods:</p><ul><li>Clearly display a professional Gmail address and other contact methods so visitors can easily reach out without confusion.</li></ul><p>How I Can Implement These Ideas Into My Website</p><p>I can implement these design principles by creating a minimal and highly structured portfolio website focused on clarity, visual balance, and professional presentation. The website would use a clean white interface, refined typography such as Inter, and spacious layouts to allow the animation work to remain the primary visual focus. Each project page would include detailed behind-the-scenes development, including concept art, workflow breakdowns, and creative reflections, helping communicate both artistic process and technical ability. Consistent navigation, subtle visual accents, and carefully balanced spacing would strengthen the overall user experience while reinforcing a cohesive personal brand identity across the entire site.</p><p>My website link :</p><p><a href="https://joycelyn00707.wixsite.com/joycelyn-ma-1">HOME | My Site 1</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=bf3763c9b353" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>