Final Outcome- Creating an Animation

Animation Workshop 

Photoshop animation

Window- Timeline

Create Video Timeline, click create frame animation. 

Duplicate frame button, delete any frames- click on the bin icon not back space. 

To lengthen clips, give it a delay. 

Tweens animation frame, frames to add:

0-25, the lower the more faster.

Click on the first frame press shift, to the last frame, select them all. File export- Render video. Photoshop Image sequence, changes the frames to pictures. 

Adobe media Encoder, frame rate 24.

Work on screen size: film and videos HDTV 1080P (size) 72 pixels per inch. Change the percentage to change the size for the gifs when saving. 

Timeline 

-open artboard folder

-set timeline frame rate- 24

Layer, smart object, will allow the object to get bigger or smaller. Smart object can be resized. 

Command J to duplicate a layer. 

Opacity

Click on the diamond and highlight it, this will create a blank diamond, paste too the diamond of what frame you have copied. 

File Export- Render video.

Creating an animation through Timeline on Photoshop

Final App design

The univers typeface is to bring in all companies together influenced by the Rola Wala website to create a contemporary approach. 

The tools bar were created on illustrator, creating pictograms for functionality. To develop the side bar further, apply pictograms to interpret the icons better and to create a better understanding. The added feature of applying your own pictures through the plus icon, acts like a social media app which applied for the target market by relating the app to social media. The toolbars work effectively by creating the designs to look more finished and have an app aesthetic. 

To develop the app further, perhaps incorporate a background which has a continuous flow. 

To develop my practise further, perhaps explore Adobe XD to create animations. This is a program which specialises in wireframes and animation.