Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Photoshop 7: Background color fading away. Please help.
- Thread starter azzi2000
- Start date
Hi,
Do mean the type of background effect that Macromedia ( does?
That is just an image with a gradient from top to bottom. Then the image is only 1px wide and I think 1200 pixels high. You only have to create it 1px wide as background properties will automatically repeat unless told otherwise.
Hope this helps!
NATE
Got a question? Search G O O G L E for links to the fastest answers: www.google.com
Do mean the type of background effect that Macromedia ( does?
That is just an image with a gradient from top to bottom. Then the image is only 1px wide and I think 1200 pixels high. You only have to create it 1px wide as background properties will automatically repeat unless told otherwise.
Hope this helps!
NATE
Got a question? Search G O O G L E for links to the fastest answers: www.google.com
- Thread starter
- #3
Dré,
Starting with a generic gradient:
Goto File > New and set 200px x 200px
Then on your tool palette look for the icon that looks like a gradient. To see where it is push the "G" key. Then when you see where that tool is click and hold that tool and a dropdown will come out of the side. Select gradient. Then choose whatever colors you want in the color pickers near the bottom of the tools palette. If you want just black and white for now press the "D" key.
Then with the gradient tool selected click and drag on your canvas. You will notice that starting and ending in various parts of the canvas will give you a different effect. Also the distance you drag will also affect the type of gradient. Play about with that and see the different ways of getting gradients.
Then to do the background effect goto File > New and set the properties to 1px x 1200px. Do your gradient with your desired colors and then save the image as a .jpg. Don't save as a .gif as you will not get a very nice gradient b/c gif's only support 256 colors. Then in your html simply put this in your page:
<body background="your_image.jpg">
or if you use css you can specify the background in the css document as:
body {
background: url('your_image.jpg');
}
or put it into a style attribute:
<body style="background: url('your_image.jpg');">
Hope this helps!
NATE
Got a question? Search G O O G L E for links to the fastest answers: www.google.com
Starting with a generic gradient:
Goto File > New and set 200px x 200px
Then on your tool palette look for the icon that looks like a gradient. To see where it is push the "G" key. Then when you see where that tool is click and hold that tool and a dropdown will come out of the side. Select gradient. Then choose whatever colors you want in the color pickers near the bottom of the tools palette. If you want just black and white for now press the "D" key.
Then with the gradient tool selected click and drag on your canvas. You will notice that starting and ending in various parts of the canvas will give you a different effect. Also the distance you drag will also affect the type of gradient. Play about with that and see the different ways of getting gradients.
Then to do the background effect goto File > New and set the properties to 1px x 1200px. Do your gradient with your desired colors and then save the image as a .jpg. Don't save as a .gif as you will not get a very nice gradient b/c gif's only support 256 colors. Then in your html simply put this in your page:
<body background="your_image.jpg">
or if you use css you can specify the background in the css document as:
body {
background: url('your_image.jpg');
}
or put it into a style attribute:
<body style="background: url('your_image.jpg');">
Hope this helps!
NATE
Got a question? Search G O O G L E for links to the fastest answers: www.google.com
- Thread starter
- #5
No Prob
NATE
Got a question? Search G O O G L E for links to the fastest answers: www.google.com
NATE
Got a question? Search G O O G L E for links to the fastest answers: www.google.com
- Status
Similar threads
- Locked
- Question