I need tutorial for…

V
Posted By
VV
Jul 12, 2005
Views
276
Replies
4
Status
Closed
…. creating this effect http://www.cssimport.com/images/bg_middle.jpg. Please…
Related Tags
tutorial

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

O
Owamanga
Jul 12, 2005
On Tue, 12 Jul 2005 16:42:56 +0200, "VV" wrote:

… creating this effect http://www.cssimport.com/images/bg_middle.jpg. Please…

It’s just two graduated fills. One on the entire image, then select an area inside it (leaving about 15 pixels each side unselected), repeat the fill (leaving the colors the same) but this time set the start point a lot higher up, off the top of the canvas (so less of the darker bit actually makes it onto the canvas).

Zoom in and set up some left & right guides first to get the left and right sides equal. This’ll make selecting the inside portion easier.

It’s too simple for a tutorial to exist.

To find the gradient tool, see the paint bucket tool? – Right click and you can select the Gradient tool, next to the eraser). Next, on the top toolbar, select ‘Linear gradient’ and ‘Foreground to background’ as the mode (these should be the defaults).

Select two different shades of brown for the foreground and background colors. Now, select the entire canvas and draw a line (with the mouse, we still have the gradient tool selected) from the top of the canvas to the bottom. If the fill looks backwards, repeat but from bottom up. Hold the shift key down whilst dragging the line to keep it straight.

Need more help on graduated fills? Look it up in Photoshop’s help, it should explain everything there.

—
Owamanga!
http://www.pbase.com/owamanga
MR
Mike Russell
Jul 12, 2005
"Owamanga" wrote in message
On Tue, 12 Jul 2005 16:42:56 +0200, "VV" wrote:
… creating this effect http://www.cssimport.com/images/bg_middle.jpg. Please…

It’s just two graduated fills. One on the entire image, then select an area inside it (leaving about 15 pixels each side unselected), repeat the fill (leaving the colors the same) but this time set the start point a lot higher up, off the top of the canvas (so less of the darker bit actually makes it onto the canvas).
….
Owamanga!
http://www.pbase.com/owamanga

Kawabunga! Great response, I must say.

BTW – I checked out you gallery and couldn’t resist dong my own version of your "post processing" image:
http://geigy.2y.net/tmp/Ken_Tough/index.htm
—
Mike Russell
www.curvemeister.com
O
Owamanga
Jul 12, 2005
On Tue, 12 Jul 2005 18:31:27 GMT, "Mike Russell" wrote:

BTW – I checked out you gallery and couldn’t resist dong my own version of your "post processing" image:
http://geigy.2y.net/tmp/Ken_Tough/index.htm

Weird, I went to the page (and my mouse happened to be hovering over the image).

"Hmm, that looks mighty flat, just like the original…"

….and then I read the instructions.

That was from a couple of months ago – in a photography NG. The shooter (Ken) was interested to know how people would process it. I’m not a photoshop guru or anything, but others who joined in were very subtle in my opinion, so I did these. Some people went as far as removing the poles and of course cropping for impact.

Your one is cool, it has a ‘slide’ look to it.

—
Owamanga!
http://www.pbase.com/owamanga
V
VV
Jul 13, 2005
"Mike Russell" wrote in message
"Owamanga" wrote in message
On Tue, 12 Jul 2005 16:42:56 +0200, "VV" wrote:
… creating this effect http://www.cssimport.com/images/bg_middle.jpg. Please…

It’s just two graduated fills. One on the entire image, then select an area inside it (leaving about 15 pixels each side unselected), repeat the fill (leaving the colors the same) but this time set the start point a lot higher up, off the top of the canvas (so less of the darker bit actually makes it onto the canvas).
…
Owamanga!
http://www.pbase.com/owamanga

Actually, my interest was in that 3d effect. I’ve used that two layers that you described, by adding the third shape with rounded corners between these two layers, and dropping shadow on it, I was able to get pretty much the same… Thanks…

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections