Seattle's 12th Man on the Moon

This took longer than expected. I needed to compensate for an older automatic camcorder, no green screen and no lights. I used two layers: one using the luma key to get rid of the outer edge and the other using the roto brush for the inner edge. Everything was composed in After Effects (a little in PS) while final editing and sound were done in Premier Pro. HD
I didn't put some shadows in, but you realize this isn't real, right?

CSS3 Styles

Every time I think I get something down in web design, then add something new, I seem to end back at square one.
Just new puzzles to solve. - And I like doing puzzles, especially when I figure them out.
Still working on why I can't get the padding to work on the AP divs and why I can't get the multiple images to show up.

DVD Transitions

Again, I keep liking AE more and more. And again, there are too many choices to experiment with. I mainly used the scatterize effects.
It was good to get back to Encore. I needed the review.

PS 3D Text

So many ideas to try. I keep trying different looks for my logo. I spent too much time on trying to down load a glass surface.In the end it worked out pretty well.

Taking the Stairs

The image is a section of a staircase, which I then rain it through a number of differt adtions to form larger shapes. Most were simple one or two steps, but a few involved multiple steps. It started with the whells and grew fromthere. The stacks were acheived by adding the mozaic filter and changing the blending mode blending. The smoke took a little bit of thinking and trial and error. I starting using the polarizing filter and blur, but ended up using the blur, transformation, and opacity to get the final results. More than half wy through and too late to turn back, the image reminded me of Blue Meanies. I know only a handful of people who know hwo saves the day. Brian, of course, you're one of them. Craig, you're the other.

This one goes with the 3D Text post but I didn't want you to see it until you viewed the image above.

Website from a Template

The difficult part of making a site from a template is first deciding on what you want to keep and what you don't. I picked this one because of the transparencies involved. The new or unfamiliar elements didn't bother me. They were just puzzles to decipher.
There is one that I'm still trying to figure out. The lower grey div should be a shaded yellow, but I must have deleted something from the original that influences it. I also need to change the company logo on top. If it;s not ther, then I fixed it before the deadline.

Interactive Text

Here is an interactive mask with a thematic text. . A quick little assignment. I'm trying to figure out something a little more complicated, but I think I need to know more code.  Now I can load more Flash projects directly onto the blog.

Shape Shifter

The hard part of making a animated shape in AE is that there is are so many variables from which to choose.  I thought I'd begin with animating a line, but then I decided to end with it.  Every time I work with AE I like it more.
I ended up not doing as much as I wanted to. Needed more time.

Model A

I used html emails awhile ago with some success but also with a limited knowledge to figure out why things would go wrong. I doubt that things won't go wrong in the future, but hopefully I have enough know how to get out of trouble.
The part that took the most time was doing the logo. The design came fairly easy, but Illustrator slowed me down :) Though I do like the way the logo came out.

Popup Movie

Well the tour is complete (for now). I need to add video and animations and of course, fix the shadow on the photographs, which didn't show before rendering.
At this moment, I'm waiting for my movie in AE to render. At this time (6pm on Sunday), it has rendered 446 frames out of 1755 and has taken 4 hours with an estimate of 10 hours and 24 minutes to go. Which means, it should be ready for me in the morning. However, with every frame that it completes, it tacks on another minute to the estimated time left.
I had to to keep fine tuning it, didn't I?

Update: At 4am still only 22 seconds of the 58 done. I put what I had to music and will finish it later.
Luckily all the time I did put in on the assignment paid off. I was able to put another one together in about an hour. This one rendered in 7 minutes.  whewww!

Lesson Review - or Brian-isms
Larger resolution-Longer Render Time
More Lights-Longer Render Time
More Shadows/Specularity-Longer Render Time

Galleria Screenshot

This is the screenshot of my photo gallery using Galleria. It was an easy process for me. I did try something different using CSS3 script. The navbar was a set of boxes the scrolled up/ A nice effect that worked in live view but not in I.E. or Firefox so I didn;t risk loading it. Had trouble with the black area on the right. I switch all widths to 950 px but to no avail. I sleep on it and see if it'll come to me.

3D Coat

