Pixelate Text in Illustrator

For this tutorial we are using the Free Font “Ouija” from Fontbundles.net (https://fontbundles.net/free-fonts/other/ouija). You can check out another Tutorial: “Pixel Art Flowers in Illustrator” that shows another technique to create the “Pixelated” effect.

1 - In Illustrator, create a “New Document”.

2 - Go to View > Rulers > Show Rulers (Command/Control + R) to enable them.

3 - Select all the “Rectangle Tool” (M), then click and drag your cursor diagonally, to create a “Rectangle”. Fill it with Black and make sure the “Stroke” color is set to “None”.

4 - With the “Rectangle still selected, go to Object > Rasterize. Choose the “Color Mode” (we used CMYK) and the “Resolution” (we used High - 300 ppi) and click “OK”.

5 - Without deselecting, head to Object > Create Object Mosaic, input the “Number of Tiles” (we used Width: 140 and Height: 38) and click “OK”.

6 - Go to Object > Expand and then, right-click on top of the “Rectangle” and choose “Ungroup”.

7 - Without deselecting, head to Object > Transform > Transform Each and use a 90% “Horizontal” and “Vertical Scale”. You may use a smaller percentage if you want the “Gap” between squares to be larger.

8 - Select the “Type Tool” (T), choose your font (we used “Ouija”) and type your text. Use Black as “Fill” color. Size it so it almost fills the entire “Rectangle”.

9 - Hide the “Text” and select only the square filled “Rectangle”. To make sure, click on the small arrow on the left side of the “Layer” Thumbnail to show its contents and click on the “small eye” icon on the left side of the “Text” to hide it.

10 - Head to the “Pathfinder Panel” and choose “Unite”.

11 - Un-hide the “Text”, select it and go to Type > Create Outlines (Shift + Command/Control + O).

12 - With it still selected, head to the “Pathfinder Panel” and choose “Unite”.

13 - Select the “Rectangle” group and make a “Copy” (Command/Control + C).

14 - Create a New Layer” on top of everything by clicking on the small button at the bottom of the “Layers Panel”.

15 - Make sure the “New Layer” is selected and “Paste in Place” (Shift + Command/Control + V) the “Rectangle”. Lock the “New Layer” by clicking on the small padlock on the left side of its thumbnail.

16 - Select everything in the bottom layer (“Shift” key) head to the “Pathfinder Panel” and choose “Unite”.

17 - Double-click on top of one of the letters to enter “Isolation Mode” then, use the “Shift” key to select all the letters.

18 - “Copy” them (Command/Control + C). Exit “Isolation Mode” by clicking on the Left-facing arrow on the Top Menu as many times as needed.

19 - Turn back On and unlock the Top Layer. Hide the bottom one and with the Top one selected and “Paste in Place” (Shift + Command/Control + V).

20 - Click on the small arrow on the left side of the Top “Layer” Thumbnail to show its contents and click on the “small eye” icon on the left side of the “Rectangle” group to hide it. Select just the text, head to the “Pathfinder Panel” and choose “Unite”.

21 - Now, select both groups, “Text” and “Rectangle”, head to the “Pathfinder Panel” and click on “Intersect” while holding the “Alt/Option” key.

22 - Go to Object > Expand Appearance.

23 - You can Turn On the bottom layer and change the color of the “Rectangle” or just use the pixelated text without a background color.

by @lornacane

3 Likes

Great tutorial! Thank you for sharing :smile:

1 Like

Ooh, I love it! :smiley:

1 Like

:blush: