Support the Blog!

Saturday, May 28, 2011

Vintage Art With Vectors

Difficulty: Medium.  Recommend using a stylus for tracing.

I recently got married in Hawaii. Sure, I enjoyed the beach (and maybe too many Mai Tais) but I also enjoyed a lot of art. Down town Lahaina is crammed full of shops featuring local art and a surprising amount of celebrity art. Ronnie Woods is brilliant! But I found myself being inspired by the vintage prints placed throughout the resort.

I wanted to capture the vintage look in an iPad project and found that vector art worked great. So today I'm going to show you how to do your own vintage art using the iDraw app. Your finished piece will look something like this:

If you haven't all ready, you might want to check out my first blog on vectors where I go into detail on using the iDraw app before starting this one:

Step 1: Create the Palm Trees
To start, we need to set the background color to red from the image settings menu.

You will want to mute your colors in this project to give it a vintage look.

Next import an image of palm trees to use as a template. You can download the picture I used at this link:

Use the Pen tool to trace a general outline of the palm trees point by point. Then set the object color to a muted black.

Tip: You can combine separate paths into one object using Union.

Use the pencil tool to add details to the palm tree. Once the palm tree is complete, set the outline to invisible. With the Pen tool, add a yellow line along the side of the palm tree.

Set the layer to not visible and proceed to the next step.

Step 2: Create the Background Elements
For this project, we will use yellow accents to add depth and the feeling of motion.

I drew these in using the pencil tool selecting a muted yellow with a bit of orange as the fill. I set the outlines to transparent.

Now draw in a sun. Create horizontal bars using the line tool with the width set to 6. Use a muted white as the line color.

You see suns drawn this way in a lot of surf and skateboard art.

It doesn't have to be perfect. We'll cover up any imperfections with the next couple of elements like the stylized cloud below.

Using the Pen tool, create a shape stretching across the horizon allowing the background elements to peek through. Set it to the same color as the background.

On a new layer, use the Pen tool to create islands along the horizon. Set the fill to a muted black and set the outline to transparent.

Draw in yellow highlights along the islands.

You can see all the elements coming together nicely now. Let's proceed with creating the foreground elements.

Step 3: Create the Foreground Elements
On a new layer, use the Pen tool to create grass shapes in the foreground. Set the fill to a muted black and the outline to transparent.

Now set the palm tree layer to visible and adjust any of the elements that might need lining up, adjust the order of layers, or adjust any colors to blend.

Now for the final touch, we will add a hula girl to complete our piece. On a new layer import a photo for reference.

I found the one below using Google image search with the term "Hula Girl." We will be just creating a silhouette from the image so don't get hung up on the image being perfect. You mainly want to capture the position of the hands and the texture of the grass skirt.

Using the Pen tool, trace an outline of the subject. Set the fill to black and the outline to transparent.

Now remove the photo reference and adjust the layers, placing the Hula Girl between the foreground and the background layers. Using the Pencil tool, draw in a crown of flowers to accent the girl. Set the fill to yellow and the outline to transparent.

To give your image a poster look, you can add a title to your piece. I used the Optima Bold font with a shadow effect for the title below.

Your piece should be complete.

Export the image to Photo Gallery for sharing. I cropped my image further using Photogene to set it to poster dimensions.

And that's it. Drop me a comment if you have any questions or just want to share your own artwork. Until next time, Aloha.

Posted using BlogPress from my iPad

Products Used:


Tuesday, May 17, 2011

Intro to Funk Box

In this video tutorial, I show you how to lay down beats with the Funk Box app.  Funk Box has a groovy, retro interface, that is loaded with features.  I crack a few of those features including customizing groove boxes and routing beats to other apps through virtual ports.  Enjoy!

Funk Box is available now at the Itunes App Store:
FunkBox Drum Machine - Synthetic Bits, LLC

Tuesday, May 3, 2011

Caricatures Made Easy

Let's face it, caricatures are cool. Being able to do your own is even cooler. Today I'm going to show you how to create your own caricature using Toon Face and ArtRage. The results will look great and you won't even have to make a trip to Six Flags.

The finished project will look something like this:

Don't be intimidated. This is a lot easier than it looks. We'll do all the heavy lifting in the Toon Face app. Toon Face is a fun app that let's you create caricature portraits simply by selecting pre-drawn features like eyes and noses. No art skills needed.

For this project we'll need to create three portraits in Toon Face and then use an art program like Art Rage to bring the portraits together and draw them bodies.

Getting Familiar With ToonFace
I looked at various apps like Toonpaint and PhotoCartoon to tackle this project. I even tried a few face-warping apps to enhance the cartoon effect but they didn't come close to the results I eventually achieved with Toonface.

What makes Toonface special is that it let's you use professionally drawn artwork to create your own caricatures. The other apps just apply a smoothing filter and some random outlines. That just won't cut it.

Toonface is easy to use to boot. First there is a built in help page to get you started. There is also a help file you can access from the main menu.

Here's a few tips for approaching this project:

-Slide the ribbon to the far left to access the Background tab. There are some nice textured backgrounds but you will want to use a solid background so that your portraits can be merged together later.

-Once you save, you are unable to edit the portrait again. So be sure you are satisfied with the results before you save.

-Find a good picture to work from. Pay close attention to the shape of the head. Getting the right shape for the head is half the battle.

-Don't get hung up on getting the perfect nose, mouth and hair. This is a caricature so things will be exaggerated. Choose the one element that best captures the essence of the subject and the rest will fall in place.

-If the portrait isn't coming together like you want, try adjusting the distance of the eyes from each other or the distance of the mouth to the nose. A little tweak can make a big difference.

Once you're done creating a portrait, save and export to the Photo Gallery. Create the remaining portraits before moving on to Art Rage.

Finishing Your Caricature
Art Rage is my favorite app to use whenever I want to replicate the look of traditional art. Watercolors, pastels, markers-you name it, Art Rage can do it.

Use the image below to familiarize yourself with Art Rage's layout.

For our project, we will use the felt tip marker tool. You can see the settings I used in the image below.

Once you have your marker set up, you are ready to start importing the portraits from your iPad's Photo Album.

From the layers tool, tap Import Image from the popup menu located in the lower right corner of the layers tool.

Select your first portrait from the Photo Album. Your image will appear in Art Rage with additional tools to rotate and flip your portrait. Simple tap and drag to move the portrait. You can also pinch to resize the portrait to desired size.

Click the Done menu in the lower right corner to set the portrait and return to the Art Rage workspace screen.

Repeat the import process until you have the portraits all loaded and in place.

It will appear as if you have just one unified image now. But If you click the Layers tool, you will see that you have a separate layer now for each imported image.

You can move between the layers by selecting the layer you want to edit. Tap the layer at the top to select it.

Now create a new layer by clicking the New button from the popup menu located at the bottom center of the Layers tool.

The new layer should appear at the top. This will be the layer we will draw the bodies on.

Begin drawing in the bodies with the felt tip marker tool on the top layer using the pallet on the right to change colors when needed.

Here's a few tips for rendering the bodies
-Adjust the line width on the marker to match the line width of the portraits to give the picture a unified look.

-Don't get hung up on the bodies being perfect. Just make sure the bodies are smaller in proportion to the heads in order to pull off the caricature look.

-You can match the pallet to the skin tones in the portraits simply by tapping the color dropper tool to the portraits.

-Save often! When done you can export your art to the Photo Gallery.

-Use a photo editor App like Photogene to crop the picture and add a border.

Congratulations! You now have a finished caricature you can share with friends and family.  Drop a comment if you have any questions or just want to show off your own artwork.

Apps Mentioned