Application Design 2—Task 3

-

 Week 11-Week 12

ZHANG HANYUAN(0363727)

Application Design 2 | BDCM | Taylor's University

TASK 3

INSTRUCTION

Micro-animation + Macro-animation

A total of 7 animations

Animation using LottieFile, the software given by Mr Razif to create UI animations.Since I'm not used to animating with this place, I chose to use AE and Figma (Lottie plugin) to create the animation and then import it into LottieFiles.

Here's part of the simple process of animating in LottieFiles

First make sure your graphic is a vector path

Open the create animation, after entering is the main scene page, here is the main scene to do all animation effects

Main scene

Nested scenes then need to be added, like layer layering

Nested Scene 1 (illustration)


If you want to modify the inside, there are also pen tools, text tools, etc.

Nested scenario 2 (text)

Final Animation GIF

GIF

Originally this animation I was planning to put in, the calendar reminder that page to do micro-animation, but later I do not know what is the reason, when I test again, it does not load.


Here are the other animations










GoogleDriveLink:











Comments

Post a Comment

Popular posts from this blog

Advanced Interactive Design - Task 1: Thematic Interactive Website Proposal

-
Image
22/4/2025 - 13/5/2025- WEEK1-WEEK4 ZHANG HANYUAN / 0363727 Information Design / Bachelor of Design (Hons) in Creative Media Task 1: Thematic Interactive Website Proposal List LECTURES INSTRUCTIONS FEEDBACK REFLECTION LECTURES ： Week 2: Adobe Animate (Exercise 1) In our Week 2 lesson, we learned how to draw with Adobe Animate. We were trained on how to utilize several tools, including the form tool, selection tool, and paint bucket tool. After the tutorial, Mr. Shamsul asked us to draw a boat for practice purposes. Week 3: Adobe Animate (Exercise 2) Week 4: Adobe Animate (Exercise 3) INSTRUCTIONS: Task 1  Description Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which ...
Read more

Game Development

-
Image
23/4/2025 - 10/7/2025 (Week 1 - Week 12) ZHANG HANYUAN | 0363727 Game Development | Bachelor of Design (Hons) in Creative Media | Taylor's University  Game D evelopment   Module Introduction In the first week of the fourth semester, the teacher introduced the game development module, outlining the tasks we would complete and the assessment criteria. He emphasized the key elements of game development, including game design, game art, and game technology, and stressed that every game should have a story. In the first week, we formed a team of five. My teammates were GU QIANKUAN, ZHANG Xinyue, CHEN Minhua, YOUSOF and me. Our initial task was to come up with our own game ideas. After that, we discussed, selected a concept, and further refined it through more in-depth research. In the end, the group decided to adopt the idea I proposed. GDD Basic information 1.game title Team name/ member orgranization Genre and platform 2.Concept and purpose Game overview (brief description of the...
Read more

Information Design - PROJECT 1

-
Image
Information Design -  Project 1 02.17.2025 - 03.03.2025 / Week 3 - Week 5 ZHANG HANYUAN / 0363727 Information Design / Bachelor of Design (Hons) in Creative Media Project 1 -Part 1&2 LIST Instructions Lectures Part 1: Infographic poster Part 2: Minimal animated infographic Feedback Reflection INSTRUCTIONS Lectures week 3 week 4 week 5 lecture link PART 1:--Infographic poster Require： Choose 1 infographic poster reference from Internet (Please consult before proceed) Redesign the poster into A4 size. Sketch the idea and process Redesign and simplify the poster based on visual hierarchy & typography Simplify the poster's design based on color, shape & pattern Attach your final poster on E-Portfolio with explanation and reflective writing Inspiration &  Concept (initial ideas and drafts) I found a poster reference on the Internet (Pinterst) and made a preliminary idea proposal. After showing it to Mr. Fauzi, he said that this one had been refined and suggested tha...
Read more