Okay, so. How about making a blog writing icon? =]

Yea?
Okay, leeeet’s ..roll….! ^__^

This is what we’ll be making:

So! Take up that Photoshop and…step to the beat =]

• Step 1:

Okay, make a new document, say…around 400 width and 300 height…and fill it with a neutral gray :)
Say, #545454 for example.

Okay, now name this layer “Background”. Then make a new layer above it, name it “Bottom Cover”.

• Step 2:

Okay, that done, grab the Rectangle Tool (U) and set it to Shape Layers. Then set your Foreground color to #e7c681 and on the Bottom Cover layer, drag to create a rectangle like this:

Then click Ctrl (or Cmd on Mac) +T and holding down Ctrl (Cmd) key click on the corners and transform it into something like this:

• Step 3:

Kay, now duplicate the Bottom Cover layer, and then right-click on the topmost of the two and choose “Clear Layer Style”.
Then, take the Move Tool (V) and move the rectangle upwards, like so:

Then take the Line Tool (U) and with your Foreground color set to #e7c681, line set to Shape Layers and line thickness set to something around 20px, drag to create a line like this:

Then take the Direct Selection Tool (A) and drag the corner anchor points of the line’s path to get something like this (at 200% zoom so you can see better) :

Move this layer between the two bottom cover layers, like so:

• Step 4:

Now let’s do the same for the other side of the pages…”body”..iunno.
Take the Line Tool again and with the same settings as before drag a line on the other side, like so:

Then, just like before, take the Direct Selection Tool and trag the anchor points in the corners to get something like this:

Super-awesomesauce =D Now your pic should look something like this:

So far so good. Now Ctrl(Cmd)+click on the 3 recent layers, so you have all of them selected in a dark blue color in your Layers Palette like so:

…and drag them 3 over the tiny square-like icon at the bottom of your Layers Palette, to duplicate them :) Hide one set of duplicates for later use :)

Then click Ctrl(Cmd)+E to merge the other 3 into one single layer, name this layer “Pages Body”.

Then go to your “Bottom Cover” layer and right-click on it, choose Copy Layer Style and return to your “Pages Body” layer, right-click on it, choose Paste Layer Style.
Awesome! ^___^

• Step 5:

Okay, let’s make the pages look like…well…errr…pages? xD

See this image below? Right-click on it, save to disk. Then open it up in Photoshop :)
Go to Edit—>Define Pattern–>name it “Pages Pattern”.

Good!
Now make a new layer above your Pages Body one, name it “Pages1″ and fill it with this pattern using the Paint Bucket tool (G) set to Fill–>Pattern :)
Next, press Ctrl(Cmd)+T to resize it to about half the size and rotate it a bit, so you get something like this (so that the lines are parallel to the bottom edges of the pages body) :

Kay, now remember those duplicated parts of the pages body? Ctrl(Cmd)+click on the thumbnail of the layer corresponding to that size of the notebook’s pages, like this:

Niiiceee…now press Ctrl(Cmd)+Shift+I to inverse selection, then click….Delete =D  Deselect. Nice&easy =]

Now you should have something like this left:

• Step 6:

Oki. Now obtain a selection of your Pages 1 layer by Ctrl(Cmd)+clicking on its layer thinmbail, and setting your foreground color to #b09e6e, take the Paint Bucket Tool (G) and on a new layer fill the selection with color. Careful, that your Bucket has remained set to “Fill With Pattern” from last time you used it so make sure it’s set to Fill with Foreground ^_~
Okay, name this layer “Pages 2″ and move it a couple of pixels down, so what you get is this:

Now make a new layer inbetween your Pages Body and the two Page1&2 ones, and…well wait, no need to name it anymore, it won’t stay around for long =]
Obtain a selection of that same hidden layer with which we worked earlier, like this:

Set your Foreground color to #61481f and fill the selection on the new layer you just created.
Then Ctrl(Cmd)+click on it AND the Pages Body one, to have them both in blue in the Layers Palette, and press Ctrl(Cmd)+E to merge them. This way we’ll get rid of the layer effects of the Pages Body =]

Next, take the Burn&Dodge tools, and setting them to soft, round brushes about 40px in size, and Range: Shadows/Exposure: 11%/NO Airbrush (for Burn) and Range: Highlights/Exposure: 11%/YES Airbrush for Dodge, burn&dodge a bit to get something similar to this after-effect:

Now follow the previous steps for the left side as well :) Since it’s a repetitive process, I’ll show just the screenshots :)

• Step 7:

Niiice =]
Mooo-vin on ^__^

No now your layers palette should look something like this (maybe different layer names):

Re-name your ex-pages layer to “Pages Body”.

