Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator Create Typographic Art using Illustrator and Photoshop

Create Typographic Art using Illustrator and Photoshop

Browse Pages: 2  > >>

Materials Needed:

Grunge Textures

Step 1. Creating Word in Illustrator

Open up your Illustrator. Create new document (File|New) with Document Profile: Print, size: A4.

Create word LAYOUT using tool type.

image 1

Step 2.

Select the word. Click Object|Expand. Click OK.

Click Object|Compoundd Path|Release.

image 2

Step 3.

With tool select arrange every character until align nicely.

image 3

image 4

With the direct selection tool, move some points within the U to give it more room.

image 5

Here's what i come up with.

image 6

Step 4.

Select all the characters. Then from the toolbox, click the switch icon to switch the fill and stroke color.

image 7

Step 5.

Above the L character create a box.

image 8

To make sure it aligns perfectly with the L, click Edit|preferences. Make sure you select Snap to Point. This small step will save you lots of time when arranging objects.

image 9

Step 6.

Create a box behind the Y.

image 10

Another box behind O.

image 11

Another box behind T.

image 12

Step 7. Start Adding Text - L

Activate the typetool. Hove r the cursor over the L. You will see a circle around the cursor. Now click to insert some text inside the L shape. I used the famous lorem ipsum text generated from lipsum.

I'm using Helvetica Neue Lt Std here because it's simply the best font ever and works in every style. For L i use Bold Condensed style. If you dont have this font feel free to use other similar font.

image 13

Step 8.

Double click the text to select all. From the paragraph panel select alignment justify.

Click on the small arrow to open the panel menu and select Hypenation. Move slider to Better Spacing.

image 14

Here's what i have so far.

image 15

Step 9.

Paste some more text inside the box above L. Change the style to Light Condensed.

image 16

Step 10. Y.

Lets move on to the Y now. This one is much more complex and take more time doing it. Paste some text into the box, not the Y shape. Use style Light Condensed.

image 17

image 18

Select characters inside the Y shape and change its style to bold condensed.

image 19

Repeat this process with all the text found within the outline of the Y.  As I said before this takes lots of time.

image 20

image 21

After the required characters have been changed to bold, you can then click the eye icon in front of the Y shape layer to hide it. Here's what i have so far.

image 22

Step 11. O.

Select the outer circle of O. Resize it until it is taller than its box.

image 23

Step 12.

Select the outer circle and box. Open the pathfinder panel and click Exclude. Right click and ungroup.

image 24

Step 13.

Select top and bottom path then hit delete.

image 25

Step 14.

Add text to each path. Use align justify for right and left path. Use align center for circle path.

image 26

Step 15. U.

Select the U shape. Using tool move rotate it 90 degrees.

image 27

Step 16.

Add another load of text. Use style bold condensed.

image 28

Step 17.

Using the rotate tool, rotate the U shape back to its previous place.

image 29



Author's URL: PSDrockstar.com
Browse Pages: 2  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

No comments yet...
Add comments to "Create Typographic Art using Illustrator and Photoshop"

Captcha