Banner

Sponsor

Login


Welcome Back!
Guest
Guest

Register

Lost your password?

89 users online



Vertical Gradient

Vertical Gradient

Currently viewing this thread: 1 (0 members and 1 guests)


Page 1 out of 2
gregor

gregor

Neverside Newbie
Status: Offline!

Vertical Gradient

Ok ok I'm definitely not a Photoshopb newbie but I just can't figure this out. Take a look at this site. See the background of the page (not the dropshadow). How would you do that in Photoshop ... so that there is a vertical gradient running down both the left and right sides?

I'm thinking an X width by Y height image vertically repeated for the length of the DIV. So, my problem isn't so much how to use it but rather how to create it. Any ideas? Tutorial link?

Thanks!

___________________

sixminutes.ca

AgentXL

AgentXL

Status: Offline!

first i was thinking it was an inner glow. but it isnt.

if when you created the white rectangle on photoshop, give it a gradient overlay on the blending options, but just put 2 grey boxes near the edge, with white boxes close to them.

let me restart, and ill post an image.

___________________

http://upload.serverseed.com/pictars/forumsig.gif

AgentXL

AgentXL

Status: Offline!

just give it a gradient like that... put put the style to linear, and the angle to 0*

Attachments:

tfg3.jpg tfg3.jpg (Download) 13.68 Kb, 102 views

___________________

http://upload.serverseed.com/pictars/forumsig.gif

gregor

gregor

Neverside Newbie
Status: Offline!

Thanks ... I'll try this out when I get home. I thought it was an inner glow too but everything I tried didn't work out.

___________________

sixminutes.ca

dwarves

dwarves

Status: Offline!

Do you mean something like my attachment?

To do what I did, I made a rectangle. I got the line tool and drew a line down on the side of the rectangle. Then I applied a drop shadow to the line.
Drop shadow properties:
opacity: 55
angle: 135
distance: 0
spread: 9
size: 16

AFter that I applied a drop shadow to teh rectangle:
opacity:4
angle: 90
distance: 0
spread: 0
size: 7

Obviously you can change the opacity and other things in teh drop shadow properties. That's just what I used.

Attachments:

untitled-1.gif untitled-1.gif (Download) 4.98 Kb, 71 views

Mr_s

Mr_s

Status: Offline!

Believe it or not, but the image in question was created by adding a drop shadow to a scan from an old Nat'l Geographic; one with the innards removed and the aged edges intact.

gregor

gregor

Neverside Newbie
Status: Offline!
Quote:

Originally posted by Mr. s
Believe it or not, but the image in question was created by adding a drop shadow to a scan from an old Nat'l Geographic; one with the innards removed and the aged edges intact.

.s? From the TextPattern forums?

___________________

sixminutes.ca

MrBoom

MrBoom

Status: Offline!

you could probably just airbrush it just as easy..
select the rectangle, and run ur airbrush down either side with a light grey tone, or a non-contrasting colour..

___________________


http://adam.ezy.com.au/temp/grungesig.gif

Mr_s

Mr_s

Status: Offline!
Quote:

Originally posted by gregor
.s? From the TextPattern forums?

Indeed. Do you frequent said locale?

gregor

gregor

Neverside Newbie
Status: Offline!
Quote:

Originally posted by Mr. s
Indeed. Do you frequent said locale?

Yes, on occasion, as "gregor".

___________________

sixminutes.ca

Page 1 out of 2
Quick Jump:

Main Navigation


Site & Graphic Design by Aeon Tan
Developed by Jeremie Pelletier & Scott Roach


NeverAPI generated this page in 0.0093 seconds.