Creating An Interactive HTML5 Slider

Creating an Interactive HTML5 Slider

In this assignment I was introduced with a new software called Adobe Edge Animated to make this interactive HTML5 slider. But first I have to make two version of  texts in Adobe Photoshop, first just a text like you can see the image above, and the second a text that have been modified with texture, like you can see below. Adobe Edge Animated reminds me of Adobe After Effect, but more simple. To play or to activated the slider, you have to see it in a browser, just click the "after" and "before" text, you will see the slider text changed. I hope you like my creation in this assignment.

Creating an Interactive HTML5 Video Game

Creating an interactive HTML5 Video Game

 In this assignment, we just make a video game from a game engine that we can download from a website. I use construct2, with a very clear and easy to understand step by step tutorial. We only need to set the elements on the video game or maybe we can call it to program the video game based on constructions from the tutorial. To create the actual video game must be difficult, especially to be a video game programmer, creating the ideas, design the character and make the game so fun to play with. This one look a simple video game for kids, but still amazed me how people can create a video game, especially 3D animation video game with characters look real like a real human and very detail.

Creating an Email Newsletter

Creating an Email Newsletter

 This is my email newsletter, it is far from good, but I am still learning. Web design is challenging for me, to understand all those codes and HTML server stuff in Adobe Dreamweaver. With a strong determination and also still with the help from my friend at class, I finally accomplish this assignment. To make a newsletter maybe just like making a setting page lay out for a magazine or newspaper, but newsletter lay out is smaller and more simple. The hardest part of this assignment was making the logo. We have to make a certain kind logo according to client request, so we have to follow the requirements and cannot make a logo just like we want. I made the logo pretty simple because I run out of time, and also it is hard to combine the client request to mix the home improvement company image with something funky outgoing style. I'm afraid my logo does not represent a home construction company, but I hope the client likes it. So here is my logo image below.

JQuerry Photo Gallery

JQuerry photo gallery

This assignment is my first experience with Adobe Dreamweaver which is I never learn before, but thanks to my friends Trina Pellet, Daniel Hundven, and Mark Armstrong who taught me how to do it. I love photography and have taken a lot of good pictures while I am living here in the U.S, and this photo gallery assignment inspires me to make my own photo gallery someday.

Creating a Web Page

Creating a web page

For this assignment, completely using Adobe Dreamweaver. I have to download free CSS template and opened it in Adobe Dreamweaver, and modify the template with my own style. It was so confusing at first, but after got help from Tyler Todd and Mark Armstrong, my friends at class, I finally can accomplish this assignment. Maybe it is not perfect, because I mostly only changed the images, text and links, but I learnt a lot that day in how to create a web site, and I think I'm willing to learn more about web design and not feel affraid anymore with confusing html codes.

Pop-Up Gallery

Pop Up Gallery

This assignment is using after effect which is new and fun to me. First, it was difficult and confusing, but then when you learn more, there is a lot 3D animation we can create by using after effect. Since I am a beginner and do not know much about after effect, I made this assignment pretty simple, with camera movement only tracking from one side to side, and also with the pictures moving forward. But I am quite satisfied now, because I know how to move and play with object, lighting and camera in after effect.

Shape Animation

Shape Animation

I love this assignment. At first I really nervous and scared, afraid cannot accomplish this assignment, and also could not find idea what to create. But slowly I remember, when I watch a TV program there is always a short slide opening called OBB, and in this shape animation assignment, I think I can create something like that. But this time I forgot to put a text to make it look like real TV program opening or ending credit title.