This was suppose to be an easy and fun assignment. I bit off more than I could chew. My idea was to have my hippo hanging out of my train (both of which were made in Lightwave.

I ended up learning a bunch. How to prepare the objects for 3D Coat and what not to import without them being  properly made. I did get a cool looking train when imported though I couldn't paint most of it.
Even the hippo had some problems with the face and feet. That's why he's from Bizarro World.
Yes I know they have white skin, but my farmboy hippo has a "farmer's tan".

SLAM Cover

Designing a cover for SLAM
Magazine was another
challenging but enjoyable
assignment for me. I wanted
to do a play on words with
the magazine title,
so I tried two different
designs: one in Photoshop
and one in Lightwave.

Making Custom Brushes

I enjoyed making the two brushes in Illustrator and in Photoshop.The Art brush in Illustrator was a little tricky getting the results that I wanted but the Scatter brush and the PS brushes were pretty straight forward. Plus I'm more familiar with the PS brushes.
The Illustrator design started with the bees brush (and the Art line brush) and ... well one thing just lead to another.

I've been wanting to do an image like the one of the horse in Photoshop. I made the stars, squares and circles brushes and used them to add and subtract from the horse image. I also used some smoke brushes as well as splatter and horse's mane brushes.

Hope you enjoyed them.

Extreme Makeover

This is a video animating the steps used in a glamour airbrushing exercise.
Warning: Not responsible for resulting nightmares.

Using a Tablet in Illustrator

The following is an exercise on using the pressure sensitvity of the pen and tablet to do an illustration. I used Iluustrator, since a program on which I could use more time. Instead of using a sample of different types of brushes, I limited myself to the Astistic Watercolor brushes. I never use that set of brushes and some were pretty straight forward but some had unpredictable results when using different stroke/lines length.

Concept Art

After reading the synopsis to the book, Starphoenix, I needed to create two pieces of concept art with an option to include them in a book cover or movie poster. I decided to incorporate my concept in a book cover.
I enjoyed this challenge. It gave me a purpose to use my newly acquired skills with my old ones in a real life situation.
I created the mushroom shape buildings, the landscape and the space ship in Lightwave as well as the sword. I then brought them all into Photoshop. I manipulated the sword then added the fire. The finishing touch was adding the copy information.

A Vinyl Sign

I got to use a very convenient little program and printeron this project. When I usually make posters or vinyl signs, I print them directly on vinyl using my Epson printer.
I needed to design a three color sign in Illustrator and use a program to cut out each individual color on separate sheets of self-adhesive plastic then reassemble them.
The difficult part was coming up with a useful design. I decided to build it around the slogan, 'Imagine' from the Art of Design Logo. Once that was acheived  it turned to a logical path that plays on the phrase 'Think Outside the Box.'
This a facsimile of the vinyl sign.

Creating a Font part 2

Lowercase

In the second part, comes the lowercase gliffs, numbers and some punctuation marks. This went quicker than doing the uppercase for a couple of reasons. Being more familiar with the procedure and the programs was one and the other was the gliffs were less complicated. The process would have been even less time if the Illustrator action that I wrote would have worked. The action wasn't recording the Expand Appearance. If it had, it would have taken 5 seconds to transfer each gliff from Illustrator to Font Creator.
Oh well. I'm looking forward in trying a different  font program and will let you know the results.

Creating a Font

Uppercase

This the first half of the of the lessons on creating our own font - Uppercase.

I enjoyed making the gliffs, but it's a long meticulous procedure. It took some work and a lot of trial and error to get a brush stroke that I liked and that would also render correctly in the font program. Since this is a jpeg of the font, it doesn't show that in the bolder part of the letter, there is actually a space caused by having two strokes adjacent  to each other. I'm in search for Illustrator brushes that similar to a few of my Photoshop brushes to try another font set. 

Animating Brushes

The challenge was to incorporate the use of three different Photoshop brushes into a photograph, then animate brushes in Flash using masks. 

Well, I didn't want to do any type of floral design decoration, so I went thescenic route.

Though I made the brushes of the sheep and stroked them on a path, I wasn't quite satisfied with it and I didn't think the border collie joke was good enough to pull it off. So I did another one.

In the Lake Tapps / Mt. Rainier, I thought the brushes needed a little extra so I added a bevel and emboss and inner shadow effects to the trees and leaves brushes as well as a drop shadow to the grass brushes. I animated the smoke, trees and leaves in Flash, then did a motion tween on the ground to fade in and a shape tween to the explosion smoke brushes. Before I added the title and ending, I wasn't satisfied with the fast speed of the animation, so I had to add some increments to the animation and extra frames to get the final results.

If I did each tree and leaf on its own layer, it would have given the image more dimension, As it is, I have more than enough layers already (Flash was running a little slooow.) 

Welcome to My Humble Blog

Thanks for stopping by.

The Flash banner in this blog is the beginning of the design for my Art of Design web site.  If you follow, the site will come. It will be announced here first ,when it is completed.

I will be including assignments from the Digital Design Program at Pierce College as well as my personal work that I hopefully will have time to create and post. In the meantime, I hope you enjoy this blog site as much as I hope to have creating it.