How do I make a collage (to be used as a web page banner)?

DE
Posted By
Dan E
Apr 25, 2005
Views
485
Replies
2
Status
Closed
I’m really struggling with Photoshop CS, and would appreciate help with how to make a collage of images to be used as a web page banner (will be a repeating background image – I know how to do that bit in Frontpage), with a visible gap between each photo – I don’t know how to place the photos on a white Photoshop background canvas, space and position them etc. I’m sure this is very basic, but if someone could perhaps point me to the right tutorial, I’d be very grateful…

TIA

Dan E
webbie(removethis)@preferredcountry.com

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

K
KatWoman
Apr 25, 2005
FILE>NEW>use 72 dpi> standard web banners are 468×60 px>or make your own size. Choose white background. (Use view>actual size to preview.) mouse over a ruler and hold down to drag guides into place, you can choose inches, or percents for increments.
Open one or several photos that will be pasted into the new document. click on the window of the first image to paste, use select all>copy, the click your banner window and choose edit paste. This will automatically make a new layer. choose Edit transform scale to correctly size your image, make sure to use constrain proportion (looks like a little chain) or use shift and resize from corners to maintain proportions.
Continue to open and paste photos until you have all images in the new (banner document). Use the arrow (move tool to position images) you can select to have them snap to guides (view>snap to).
Save the document as a layered PSD in case you need to revise it later. Then choose "SAVE for web", jumps to image ready>select JPEG high for photos and hit save.

"Dan E" <webbie(removethis)@preferredcountry.com> wrote in message
I’m really struggling with Photoshop CS, and would appreciate help with how to make a collage of images to be used as a web page banner (will be a repeating background image – I know how to do that bit in Frontpage), with a visible gap between each photo – I don’t know how to place the photos on a white Photoshop background canvas, space and position them etc. I’m sure this is very basic, but if someone could perhaps point me to the right tutorial, I’d be very grateful…

TIA

Dan E
webbie(removethis)@preferredcountry.com
DE
Dan E
Apr 25, 2005
Now if only your name was Maria I could write TIA Maria (saw your funny little note earlier :-)) Thank you So-o-o-o much – that’s a whole tutorial in itself, and even I can understand it.

Many thanks again, Maria no, no – Katwoman.

Dan E
"KatWoman" wrote in message
FILE>NEW>use 72 dpi> standard web banners are 468×60 px>or make your own size. Choose white background. (Use view>actual size to preview.) mouse over a ruler and hold down to drag guides into place, you can choose inches, or percents for increments.
Open one or several photos that will be pasted into the new document. click on the window of the first image to paste, use select all>copy, the click your banner window and choose edit paste. This will automatically make a new layer. choose Edit transform scale to correctly size your image, make sure to use constrain proportion (looks like a little chain) or use shift and resize from corners to maintain proportions. Continue to open and paste photos until you have all images in the new (banner document). Use the arrow (move tool to position images) you can select to have them snap to guides (view>snap to).
Save the document as a layered PSD in case you need to revise it later. Then choose "SAVE for web", jumps to image ready>select JPEG high for photos and hit save.

"Dan E" <webbie(removethis)@preferredcountry.com> wrote in message
I’m really struggling with Photoshop CS, and would appreciate help with how to make a collage of images to be used as a web page banner (will be a repeating background image – I know how to do that bit in Frontpage), with a visible gap between each photo – I don’t know how to place the photos on a white Photoshop background canvas, space and position them etc. I’m sure this is very basic, but if someone could perhaps point me to the right tutorial, I’d be very grateful…

TIA

Dan E
webbie(removethis)@preferredcountry.com

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

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

Related Discussion Topics

Nice and short text about related topics in discussion sections