I'm SO Stacked!

When my good buddy, Adam Brown, came to me and told me he was starting a pancake business (Stacked Pancakes), I had to laugh. That crazy Adam Brown and his shenanigans! However, it sounds like things are going well and I wish him the very best luck! He's a stand up guy. In fact, GO TO THE FARMER'S MARKET IN LOGAN TO CHECK OUT HIS SWEET PANCAKES! Every Saturday- it is bound to rock your face off.

Anywho, he came to me asking for a logo design. Being a huge fan of pancakes, I graciously accepted. How often do you get to design a pancake logo? That's what I thought.

Here are some comps and below is the final product.






































Interesting side note- Because of this logo I was asked to speak to a class at Steven's Henegar College about my design process. It was a cool experience and I hope the teacher didn't say, "Disregard everything he just said," when I left the class room.

An Attempt at Engagement Photos...

So, here are some photos I did for my step sister's wedding invitations. Needless to say, I struggled a bit. I'm really not used to taking pics of people... wrapping my head around the "cutesy" poses was infuriating. Lessons learned.

Cheers to Chelsie and Jason.

Peterson Wellness Center

Here are some digital comps I did for a company here in Logan called Peterson Wellness Center. Every freelance job is a new learning experience. I learned a little patience with this job. Ha! The client is an awesome guy and very easy to work with. The problem was that I was too lax in pushing to finish the site and he was even more lax... So, things didn't get done nearly as fast as they should have. Totally my fault.

A little insight, the company is a homeopathic treatment center. For those of you who have a strong distaste for doctors, this is the place for you! Ha! Anyway, the client ended using the purple and pink comps at the bottom. I've never been a fan of purple but those were the company colors... couldn't do much to change it... even though I tried.

You can check out the final website at www.petersonwellnesscenter.com


























































Last set: Very subtle changes

Portfolio Site? For Real?

Yes, I've been working on my portfolio site! And it couldn't come at a better time! I've had so many people ask about seeing my work and I've only had this blog to show them. Don't get me wrong- I like the whole blogging thing but it doesn't scream, "take me professionally!" So, check it out! There is still A LOT of tweaking to be done but this is just my rough site. I will post the real site on koryfenton.com as soon as I finish. Until then-

http://www.spring10.graphicinterfacedesign.com/students/kfenton/proj3/

Here are some screen shots of the flash site.

Don't Eat the Yellow Snow

Here's a site I did that is all about snowboarding. It was a lot of fun but A LOT of headaches. I normally keep my sketches in my designated web design sketch book, but for the life of me, I cannot find the sketches for this site. Here's a couple screen shots. Check it out-

http://www.spring10.graphicinterfacedesign.com/students/kfenton/proj2/site.html

Parallax Effect in Flash

So, here's a parallax effect done in Flash that I need to do for school. This tutorial uses the 3D effect built into Flash CS4.

What you’ll need to know:

-Basic knowledge of Photoshop and layer masking

-Basic knowledge of Flash

What you’ll need:

-Adobe Flash CS4

-Adobe Photoshop (any version)

Click here to get the source files. It includes:

-Adobe fla and swf files

-2 PNG files

STEP 1

Break photo into 2 sections:

· Background

· Foreground

Open the photo in Photoshop and make 2 duplicate layers of your photo. Now turn off the visibility on the bottom layer (that’s just there in case you mess up) and rename the top layer “foreground” and layer underneath “background.”

The best way to remove the foreground from the background is to use a layer mask and paint over the areas you want to remove. To do this, select the foreground layer and click the layer mask button.

Then get the brush tool, select the color black, and start painting what you don’t want to keep. If you accidentally paint over an area you want to keep, simply select the color white and paint over the area you want back. I like to use the pen tool to accomplish this, but you can do it however you want.

You should end up with something like this.

STEP 2

Now turn the visibility off on the foreground layer and select the clone stamp tool. This part is a little time consuming, but it doesn’t have to be perfect. The idea is to replace the foreground with what would be in the background. Use the clone stamp tool to work your way into the picture until you have something that looks like this:

Like I said, it doesn’t have to be perfect. It’s very obvious that this has been cloned.

STEP 3

Now you’ll need to export your pictures using “Save For Web.” Make sure to save your layers individually. So, turn off the visibility of whatever layer you do not want to save. The best way to save your foreground picture is to save it as a PNG-24 because it will retain the best quality while giving you transparency. You can save the background as a JPEG if you want because it doesn’t have transparency. Here’s what it should look like:

STEP 4

Open flash, create a new document at the same size of your picture, and set the frame rate to 30 fps. THIS NEEDS TO BE SETUP FOR FLASH PLAYER 10 because it will be using Flash’s 3D effects.

First, import your background picture to the stage (cmd+R).

Then, convert it to a movieclip.

Now under “3D Position and View” change the value of “Z” to 1000.

The picture gets smaller, but technically we have not scaled it down… we’ve just pushed it back into Z space. Now scale the picture up to fill the stage.

STEP 5

Next, import your foreground and follow the same steps as the background picture. However, change the value of “Z” to only 300. Then scale the picture as needed until it matches the original. It doesn’t need to be perfect but pretty close.

STEP 6

Select both movieclips (your images) and convert them into a movie clip (CMD+F8). You should now be able to drag the movie around to see the effects.

STEP 7

Now it’s parallax time. Select the new movieclip you just and decrease the “Z” property to roughly -300.

Next, right click on the movie clip and press “create motion tween.” Then give the time frame a good distance. I used 250 frames. On the last frame set your “Z” property back to zero. I set my motion tween ease to 100 but that’s up to you.

Viola! You’re done. There is plenty of ways that you can change this or use it interactively in a flash site.

Here's what the final product looks like.

Intellectuals are too Sentimental for me

So, here's a website I created for my friend's clothing company. It's really just a joke but I want to thank my good friend Paul for being such a good sport/actor!

This really is a clothing company but if you'd like to see the REAL site, go to www.sentimentalclothing.com.

www.spring10.graphicinterfacedesign.com/students/kfenton/proj1/sentimental.html


UPDATED 5.2.10

So, this semester has been crazy and I never updated my sketches... so here they are!

"You be careful. People in masks cannot be trusted."

Man, I love The Princess Bride.

So, I have to design a catalog in my Type, Image, and Visual Continuity class. Well, we need materials to fill this catalog with... so, my teacher thought we could make some masks! Yea! Anyways, this is what I came up with.