Posts Tagged ‘Illustrator’

KITT Happens

Tuesday, August 3rd, 2010

Last weekend was the fifth annual 2010 Adult Pinewood Derby at my buddy Rob’s house and Zoom Creates was there representing. Kris and I both made cars this year and Kris volunteered to build a web-based online scoring tool. He borrowed a projector from Justin, hung a sheet in the garage and we were all able to see the leader board,  who was currently racing and who was on deck. It worked like a charm.

This year was a little different. In the past four years, there were strict traditional rules; weight limit; length limit; no propulsion, etc.. This year the rules were open to interpretation. There was no weight limit. Cars could be no longer than 8 inches—at the start of the race. Any non-flammable forms of propulsion were allowed. It was crazy. There was a remote controlled, gear-driven car, a remote controlled propeller-driven car, a rubber band propeller driven car, a wind-up spring driven car, and the winning CO2 propelled rocket car. There were also a handful of good old gravity driven cars. Mine was one of the latter.

This year, I decided to do make a model of KITT, the 1983 Pontiac Trans-Am driven by Michael Knight (David Hasselhoff) in the 1980′s TV show, Knight Rider. I got the idea when I saw a Tiny Cylon Kit at sparkfun.com back in February. Kurtis, who was allegedly too busy to build a car this year, offered to help me modify and install the lights from this kit into my car so it could be used as a functioning scanner in the front of the car. Well, before I knew it, it was July and I had not ordered the Tiny Cylon Kit or (just like every other year) started building my car. I decided to forgo the  functioning lights due to the time constraints.

I modeled up the car in Illustrator then printed and cut out paper templates. I needed to add some width and height to the original block of wood. I measured and cut out wheel wells and glued pieces of wood to the original block.

I took this modified block of wood along with my templates to Tim’s house and used his mini table saw and belt sander to cut out the rough shape of the car. I then build the hood scoop and spoiler out of thin plywood and glued them into place, cut out the scanner notch and drew the hood, lights and door lines. I also hollowed out a compartment underneath to hold the weight.

Then I primed and sanded and primed and sanded.

Then spray painted him gloss black.

While the paint dried, I cut the lights out of colored paper and drew the license plate in Illustrator. For the windows, I printed out a subtle gradient that would match my diorama. I cut these out of paper and spray mounted them to clear vellum and glued them to the car.

For the diorama, I found a photo of El Mirage Dry Lake in the Mojave Desert in California, added a better sky, adjusted the colors to look like an old TV whose color is going out, printed it out and mounted it to some foam core. I left a curve in the transition from horizontal to vertical to try and create the illusion of a seamless background.

All that was left to do was prepare the wheels and axles. I cannot reveal my technique for axle prep but can reveal that it involves a file, sandpaper, steel wool and a few other secret ingredients. For the wheels, I used a silver Sharpie to draw a thin silver ring where the tire meets the rim and colored the head of the axle (nail) black. I also made an iron-on KITT HAPPENS T-shirt to wear to the derby.

After aligning the wheels I added the weight, polished it up and took it to the race where it placed 5th overall out of  24. Not too bad considering.

Practice Makes Perfect

Monday, April 12th, 2010

Vectortuts Pen Tool Exercise

Need to sharpen your penmanship? The pen tool is by far one of the most important tools in illustrator’s repertoire. It allows you to create lines and shapes by using anchors (think connect the dots). The pen tool can be a bit daunting at first and take a bit of time to master, but it’s definitely a necessity for a ton of projects. I came across a comprehensive guide to the pen tool on Vector Tuts+, which broke down the features, shortcuts, and methods for working with the pen. I’d suggest trying out the Pen Tool Exercise at the bottom of the article if you need practice, or maybe even a little refresher course. Best thing I took away from this read: being able to change the anchor point and handle display. I’m loving the larger sized handles. To change the size of your handles in Illustrator go to Illustrator > Preferences > Selection & Anchor Display. In this dialog box, you can then choose the handle and anchor size to your liking, click Okay, and enjoy!

Anchor & Handle Prefrences

Personal Patterns off the Runway

Tuesday, March 30th, 2010
Designing Patterns

Project Runway pattern design

Spoiler Alert.

I hope everyone already caught last week’s episode of Project Runway, and if not, you should run and watch it now. On the latest show, the designers were put to the challenge of creating their own signature fabric prints to incorporate into a finished look, representative of their personal aesthetic. The designers had one whole hour (I’d like to see what they could have come up with in more time) to draw out their prints on a HP All-in-One desktop PC. Some were hideous (Check out Mila’s rainbow mess), and others were a success with the judges (check out Emilo Sosa’s graffiti styled brand pattern). After creating the patterns on the computer, they were then printed digitally onto fabric. The idea of printing my own fabric made me green with envy. I’m a nut for interior design, so getting to further personalize my home using my own graphic design prowess excites the banana’s out of me. Unfortunately, the task seemed way out of reach.

As luck would have it, I wondered across this gem of a web site that let’s you upload your artwork and purchase your very own fabric masterpiece. Best part is, that it won’t break the bank and there is no minimum! I think it’s time to start getting creative. Need help creating your own patterns? Check out this post on creating seamless patterns in illustrator.

FYI, (for those in the know) I hope I never have to hear “T.G.” used as a nickname ever again. You’re killing me Mila.

Challenge Update with Adobe Illustrator Tips

Tuesday, February 2nd, 2010

