[jay76]

Hi there,

I would like to add some images to my website, I have 3 small images that I would like to add next to each other horizontal.

I wish to add a coloured border around them and then place them side by side and then add them as one whole picture to my website images folder.

What is the best software to use for this, nothing too complicated .... any advice would be very much appreciated.

thanks Jay

[Ash Scott]

Photoshop, Expensive though, GIMP, free

[jay76]

Hi Scott,

I am currently using gimp and worked out how to add 3 pictures into he specified canvass size but when I add the images they just copy to the canvass but remain blank / white? Any ideas why they are not showing up?

[ComfortablyNumb]

Ive never used gimp, but if its like photoshop can you not place them in seperate layers so ya can move them independantly? First set ya canvas size to the size to want to finish with then add ya layers. Add each picture to each layer and then adjust.

Hope this helps a bit!

Regs,
Numb

[jay76]

How I was doing it was setting the canvass size then opening the images that way then copying and pasting into the original canvass so will try doing it by adding layers. All I want is 3 images lined up with the same coloured borders but somehow trying to make them more 3D on the page.

[jay76]

I am now using photoshop and worked out how to set the canvass size, add the images one by one and put these to the right size.

I currently have 3 images side by side but I am looking to add a different border around these images, my main theme is blue, my business logo has a glossy 3D metal effect and I wish to try and get a border around the images that look glossy and have some 3D to them.

Below is what I currently have but I want to change the border colour, I only have the jpeg so can not change the colour in photoshop...... any advice on how to get the desired effect in photoshop?

[jay76]

had a go myself at the images, I think they look ok just for a simple border effect..... still open to suggestions if anyone can make the borders look better, want to keep similar colour as now looking to break up my website on colours

[Ash Scott]

jay76, on 19 June 2010 - 03:39 PM, said:

Hi Scott,

I am currently using gimp and worked out how to add 3 pictures into he specified canvass size but when I add the images they just copy to the canvass but remain blank / white? Any ideas why they are not showing up?

Im not entirely sure by what you mean, but when you paste them into it, you need to click the new layer button. If that doesnt work, make them all seperate PNG files, open them all up onto one canvas, then crop the image to suit.

Hope i helped,
Ash

[jay76]

Ash Scott,

I have worked out how to do the images now mate, the blue border images were the original images on my website and the gold ones are the ones I have done using photoshop.


My question was to ask if I could make the border to the images look better if you read further down the thread, cheers Jay

[Ash Scott]

Get fireworks, and do the borders in that. It has loads of pr formatted effects like, chrome, fire etc. Then import them into Ps as a smart object.

[jay76]

Ash are you talking about adobe fireworks?

[robbydesigns]

You want to lay images besides each other with each having a border? Why not just do it in CSS?

[jay76]

I have already done the images side by side within photoshop and done the images at the required size on the specific canvass size.

Will having them put on my website as 3 individual images loaded through css have much benefit? Currently they are saved as one whole image..... Also I have moved on from my original question and I am now looking at improving the borders the best I can.... I want them to be shiny metal style as possible but in a gold colur as the images above show.

Don't mind doing all the work on this as a learning curve but appreciate the pro's advice ;-)

[KCooper]

jay76, on 25 June 2010 - 08:45 AM, said:

I have already done the images side by side within photoshop and done the images at the required size on the specific canvass size.

Will having them put on my website as 3 individual images loaded through css have much benefit? Currently they are saved as one whole image

It would afford you more flexibility with how they are arranged on page, and if you wished to change that arrangement at a later date it would be a lot easier. Also the 3 seperate images would load faster than the 1 larger image (what with the extra image space inbetween each adding to the file size) but that would probably be too small an amount to really make a noticeable difference.

You could then add a border to each of them using CSS, although, if you are looking to add fancy borders, this wouldn't be possible.


Kyle

[Ash Scott]

jay76, on 24 June 2010 - 09:58 PM, said:

Ash are you talking about adobe fireworks?

Yes mate

[jay76]

Was looking at fireworks, is it more capable then photoshop CS4?

[Ash Scott]

For effects yes, it would be the best stoftware to use for the borders.

[Ash Scott]

Thats ok