how to draw this ...

[Monabizi]

hi,
does anyone know how to draw this thing? (file attached)
im looking for technique/tutorial/advice for draw this thing...

Avi.

[ya3]

kidding, right? :|

meh, draw a square on a new layer. double click the layer to bring up the properties. goto 'bevel' and make it have an 'outer bevel'. play with the settings.

[Monabizi]

kidding, right? :|

meh, draw a square on a new layer. double click the layer to bring up the properties. goto 'bevel' and make it have an 'outer bevel'. play with the settings.

welp, i wish i was kidding.. i played with the "bevel" property alot but couldn't come with the right result...
any advice?

[DDD]

I did mine with a couple of inner shadows, just play with the location of the light and the highlight modes....

[Monabizi]

I did mine with a couple of inner shadows, just play with the location of the light and the highlight modes....

welp. i need the opposite of what you did...

[DDD]

reverse the lights.

[Monabizi]

reverse the lights.
can you attach the .PDF so i could explore it?

[DDD]

look at my 2 examples. It is mainly an illusion. All i did was reverse the colors.

[DDD]

what tool are you using?

[Monabizi]

what tool are you using?
im using photoshop 6...
(you didn't attach any examples...)

[jonesin]

I take it you just got PS? You may want to go thru the help files that comes with PS before you do anything else. With that said. For a similar effect as above, do the following.....
1) Draw a square.
2) Double Click on the square layer in your layers panel. You should now see a pop-up called Layer Style.
3) Click on Bevel and Emboss. And make sure its highlighted so you can see your Bevel Options.
4) Now for the settings: Style = Inner Bevel, Technique = Smooth, Depth = 1000%, Direction = Up, Size = 0, Soften = 0.
5) You can either change your lighting as explained above, or you can fool with the highlight and shadow settings. In your case, lets fool with the highlight and shadow settings.
6) Leave Angle and Altitude unchanged. (ie. 120 - 30)
7) Leave use Global Light checked.
8) Gloss Contour is unchanged, and Anti-aliased is unchecked.
9) Change Highlight mode to Multiply and change the color to Black.
10) Change Shadow mode to Screen and change the color to White.
11) Change both the opacities to 100%

I hope this helps.

regards,
adam

p.s. try going to good-tutorials.com or tutorialized.com for some PS tuts.

[Monabizi]

welp, it defently helped!
thanks alot man!

[jonesin]

no probs man, good luck with it all.

[DDD]

i attached images. If you want indepth tuts, search for "1 pixel bevel" tutorials. That is what the technique is called. And there are dozens of way to do it.

[mdipi]

What DDD did was a simple visual illusion.

He drew half of the rectangle with just a black line, and the other half a white line, it gives the effect that there is a light source, when really its just two different line colors.

If you wanted - you could also just use an inner shadow and plop a white line under the square.

[Monabizi]

yeah, but the problem is when you need to draw a rectangle with rounded angles...

[DDD]

actually I used inner shadow for mine dippy. But you could do it that way you mentioned as well.

[.soulty]

what with "welp"?.. anyway

rounded shapes in photoshop seems like a popular subject lately, just use a rounded rectangle shape in photoshop (adjust the roundness with the tools options). then apply the layer effects mentioned above to get the desired effect.