Photoshop Tutorials

G

reat collection of diverse calligraphy font styles, that will work perfect with ANY font or any shape as well. Please see the screenshots, you won’t regret downloading these files! Please note that the fonts are NOT included in the download, and are for demonstration purposes only, when you open the PSD file included, if you don’t have the needed fonts installed, it will automatically get transferred to another calligraphy font.

The download includes:

8 Stunning Photoshop styles (styles file)
2 previews of the styles with different fonts
1 PSD file with each of the 8 styles

Styles:

* Yes – elegant glass blue effect
* Fantastic – pressed beautiful text effect with background texture
* Awesome – glowing gold effect
* Nice – cartoonish grey embossed
* Good – semi transparent glass effect with high beveled effect
* Cool – chrome effect with light texture
* Great – textured gelly-metal effect
* Excellent – glossy metallic style

Looks great with any other font (fonts are not included in the download)…

Download Now, only $1,99 for ALL of them!

Once you have made a payment, please don’t forget to click the orange button (on paypal) that says “back to merchant’s website”, once you do — your download will start automatically. If anything went wrong, just email me to the paypal address.

—
Tags: 3d, calligraphy, elegant, glass, glossy, gold, layer style, metal, photoshop styles, professional, transparent

Today we are going to create an extremely beautiful text effect that you will love, I guarantee. It will look good on both dark and light backgrounds (slightly better on the dark ones) and it will look equally impressive at any font size, though again, because of the perfectly thought-through details, big and curvy fonts will present this effect significantly better. So, let’s get started!

Important! When purchasing the PSD file, please click the “Return To Merchant’s Site” orange button once you made the payment, otherwise the download will not start automatically. If anything went wrong, just email me to the paypal address email. Font is not included in the download.

Step 1 - Create a new canvas of any size you wish, we used a relatively small one and filled it with dark blue #3b434f. Select a curvy and nice font that will be able to show beautifully all the details for this text effect. We used Renaissance font and went for a really big size!!

Step 2 – Go to Layer Styles and apply the following settings:

We set the shadow to black and reduced the opacity to almost half, this will look amazing on even bigger font size and grained or busy background.

Set the inner shadow to black and full opacity. The curve quality is called “chrome” and it is one of the default ones in most Photoshop versions.

Set the Outer Glow to Linear Dodge and use a crazy blue hue as we did – #00e4ff.

Pay attention to inner glow, using semi transparent white color and Linear Dodge effect as well, we are getting a very nice look…

Cove – Deep, this is the curve you will use for bevel effect, note that this text effect doesn’t look bevelled at all, yet the mild settings we use give it full depth and 3D feel.

We are using “Gaussian” countour for Satin settings, with mild and beautiful mauve hue.

Gradient overlay – #808080 to black, and then once again #808080 to white. Note that we are using “Reflected” style, but even any other will look great!

Almost invisible #003e73 dark blue 1 pixel stroke will add wholeness to this pixel perfect text effect.
That’s it, viola! The effect is ready. If you like the way it looks but can’t get the settings to work (though I encourage you to try, it’s very easy!), feel free to purchase my PSD file for $1 only, and the download is instalt, if you don’t forget to click the “return to merchant” orange button at the end of the payment. Scroll back up for details. Enjoy!

It’s been over 2 months since the last photoshop tutorial I had posted, but I have great news for you — I am back online with loads of new stuff to show you, so stay tune for all our upcoming tuts! Today, we will begin with this nice and beautiful text effect, and as most readers request, we also release the psd for download, for only $1. The PSD is for learning purposes only, you can incorporate it in a project for a client, but you cannot directly resell this very file. Enough talking, let’s get started.

Step 1. Preparing the Photoshop Canvas.

Create a new Photoshop file (Ctrl + N). We are using 600*400 size here but as always — yours could be a lot bigger if you need.

Using the Paint Bucket tool, fill the canvas with grey-blue dark color — #535559.

Step 2. Choosing the font.