Now let’s take care of some shadows, okay? :)
Make a new layer inbetween your Bottom Cover and the Pages Body :) Name it “Pages Body Shadow”.
Now Ctrl(Cmd)+click on the Pages Body layer thumbnail to obtain its selection…then set your Foreground color to #663a16 and taking the Paint Bucket tool, fill the selection on the Pages Body Shadow layer.
Set the layer to Multiply blending mode and lower its Fill to about 90%, then move it a little bit down, just a few pixels ^^

Like so:

Take then the Blur Tool (R), set it to a soft, round brush of about 40px, Mode: Normal, Strength: 50%.
Blur a bit so you get something similar to this:

• Step 8:

Okay, now we’ll make some leafy leaves..pages…well you get my meaning  >w<

Good, set your foreground color to #e7be8e and take the Rectangle Tool (U). Set it to Shape Layers and on a new layer, draw a rectangle….like so:

Take the Direct Selection Tool (A) and drag the 4 anchor points in the corner to make the rectangle follow the lines of the “Pages Body” like this:

Now duplicate the layer, and hide the duplicate =)
Then…well…..give your visible page these layer styles:

Suuper ^^ Let’s move on.

• Step 9:

Okay now right-click on the layer, choose “Copy Layer Style”. we’ll need it later ^_~
Next name it to “Base Page”.
Then make a new layer on top of it, and right-click on the new layer….Create Clipping Mask.

Set your Foreground color to #faedca and taking the Gradient Tool (G) set to Foreground to Transparent, drag like so to create a highlight on the base page:

Then Ctrl(Cmd)+click on both layers in the Layers Palette and press Ctrl(Cmd)+E to merge them into one.
Mmkay, we’re done with this page (for now).
Remember the shape we duplicated? Okay, go back to it and duplicate it again, make sure one of the copies is hidden and another visible, and on the visible one right-click—>Paste Layer Style. Then take the Direct Selection Tool again and drag the anchor points a bit to resize and curve like so (you might find it useful to use the Convert Point Tool) :

Do the same with the clipping mask and gradient as before, so you get somehting like this:

Okay, now select both layers and merge them, as before then re-name it to “Page 2″  :)

• Step 10:

Okay, more pages now =O
Duplicate the hidden shape layer again, so we always have a backup. make one of them visible (preferably the bottommost one) and with the Direct Selection Tool (A) drag the anchor points like so:

Paste the layer style……The same thing with the clipping mask and gradient…na-na-na…..merge the two (clipping mask and layer it is assigned to)…re-name the resulting layer to “Page 3″.

Okay, laaast fortre…err..page xD
Take the last one of the shape layers and make it visible. Paste layer style to it and re-shape using the Convert Point Tool and the Direct Selection Tool to a shape like this:

Same thing..new layer…clipping mask….gradient….blebleble…so you get something similar to this:

• Step 11:

Okay, time to add ambiental lighting to these pages, what’d you reckon? ^___~
Let’s start from the bottommost one. The “Base Page” you know? Make a new layer and move it on top of the Base Page one. Then right-click on this new layer and Create Clipping Mask.
Then set your Foreground color to #804d27 and obtain a selection of the page layer ABOVE the page you are working on now (by Ctrl(Cmd)+clicking on its layer thumbnail), like so :

Using thr Paint Bucket Tool (G) fill the selection with your dark brown foreground color we just set…and then deselect.
Go to Edit–>Transform–>Warp and srag the controls to something similar to this:

Okay, now go to Filter—->Blur—>Gaussian Blur, give it a setting of about 1,7 let’s say :)
Set the layer to Multiply blending mode and lower its Fillto about 90%.
Then take the Burn tool (O) set it to a soft round brush of around 50px and Range: Shadows, Exposure: 11%, NO airbrush, then click here&there where the shadow would be deeper in reality (closer to the point where the page on which we are working now and the one above it meet).
Like..this!

You can use the dodge tool as well a bit on the lighter shadows since you’re at it…however you think it looks best for your own pic, it’s optional :)

• Step 12:

Nice…=]

Kaykay, mooo-vin’ on ^^
This is how your Layers Palette should look now…well at least similar to this, maybe other names&such.

Kay, now press Ctrl(Cmd)+E to merge the shadow clipping mask with its “master” layer….yea that means to merge it with the layer that’s beneath, that’d be the Base Page ^_~

Now one more tweak and we’re totally finished with this page ^^
Take the Dodge Tool (O) and set it to a soft, round brush, of about 50px in size, Range: Highlights, Exposure: 11%, YES airbrush.
Then on the page layer where we worked till now dodge a bit around its edges, like so (I circled the area where you should use Dodge) :

