jQuery Slider

What were you trying to accomplish?

I was attempting to add some of my own images into a jQuery slideshow (can be found here). I edited the amount of photos in the slider as well as adding a background color to the page.

What technical skills did you use?

I directly edited the code of the slideshow's index. I inserted my own images into the image source code, and I also added in some google fonts for my header and footer. I added google font code to the source code of the page, and added font family code to the style sheet of the page.

How do you feel you did on the project?

I think I did well on the project as I still had some knowledge of web design elements from the DDSGN 150 course. I was able to apply those skills which made the project slightly easier to complete.

Shape Animation

For my shape animation, I used fairly simple shapes. I also kept the animations for said shapes simple. The first set of shapes used the polystar shape. From there I adjusted the inner and outer roudness settings to make it appear to morph as time goes on. The last series of shapes (triangles) used the repeat effect. I also tweaked the offset on the triangles so they appeared to be flowing across the screen. I feel I did fairly well, although I admittedly started a bit late on the assignment.

Animated Photoshop Brushes

For my photoshop brushes assignment, I was trying to establish a peace and tranquility aesthetic. I chose a photo that included the soft light of a setting sun. I tweaked the colors of the brushes to match that of the photograph's own colors. Using the color picker to make sure that the colors of the brush stamps would match the picture. In after effects I played around with the masks as well as opacity to reveal my brushes. I feel that I did fairly well on this assignment, though perhaps I could have chosen a photo with a less busy background and foreground.

Animated GIF

For my animated GIF I decided to use some of my own pictures. I was trying to go for some very light stop-motion type animation. This GIF was created in Adobe photoshop. Within photoshop I used a stack of images to place individual frames onto the timeline. For every frame before the text, I used about a 0.2 second delay. The frames with text used a full second delay so they would be readable. For my very first GIF I think I did fairly well, and I would totally be open to creating more advanced ones.

My Bio

Hello, my name is Jacob Smitley. I am currently enrolled in the Pierce College Digital Design program. I work primarily in Adobe Illustrator as well as After Effects and Premiere Pro. I absolutely love working with vector art and with little bits of animation as well. When I grow up, I want to be the very best like no one ever was. To catch them is my real test to tra- uhh.. erm.. yeah, I want to be the very best...