7th December 2018

Mobile Graphics and Animation

I installed Adobe Animate CC on my computer at home and tried to familiarize myself with the tools, although I could not get started with animating because the workspace was very different to what I was used to when working in Adobe After Effects and Adobe Premiere Pro, therefore I decided to watch Connor’s (2016) introductory video to Adobe Animate which gave me insight into the frame-by-frame animation style that tends to be used when working in Adobe Animate  – which contrasts to the keyframe animations I was used to doing in other Adobe programs.

Markup Languages and Styling

I researched different UI Themes and Syntax Themes for Atom Editor to better suit my preferences and make developing more comfortable, and settled on Seti and Monokai Seti. Another noteworthy change I made that helped me with development was to set up AMD’s Eyefinity (2019) to scale my editor over two screens flawlessly, which enabled me to use the atom-ide-ui package to allow me to navigate through my code.

The aforementioned changes that I made enabled me to work more efficiently, which was necessary as I decided to create some of the website using JavaScript to create/set content, in particular this was used for the ‘my work’ page as I decided to keep it as one page with multiple sections. As documented by Mozilla (2018), I looked into how to use JavaScript to manipulate the HTML DOM elements for a smoother website experience.

References

Connor, D (2016) Learning Adobe Animate CC: Animation. Available at: https://www.lynda.com/Animate-tutorials/Learn-Adobe-Animate-CC-Animation/475937-2.html?srchtrk=index%3a8linktypeid%3a2q%3aAdobe+animate+short+animationpage%3a1s%3arelevancesa%3atrueproducttypeid%3a2 (Accessed: 13 January 2019)

AMD (2018) Multi-Display Eyefinity Technology. Available at: https://www.amd.com/en/technologies/eyefinity (Accessed: 13 January 2019)

Mozilla (2018) Document Object Model (DOM) | MDN. Available at: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model (Accessed: 13 January 2019)