Done!…

…with this page xD

Okay, on to the page above it =]
As before, make a new layer above it….transform that layer into a clipping mask…then obtain a selection of the page above and fill it on the freshly-made clipping mask with the Foreground color #804d27, deselect, warp it like so:

Set to Multiply, lower Fill to about 90%, blur it a bit like before…..ok =]
Burn it baby! =] Dodge it! Merge..ta-daaaa =D

Something similar to this is what you should be obtaining:

• Step 13:

Last page time now.
Well..last page with shadows.
Do just the process we did before….warp it then blur, burn, dodge, merge, etc.

In the end, you’ll get something similar to:

Very well so far, now we should take care of the page flip, you know?
Oki, so. Take the Pen Tool (P), set it to Shape Layers, and set your Foreground color to #63821d. Take that Pen and on a new layer placed right above your top-most page layer, draw a shape like so (this is at 300% zoom, for you to see better) :

Okay, now set your Foreground color to #d0ba63 and your background one to #8e6c21 and make a new layer above the shape you just made. Right-click on it and choose Create Clipping Mask.
Niiiceee..now take the Gradient Tool, set it to Foreground to Background, Linear Gradient, make sure Reverse is NOT clicked……and drag from the tip to the base of the shape (which is in fact our page flip) like this:

You can use a bit of good ol’Burn&Dodge tools to lighten or darken the light&dark parts…and you should get something like this:

Okay, now make a new layer and make it into a clipping mask for our flip page shape as well (you should have: the flip shape layer, then above it the gradient clipping mask, then the layer you just made now which is ALSO a clipping mask…)
Oki so set your Foregroun color to #d58c1b draw on the freshly-made layer a liiiiittle orange tint, like the texture reflection off a semi-shiny surface, iunno?
Like so:

• Step 14:

Ppffftt…kay, take a break….

………….okay come back :)

Now let’s add text to our blog heh? ^_~
I use the font LainieDay SH, you can download it here: http://www.abstractfonts.com/font/11337

Download the font, install it to your compy and then make a new layer above all your others in Photoshop and get the Text Tool (T) and set it to about 11pt in size, aaaand..type ^^
Like so:

You might have to the Toggle the Character and Paragraph palettes button and use that to give your text a little ..boldness ^^
Like this:

Set your text layer to Multiply blending mode. Then we need to transform it so it looks right on paper ^^
Press Ctrl(Cmd)+T and drag a bit to the left..right…or resize it…rotate a bit counter-clockwise…oh well, you’ll get the right moves, don’t worry if it’s a bit frustrating at first ^_^. Like so:

You might need to duplicate the text layer and lower the copy’s opacity a little, to make the writing more visible.

Now move your text layer(s) below the page flip shape layers :)

• Step 15:

Kay so now your pic should look something like this:

Now we’ll take care of the flipped page, kay?

Take the Pen tool same settings as before, and make a shape like this above all your other layers:

Now make a new layer above it and make this new layer into a clipping mask, and set your Foreground to #fee3b5 and Background to #b78557 and taking the Gradient Tool (G), set it to Foreground to Background and to Reflected Gradient, make sure Reverse is NOT clicked and click&drag like so:

This should give you a result like so:

• Step 16:

Kay but you know, don’t you see anything amiss here?
Of course yea, there is a lighting difference between the flipped page and the rest of the notebook o.o
Let’s fix that =D

Oki, make a new layer abooove all your other notepad-related ones (that should place it just above the flip page layer and its gradient clipping mask) and transform it into a clipping mask as well. Set your Foreground color to #662802 and taking the Gradient Tool again, set it to Foreground-to-Transparent, Linear Gradient and drag to create a shadow like this:

Mmkay, you can play with the Fill a bit if you think it’s too much shadow. Now press Ctrl(Cmd)+E to merge the shadowy layer with the gradient layer…and taking the Dodge tool with the same settings as before give our …flipped page… a bit o’good ol’highlight =]
Like so 9I circled the area where you must add highlight) :

But wait! We’re STILL missing something. Can you tell what it is? ^_~

……..it’s the ancient paper texture of course.
Okay so. Obtain a selection of your flip page shape we made earlier with the Pen Tool, and then go to Select–>Modify–>Expand–>1px.
Sweeet, now press Ctrl(Cmd)+Shift+I to inverse selection or go to Select–>Inverse…and …..on your gradient layer of course (that’s the clipping mask of the flip shape)…press Delete =O
Oki, now right-click on the gradient layer in the Layers Palette and choose Paste Layer Style…and ta-daaaa, our flip has the nice ancient page effect =D

