Colourful Words: Illustrator and PSD

Today ‘s tutorials are quick and easy techniques for filling in Illustrator and Photoshop text with background images.

Illustrator

  • Create your text. I’m using Cooper Black.
  • Place, Copy or Import the image you want to fill your text with.
  • Embed imported or placed graphics.
  • Send the image to the back of the text (both are on the same layer): Object>Arrange>Send to Back.
  • Select the text and image then go to Object>Clipping Mask>Make.
  • Go to the Properties menu and give the text a stroke to define it clearly as the action of creating a clipping mask will have removed the text fill and stroke.

Photoshop

  • Type your text. This time I’m using Elephant. The bears are just for fun and not part of the technique 🙂
  • On a separate layer, create, place or import the pattern / image to fill the text with.

This screen shot below shows the layer order: Graphics layer above the text layer. The bears are on a separate layer.

  • Alt-Click between the two layers, ie, on the dividing line between them.
  • Double-click on the text layer, select Stroke>colour and size to apply to the outline of the text to define it.

🙂

Create a Leaded Window Effect in Illustrator

The individually coloured panels are what we’ll be creating in today’s tutorial. It’s a versatile effect that can be used for lots of different applications. I used it for the leafy design below.

🙂

Here’s the tutorial for you:

xoxoxo 🙂

Create a Concentric Spiral Text Path in Illustrator

The Spiral Tool in Illustrator decays into an ever tighter and smaller turn and doesn’t work as a text path. It makes text increasingly illegible or clunky as it follows the spiral. This tutorial shows you how to make a concentric spiral text path.

An infographic I’m working on.

I’ve used concentric circles to create the framework for the infographic above so you can see an example of how the principles can be put to practical use.

*There are other ways to create concentric paths; you could create a circle then go to Offset Path to create perfect concentric circles without a spiral.*

Download the tutorial here:

xoxoxo

Confetti Letters

Confetti letters, A – P

Did you know there is a word used to describe sentences that contain every letter of the alphabet? One example which has been around since at least the late 1800s is ‘The quick brown fox jumps over the lazy dog,”. They’re called Pangrams.

Am making good progress designing letters and working through the alphabet.

The montage above shows how far I’ve got with the designs in Illustrator.

Confetti Letters: Cut-Out ‘H’
Q

Some progress with ‘Q’ but I’ve been getting distracted with other letters and things:

ZA3_Butterfly
Foxy
Ring_of_Flowers_F

These still need some work. The small cuts in the butterfly are okay to cut manually but a cutting machine might have problems with them so will get round to enlarging them sometime.

A
XOXOXO

Shapebuilder and Pathfinder: create a compound element

Shapebuilder

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Do you ever get ratty with the Shapebuilder tool? The longer you use it, the slower and more painful it becomes? Pathfinder is your friend. Download the free PDF tutorial on how to use the Shapebuilder tool and, my preferred method, using functions from the Pathfinder menu.

Tutorial PDF