fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

Toybricks Lego Text Effect Photoshop Tutorial

www.psd-dude.com
Tutorials Text Effects 22757 Views January 31st, 2014

You can create a LEGO effect in Photoshop out of any shape, text, graphics or even photos using this quick tutorial. First we'll use a pixel effect to create the blocks and than we'll add a custom made toybrick pattern. If you are looking for a more professional result you can try our LEGO toybrick Photoshop actions and you obtain a similar, but better result with just 1-click!

Advertisment

Learn how to create a LEGO text effect in Photoshop using the Pixelate>Mosaic filter. Create a new layer and fill it with a bright orange color #f19900 . Add a text layer and type something. I will use the Intro font type for my text, but you can use any font you like. Learn how to install font in Photoshop if you want to use a new font type. Use color #007aa2 for the text.

Make sure you have some shape between the letters so you have to set the tracking for the selected characters to 50.

I will add a Stroke layer style, using a darker blue color #00509b

Select the two layers, the background and the text, and convert them into a smart object

Now we'll add a smart filter to create a pixelate effect. Go to Filter>Pixelate menu and choose Mosaic. Set the cell size so that the text to be still readable. I will set the mosaic to 20 pixels.

Now we have to create the toybricks patterns that we are going to use for the text effect. Create a new PSD file, with canvas 20x20 pixels. I will zoom in the image for the preview. Fill the background layer with #949494 color.

Add a Stroke layer style like shown in the image.

Add a circle in the middle of the canvas. Use the #afafaf color

Add these layer styles to the Circle Layer to create the lego toy block.

Part 1Part 2

If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

12 comment(s) for "Toybricks Lego Text Effect Photoshop Tutorial"

John
11:58 AM Friday, January 31, 2014
Your LEGO toy blocks effect looks great! I see that your image edges are not blurry, I guess you used the Paint Bucket Tool to add the same color :) reply
sinfonia
sinfonia
3:10 AM Monday, February 03, 2014
My little five years old daughter is a fan of Minecraft Lego. I'd this for her. She likes it. Thanks for the tutorial reply
John
3:14 AM Monday, February 03, 2014
I am glad to hear that! The result looks great, love the colors :) reply
John
4:00 AM Thursday, February 06, 2014
Of course it is possible to use a font but it has to be a pixel perfect font type. It has to match perfectly with the toy brick pattern. I didn't find a pixel perfect font for this tutorial so I used this pixelate filter.
reply
dmk
dmk
6:23 AM Thursday, March 06, 2014
Just a heads up. Don't use the paint bucket! turn on the grid under View and create rectangles for clean lines and opaque colors.

dmk-design.tumblr.com reply
John
6:33 AM Thursday, March 06, 2014
That is a great tip to use rectangles to replace the pixels. It takes a little more time to add the rectangles but the result probably looks better. reply
shlomi aflalo
shlomi aflalo
11:11 AM Sunday, April 06, 2014
Thanks psd-dude
so fun to learn this. reply
shlomi aflalo
shlomi aflalo
3:13 AM Tuesday, April 08, 2014
Obama reply
PSDDude
12:49 AM Saturday, July 12, 2014
LEGO effect made in Photoshop by user Quijote (http://www.photoshop-master.ru/) reply
PSDDude
7:33 AM Sunday, July 13, 2014
Turn photo to LEGO effect in Photoshop.
artwork made by dali-333 reply
Tom
Tom
1:30 AM Tuesday, December 23, 2014
I combined your pixel avatar tutorial with this cool LEGO effect and here is my result. reply
Marco
Marco
1:30 AM Tuesday, December 23, 2014
To create the pixel effect is it possible to use a pixel font type instead of using the Mosaic Filter? Can you recommend one? reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a magic sparkle night photo manipulation in Photoshop using blending techniques ...
In this Adobe Photoshop tutorial you will learn how to add bokeh effect to your photos using a prema...
Get these useful frame and border premade backgrounds and textures and use them for your photos. You...
Learn how to create Ester backgrounds in Photoshop from these tutorials. The Easter Photoshop tutori...

      Rubber Stamp Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Dispersion with Real Images Photoshop Action
top