There is just one more thing we need to do for it all to look okay.
Select both the gradient layer (aka, the clipping mask) and its “master” layer (aka, the flip page shape) and merge them into one.This might cause your flip page to vanish, because it became a clipping mask of the group below it, but it’s okay, don’t panic :)
Just right-click on it and choose “Release Clipping Mask”.
That’ll make it visible again =D
Okay now lock the transparent pixels on it..this is the button:

…and taking the Smudge Tool (R) set to a large (say 30px), round, semi-hard (say hardness about 50%) brush, drag in the direction of the arrows to get rid of the edge burn effect where we don’t want it:

• Step 17:

Kay so now you should have something like this:

More lighting adjustments on the way =]
Go back to the layer where you have the topmost page. The one with the writing you know? You should have the page on one layer, and the text on another layer, just above the page one. Yes? Okay.
Make a new layer and move it INBETWEEN the page and the text :)
Next, right-click on the new layer to transform it into a superhero…err……..I mean into a Clipping Mask..>u>..<u<……

Set the layer blending mode to Multiply.
Then, with your Foreground color set to #834227, take the Gradient Tool and make sure it’s set to Foreground-to-Transparent, Linear Gradient. Once you got that done, drag like this on the new clipping mask you just created:

Lower the layer’s Opacity to about 70% then make a new layer above it, right-click–>Create Clipping Mask. Set this layer to Multiply as well, but lower its Opacity to only about 90%.
Drag almost as before, only shorter span:

Kay, now press Ctrl(Cmd)+E to merge the two Multiply layers into one =D

• Step 18:

Mooo-vin’ on ^o^

On the Multiply shadow layer go to Layer–>Layer Mask–>Reveal All.
Take the Gradient Tool again, make sure your Foreground is black (#000000) and drag like this to lower the density of the shadow on the left:

After which, you should be left with this:

Okay, just a bit more and we’re done…with the notepad ^_~

• Step 19:

Now make a new layer and move under all your other layers…well except the background one. Move it so that it’s the first layer over the background one.
The take the Pen Tool and draw a shape like this (here at 200% zoom for you to see better) :

…and here it is with the notebook on top of it:

Kay, now make a new layer above it and transform it into a Clipping Mask. Then set your Foreground color to #8d5223 and your Background one to #f6cd99 and taking the Gradient Tool, set it to Linear Gradient, Foreground-to-Background and drag like so:

Now make a new layer ABOVE this one…pfft, you’re getting tired of new layers aren’t you? Oh well, necessary evil as they say… ^__^

So yea, make a new layer above it and transform it too into a ..well..Clipping Mask.
Then set your Gradient to Foreground-to-Transparent and to Radial Gradient, set your layer to Multiply blending mode and drag like so:

• Step 20:

Now press Ctrl(Cmd)+E to merge the multiply layer with the gradient one. Next, obtain a selection of the shape of the “master” layer, and go to Select—>Modify–>Expand–>1px, the go to Select–>Inverse..press Delete.

Paste the layer style to the gradient layer (the one on which you just deleted) and you should have something like this:

Name the layer “Gradient Page Under”.

Now let’s take care of some shadows. Make a new layer above the Gradient Page Under and transform it into a Clipping Mask…gooood…..then obtain a selection of your Bottom Cover layer…and with the Foreground color set to #8d5223 fill the selection with color using the Paint Bucket Tool (U).
Deselect, then set the layer to Multiply.
Then move it a liiittle to the left, as so:

Give it a Filter–>Blur—>Gaussian Blur of about 2. Now it also depends on what you think looks good, iunno.

Oki…now your thingy should look something like this:

• Step 21:

Text time!
Remember how we did the text for the top page?
Good, let’s do that for the bottom page as well :)
So. Make a new layer and start typing with the LainieDay font we used earlier. Then skew it, warp it, resize it…to fit it on the page =D

I’m forgetting something, set your Foreground color to #d09a6b before you start typing, hehehehe ^___~
You might have to the Toggle the Character and Paragraph palettes button and use that to give your text a little ..boldness ^^
Like this:

Take the Dodge Tool (O) and with the same settings as before dodge a bit the text where light falls hardest.
Liiiii3k diiiiz (I circled the area where you should use Dodge) :

Aweeeezuuum <33
Now the notebook is…well…FINISHED! =D

It should look like this..or close:

• Step 22:

Well what’s the point of a Blog Writing icon if we don’t have a toll to write with?

Make a new layer above all your others.
Take the Line Tool (U) and set it to Shape Layers, thickness of 4px.
Set your Foreground color to #531f0b and with the Line Tool, draw a ine like this:

