Need Help Regarding Square Rounded Icon Base

[Eddie Mercer]

Hello,I'm new to this community and i really need help.Below i have posted the kind of base icons that i want to create.Can anyone please teach me?
I only wanted to create the base of those square with shade (that looks like 3d) please help.Thanks in advanced

 

[dv8_fx]

That's just a shadow...

Make sure the image has no background.

Create new layer and move it below the image/object layer.

CTRL+click the image layer icon.

In the new layer, fill selection with black.

Nudge/move the black image down.

 

[zoe20]

how to make those rounded corners i know cc is having a new panel where we can enter the corner radius .But how to do it on cs6 an below versions ?

 

[dv8_fx]

In the tools menu, select the Rounded Rectangle tool and enter the radius in the Radius field in Menu.

how to make those rounded corners i know cc is having a new panel where we can enter the corner radius .But how to do it on cs6 an below versions ?

 

[Eddie Mercer]

Oh..but how do i make it look like 3D?i mean the shadow look like the same color?

 

[dv8_fx]

Is this what you mean?



Use a slightly lighter shade of the object to use as fill.

After nudging down, nudge to left or right. with brush, paint in missing parts of corners to complete the look.

 

[zoe20]

here's my attempt. I followed fv8_fx tutorial but with a diffnt. shape

PNG:

Source PSD:

View attachment click_me.psd

 

[hawkeye]

Rounded rectangle Shape layer with Drop Shadow layer style. You can change the shadow's color, spread, size, distance, opacity, angle, etc. to anything you like.

 

[IamSam]

Hi Eddie, take a look at this TUTORIAL.
It explains what dv8 was referring to in post #6.

 

[Eddie Mercer]

You guys were good in graphics but poor me and i don't understand English much,Thanks for helping.IAmSam thanks for that but still i can't follow those tutor :'( and that is exactly i want to do.Need more help

 

[dv8_fx]

You guys were good in graphics but poor me and i don't understand English much,Thanks for helping.IAmSam thanks for that but still i can't follow those tutor :'( and that is exactly i want to do.Need more help

Menggunakan ini, kawan..... http://translate.google.com/transla...orials/view/how_to_create_a_3d_puzzle_icon_16

Pilih bahasa - From : English To: Malay


The translation is a bit inaccurate but I think you'll manage with it.....

 

[Eddie Mercer]

Gosh i don't know how to follow correctly with this lol,The translation is a bit messy.

 

[Eddie Mercer]

Anyway i forgot to post the image so here the icon that i really want to create.

 

[sprucemagoo1]

As any explanation I give will not be understood, I have done an Illustrator file for you to look at, to see how it is made. I made it look slightly different for legal reasons, but it is all there for you to see. This is what it looks like:-


View attachment Icon.ai
I did it in Illustrator, as that is the kind of program that is used to make these kind of images.

 

[Eddie Mercer]

Can't it be done in photoshop?

 

[sprucemagoo1]

It's possible, but I wouldn't recommend doing it in Photoshop, as it would take a very long time to create a vector image with the degree of accuracy you need to do these, which for an icon, doesn't seem worth the effort to me.

There are free vector editors like the one linked below, if you are wanting to do icons and logo's without having to buy Illustrator. It will also open up the .AI file I gave you before.

It is called INKSCAPE! Hover over the download tab and choose your operating system.

Photoshop will also open the .ai file, but you won't be able to edit it.

 

[Eddie Mercer]

I see...I have an illustrator but it seems hard for me to use it and that is why i choose photoshop cuz i already know and learn some basis and tips but only few.

Sent from my GT-I9300 using Tapatalk

 

[sprucemagoo1]

This tutorial is quite good, done by a guy who is very well on the internet from tutvid, who are pretty good with tutorial for Photoshop as well. He is also friends with Howard Pinsky from IceflowStudios, who has posted tutorials here a few times.