Testing the HYPE framework created by Branden Hall and Joshua Davis.
The images below were created by taking a vector shape from a live traced bitmap image and then making use of HYPE’s ColorPool and ObjectPool:
Swatch colors: 0xBAC5D9, 0x9B5534, 0xA3A6A1, 0xD96B43, 0x3B3B3B, 0xFF6200, 0x638DFF, 0xD5A843, 0x5D00FF. The brighter shades were used for all except the first.
I also did a short test with the SoundAnalyzer class in Hype. Each circle was assigned its own octave using the analyzer.getOctave function. Click >here< to view the test!
Click one of the images below to view the animation! [opens in new window]
The image for the first one was taking from a poster for Rise of the Planet of the Apes, while the other has an image of me. The eyes shall follow! Previously I had both eyes following, but then made them both independent of each other.
Animating my name using ActionScript3 in Flash. Click the image below to view the animation [opens in new window]:
I tried to do something following the style of the numbers flipping in The Matrix but instead with the letters of my first name.
Designed as a TTC vertical subway poster.
Here’s an example of a poster on the TTC subway:
I based it off the Seneca winter 2012 ad campaign. The people, pigeon and Seneca logo were vector elements brought in from Illustrator. Original poster size: 20×28 inches.
Another little intro I created, using my website url as the text. Created in C4D, composited in AE CS5.
What we’re doing here is taking an image and recreating the environment to give the effect of different seasons. Original (picture of New York Central Park by unknown person)
Summer! (or I guess you could even take the original for this)
Makin it snow in Winter!
And finally, Spring (didn’t come out that well…)
My second painting, this time I added highlights to it…
Original sketch by hamex on deviantart:
Flash animations generally don’t require too much work if your assets are all setup and you have everything planned out. This was a pretty simple scene with a looping background and a run cycle.
Starting off, I got an image to use as the run cycle for a feline:
Once the image was traced out in Illustrator, I added a gradient and started testing out the animation in Flash since I hadn’t tried it before.
I then came back to Illustrator to add spots to the cheetah and shadows as well. The shadows were just flipped, re-sized versions of the original with reduced opacity.
Moving to Flash, I imported my frames and started setting up my animation. I then imported grass and ground elements from other illustrator files.
I’d already setup one of the layers with a large width to animate so I set that up for the other grass as well, but instead I did it in Flash. This was done by duplicating and reflecting the image onto it’s right side so the part where they join matches along with the beginning and the end ensuring a smooth loop. This was then classic tweened from right to left.
I added clouds and a simple background and was almost done with the animation. Just to test out how audio worked, I also added a song from the lion king soundtrack on a separate layer.
And finally, it was complete! Click to view the flash animation!
♠ Leave me an email (contact page) if you need any help setting up your animation!!