Duplicate this line layer and set the copy’s color to #94451a. Move this second line a bit to the up-left, like so:

Next, duplicate the line again and set this third’s copy color to #bb6d2f. Move it to the up-left…like so:

New line copy set its clor to #fadb75 and move it like before….then yet another copy..set its color to #e7b25d and move it….so you have this:

• Step 23:

Now merge all these lines into a single layer.
That is done by Ctrl(Cmd)+clicking on them all each one by one in the layers palette, so that they are all in a dark blue color. then press Ctrl(Cmd)+E to merge ^_^

Okay once merged, take the Eraser Tool (E) set to a hard round brush and erase what bits go over, to lever the edges out like so:

With the Eraser Tool, erase at the …well..tip… (the edge closer to the paper) so that it has a nice roundish shape.

Then name the layer “Pencil Body”.

Make a new layer and move it under the pencil Body one.
Then take the Polygonal Lasso Tool (L) and on the new layer, create the selection of..well..sort of triangle, like this:

Set your Foreground color to #f2d6a7 and your Background one to #744219 and taking the Gradient Tool (G), set it to Linear Gradient, Foreground to Background, and drag like this:

Note that I’ve hidden the layers of the notebook to make the pencil more visible for you. So no worry, it’s not a ghost ^___^

Name this layer ..”Pencil Tip”.

Kay, now remember how we locked the Transparent Pixels in Step 16?
Do it again for the Pencil Tip layer.

Then set your Foreground color to #3c1f1a and with a hard, round brush draw the black tip of the pencil, like so:

• Step 24:

Next, make a new layer above all your others. Take the Brush tool and set it to a hard, round, 5px brush.

Then take the Pen Tool, set it to Paths and draw a path like this:

Okay, now right-click–>Stroke Path–>NO Simluate pressure. The right-click–>Delete Path. You should have something like this:

Erase a little around the tips to re-shape it, then give it these layer styles:

Duplicate the layer and move the copy up a bit, like so:

• Step 25:

Name the layer “Pencil Metal Tip”.
Now obtain a selection of it and go to Image–>Adjustments–>Photo Filter, give it a 50% orange.

Okay, now deselect, and create a ne wlayer under all your Pencil layers.
Name it “Pencil Eraser”.

Now take the Brush tool, hard round, andset your Foreground ocolor to #a83524, then draw a shape like so:

Okay, now lock its transparent pixels.
Change your Foreground color to #f4bea9 and with the Gradient tool set to Radial Gradient,  Foreground-to-Transparent, drag a tiiiny little bit to create highlight:

Okay, now take the Burn tool, same settings as before, and darken the shadowy part a little more…..and you can now merge all your Pencil-related layers into one single layer. Name it…well of course, PENCIL! hehehe :)

One more bit to go!

• Step 26:

Shadowy shadow of the Pencil is missing o.o; OMG it has been stolen!
…or..not…xD

Okay, make a new layer and move it so that it is a Clipping Mask to the first page of the notepad.
Name it “Pencil Shadow”. Then obtain a selection of your Pencil layer and setting your Foreground color to #743d25 fill the selection on the clipping mask we just crated…yeah, the Pencil Shadow layer.
Set it to Multiply blencing mode….then press Ctrl(Cmd)+T to transform it, rotate, skew, etc etc so that you get something like this:

Take the Blur Tool set it to a soft, round brush or about 40px and Mode: Normal, Strength: 30%, and blur this shadow a bit, blurring more the farther away you are from the pencil tip. So you get something like this:

Of course, you can go on to add more detail and stuffiez to your icon….I’m not stopping you hehehe ^___^
But for now let’s say…….OMFG WE’RE DONEEEEEE *runs around in circles*

Oh yea baby 8)
Now we can haz snazzy Blog Writing icon =D

Final!

Hope you had fun, see you next time and don’t forget to send me a postcaaaarddd!…
..err..I mean, send me the results of your work, it’s always awesome to see =D
Oh, and let me know if you hit trouble, so I can give you a hand :)

See ya next time ^__~

Alice

“RSS (most commonly expanded as Really Simple Syndication) is a family of web feed formats used to publish frequently updated works—such as blog entries, news headlines, audio, and video—in a standardized format. ”

“Although RSS formats have evolved from as early as March 1999, it was between 2005 and 2006 when RSS gained widespread use, and the icon was decided upon by several major Web browsers.”
(souce, Wikipedia: http://en.wikipedia.org/wiki/RSS)

So, I suppose you are well familiar with the tiny orange RSS icon, are you? :)
RSS is awesome, so that’s why I’ve chosen it as a theme for today’s tutorial ^_^
So. Today, instead of the tinsey-bitsey icon we usually see, let’s do something graaaand! Let’s do a glassy, huge, 3D RSS icon =D

