Web Design Forums

Sharif · 20-06-2003, 13:53

Can anyone help me make make exact rectangles as the ones at www.wowwebdesigns.com? Thanks you. A tutorial would be greatly appreciated.

dorian · 20-06-2003, 13:59

er, in what program?

smallbeer · 21-06-2003, 08:22

In Fireworks and PhotoShop I tend to use the 'Rounded Rectangle Tool' - right name for the job eh!?

There must be a harder way of doing it but I haven't found it yet!

dixon · 21-06-2003, 08:47

damn I just wrote really long a step by step and aciddently deleted it!!!
well i'll write a short version

4 layers

1. rounded rectangle which have 2 strokes and outer glow
2. header which has a gradient
3. the diagonal lines with a low opacity (over the header)
4. the light green under the title which will just be a solid color with a gradient mask

there are many other ways to create that effect in but this is the way i would be following if i were to copy that rectangle.
hope this helps

20-06-2003, 13:53	#1 (permalink)
Sharif Registered User Join Date: May 2003 Posts: 56	Rounded Rectangles Can anyone help me make make exact rectangles as the ones at www.wowwebdesigns.com? Thanks you. A tutorial would be greatly appreciated. Last edited by Sharif : 21-06-2003 at 09:35.

20-06-2003, 13:59	#2 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,191	er, in what program? __________________ ... drawings \| sayings \| stickers

21-06-2003, 08:22	#3 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,205	In Fireworks and PhotoShop I tend to use the 'Rounded Rectangle Tool' - right name for the job eh!? There must be a harder way of doing it but I haven't found it yet! __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

21-06-2003, 08:47	#4 (permalink)
dixon Custom User Title Join Date: Apr 2003 Location: Brighton Posts: 592	damn I just wrote really long a step by step and aciddently deleted it!!! well i'll write a short version 4 layers 1. rounded rectangle which have 2 strokes and outer glow 2. header which has a gradient 3. the diagonal lines with a low opacity (over the header) 4. the light green under the title which will just be a solid color with a gradient mask there are many other ways to create that effect in but this is the way i would be following if i were to copy that rectangle. hope this helps __________________ Dixon

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)