Glossy RSS Icon

By Rahul Verma on Saturday, February 20, 2010

comments (0)

Filed Under:

In this tutorial we are going to create a colorful RSS icon for your blog.

It's necessary for the beginning to create a new file (File>New) of 512x512px and 72 dpi. Select the Ellipse Tool (U) and try to make an ellipse like the next one:
Fill 0% on the layer:

Select Blending Options>Gradient Overlay (making a mouse click on the processed layer on the layers' palette) setting the next demands as below:

This element we should get. It'll represent the shadow of the icon:

Select the same tool to draw now a circle, colored with #F36523

Select Blending Options>Inner Shadow and set the next parameters for the last layer:

Blending Options>Stroke

Fill 0% for the layer. We should get the next result. It'll represent the basis of the icon

Next we shall represent one more circle:

Choose the next selection for the layer: Blending Options>Gradient Overlay

Gradient Editor:

Now we need to draw another circle, but a circle that needs to be corrected with Direct Selection Tool (A), as it is shown below:

Select Blending Options>Inner Glow

Fill 0% on the layer. This way we've got several highlights on the icon:

Let's represent one more circle colored with #F36523

Mark out the last made circle, press Alt button and cut out a half – moon element:

Set the next parameters:

We'll get this way a half – shadow:

Now we need to select the Ellipse Tool (U) and represent two circles of different sizes. The color's code is #FEDB8A

Next we shall use the Rounded Rectangle Tool (U) (radius of 30 px) and represent a bended rounded line.
1. Represent the line
2. Insert the points of the bend, applying the Add Anchior Point Tool, bending the element with Direct Selection Tool (A) and Convert Point Tool.

Place the new element as below:

Apply for the new layer Blending Options>Gradient Overlay

Gradient Editor:

We'll get the next result!

Here's the final result!

Continue Reading...

Create an Realistic Dark Ocean Text Effect in Photoshop

By Rahul Verma on Wednesday, February 10, 2010

comments (0)

Filed Under:

In this tutorial, I will show you the procedures I took to create an Realistic Dark Ocean text effect in Photoshop, which is inspired by one of the ocean photos my aunt showed me from Mykonos, Greece.

We will be exploring some layer blending options, various tools and filters. I will also show you the way I use to add extra lighting contrast to the image.

Step 1: Firstly we will need a nice font, I used this font from, however you’re free to use any font you like.

Once you chose the font, create a new document in photoshop, size doesn’ really matter here. I chose 800×400px because that’s where my comfort zone is. Fill the background with Black and save the document as “Ocean Text”.

Step 2: Use the type tool to type some texts onto it. This will automatically create a new layer on top of the background layer. If you choose the 800×400px canvas size in step 1, it’s a good idea to choose larger size font here. However, you can always adjust the size of the font by holding down the CTRL + T together, then drag the corner of the text to alter the size. (You may also hold down SHIFT key while dragging, this will keep the dimension radio of the text). See image below for the position I place my text:
Step 3: After placing your text, name this layer as “Text”. We will now add some lighting and contrast for the text. Hold down your CTRL key and left-click on the “Text” layer, this will select the entire “Text” layer:

Create a new layer called “shade”, fill it with black and go to Filter > Render > Cloud to render some cloud (use white as foreground colour and black as background colour).

Step 4: Now we can futher edit the lightness of the text. Go to Image > Mode > Lab Colour to change the image mode to LAB Colour, then go to channels palette and choose the lightness channel. See below images for details:

Lab Mode:
Then go to Filter > Sharpen > Smart Sharpen and use the following settings:

Optional: you may use smart sharpen a few time to further adjust the effect.

Here is the text effect so far:

Step 5: Change to image mode back to “RGB Color” by going to image > mode > RGB color. If you’re prompted to flatten the image, choose “Don’t flatten”.

Create a new layer called “Ocean Colour” on top of every other layer, set its layer blending option to “Color dodge”. Use a big brush and a ocean-blue colour, gently brush over the text, you may use the dodge, burn and sponge tool to adjust the lighting constrast. Detail setting see below:

Brush color
Dodge tool settings:
Burn tool settings:
Step 6: Now can add some more ocean effect to the text. Create a new layer called “Cloud”, and on the newly-created layer, use the Lasso Tool to select the outer of the text , fill it with black colour, then go to Filter > Render > Difference Cloud (Use the previous dark blue colour as foreground colour, black as background colour).
Your image should be similar to below:

Create a layer on top of the “cloud” layer and call it “fiber”, right-click the layer and choose “Create clipping mask” and make it a clipping mask of “Cloud” layer. Fill this layer with black colour.

Go to Filter > render > fiber and use the following setting:

Then use motion blur on the “Fiber” layer, details see below:

After that, go to Filter > Distort > Ocean Ripple to create some ocean ripples, details see below:

You should now have the following image:

Step 7: Now we can move the “fiber” and “cloud” layer below the “Ocean Text” layer. Change the blending options of “Ocean Text” according to the following screenshots:

Step 8: Right-click on the “Ocean Colour”, select “Create Clipping Mask” and make it a clipping mask to the “shade” layer.

Duplicate the “Cloud” layer once and put it on top of every other layer, change its blending style option to “overlay”.

Now you will have the following image:

Step 9: Now save your document as a JPEG file, then load it back into Photoshop, duplicate the background, and change the blending option as following:

Then go to Filters > Distort > Ocean Ripple and apply the following settings:

Apply this filter a couple of times, then you will have the following result:

That’s it for this tutorial! You can use your own creativity and innovation to add whatever effect you want to have.

Here is my final result for this tutorial:

Continue Reading...