We are basically going to do the same process for the other 2 words. For the second one, I played around with the Tetra font and how the upper case and lower case of the font has different decorations for each letter.For this word, I chose a color palette ranging from a dark purple to very light pink.Feel free to experiment with your color choices and combinations. To apply the layer style effect you can copy the layer style from the previous word and paste it on the next word layer:Don´t forget to fix the Brightness and contrast of the image as well as dodging the highlights of the type:For the final word I´m going to use a combination of colors going from a very dark brown to red and light yellows.Copy and paste the layer style of the other words:Remember to dodge the highlights and adjust the Brightness and contrast.After you are done coloring type you should have something like the result below:
Step 4
From this step on we are going to add colorful elements to decorate the type. To create the glowing lines, first, create a new layer, take the brush tool and select a hard brush 100% hardness 100% opacity of about 4px then open up the brushes menu and under the "Shape Dynamics" option, change the control to "Pen Pressure". After adjusting these settings, select the pen tool(P)While holding the key "Shift" draw a path to create a horizontal line. Right-click on the path and select the option "Stroke Path" change the "tool" option to Brush and check the "Simulate pressure" option on.Double click on the layer thumb to bring up the Layer styles menu and check the options "Outer Glow" and "Gradient Overlay". Under the outer glow option use the settings shown below:Under the gradient overlay option check "Reverse" and set the angle to 0°Double click on the gradient to bring up the editor. Change the gradient to the next colors to match those of the type.Now we are going to start duplicating this shape and placing it on the edges of each letter. Rotate it a bit where necessary:Use the "Warp" transformation tool to curve the glowing line to match the round parts of the letters:I recommend not to put too much detail because we are going to add other elements to the composition and it my look a bit too heavy on some parts:Grab one of the glowing lines from the first word and go to Image>Adjustments>Hue/Saturation and change the color to match the other word.Arrange them the same way for the other 2 words.This is the result we´ve got so far:
Step 5
For the light flashes under the letters first we need to duplicate the layer of the colored type and place it under the type layer. Go to menu Filter>Blur>Motion blur and set the angle to 0 and the distance to 998.Duplicate the layer and merge both blurred layers together to get a stronger effect.Repeat this step with the other 2 words:
Step 6
For the shines take the brush tool with 0% hardness and a size of about 120px with color white. Create a new layer on top of the type layers and brush little glows on top of every highlight:Lower the size of the brush and add some smaller glowing orbs around the bigger ones:
4 comments on “Create a Tetris Tile Text Effect in Photoshop”
Nice nice
Nice nice
Nice
Thank you! I had finished your this tutorial. Beautiful :)