….okay, I realize nobody would place an icon this big on their website but hey! We’re designers, we think with our hearts not our brains hehehe =]

So today, we’ll  learn how to do this:

To work I say! =D

• Step 1:

Create a new canvas, say about 450×450 pixels. Fill it with…say white #ffffff….and name the layer “Background”. Then, set your Foreground color to #e2832f

• Step 2:

Now, create a new layer (Ctrl/Cmd+Shift+N or click on the square icon at the base of your layers palette) and name it “Icon Base”.
Go to your Tools palette and take the Rounded Rectangle Tool (U), set it to Shape Layers and set its Radius to about 40px.

On the new layer you just created, hold down Shift key and click&drag to create an orange rectangle, like this:

• Step 3:

Okay…now go to Edit–>Perspective, and squeeze the shape down a bit, on the right side. Just hold&drag one of the controllers on the right side. Then press Enter to confirm the transformation and click Ctrl(Cmd on Mac)+T to freetransform the thingy, and from the right side resize it vertically (aka, squeeze it vertically).
Like this:

At this stage, you can enlarge your shape if you feel it’s gotten small….that’s up to you.

• Step 4:

Good until now…let’s move on =]

Create a new layer above the Icon Base one, right-click on it in the Layers Palette and choose “Create Layer Mask”. This will make the layer you just created into a layer mask, aka it will stop any pixels drawn on this layer to go out of the borders on the layer which it is assigned as a clipping mask to (in this case, the Icon base).

Kay, so now take the Gradient Tool (G) and set your Foreground color to #fac042 and your background one to #d75927 and setting your gradient to “Radial Gradient”, drag from the bottom to the top of your shape – of course, drag on the new layer….naturally. Like thiiiis……..:

• Step 5:

Okay, now on to a new layer…..name it “Top Reflection”. Then right-click and make it a clipping mask to the icon Base layer as well (but make sure it is placed above the gradient layer, okay? )
This is what your Layers Palette should look like now:

Kay, so now take the Pen Tool (P) and set it to Paths mode, then use it to make a path that looks like a ..well..erm…err….a…curve? xD;
Like this, anyway, images explain better now :)

Then right-click on that with the Pen Tool and choose “Make Selection”.  I set mine to Feather Radius 0, Anti-aliased, New Selection.
Okay, after you have your selection, take the Gradient Tool, set your Foreground color to #f2b46b and your gradient to Linear Gradient, Foreground to Transparent, Normal blending mode and opacity 100% drag from the top-right towards the bottom-left of the icon base shape, but don’t touch the bottom left, stop about 80 pixels from it, like this:

Then this is what you should have now:

• Step 6:

Now let’s make the “body” of our icon, shall we? :)

Duplicate the Icon Base layer. Pay attention that its two clipping masks will lose their mask abilities and become normal layers when you do this. Just right-click on them again and choose Create Clipping Mask to solve this ^_~

Now take the bottommost Icon Base copy and name it “Icon Body” then click Ctrl(Cmd)+T to free transform it. Hold down Shift key and drag from the bottom-left controller a little, like this:

Click Enter to confirm the transform then press Ctrl(Cmd)+t once again and squeeze the top-left and bottom-right points, like this:

Click Enter to confirm, then go to your Tools Palette….and choose the Direct Selection Tool (A) —that’s the one above the Pen Tool, the one which looks like a white arrow, NOT the one which looks like a black arrow, mind that o.o

Kay, now click with the white arrow somewhere on the orange of the Icon Body (now pay attention that you don’t accidentally click on the surface of the Icon Base, because then the arrow will select the Base …and we don’t want that, kay? )
So click on the flat orange of the Body, and you should see a little…wireframe…like a gray stroke around it, yea?

Click with the Direct Selection Tool directly on the gray wireframe, and then its anchor points will be visible ^___^
With the Direct Selection Tool, click on the two points I marked with red and drag them so that they give a nice, compact perspective view, and touch the Icon Base margins, like this:

So this is what you should have till now…or something close:

• Step 7:

So far so good >w<

Now go to your Icon Body’s blending options (either double-click the layer or go to Layer–>Layer Style—>Blending Options) and give it these settings:

• Step 8:

Okay, so now your thingy should look something like this, yea?

Yes—>proceed to step 8, no—>go back to revise hehehe :)

Buuuut, since all should be okay, let’s go on ^^

Kay, in order to do that, we absolutely need to get rid of the layer styles Icon Body layer has….but keep its styled look at the same time xD
….lost you? Lol, sorry :)
Here’s what we’ll do:

