Author Archive

A Katchen: Project 1 Redo

May 14, 2010 |  by  |  Project One, Student Work  |  Comments Off on A Katchen: Project 1 Redo

This flash site design, based around the group Justice, is a redo of my first project. I eventually turned this design into our working projects 2 and 3, but this is the PSD that those were based on. This site would be intended for fans of Justice or people who are somewhat familiar with what their about to encounter, this is not necessarily intended for the random person who happens to stumble upon this site.
I chose to go with a two tone flash site, since most of their album artwork is two toned. I chose black and gold since they often also choose these colors. The homepage displays their logo, which is a very ‘loud’ cross. I felt this was a very strong graphic image and decided to leave it at that. I put the global navigation on the bottom of the page, it just felt right there. I used a typeface called ‘mostwasted’ as it felt like handwritten graffiti to me, which is in line with their street style electronica.
Eventually, in the flash design process, the page includes a music player to give the user a feel of their music, interactive transitions, and a video player that plays one of their music videos.

Katchen Aaron – Project 1 Redo – GRA500

A Katchen: Project 4

May 11, 2010 |  by  |  Project Four, Student Work  |  Comments Off on A Katchen: Project 4

For this redo, I created a jQuery/JS/HTML/XML slideshow for my personal website. (Warning! as of the time of this post, the included zip file only works on the sports page, and the actually website only works on sports and product page). There is no “rationale” for this per se, but I will explain a bit how I did it.

The slideshow player first begins to work when the user clicks on one of the categories, in this case sports. The JS loads an XML document, which has listed out all the photos I would like to include and the category they should be placed in. The JS code counts how many of each photo there are, and then dynamically creates LI elements inside of a UL element for the appropriate amount of photos (one for each). The code then loads each photo into a list element one by one, starting with the first photo the user would view and proceeding to the last. The plus and minus buttons simply fade out the current LI element and fade in the new LI element, all of which are on different Z-Index planes. To those of you who don’t know HTML or JS that made no sense, for those who do, it should be clear.

I didn’t really use any tutorials here as is my nature. I thought logically what should happen and researched how to do each little part, rather than read a tutorial about how to make a slideshow. I also consulted with Ken. Gracias.

Katchen Aaron – Project 4 Redo – GRA500

Aaron Katchen: LiveFrom315 Proposal

March 31, 2010 |  by  |  Project Four, Student Work  |  Comments Off on Aaron Katchen: LiveFrom315 Proposal

5 Words:

Rock (Base)

Visual Concept:

I believe from the few videos that I viewed (my computer seems to want to only play the audio and display a black screen), that clearly the commonality here is music, but there’s something else. These videos all include what music means to the people involved, it’s perceived importance. This made me think that this is a very human element, not something mechanical or electrical, but something very organic that can be traced back to our roots (or fundamentals).
I therefore propose a very natural and organic feel to the website design. I’m not sure of specifics, but it should reflect the 315 natural environment (not necessarily winter). The environment should not necessarily convey happiness nor sadness, but just the organic nature of music and what it has always meant for humans.
This design would probably have a lot of earth tones and textures, perhaps a simple navigation for time’s sake where the user could explore the content from the photo class, but possibly also explore some history of music. The history could be very video specific. For example, when view the hardcore punk video, there may be some information on the side of the video that explains the roots of hardcore punk in the Syracuse area and what genre of music it stems from. This website should be built around the idea of roots and stems, figuratively and literally.

5 Awesome Websites:

1. SAAB Site – This site incorporates the modern world and the natural environment very well together while using video to do so. A bit over our heads here, but great for inspiration about how to incorporate interactivity and video.

2. GE Smart Grid Site – This site again gives some inspiration into how to display the environment in our browser. It seems a bit plain and doesn’t suck the user in as much, but still interesting.

3. Lacoste Red Site – This site has nothing to do with the environment, but is a stunning example of how to combine video, music, and the user experience. Thought it was stupid at first, but man is it amazing.

4. HBO Voyeur Site – This site has it’s programming kinks, but overall a great concept of how to provide cool, interactive, video content to the user.

No fifth site… I liked these four a lot though

Aaron Katchen: Third Project – Video

March 24, 2010 |  by  |  Project Three, Student Work  |  1 Comment

This project added a video player to the Justice site I’ve been working on. The main information of how to use the video component, etc, was obtained from the class blog, but everything else that I used (scrubber, volume controls, fading toolbar) was a lot of trial and error, since I was unable to find too many tutorials relating to this.
I added the video in, which I grabbed from YouTube. I placed a “painted” background behind the video to give it some context. I added the fading toolbar to make it seem more “professional”. The volume slider was more or less an exact copy of the volume slider I used for the music player. The scrubber on the other hand was a new world. While some of the concepts were the same as the slider, it added a whole new world of troubles. I managed to overcome them, although I’m still not sure exactly how. When something works, don’t touch it. There are some minor glitches related to the scrubber, but they’re nothing serious, and I can’t figure out how to get around them right now. (IE, when any toolbar icons are clicked the video glitches a little).
I cleaned up some things from the previous version too. I inverted the colors on the tour map to add more contrast and the song info scroller in the music player no longer scrolls while paused.
The only new animation is the video player. The scrubber is a type of animation I suppose. It moves as the movie plays.
The audience for this project would be younger people interested in the group. This is not really a site to learn about who the members are, but more about what they do and I think the overall vibe gives that off.

Aaron Katchen – Justice Project 3

How to Make Clickable Links in AS3

March 22, 2010 |  by  |  unfathomable  |  Comments Off on How to Make Clickable Links in AS3

Make a Clickable Link in As3… I think

Download Video From Youtube or Other Sites

March 22, 2010 |  by  |  Project Three, Tutorials  |  1 Comment

Download videos from Youtube for your project

Read More

AK: First Flash Project

March 7, 2010 |  by  |  Project Two, Student Work  |  4 Comments

AK Animation Project

Above is all that is needed. FLA + MP3s + SWF + TWEENMAX + FONTS + RATIONALE = 1 PROJECT done and over. I hope…

Sound in Flash

February 24, 2010 |  by  |  unfathomable  |  Comments Off on Sound in Flash

I’m too lazy to post a picture, but here’s some good info for people that want to use soundtracks, especially if you want something to sync with your music

For those who enjoy the absurd…

January 25, 2010 |  by  |  Inspiration, Project One  |  Comments Off on For those who enjoy the absurd…

Antisweden – Trippy

January 25, 2010 |  by  |  Inspiration, Project One  |  Comments Off on Antisweden – Trippy

Who knows what the hell is going on?