RueRoyale (thbogzdd) wrote in icon_tutorial,
RueRoyale
thbogzdd
icon_tutorial

6 Text Styles

SIX QUICK AND DIRTY TEXT STYLES

Some ideas for sprucing up text. Examples shamelessly drawn from FF fandom, though the styles are applicable anywhere.

1 The Box
Make a box with rounded corners around your text like in the following examples. As you can see the box is best accompanied by another box under the first one and a few pixels off in another color.
Photobucket
anniereckless

2 Different color, same font
Remove all the spaces from your text and alternate colors for each word. This way the text is visually stimulating but people can still read it.
Photobucket
deria_hime

A variation is changing the heavyness/size of the words.
mine
x_maps

3 Shadow text
Copy the text layer and make the bottom layer a different color to make the text stand out. This solves the problem of a multi-colored background making text hard to read. Subtle and classy alternative to Drop Shadow.
Photobucket
mine

4 Rotated rectangle
Create a background for the text in the form of a rectangle. You can use the polygonal lasso tool to make your own shape. This works well with rotated text.
Photobucket
fantasia0829
mine

5 Centered text
Place text horizontally centered on your icon. This works well when there's an empty space in your icon for text, and also when your subject is centered too.
kikoshou
folkloric

6 Double text
Copy the text layer, drop the opacity and move it away from the primary text. It almost achieves the effect of tiny text without resorting to tiny text.
Photobucket
whispyr
ryfee

Other Examples:
franchette
I love how complex this icon is, but the text is still so readable. The multiple versions of "the queen" support each other, so that even if one is not all readable, the others fill in.
aesriella
The text is quiet and given a lot of space, which fits the mood of the image perfectly. It gives the icon an uncluttered feel and is simply beautiful.
so_vayne
Despite how much text there is, the placement and color make it fit seamlessly into the image.

web counter

Tags: graphic effects: text
Subscribe

  • Putting text on a animated .gif in GIMP

    Could someone explain the process to me? I know how to make the gif, but I would like to add text like in this example:

  • Lily Munster Icon Tutorial

    Difficulty: Intermediate Program: Paint Shop Pro from this: to this: . 1. Get things started! First, I cropped off the lower part of my…

  • Harry Potter Icon Tutorial

    From this: to this: As requested by rei. Program: GIMP 2 Difficulty: Intermediate 1. First off, brighten your base.…

  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 36 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →

  • Putting text on a animated .gif in GIMP

    Could someone explain the process to me? I know how to make the gif, but I would like to add text like in this example:

  • Lily Munster Icon Tutorial

    Difficulty: Intermediate Program: Paint Shop Pro from this: to this: . 1. Get things started! First, I cropped off the lower part of my…

  • Harry Potter Icon Tutorial

    From this: to this: As requested by rei. Program: GIMP 2 Difficulty: Intermediate 1. First off, brighten your base.…