Friday, February 11, 2011

Aqua Text Photoshop Tutorial

The fist step is to make your text. I chose the font : Times New Roman, with a size 450, and a light blue color.
aqua text 2
With your text tool selected. right click on your picture and choose "rasterize layer" Now duplicate your layer, by pressing the arrow on the layers panel and selecting "duplicate layer"
aqua text 3
Set your new layer mode to screen.
aqua text 4
Position your new layer so that the light colored O is like the one below

Now set the opacity of this layer to around 30%
aqua text 6
Now, select the outline of the original O. To do this, hold the control button, and click on your original text's layer. Now go to select, invers to inverse your selection. Now go to your top layer, and press delete. What we just did was deleted the part of your duplicated that was sticking outside your original text's boundires. Now go to your top layer, and press control + e to merge your two text layers together. To make sure you did this part right, hold control and click on your merged layer. If you did it correctly you should have a perfect outline of your O.
aqua text 7
Now, take out your dodge tool. We are going to lighten some of your text to give it that aqua feel. So, lighten the areas that are marked below. If you are having trouble making it look right, then lower the exposer of your dodge tool to around 50%
aqua text 8
You should now have an image like this, with a total of 2 layers in your picture.
aqua text 9
Now again, hold control and click on your top layer, this should give you an outline of your text again. Now that we have things situated, we are going to save this selection for later use. So, while you have your text selected. go to select> save selection and save it as whatever you want. Now, load your selection. If you did it correctly, you should still have an outline of your big O text.

Now that we have that taken care of, while you have your text selected make a new layer. On your new layer, go to edit> stroke. We are going to outline our O with a nice dark blue. Use the settings below, with a color close to mine.
aqua text 10
You should now have an image like the one below:
aqua text 11
Now, make another layer. Again, go to edit> stroke, but this time choose a width of 2 px, and the color white. Use the settings below:
aqua text 12
Now that we have our white outline, we are going to erase the white outline from the parts that the light would not be hitting your text. Suppose to the light is comming from the top left, in that case we are going to delete the white outline in left center of the O and the right outside.
To do this, take your polygon selection tool, and make a selection like the one below. And press delete.
aqua text 13
Now make a selection like the one below, and again press delete.
aqua text 14
Now you should have an image like the one below.
aqua text 15
Now, we are going to move the white outline. Move your outline, just slightly to the right, so it looks like mine below:
aqua text 16
Now we got it position right, but it still looks a little choppy doesnt it? So, we are going to smooth out the edges. Zoom in by press control & +
Use your eraser tool to blend in the white outline like I have done in my selection below.
Do this to all end of the line.
aqua text 17
Now are text is starting to look good. You should have something very similar to the text below:
aqua text 18
Now I went back down to the original text layer, and darken a few spots to add a little contrast. You can do this as you see fit, I just added some darkness were the light wouldnot be hitting the image. Most likely around the areas were we have deleted the white outlie.
aqua text 19
Now, do give it just a little more life I have added a little reflection of white. Just to make it a little more glossy. It is barely noticeable now, but it does make a difference. To do this, make a new layer above all your previous ones. Load you saved selection and fill it with white. Lower the opacity of your layer to 15% and move it a little to the right.
aqua text 20
Now, make a new layer under your first layer. Load your saved selection once again and fill it with a dark blue. Now position to like the picture below:
aqua text 21
Now go to filter> blur> gaussian blur and set it to 4

You should now have an image like the one below.
aqua text 22
Now I just added a little to the background to make it moreinteresting and we are all done!
aqua text 23

Cool Text Photoshop Tutorial

Step 1:
First off make some text, make sure that it is large and bold like the image below.
cool text tutorial 2
Step 2:
Now take your text tool and right click and choose rasterize type


cool text tutorial 3

Step 3:
Hold Ctrl and click on your text layer on your layer pallet to select an outline of your text
Now take out your gradient tool, making your forground a light grey and your background a darker gray fill your selection so that your text looks like the image below.
cool text tutorial 4

Step 4:
Now go to edit> stroke and use the settings below


cool text tutorial 5

Step 5:
No go to Select> Modify > Contract and use the settings below
cool text tutorial 6

Step 6:
Now change your bg and forground from your light grey and dark grey to a light and dark green. Now fill your selecting with the gradient once again, this time with the darker green towards the top.
cool text tutorial 7

 Step 7:
Now go to edit, stroke and use the settings below
cool text tutorial 8

Step 8:
Now we are going to make a new layer. Go to layer> New layer and take out your gradient tool once again. This time set your forground color to white and from the drop down menu at the top of the screen choose the gradient type circle in the image below
cool text tutorial 9

Step 9:
Now use your gradient tool to fill your selection about half way. Next take out your circle tool and delete the bottom half by selecting the opposite of what you want deleted and choose Select> Inverse
cool text tutorial 10
Step 10:
Now just add a drop shadow and you are done!
cool text tutorial 11
When you are finished you image should look very similar to the one below. If not you might want to try it with a different text type.
cool text tutorial 13

Wednesday, February 9, 2011


Step 1

Create a new document sized 1440*900px, fill the background with black colour. Load the Sky image into Photoshop and select a portion as shown below:
Copy and paste the selection onto our document, resize it to fit the width of the canvas:
Add the following image adjustment layers as clipping mask to this sky layer:
Black and White
Channel Mixer
Curves
Levels
Erase the upper portion of the sky, and you will have the following effect:

Step 2

Load the city photo into Photoshop, cut out the city portion of the image as shown below: (use quick selection tool here)
Paste the city onto our document, resize it to fit the width of the canvas:
Add the following image adjustment layers to the city layer as clipping mask:
Black and white
Channel Mixer
Levels
Mask on Levels adjustment layer:
Use a small size soft eraser, erase some portions of the highest buildings, as shown below: (We do this in order to prepare for the burning effect later on)
High-rise 1
High-rise 2 and High-rise 3
and here is the effect so far:

Step 3

I decided to use the sky image again to fill the empty space on the upper side of our document. So let’s copy and paste the sky photo onto our document again:
Reduce the layer opacity of this new sky layer to around 50%:
Black and White
Channel Mixer
Curves
and here is th effect so far:

Step 4

Load the rock image into Photoshop, select one rock from the image – we will use it for the meteor effect:
Paste the selection on to our document, sharpen it a little bit with the sharpen filter:
Erase the edges of the rock with a soft eraser:
For your reference, this is the layer mask I added on the rock layer – by mixing soft eraser and grungy brushset:
Apply the following layer blending options to this rock:
Outer Glow
Inner Glow
and here is the effect so far:

Step 5

We’re almost done. Now we can fine-tune the image a a bit by adding some cloud around the meteor. Make sure you warp/distort them to form a trailing effect: (Hint: if you’re having trouble with cloud warping, take a look at this tutorial)
Optionally, you can add a few more rocks to the image, use the same step described before:
Now you can either render some cloud with the cloud filter, or use some cloud brushes (reduce their sizes) to paint some cloud/smoke BEHIND the high-rises:
Paint some particles with the dirt brush you downloaded:
Also add some cloud overlay to the high-rises on the far distance:
Add a colour balance adjustment layer on top of all layers:
Add a layer mask on this colour balance layer for some variation and increase depth of the image: (we don’t want to the whole image to be red!)
After adding this colour balance layer, you will see those smokes and cloud we added before will transform into flame/burning effect:
Plus the meteor is now red-hot as well:
And here is the overall final effect: (click to enlarge)
That’s it! I hope you enjoy this tutorial and find it useful! Till next time, have a great day!