Pixelated Text Tutorial

Posted on September 30th, 2007.

7 Votes, Rating: 4.431 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...


Learn how to create a pixelated text effect.


Start a new document 500×200 pixels, pick to colors one for your forground and one for your background, im using to types of blue, then goto “filter > render > clouds>”, then select the text tool and the color white then type what ever it is you want to pixelate, heres how mine looks.

Now duplicate your text layer and drag your duplicated layer underneath the original and goto “filter > blur > guassian blur” photoshop will tell you that the text layer needs to be rasterized just click ok, now guassion blur it by 4 pixels, heres how mine looks.

Now goto “filter > pixelate > mosiac” and type in 12 click ok. looks abit blurry so we need to sharpen it, goto “filter > sharpen > sharpen” do this twice.

Now add a small drop shadow under your original text layer. DONE!


Tags: , ,

3 responses so far!


Note: We now use Gravatars here on HV-DESIGNS, they are little icons that appear next to your name on this site and on many others next to your comments. You can get a Free Gravatar account for free and any other site that supports it will show your avatar also!


  • 1 nkhat ~ Oct 26, 2007 at 7:51 pm

    i like it taht
    thank yoooooooooooooooooooooooooooooooou

  • 2 vitor ~ May 30, 2008 at 3:26 am

    the best site of tutoriais of ps for create templates.

    vale mesmo.

  • 3 mj ~ Jul 24, 2008 at 2:35 am

    it’s so simple but looks good!

Leave a Comment