I am personally a big fan of all the fonts that were used and popular back in the 50′s, so my all time favorite font will probably be “Bello”. it’s not free, but you can purchase it online. Please note that if you purchase the PSD file, the font will NOT be included, as we cannot distribute commercial fonts. So, if you have Bello font, select it and type your word in big letter, we used 188pt here.

Step 3. Adding Layer Styles.

Now, while your text layer is still selected, go to Layer >> Layer Styles, and apply the following settings…

Now the background texture. We will be using a pattern which we created ourselves, and if you purchase the psd file it will be included already in the style itself.

Lastly, we will add a 1px stroke, with gradient overlay, to give the text more depth.

This is what we have got so far, with all the layer styles applied correctly. If your result differs from what you see here, go back and check if all the settings for layer styles have been applied correctly, so far it’s only the technical part, so you should not have any problem.

Step 4. Adding Depth to the Canvas.

It’s the era of web 2.0 and having a flat canvas can ruin any effect, no matter how beautiful it is, so if we want our effect to pop, it has to have some depth. That’s why we will not get back to the base canvas (if it’s locked, simply double click it on the layers palette, and press OK to unlock). Go to Layer >> Layer Styles, and apply the following settings:

For the gradient, use the following colors:
1. #667c85 as the light blue
2. #475e68 as the dark blue

Here is what we have got so far…

This tutorial inspired by all the sci-fi movies where radiation glowing circles are pictured in great details; so we are going to make very vibrant, glossy and realistically curved text effect with extremely beautiful and original glow circles, that no other text effect has. We will be working with a lot of Contour settings, so this tutorial is for more advanced users.

So, let’s get started. Create a new canvas, we are using 600 x 370 pixels here.

Fill it with any background color and for best effect, fill it with background texture. Simply double click the background in Layers Panel, and Layer Style’s menu will pop up. Go to Pattern Overlay mode and fill with, preferably floral, pattern. Here we used Damask pattern which unfortunately isn’t available for a download by the author anymore, but you can get more free textures here.

When you are done, select the typing tool and type your word in the middle, with very big and gold letters. Should you decide to use a narrow or small font, the effect simple won’t be visible. We used the GEronto Bis font, 236 pt size, exactly as you see on the canvas below:

Now the magic will begin. Double click the layer with the letters, and start applying the layer styles as you see below. First, make a small shadow with Gaussian Contour.

