Wine Label

ss3

The Challenge
Using the ObjectPool HYPE framework ActionScript, we were to generate a design which will then be used as a wine bottle label.

ss2

The Goal
My goal was to create a random generator using specific colours and shape to create a suitable design for a wine bottle label.

ss

The Result
VIEW THE WINE LABEL GENERATOR HERE

My final version of the wine label is pictured above – called YATZA Red Win.

Drawing Application

ss2

The Challenge
The instructions was to create a drawing application to provide interactivity to the user.

ss3

The Goal
The goal was to not only to have the user able to draw using a click of a mouse button, but to change the color of the brush and the background, as well as be able to clear the screen. Unfortunately, that’s where the issues occurred. I could not figure out an ActionScript code to clear the screen after the user has drawn on the app.

ss

The Result
VIEW THE DRAWING APP HERE

Visualizing Audio Data

The Challenge
Using the HYPE Framework on Adobe Flash, the goal was to visualize audio data.

ss3

The goal
I tested out different variations of colours, number of items on the screen, opacity, scale, etc. until I found one that I was content with – a three column star visual to keep everything clean and simple.

ss

Results
VIEW FINAL AUDIO DATA HERE

Song: Major Lazer – Get Free (feat. Amber of Dirty Projectors)

MY BAD BONE

Overview
Using the skate decks that we designed in the previous semester, this assignment requires us to build a website layout and design, and a social media app for “My Bad Bone” skate company and their partner Redbull® to promote the previous skate deck designs as a limited edition art decks.

Approach
One of the tasks was to use myself and my design as the models to display on the website’s content page. Using my camera and the wonders of Adobe Photoshop, I was able to realistically place myself in a skate park from a different part of the world performing tricks I have the slightest clue to land.

Challenge
Not being a huge skater myself, I had to research some of the tricks skateboarders perform, what type of music the general community would listen to, the types of designs to create, etc.

Goal
Using Adobe Photoshop, I wanted to design a layout that is both clean and informative. I didn’t want too much clutter and various amounts of bright colours that contrast with each other. Simplicity was my goal here so that most of the attention will be drawn by the colourful limited edition art decks.

Solution
The landing page will merely have a giant high-rez photograph, an “enter site” button and music playing in the background. No other distractions. The main site have a blog-like design, with a big slider near the top to display various images of skaters using “My Bad Bone” decks. The mobile app will be a simple 8-bit game that will attract a population with various ages.

Results
landing_PAGE
The Landing Page
The landing page will be build using Adobe Flash so that when the user clicks to entire the site, the site will wipe circular from the center into white which will then load the content page.

content_PAGE
The Content Page
The first page of the contents will be the news/updates are where anything new related to the product will be posted – including but not limited to upcoming releases, restocks and events. There will be a link to connect to us through social media platforms and a direct link to the shop where users can select and purchase the art deck that they want.

fb_APP
Mobile App
For the mobile app in partnership with Facebook, I designed an 8-bit skating game that will require the user to get to his or her destination by performing tricks like jumping over rails and grinding on them. This game will allow users to customize their own characters and decks as well to create interactivity.

for educational use only : not associated with the following brands and/or copyright material presented education fair use guidelines Copyright Act of 1976

Run Cycle

Watch the full loop here.

For this assignment we were instructed to create a walk/run cycle that displays full motion. I chose to use Russell from the movie UP by Pixar.

First I tried sketching out by hand on how I imagined a good starting point would be for this character.

I Google searched for a run cycle reference and stumbled upon another blog and used it, not for tracing, but simply to see the arm and leg placements per frame.

I scanned my sketch onto Illustrator and began tracing, made a few adjustments and adding colour. I made sure to put most body parts in separate layers – the left arm, the right arm, the legs, and the body. I copy and pasted the body and head 10 times, and repositioned the placement of each arm and each leg in reference with the image I found on Google.

After creating 10 sets, I grouped each one, placed each on a new file in different layers ready, ready to be exported and then imported in Flash.

Creating the background was probably the most time consuming part of the assignment. Adding all the little details to make the jungle area look like an actual jungle, and then making sure that there is a smooth transition between the jungle and paradise falls, and then paradise falls to the jungle.

After all was done, I imported Russell running layers into Flash and made it a movie clip and imported the background as well. Adding all the keyframes and tweens to create the running motion, and added a few adjustments in Flash that I didn’t do on Illustrator (Snipe, clouds, house on balloons) to add a sense of depth within the sky, with the clouds further in the background moving slower than the foreground.

I didn’t have the extra time, but I’ll probably try to go back and update this animation, adding more details to Russell, having his head turn with the motion, etc.

Watch the full loop here.