First, duplicate your Icon Base layer, move the copy under your background layer and click on the eye icon in the Layers Palette, to hide the layer. Yeah, it’s a nice layer style, keep it we might need it layer xD

Next, go back to your visible Icon Body and create a new layer above it. Holding down Ctrl(Cmd) key, click on the lcon Body layer as well, so now you have both the Icon Body and the new layer you just made on top of it in a dark blue color, and then…click Ctrl(Cmd)+E to merge them. That will get rid of the layer styles but at the same time..well..keep them ^^

That will also change your layer name to Layer 3 or..something, so now re-name it to Icon Body, kay?

Good….let’s go on now.

• Step 9:

Make a new layer above it, and right-click—>Create Clipping Mask.

Now, take the Gradient tool(G), set your Foreground color to #eca839 and your Tool to Foreground-to-transparent, Reflected Gradient, mode=Normal and opacity 100%.

Click and drag on your new clipping mask, at the 3 visible corners of the Icon Body, like this:

Set the layer to Screen mode, lower its opacity to about 90%.

Now Ctrl(Cmd)+E to merge it with your Icon Body……

• Step 10:

Kay, moooo-vin’ on :)

Take the Dodge Tool (O), set it to a round soft airbrush, size about 30px,  Range: Highlights, Exposure: 11% and make sure that Airbrush button is clicked.

Then brush a little on the Icon Body, at the bottom-left corner. So that it looks kinda like this (pay attention, we don’t want too much glowy stuff at the corner, kay?):

Next, brush a bit on the Body’s left side as well, but you know, only a bit, enough to change a bit its color compared to the bottom of the Body. Like thiiiissss…:

• Step 11:

Okay, now let’s temporarily go back to working on our Icon Base layer’s look :)

First, make a new layer, name it “Border”, move it on top of Icon Base’s clipping masks, then right-click on it and transform it into a Clipping mask as well…like so:

Kay, now Ctrl(Cmd)+click on your Icon Base layer’s thumbnail in the layers palette to obtain a selection of it….and then go to Edit–>Stroke, choose Center and 24 pixels.

Okay, now your stuffie looks somewat like this :)

Good.
Then remember, we must stay true to our belief…err…I mean, we must stay true to perspective’s rules, yea? =]

So, naturally, from this perspective …we must click Ctrl(Cmd)+T to transform our Border a bit, aka drag a little to the right and a bit to the top, to make the border on those two sides barely visible, like so (I am coloring it in red, so you can see the difference, okay?) :

Okay, now give your Border this layer style:

• Step 12:

Kay, now make a new layer and move it under the Border one.Obtain a selection of your Border layer, set your Foreground color to #fdf8d2 and your Background one to #f5dc88 and go to Edit–>Stroke–>Center–>4px.

Then set the layer to Overlay blending mode, lower its Opacity to about 50% and give it this layer style:

Ctrl(Cmd)+click on the Border layer afterwards, to have them both selected, and merge them by Ctrl(Cmd)+E.
After which, take the same Dodge tool we used earlier and give it a few highlights, then take the Burn Tool with the settings of round, soft, Shadows, Exposure: 11% and airbrush NOT clicked, and burn&pillage..errr.dodge I mean..around to get it to look like this:

• Step 13:

Make a new layer, and move it on top of your Icon Body one.
Obtain a selection of your Icon BASE layer (careful not to confuse it with Icon Body haha). Then right-click—>Create Clipping mask and go to Edit–>Stroke–>Center–>4px…..okay…then set it to Hard Light and lower Opacity to about 70%.

Good…now click on the the Lock Transparent Pixels icon at the top of your Layers Palette…here:

Set your Foreground color to #fbf2c7 and your Background one to #fbca30, take the Gradient Tool (G) set it to Foreground to Transparent, Radial Gradient and Give it a few highlits at the corners, and a few shadows at the bottom side, like soooo:

Then give it this layer style:

• Step 14:

Moooo-vin’ on >w<

Okay, obtain a selection of your Icon Base. Then create a new layer and move it so that it is placed between your Icon Body layer and the stroke you just created now, in the previous step. Make sure both the stroke and the layer you just made now are clipping masks to Icon Body, okay?

Kay, name your layer “Body 3D” and set your Foreground color to #c35c18 after which fill the selection you have with this color using the Paint Bucket Tool (G).

Set it to Color Dodge blending mode and lower its Opacity to about 20%. Deselect.

This is what it should look like….:

• Step 15:

Now we’l move our bisiness elsewhere…and that is to making the Base part look 3D =]

Okay, get a selection of the Icon Base layer again.

