Friday, December 2, 2011

Fantaastic Three Easy Exquisite Headers Text Effects

text effects2 Three Easy Exquisite Headers Text Effects 
Three Easy Exquisite Headers Text Effects. This tutorial will show you three various ways to generate very easy yet elegant header style text effects, only using two Layer Styles every time. So, why not have a try...


Effect 1: Drop Shadow and Gradient Overlay
- The example used is the current TEXTUTS header. The Background color is #f4f2ed, and the text color is #b95886 but you can use any colors you want.
flash text effects2 Three Easy Exquisite Headers Text Effects
If you want to add more than one color to the text, you can use the Type Tool to select the characters you want to add a different color to, then click the color box in the Character panel (Window -> Character) to choose the color.
Here, the color used is #b4b362.
free text effects2 Three Easy Exquisite Headers Text Effects
gimp text effects2 Three Easy Exquisite Headers Text Effects
To achieve the result in the header, I duplicated the text layer first then changed the colors, so that I had two layers, one with the first color and one with the second color, then, I rasterized both layers, and deleted the second half of the layer on the top.
css text effects Three Easy Exquisite Headers Text Effects
Double click the text layer to add the Drop Shadow Layer Style. Change the Blend Mode to Normal and the Opacity to 100%, we want to get the color as it is. Then, change the Distance to 2 and the Size to 0. The shadow should look more like a “Stroke” rather than an actual shadow, so it shouldn’t be so far from the text, and it shouldn’t be blurry as well.
Finally, the color should be a bit lighter than the Background color. In this case, it is White (because the Background is very light).
text effects ae Three Easy Exquisite Headers Text Effects
This should create a subtle elegant effect, giving the text some depth.
text effects animation Three Easy Exquisite Headers Text Effects
You can also go ahead and add a Gradient Overlay, changing the Blend Mode to Soft Light, and the Opacity to something around 20%.
text effects arc Three Easy Exquisite Headers Text Effects
And that’s pretty much it, super easy yet a really cool effect.
text effects button Three Easy Exquisite Headers Text Effects
Effect 2: Drop Shadow and Stroke
- The example used is the previous TEXTUTS header (which I’ve got a couple of requests to do a tutorial for icon smile Three Easy Exquisite Headers Text Effects ). The Background color is #f4f2ed as well, and the text colors are #b95886 and #c8c1b0.
flash text effects blur Three Easy Exquisite Headers Text Effects
Double click the text layer to apply the Layer Styles:
- Drop Shadow: Change the color to #bfb8ae (a couple of shades darker than the Background color), the Distance to 2 and the Size to 2 as well.
text effects css2 Three Easy Exquisite Headers Text Effects
Stroke: Change the color to #ffffff (a couple of shades lighter than the Background color), and the Size to 1.
text effects css3 Three Easy Exquisite Headers Text Effects
This effect adds a subtle 3D look to the text.
text effects cs5 Three Easy Exquisite Headers Text Effects
Effect 2: Drop Shadow and Inner Shadow
- For the last effect, we are going to create a very simple vintage looking poster. So set the Foreground color to #b0b19b and the Background color to #8f9078, then create a Radial Gradient from the center of the document to one of the corners.
text effects cs4 Three Easy Exquisite Headers Text Effects
Place the old paper texture image on top of the Background, resize it if needed, and change its Blend Mode to Soft Light.
text effects creator Three Easy Exquisite Headers Text Effects
Go to Filter -> Noise -> Add Noise, and set the values as shown below:
text effects codes Three Easy Exquisite Headers Text Effects
Create the text using the color #5d5f42. The font used is Lobster and the Size is 100 px.
text effects dhtml Three Easy Exquisite Headers Text Effects
Double click the text layer to apply the Layer Styles:
- Drop Shadow: Change the Blend Mode to Normal, the Opacity to 100%, the color to #ddd8c2, the Distance to 2 and the Size to 1.
(Note that bigger text sizes might need bigger Layer Styles’ values.)
text effects excel Three Easy Exquisite Headers Text Effects
Inner Shadow: Change the color to #50513b (a darker shade of the text color), the Distance to 1 and the Size to 1.
text effects editor Three Easy Exquisite Headers Text Effects
This adds a very nice depth to the text, making it look like it’s engraved into the Background.
text effects examples Three Easy Exquisite Headers Text Effects
Add a new layer on top of the text layer, and change its Blend Mode to Multiply. Set the Foreground color to #b1a77e, and use the Brush Pack-Horizontal Dividers to add some nice decorations.
text effects emboss Three Easy Exquisite Headers Text Effects
Again, double click the layer to apply the Layer Styles:
- Drop Shadow: Change the Blend Mode to Normal, the Opacity to 100%, the color to #ddd8c2, the Distance to 2 and the Size to 1.
(This is basically the same Drop Shadow applied to the text layer.)
text effects fireworks Three Easy Exquisite Headers Text Effects
Inner Shadow: Change the color to #635b3a (a darker shade of the brush color), the Distance to 1 and the Size to 1.
header text Three Easy Exquisite Headers Text Effects
And that’s it! Look how awesome the effect is!
SimpleHeader Three Easy Exquisite Headers Text Effects
Hope you found the tutorial useful. If you have any more requests please send them through the contact form.
              
Thank you for visit our blog.
Hope you can learn something new from this tutorial. You can share your thought & suggestion with us though comments below.
Discover the top most quality clipping path, clipping path service or low cost clipping path, image masking service  & photo editing in reasonable price with quick turnaround time from Clipping Design, one of the most popular outsourcing clipping path service provider.
Clipping Design always ready to provide 100% handmade
clipping path, photoshop clipping path, clipping path service, SEO service & photoshop masking with Guaranteed client satisfaction on top quality clipping path service & masking service .
Thank you…
Reference: buildtutorial

No comments:

Post a Comment