Hyperlapse Animation

For the hyperlapse, I used an angle of the treehouse in my backyard. The sky was cloudless, so the scene couldn't capture the passing of time all too well, but I believe that the animation came out just fine in the end. I actually ran into some errors with using an older version (CS5) of After Effects, as the warp stabilizer effect was only included in the CC and CS5.5 versions.

Spud Goodman Email Newsletter

Our online assignment had us create an online HTML based newsletter for The Spud Goodman Show. We used tables in Adobe Dreamweaver to create our layout, and linked our site using true source links to an online server.

Again I had forgotten a lot of simple Dreamweaver skills, so the fact that it was an online lecture really saved my butt. I aimed to just finish the assignment and to get everything working, so I don't necessarily expect full points as I didn't do anything outstanding. I did however, learn more technical HTML skills.

Using tables, as well as some basic tags for alignment and colors, I created a layout similar to our teacher's example. The most technical (and frustrating) part however was getting the links to work. After connecting and hosting files on an online remote server provided by the class, We had to set and change the file paths from local to remote.

Photoshop Dreamweaver Site Slicing

For this assignment we were to create a web page in Photoshop and cut it into slices. These slices were then imported to Dreamweaver in order to piece them back together.

For my page I created 4 slices as show below; separating the header, the navigation buttons, the body text, and the footer.

with slice

without slices

Infographic

For my infographic I did a grand piano vector I had made a while back. I used facts about the history of the piano, as well as some of the mechanics behind how it produces sounds.

For the infographic buttons I used musical symbols such as varying notes and the bass and treble clefs.

HTML Slider

This assignment was another comfort one. We had to create a simple interactive clipping animation in Adobe Edge Animate, a program that we used frequently in the 210 class. Using the word water, I created a thematic text animation that can be played forward and backwards upon clicking the buttons (wet/dry)

I just used a clipping mask in photoshop and some {stop} {play} actions in Edge Animate.

2D Zeotrope Animation

Intro To Content Management Systems

This week we were introduced to Wordpress, a content management site capable of creating blogs and webpages.

My site (https://jkim220.wordpress.com), contains numerous photos of things that I personally find inspiring and beautiful. Pictures of the ocean, marine life, and the sky. I aimed to create a simple site that had large thumbnails of high resolution images that were sorted by page.

The technical skills used to create the site weren't too complicated, but I learned some new things about Wordpress itself. The interface and navigating the actual content editor took some getting used to, but all of the options were there. Creating new pages, themes, and posts were easy enough to do once you found the right buttons. From there, the webpage / post editor was similar to blogger, with simple video/image upload and text options.

I feel like I did okay on the assignment. Nothing too impressive or flashy, but I met the criteria and explored / navigated Wordpress well enough.