Sunday, November 18, 2012

Abstract Shining Text

retro font flatten 489x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop
To complete this tutorial, you will need the following stock:
Font

Step 1

Create a new document (sized doesn’t really matter here), fill the background layer with the gradients shown below:
1 fill 480x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Create a new layer on top of the background layer, either paint or render some cloud on the center and bottom – this acts as the foundation of the text effect:
Hint: don’t paint or render too much cloud, a subtle effect will do.
1 cloud 480x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop
You can use the perspective option via Ctrl + T (right-click) for the cloud on th
e bottom to adjust its shape:
1 persp 500x389 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 2

Use the font we downloaded, type some text to the center of the canvas: (I used a yellowish colour)
2 type1 497x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Apply the following layer blending options to this text:
Drop Shadow
2 drop shadow 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Inner Glow
2 inner 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Bevel and Emboss
2 bevel1 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Stroke
2 stroke1 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop
and you will have the following effect:
2 effect1 500x379 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Duplicate this text layer twice and move each duplicated layer towards the top left a little, reduce their layer opacity to 15% and 40% respectively – this creates a layered text effect:
2 dup effect 500x388 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 3

Now let’s get to create the stripe brush :) Create a new document with the same size as our text document, add a new layer on top of the background layer.
Choose the slice tool from the toolbox:
3 slice Create Abstract Shining Text Effect with Groovy Font in Photoshop
Right-click on the canvas with the slice tool selected, choose “divide slice … “:
3 devide 500x496 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Tick the “Divide vertically into” box and enter “10″ into the textbox, click on “OK”:
3 verti 500x273 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Then use the rectangular marquee tool to draw selection for every second slice: (make sure you hold down “shift” key for multiple selection)
3 select 500x675 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Fill the selection with black colour:
3 fill 500x281 Create Abstract Shining Text Effect with Groovy Font in Photoshop
and you will have the following effect:
3 black 500x664 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Turn off the background, and go to Edit > Define Brush Preset and define a vertical stripe brush set:
3 turn off Create Abstract Shining Text Effect with Groovy Font in Photoshop
Now we can also rotate this stripe layer a bit and define another brush set:
3 rotate 500x473 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Then we can use it to paint some stripe pattern on top of the text: (make sure you reduce the brush flow and opacity to be both around 30%)
3 paint 500x337 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 4

Now let’s create a base for this text effect. Create a new layer under the text layer and use the vertical stripe brush to paint the following pattern:
4 paint 476x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Go to Filter > Distort > Twirl and apply the following settings:
4 twirl Create Abstract Shining Text Effect with Groovy Font in Photoshop
Hit Ctrl + F and re-apply the twirl filter, you will have the following effect:
4 twirl after 488x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Use the Free Transform tool to compress it down, and reduce the layer opacity to around 30%, then use a soft eraser to remove its edges. You will have the following effect:
4 erase1 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Create a layer on top of the base layer, use a soft black brush to gently paint some shadow under the text:
4 shadow 500x194 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 5

Now let’s create another abstract pattern with the stripe brush we created. Create a new layer and make a selection with elliptical tool, grab the vertical stripe brush (reduce brush tip size) and paint inside the selection: (Make sure you set the brush opacity to 50%)
5 paint 500x470 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Then duplicate this layer once, rotate the duplicated layer 90 degree CW:
5 rotate 500x349 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Merge the two layers, you will have the following effect:
5 effect1 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Then we can use the warp tool to manipulate its shape, as shown below:
5 warp 500x394 Create Abstract Shining Text Effect with Groovy Font in Photoshop
Once you finish the warping, duplicate this pattern layer a few times and resize each of them, scatter them around the canvas as shown below:
Hint: make sure you adjust the layer opacity, or use a soft eraser with 50% flow and opacity to remove some part of the pattern, in order to create more depth for the image.
5 dup effect 500x685 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 6

OK we’re almost done! For the final touches, I added a new layer on top of all previous layer and use a small soft white brush, and painted some shining dots around the text, as shown below:
6 dots 500x313 Create Abstract Shining Text Effect with Groovy Font in Photoshop
I also created another new layer on top and set its blending mode to “overlay”, use a soft white brush to paint around the edges of the text to add a glowing effect:
6 overlay 500x239 Create Abstract Shining Text Effect with Groovy Font in Photoshop
I added some more colours to the text, as well as using the Lens Flare filter to further highlight certain parts of the text:
6 lens 2 500x267 Create Abstract Shining Text Effect with Groovy Font in Photoshop
6 lens 1 500x199 Create Abstract Shining Text Effect with Groovy Font in Photoshop
If you wish to find out how to apply this Lens Flare filter to the text, check out this tutorial here on psdvault.com.
I also added some particle effect around the text, and here is my final effect for this tut: (click to enlarge)
retro font flatten 489x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop
That’s it for this tutorial! Hope you enjoy this tutorial and find it useful! Till next time, have a great day!

Source : PSDVault.com

About The Writer
Hello! My name is Tommy. I'm a blogger, I love graphics design and now i went to Architechture Technical Senior High School. | Facebook |

0 Comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...