014-Paper-Letters-vs-the-AbyssAt the beginning of last month, as a new year’s resolution, I accepted Smashing Magazine’s Design Something Every Day challenge. I am happy to report that I have not fallen off the wagon. I have created and posted to Holodek 365, my blog, every day since January 1. Let me tell you, it is quite a commitment. It is not as easy to find time every day as I thought it would be, but the persistence seems to be paying off.

My thought for the first month was to strictly do Adobe Illustrator tutorials. These became something to fall back on when I was feeling uninspired which so far has been about half the time. I cannot believe all I have learned from following these few tutorials—everything from basic commands that I should know (or have just forgotten) to advanced techniques.  Thought I would share a few of the simpler ones because they have come in super handy since I relearned/discovered them.

To scale just the pattern that has filled a shape, select the shape, bring up the scale tool’s dialog box by double clicking on the tool in the toolbar and check only Patterns in the Options section and then type in a scale percentage.

pattern

Cycle through color models in the color panel by shift clicking the spectrum bar at the bottom of the panel.

cycle

Option + Command click and drag a slider in the color panel to move the other sliders in relation to it. This keeps similar color but with a different tint or intensity. (Especially helpful in RGB mode when creating a gray.)

click-and-drag

Make a layer a “Template ” layer buy selecting Template from the Layer Panel’s fly-out menu. This will lock the layer and make the graphic transparent for easy tracing.

template-layer

16 two-color gradients are much more manageable than one 17 color gradient.

gradients

I have also learned that sometimes rasters have their place in Illustrator (especially drop shadows). Most the rasters I used were eventually vectorized and/or live traced to achieve some great effects I never thought possible.

Hope you find this useful. Here’s to another successful and productive 333 days.

I Accept the Challenge

Friday, January 8th, 2010
007-crazy 3D stripes

007-crazy 3D stripes

In response to Tweedle C’s post about Smashing Magazine’s Design Something Every Day challenge, I have accepted and am recording my progress in my blog, Holodek 365. So far, so good! I have managed to take some time out of each day (seven whole days so far!) and create something. I have heard that a 1000 mile journey begins with a single step or seven. Anyway, the idea is to keep your design time to under a half hour per day but sometimes I get carried away. I do, however, find myself looking forward to it each day. I can’t wait to make something and I especially can’t wait to see what other people have done. It is truly inspirational to see others progress, commitment and creativity from blog layouts to simple sketches to photography to type treatment, etc. They are all searchable on Twitter with #daily365.

It was recommended to go with a theme for your designs. Maybe for one month, try to design something retro. For another month try typographic posters. The possibilities are endless. I have decided to keep it simple and vector in the beginning and follow some Adobe Illustrator tutorials. I run across them all the time while doing research for projects at work but never have time to try them. Now I a just add them to my list as I come across them.

Totally Kuler

Wednesday, October 14th, 2009

Today I was introduced to Kuler, a web application by Adobe that lets you generate custom color themes. Kuler gives you the opportunity to experiment with color variations and also browse themes from other Kuler members. This is a great tool to gain inspiration for colors and assist in creating cohesive color stories. What I loved is the ability to import your own photos and pull color pallets directly from the images. All you need to do is create an account, upload a photo, and Kuler lets you “select a mood” (bright, colorful, muted, deep, dark), offering you a variety of different color pallets taken from the same photo. After you have chosen a combo that you are happy with, you can save it for later access, reference the color values for use in projects, or download a color pallet that is compatible with other adobe programs. The downloadable color pallet is really one of the site’s key features, because it lets you quickly start using the colors in your designs rather then wasting time pulling color values from Photoshop. Below is a custom pallet we generated from one of Tweedle C’s Hawaiian vacation photos and a basic design incorporating the colors demonstrating how very simple it can be to turn inspiration into artwork.

Kuler

Kuler_Example

It’s Smoking

Wednesday, October 7th, 2009

I traveled to the coast last week for a nice relaxing vacation. Being born and raised an Oregonian, I’ve spent many, many of my vacations at the beach. I like to go there because generally, I’ve seen what there is to see and done what there is to do, so I’m more inclined to take walks on the beach and for the most part snuggle inside and enjoy the changing weather (Don’t worry, I didn’t get swept away by the potential Tsunami). I also love, love, love to watch TV shows that I never see on a regular basis. I checked out many episodes of Cash Cab and the Price is Right, and even a little Dog Whisperer (I don’t even own a dog, but that show rocks). Meanwhile, I missed my DVR and longed to fast forward through commercials.

I can’t say that that watching the commercials was a complete bust, because I did catch on to a cool new trend: smoke art. In a couple of the ads I spotted the use of smoke interacting with a type treatment or image. The effect used black smoke on a white background, creating a high-contrast, dramatic effect that was both eerie and beautiful. Upon further research, I also found a variety of gorgeous smoke images using brilliant colors.

I loved the effect of the smoke in the TV commercials, and it got me interested in finding out how I can create a similar look in my own designs. I found a few tutorials on how to create my own smoke effect in Photoshop and Illustrator, as well as some helpful brush sets, but I think the most dynamic images are when smoke has been photographed and then incorporated into a layout. I’m very curious to try a few of these techniques, and can’t wait to see more from this emerging trend.

Smoke

Vector Dogs

Tuesday, September 15th, 2009

side-by-side

Here is a cool technique for turning a photo into a posterized vector file using Photoshop CS3 and Illustrator CS3. (Dont worry, it’s relatively easy.)

(more…)