Simple Typographic Design

Posted in Uncategorized by Scott on November 21, 2009

Update: Here’s the XCF file if you want it.

I’m adapting one of the tutorials mentioned in the previous post. It’s from PSDFan and it’s titled Create a Simple, Professional Typographical Design. As noted, this is a simple effect, but produces a very nice design which could be used for a wallpaper, logo, or maybe a business card.


Open a new document whatever size you like with a black background. I’m going with 1400 x 900.


In order to make the next part a little easier, I maximized my image window so I can see the gray area around the border. Now, select the text tool by pressing T, change the color to 323131, and drag a text box completely around the image. Type in whatever text you want using all caps, and copy/paste it over and over until it fills the screen.

Now, select the rotate tool by pressing Shift+R. In the rotate dialog box, enter -25 for the angle and click the Rotate button. Mine still ended up being a little small, so I selected the Scale tool by pressing Shift+T and stretched it a little until it covered the entire canvas.

Now, create a new layer and select the text tool again. Set the color to white and the size to 250, or whatever makes it the right size for your image. Input your text, then rotate the layer -25 degrees just like above. Use the Move tool (M) to position the text in the center of the page.


Set the text layer to Soft light, and duplicate it in order to make it stand out more. Adjust the opacity of the duplicated layer until you have something you like.


Now, select the Gradient tool (L). Set your foreground color to white and background color to black. Set the gradient tool mode to Normal and the shape to Radial. Create a new layer and set its mode to Soft light. Click and drag the gradient from the center of the page to the top edge of the layer boundary. Adjust the layer opacity until you have something you like. I lowered it to about 77%. You should now have something like this.


That’s it! I hope you enjoyed this simple tutorial.

Tagged with: ,

2 Responses

Subscribe to comments with RSS.

  1. Scott Coulter said, on November 23, 2009 at 1:56 pm

    Nice tutorial. You can give it a bit more flair with a colored gradient in soft light mode, also.

  2. Maison Martin Margiela said, on April 27, 2010 at 2:58 am

    A little off topic perhaps, but a plea for people to think about the ethics of buying things like designer clothes. Please try and consider, for example, the things the item is manufactured from, the conditions of the employees where they’re made and the green credentials of retailers. Oh, and try to recycle rather than throwing away. Thanks!!!!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: