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

  • Tableau Online Training Demo Video - IgmGuru

    IgmGuru's Salesforce Administrator and App Builder Certification Training course is designed according to the Salesforce Administrator & App…

  • Icon Coloring

    Does anyone know how to achieve this coloring? Photos are by Jessie Willner, this coloring is all over her Instagram.…

  • animated icons

    Hello, I was wondering if anyone could guide me into doing icons similar to these? Sorry, I do not know the name of the maker(s) or I'd add…

  • 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 →

  • Tableau Online Training Demo Video - IgmGuru

    IgmGuru's Salesforce Administrator and App Builder Certification Training course is designed according to the Salesforce Administrator & App…

  • Icon Coloring

    Does anyone know how to achieve this coloring? Photos are by Jessie Willner, this coloring is all over her Instagram.…

  • animated icons

    Hello, I was wondering if anyone could guide me into doing icons similar to these? Sorry, I do not know the name of the maker(s) or I'd add…