Create a new layer and move it just over the Top Reflection one, so that it is a Clipping Mask too. Name it “Body 3D” …Like this:

Lock its transparent pixels like we did before, and then set your Foreground to #f2af3b and the Background to #c25c18 then take the Gradient Tool (G) and set it to Foreground to background, then drag from the top-right of the rounded rectangle to the bottom-left….
Like so:

Set the layer to Multiply, and lower Opacity to about 27%.

• Step 16:

More work ^^
Set your Foreground color to #fcee88 and create a new layer above the Body 3D one and name it “Corners Glow”. Take the Gradient Tool (G), set it to Radial Gradient, Foreground-t-transparent, and drag a little in the corners, like this:

Set the layer to Linear Dodge, and lower Fill to about 35%.

• Step 17:

Okay, now deselec any existing selections you might have. Then obtain a selection of the Body 3D layer and set your Foreground color to #c35c18.
Make a new layer, name it “Shadow 3D” and place it as a clipping mask between the Border and the Corners Glow, like this:

Take the Gradient tool, make sure it’s set to Foreground-to-transparent, and Linear Gradient and drag from top-middle towards bottom-left, like this:

Lower the layer’s opacity to about 40% ^___^

• Step 18:

Make a new layer between the gradient one and the Top Reflection, like this:

Set it to Linear Burn, lower its opacity to about 70%. On that note, also lower your Top Reflection’s Fill to 90% and set it to Lighten.

Obtain a selection of your Body 3D layer and press Ctrl(Cmd)+Shift+I to invert selection, then take the Gradient tool with the same settings as before and drag from top to middle of the selection. Deselect.

This is about what you should have now :)

• Step 19:

Okay, now we’ll take care of the Reflections =]

Make a new layer and place it just under the Border one (so that it’s a clipping mask). Name it “Reflection 1″. Then, obtain a selection of your Icon Base, and click on the Elliptical Marquee Tool (M). Set it to Intersect with Selection, Feather: 0px and anti-alias checked.

Next, zoom out to about 70% and using the Elliptical Marquee Tool, click at about 11 o’clock, some 100px outside, so that you get a selection like this:

Okay…that done, let’s switch our tool of trade…to the Gradient tool hehehe :)
Set your Foreground color to white (#ffffff) and taking the Gradient Tool (G), with the Foreground-to-transparent setting, Linear Gradient, drag like this:

Set the layer to Color Dodge, and then lower its Fill to 35% :)

• Step 20:

Woohoo! Step 20, we’ve gone far hehehe >w<

Mmkay, now deselect…and your pic should look something like this:

Okay, one more highlight to go…
Obtain the seletion of your Icon Base again. Then make a new layer, under the Reflection 1…name..well of course, with the extra original name of “Reflection 2″! =D

Hehe….Now using the same Elliptical Marquee Tool (M) strategy we used in the previous step, make a selection something like this:

Then take the glooorious Gradient tool (G)…yes, same settings as before of course, and drag like this:

Set the layer to Hard Light blending mode and lower its Fill to about 25%.

• Step 21:

This is what your thingy should look like…or something similar :)

Kay. Good! Now let’s take care of our RSS symbol, okay?
Download this shape to your computer:

http://seiorai.deviantart.com/art/RSS-custom-shape-188328814

Make a new layer, above all your other layers.
Now load the shape into Photoshop and drag to create a shape that’d cover about 70% of the icon surface, like this:

Next, click Ctrl(Cmd)+T to freely transform it, by holding down Ctrl(Cmd)&click&dragging the top-right corner especially, into something like this:

• Step 22:

Duplicate it 2 times, hide two of them and the third move it under the Reflection 2 layer, so it is a clipping mask as well. Name it “RSS Face”.

Now add to it these Blending Styles:

Lower the layer’s Fill to 90%.

So now this is about how your pic should be like:

• Step 23:

Okay, now take one of the other 2 copies we made of the RSS shape, and move it under the RSS Face one. Then use the Move Tool (V0 to move it a bit to the left and then down, so that it looks like a shadow of the RSS face…like this:

If needed, you can transform it a bit so that you won’t see any “gap”..”valley” between the tips of the shaow and the tips if the RSS face.

Change its Shape color to #c35c18 this is very important.
Give it this layer style:

Now, lower its Fill to about 35%.

• Step 24:

Not much more till the finish, I promise xD

Know the third copy of the RSS shape? Move it under the other 2 copies of the shape……and set its shape color to #c55f1a.

Move it to the left and a bit down, like this:

Lower its Fill to about 20%.

Okay…done! =D

Final result:

Now go and have a snack, you deserve it ^_^

Hope you enjoyed this :)