Quick & Easy Cutout Text in Illustrator

posted by Kelly Illustrator, Illustrator Beginner 3 Comments »

Sometimes you might find that you want to have text cut out of a shape, rather than placed on top of it.  This allows for the colors and/or patterns on the layer behind the shape to show through the letters.  You have a two options for doing this in Illustrator…both of which are quick and easy.

First, create you shape.  I am using a plain black rectangle as seen below.

original shape - black rectangle 

 Next, place your text on top of your shape.  

 place text on shape 

Once you have it positioned where you want to cut it out, with the text selected, create outlines of the text by going to the Type menu and choosing Create Outlines.  The text will no longer be editable once you do this - so be sure it reads correctly.

outline text

 Now you have two options on how to proceed in cutting or knocking the text out.

OPTION ONE

divide the shapesWith both the outlined text and the shape selected, go to your Pathfinder palette and click on the Divide icon.  This will divide the overlapping areas into separate shapes.  Then select any of the letter shapes and delete.  this will remove the overlapping area and leave a “hole” through the shape.

select letter shape 

delete letter shape 

Delete all of the divided letter shapes, and you are left with your orginal shape with “holes” where all of the letters used to be.

shape with cut out text 

 OPTION TWO

 create compound pathWith both the outlined text and the shape selected, go to your Shape menu and make a Compound Path.  This will make the two shapes into a single shape, leaving any overlapping areas as negative space. 

compound path 

Now you can take your shape with cutouts and place it on top of other layers and what is behind it will show through!

sample 1 

sample 2 

Drawing fire in Photoshop

posted by Raffi Photoshop Advanced No Comments »

This is an advanced tutorial. I am using Photoshop CS2, a.k.a. Photoshop 9.0.2. on a PC.

Today we’ll be drawing fire in Photoshop. You can draw this on a blank canvas, but to get the full effect, I suggest you start with a photo. I am using this picture:

paul.jpg

Step 1. Fireball
Add a New Layer.
Select a soft paintbrush in a medium size (I startd with 40).
Using a brick-orange color, make a dot.
Make another dot with a slightly lighter color and slighty smaller brush size (30).
Make another dot with a slightly lighter color and slighty smaller brush size (20).
Last time: Make another dot with a slightly lighter color (peachy/yellow now) and slighty smaller brush size (10).

Using the Smudge Tool in a small, soft size, click somewhere inside your dot, hold and drag it up. Repeat this to make fire tongues coming up out of your dots. Try making them “S” shaped. You can also change the Strength of the smudge tool to vary the effect. (Mine is about 65% and I avoid the lightest color area in this step.) Here are my settings:

smudge settings photoshop

Step 2: Fire’s Glow
Now we’ll add a soft glow around the fire.
Go into Quick Mask Mode (Q), select a big, soft brush (I used 80), and click. The brush selection should be aligned with the bottom-middle of your fire, going up and out from there.

Leave Quick Mask Mode (Q), and you will have a circular selection on your canvas. Right click and Select Inverse. Select your photo layer, and a Color Balance Adjustment Layer.

Adjust the midtones and highlights as shown:

color balance highlights photoshop

Step 3: Making Sparks Fly
Now we’ll prepare our brush to add some sparks to the fire.

brush scattering in Photoshop
With those settings, add a new layer, choose a medium orange from your fireball with the eyedropper and draw some sparks over the fire. Lower the Opacity of this layer (in my case it is 60%). Then drag the layer down so it overlays the top 1/3 of your fireball.

Step 4: Finishing touches
Change again to regular soft brush, use #ffff66 color (or similar light yellow), select a new layer, and make a bright dot inside of it.
Again, I lowered the opacity of this layer to 60%.
Right click on this layer for your blending option and select Outer Glow.

photoshop outer glow blending option

Now use your smudge tool just a bit to give this layer a teardrop shape. Here is my final image:

final fire in photoshop image

How to make a seamless pattern

posted by Raffi Illustrator Intermediate 2 Comments »

Recently I saw a great tutorial on how to use Illustrator to make a seamless pattern. Rather than write our own, here is the link to the tutorial I got from Shutterstock:

http://www.shutterstock.com/newsletter/100/article3.html

pattern11.jpg