DDSGN 220 Assignment #14

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.

DDSGN 220 Assignment #13

This week we created websites using the content management system, Wordpress.

A screencap of the home page

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.

DDSGN 220 Assignment #9

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.

DDSGN 220 Assignment #8

Our assignment for this week was just to create a piece of art using a pen tablet in either Photoshop or Illustrator. I was pretty happy for this assignment, as it was in my comfort zone (I have been using a tablet at home beforehand).

Normally I use the pen tool in Illustrator, but decided to freehand everything in Photoshop. The assignment said not to use plain color fills, but as I started drawing, I couldn't help but slowly realize that I was using them anyway. I tried to alleviate the problem by using some cell shading techniques, but I'm not that great at it.

Who the hell do you think I am?

DDSGN 220 Assignment #7

We created an online photo gallery via Galleria, a javascript script that creates really cool online slideshows. This assignment was different than the others, as we had to dive into some javascript code. Dreamweaver is one of my weakest programs, so staring down a bunch of div tags and brackets was intimidating at first, but I slowly began to understand it better

Here is the Online Gallery
.

DDSGN 220 Assignment #6

For this assignment, we used Adobe After Effects to create a 2.5D  gallery slideshow effect. By putting images on a 3D ground plane and by using lighting, I tried to create the illusion of depth. I included frames on my photo to make the images stand out more from both each other and the dull background.

DDSGN 220 Assignment #5 (Lowercase)

And here's the lowercase and numbers! 

DDSGN 220 Assignment #4 (Uppercase)

Our third assignment had us creating fonts, so I introduce to you, Ligartho font.

Using the Font Creator program (a freeware font creating tool) and these Adobe Illustrator Brushes, I hand wrote a set of uppercase glyphs for my font. The brush itself had a jagged, eerie kind of look, so I wanted the font to reflect that yet also be readable, so I just wrote in print as neat as possible (sans-serifs of course)

DDSGN 220 Assignment #3

Our second assignment of the quarter was to create a design in Adobe Illustrator and translate     that into a real life vinyl sticker. I already had a list of logos / images that I thought would look cool plastered to my laptop or a binder as a sticker, so using the pen tool in Illustrator, I created vector graphics of some popular icons.

Baymax, Arch Linux, Tri-Force, Platinum Face

The assignment specifically requested a three color design of our choosing, so I decided on an old logo I created for my sister's soccer team.

As a side note, I have not yet cut out these vinyl stickers, and will edit this post with the photos of them as soon they are completed.

DDSGN 220 Assignment #1

For our first assignment of the week, we had to use mask layers in Adobe Flash to reveal different photoshop brushes on an original photo of our own. Using a picture of my brother and some cool gear brushes, I opened up his head and turned him into a robot.

I wanted to use the concept of the top of a head opening like a lid, revealing the brushes inside. At first I wanted to use an edgier theme, like a waterfall of thoughts and notebook scribble ideas. I instead opted for more machinery because it was simpler and more realistic to achieve. I tried to use different gears and I overlapped them to create some depth (although they still remain somewhat flat).I had to take two pictures and cut my brother out of one of them so I could slice his head open. Then in Flash, I created a different mask for each gear layer and animated the head using a classic tween. Post-production I used After Effects and used the pen tool to create two new layers for each eye, then I applied a glow effect and set opacity on a timeline to fade in and out. Finally I rendered the whole thing in Premiere with some choice sound effects.

I feel like although the overall design is simplistic in nature, it meets the requirements of both the assignment and my expectations. It is only the first week after all, and the assignment was light enough to warm me up for the rest of the quarter.

c u l8r allig8rs

Introductions Are in Order

Hi there! My name is Justin Kim, and this is the first post of my blog. Created for my Digital Design 220 class, I will be posting all of my awesome assignments onto this blog for everyone to enjoy (and so they can be graded).

About me:

I am 18 years old and go to school at Pierce College. I am currently enrolled in the Digital Design program and wish to work somewhere in that broad field. Aside from schoolwork, some of my favorite activities include playing video games, reading (whenever I can find a good book), and doodling.

Unfortunately, I am known for being a severe procrastinator, but I will try my hardest this quarter to do my best work. :P

Peace out girlscouts.