Add inner shadow with dark gray hue (we used #4f4f4f) and for contour we available of another pre-installed curve called “Half Rounded”. If you are using Photoshop CS2 + version, you should find it among your default curves.

Add outer glow with a color that will complement your background, in our case we had blue damask texture as our background and chose the #3c447a blue hue as Outer Color.

For the Contour here, we used Ring – Double. This will also come pre-installed to your Photoshop. Please note that every setting in this tutorial makes use of different Contour curve, which makes our effect particular interesting and the effect stands out. This Double Ring is exactly what gives the nice radiation / explosion glowing rounds wrapping the text.

Inner glow with #ffffff white color, and once again Gaussian Contour.

Bevel and Emboss will give our text the depth it needs. Use the default Ring contour to get the best metallic / plastic look effect.

For contour, use the “Wow-sharp highlight” Contour element.

We also want to give more deep and extreme Satin effect but this time, since we found no contour that suited our needs, we created our own curve…

To get exactly the same results as we have here, please copy our mapping to your Contour Editor.

Finally add stroke to your text, with a lighter hue of blue that will complement your background. Please do not use white or black as these colors will look too contrasted with background.

This is what you have got so far:

white to transperant gradient

Finally, load a selection of for the upper part of the text . If you do not know how to do it, read on:

• Create a new layer on top of the text, and then hold down Ctrl and click on the layer in the layer’s panel, in order  to select it.
• Using the Gradient Tool Now that goes from #ffffff to transparency.
• draw a gradient from the beginning of the selection on top, down to it’s bottom.
• Using the Elliptical Tool, draw a selection from the middle of the text to the bottom, and press Delete, to leave just the little gradient on top of the letters.
• This will do the gradually-glossy topping effect.

Done! Hope you enjoyed the tutorial and please feel free to download the PSD file of this effect, the file is of 600*370 size, same as you see here.

When the older generation were young, and needed to create a school design or anything that involved cropping letters, we often cropped them first from an old newsprint, before proceeding to work with a colored paper. So this is pretty much what I wanted to create here — a newspapers cropped draft!

Let’s begin with making a new canvas and fill it with any solid color, our choice was #2b362b:

To give it a bit of depth, while the background is still selected, go to Layer Styles (Layer >> Layer Style >> Gradient Overlay) and apply the following settings.. This will give a lighter spot in the middle of the canvas that normally gives nice depth.

Now, find online or scan any newspaper pager. We couldn’t find one big sheet so we combined ours from a several ads in the local newspaper. Place the newspaper on the canvas.

Using a huge Cooper Black font, type your word on top of the newspapers layer. If you are using a different font, however, be sure to work with BOLD letters because the whole effect is based on the boldness of the typography.

Now it’s a little bit tricky for those of you who are still beginners, so please pay attention..

1. While the typed letters are still selected, hold the CTRL key and press on the layer with the word “News” in the layers panel, this will load a selection around your letters.
2. Go to Selection >> Modify >> Expand, and expand the selection by about 3-4 pixels. If your font is too narrow, you might want to use a bigger number.
3. Press Shift + Ctrl + I, to reverse the selection.
4. Press Delete.

You are now left with 2 layers, cropped from newspapers letters and the typed letters layer, which you can now delete. (or hide, but you certainly not going to need it anymore!).

This is what you have left:

Using the Lasso Marquee Tool, crop each letter individually, and once selected, press Ctrl + T to start transforming. Align them in any fashion you want, but do not overdo this effect if you don’t want to end up with  a messed up canvas..

It’s been a while since the last time that I made a chrome-like text effect so i though let’s do something with metal elements again, since this is an effect that will never go out of fashion. Let’s make a quick but very useful tutorial, using gradients that will allow you to easily create any metallic effect later.

make a new Canvas and fill it with a dark color, we used dark gray with a little light spot in the middle to outline the effect. We are using 600 x 500 cnvas (and this is the size of the psd you can download, just scroll all the way down).

Using  a curvy font and very big letters, type your word. We used the Harrington font with 260 pixels size, however in this particular effect, the biggest is your font, the better viewable is the result. Worry not about the color you are using at the moment for typing since we will overlay it with metallic gradients, which we designed specifically for this tutorial.

Go to Layer >> Layer Styles >> Blending Options and begin applying the effects…

Our Inner Shadow is pretty important so pay attention to the size and Quality.

We decided that default “Linear” curve doesn’t really outline the effect good enough, so we used a “half Round” curve. If you don’t have it pre-installed in your Photoshop, please use our mapping:

For outer glow, we use gradient from black (#000000) to white (#ffffff). The outer glow in this case creates an additional stroke around the text, which looks slightly rounded and with a mild gradient. Without these settings, your effect will not look complete and moreover look rather poor.

And, a Rolling Slope Contour, please note that we are using the “descending” path, otherwise we will have a totally different result..

A mild touch of inner glow, just to smooth out the shadows at the edges of the text..

Now we are getting to the hardest and most essential part of this tutorial — the gradient overlay.

For beginners, it could be a little difficult to copy these gradients, but I strongly recommend that you won’t give up and try to copy them as close as possible since they will allow you to add a nice metallic touch to any text or object later. Just don’t forget to save them as a new gradient, for future use!

For Stroke effect we also used a gradient of metallic shades, however, not only it will be a different gradient (not like the one we just set up for the inner filling), but also we will set the style to “Reflected”. This allows us to have the gradient mirror-repeated, without having to set too many shades.

What’s good about these layer style settings is that it will look good on ANY font size, for example here we zoomed in using a font of nearly 700 pixel and you see all the curves, shades and gradients so neatly….

Here is our result! I hope you enjoyed the tutorial and if you decide to download the psd, please remember to click “return to merchant’s website” after you complete the transaction, so that the download will start instantly. Also, please join our Facebook page and subscribe free for future updates!