In this blog, there are screenshots below of me using the program After Effect and hows me doing a trial of my app prototype in progress. I had to look up tutorials to help me get the correct effects I wanted my app to have throughout the video, and also adding music to the background. I have taken screenshots to show the procedure on how the app will function. There will be a link to my student Youtube account, that show the videos of trials that I have done with my app.
Mock up no.1 - after some research on basing on current apps, a lot of the loading screens were either a bar, a rotating/spinning circle. I took the inspiration on the spinning/rotation movement for my app's loading screen animation. I used the four colours of my colour scheme and made 1/4 of them. Then I combined them together to make a whole circle to make the rotation animation. I also added the vector of the paper plane as it is sending the information to the plane. Then at the bottom the words 'order being processed..." and "completed" will come after each other. Then once completed, then the circle with the paper plane and the word completed will zoom out of the screen. Giving it a pop out effect to the users operating the app. Below is the link to the animation in motion.
Mock up no.1 - after some research on basing on current apps, a lot of the loading screens were either a bar, a rotating/spinning circle. I took the inspiration on the spinning/rotation movement for my app's loading screen animation. I used the four colours of my colour scheme and made 1/4 of them. Then I combined them together to make a whole circle to make the rotation animation. I also added the vector of the paper plane as it is sending the information to the plane. Then at the bottom the words 'order being processed..." and "completed" will come after each other. Then once completed, then the circle with the paper plane and the word completed will zoom out of the screen. Giving it a pop out effect to the users operating the app. Below is the link to the animation in motion.
Next is a mock up animation of the entertainment section and the motion it does when being used.
This mock up animation demonstrates how the motion of the logo of the app and the typing into an account works.
Mock up no.4 animation displays on how the main screen will appear once logging into your account.
The last mock up animation, presents when the user selects one of the four sections on the bottom of the main screen. In this case, the yellow box title "information" has been chosen. By the user selecting this it will open to the animation below (link to Youtube video) then it will open up on the users one way or connecting flight and much more information based on their flight.
Overall, these mock ups when well. In the tutorials online on Youtube, they all advised me that it is better to do these animations in their individual sections, doing it all at once.
When all the different sections of the app is completed, I can them compress them into one whole video with music.
There was some difficulties when making the animation move in the motion I wanted it to go. But after looking carefully at the tutorials, I was able to overcome the problems.
More screenshots on After Effects and Youtube page.
Comments
Post a Comment