Adobe Animate Semester 2 Products

-

 Session 1: Moving Robot

Our first task with adobe Animate was to animate a robot we created moving across the canvas, adding more to the animation as we went along, staring with a simple motion, to adding spinning with rotation manipulation, and finally changing the opacity of the robot using the Alpha settings. Here is the end results of my work from this session.





Session 2: Moving Bug

For our second session we were tasked with animating a bug flying across a page after pressing a GO button, focusing more on actual animation on the subject compared to the robots task. By carefully layering out the different parts of the bug and manipulating them, paired with Adobe Animate's motion tweening, I was able to create a fairly basic but decent looking animation. For the button we made use of the code snippets included in Adobe Animate along with it's keyframing, to trigger the button to jump to the frame where the bug starts flying, staying frozen until the button is pressed. Below is the link to the end result of my work after this session.

https://drive.google.com/file/d/19W9MVmCy8QrW9Ns7T6jOPD1G-b0nA7mf/view?usp=sharing


Session 3: Design Poster Assignment

See blog post for assignment here:   https://www.blogger.com/blog/post/edit/6728142558187893817/5921414152942169831?hl=en


Session 4: Interactive Keyboard

For our fourth session of the semester we were tasked with creating an interactive Keyboard that would play an accurate note when clicked. All the keyboard sounds were provided to us in advance, meaning that we needed only create the keyboard graphics themselves. Each key functions as a Button, each with their Down frames containing the sound clip for their respective key note. The keyboard also includes a Play button that plays a pre-recorded song clip, as well as a Stop button to stop the music. Below is linked my keyboard I had created at the end of the session.

https://drive.google.com/file/d/1TCWB4ZoWW_myPJrdUyzurb2JQm-dnFbr/view?usp=sharing


Session 5: Day to Night City

Our fifth session with Adobe Animate was to create an interactive graphic of a city with two button that switched the city between day and night. This was done using the motion tweening feature to change the opacity of the day elements of the project which sat above the night elements in order to create the illusion of a seamless transition from day to night. Additional features were also added to the city, namely alternating window lights and visible planets in the night sky. In order to prevent the wrong button from playing when pressed and causing time to jump between sunrise and sunset, I created inactive duplicates of my Day and Night buttons that did not include their instance name, so that when clicked they would not flag the action code that change the current frame. Below is the end result of my work from this session.

https://drive.google.com/file/d/1UUq12saJl-U80MD0CYgV__91aft1XvfB/view?usp=sharing

Comments

Post a Comment

Popular posts from this blog

Storytelling and Gaming development timeline and doccumentation.

-
Image
The purpose of this blog post is to outline the development, creative process and progression of my Storytelling and Gaming assignment for my second year second semester at Hertfordshire University. While I understand that the assignment brief requested a series of blog posts to be created over the duration of the project's development, I neglected this aspect of my work out of no fault than my own, due to already having to maintain a seperate blog for my Independent Project, and on being told prior that the final end product was the most significant component of what we present. I appologise for the unprofesional nature of this stand-in blog post, though shall do my best to use this blog post to deliver a cohesive timeline of events. CREATIVE DEVELOPMENT My choice to have the style and asesthetic of my storytelling project to be in the form of a retro-esc videogame introduction cutscene game both from my enjoyment of the style of introductory cutscene I wished to make, as well as...
Read more

Animating in Photoshop 2 - 17/11/2023

-
Image
 Today in Photoshop continuing onward from our bouncing ball project, we moved onto more complicated animation, namely being the animating of a simple walk cycle. To do this we used a template from AngryAnimator.com as a base for our initial animation. Below is shown the template we used for our initial animation. To animate our person taking each step we first separated each part of their body into their own layer, the head, the torso, and front and back arms and legs. This was done to make animating far easier and to prevent unwanted squash when warping the limbs, additionally converting each layer into a smart object for easier animating . In order to make the arms and legs move we utilised Photoshop's puppet warp tool in order to establish joints on the arms and legs to manipulate and animate. One again using Photoshop's timeline feature we created a 25 frames per second animation of the walk cycle. After that was complete we then created a background for our person to walk...
Read more

Animate Future Stories Piece Documentation

-
Image
 For my Adobe Animate project for our Future Stories assignment I chose to do a rendition of the 3 Little Pigs story modified to be an educational interactive story for children about Internet Safety and Password Security. My initial design process was done by drawing out the designs for the characters, the story structure and the movement of assets in animate in Adobe Photoshop, which can be seen below. The wolf was designed to be more angular, mainly made up of triangles to signify danger, also being a harsh red colour with yellow added on his ears and grin. The three pigs all share the same base body structures, but being colour coded and with different shaped heads, each chosen to signify the stability of each pig's house, or in the case of my story, passwords.  The first big has a circular head and is sacredly, with circles not being very stable shapes. The first pig is also a light blue colour to represent their general sad attitude and passiveness. The second pig is squ...
Read more