Photoshop

Someone wants me to make a website out of an image by cutting up the navigation links in Photoshop, I have no idea how to do that, can someone help me please? end3r

Here's the picture: http://jetboard.ifastnet.com/images/jetboard.jpg

You mean like…cut the page up into seperate images so you can use them as buttons to link to other pages?

If I understand you correctly, you just open the picture in Photoshop, select which part you want to cut out (which is in this case, the buttons or whatever) , and paste it to a seperate photoshop file. Then, just save the picture to wherever and in the HTML code of the webpage, put <img src="memorylocationofpicturegoeshere">

^_^

Next time warn if your going to post a large image…it lags me xD

wow, thanks for your amazing help Ponguile. which tool do i use on the side is my ? end3r

About 13 hours later, i still have no idea which tool to use. I know lots of people on here know how to use Photoshop, but none of them can take the time to say oh its the third button down on the left called so and so. Instead i get someone telling me to warn when i post a large image, and people telling me how to include the image. I know how to include the image with <img src=""> but my question was which tool do i use to cut the original photo to bits? Thanks for your help those of you who tried to understand my original question. end3r

Just Copy/Cut the bit you want… if you're making the site in an visual editor then put the full image on and then put the copied/cut image where it would be over the top of the full one. Then make the little on a link. You don't even have to use photoshop it can be done in paint.

Select the button or whatever you want to cut out with the Marquee tool (first one on the left) and then copy (CTRL+C) and paste it onto a new layer ((SHIFT+CTRL+N) then, (CTRL+V))

is that close enough? Or do you just want me to do it for you?

Ok then, there are a few ways to do this.

1. Its called slicing, you slice it like a table, 4 corners 4 sides, you do that for each button, then when you save it for web it codes it for you. then you ust set the images as the background to their cells and delete the main image from the table so you can write in it while the background makes it look correct

Or you can use the Rectangular marquee tool (Rectangular dotted box) to highlight the parts you want as seperate images and then copy and paste into a seperate document and save for web, the coding for these would look ,like this: markup<a href="site"><img src="button"></a>

You probably want the second option

oh yeah, I forgot about slicing… If you can, do that, it's a lot better in my opinion…

it sounds like your new to this kind of thing i reccomend you learn how to do photoshop to a decent level or just use mspaint (i reccomend learning photoshop as mspaint is sh1t) google for photoshop tutorials is well known so there will be loads of them

ok, thanks. But now after i use the marquee tool to cut the picture of the button, how do i change the color of the text. Because i want them to be rollover buttons. Just fill it in with the paint bucket tool? And whats the diff between foreground and background? Thanks end3r

Recreate everything you want instead of taking it from the original picture, it's easier to edit it…

Tbh your questions are stupid, enough sites to find photoshop tutorials. So i suggest you look for tutorials and try things out before you start designing websites.

You know what pisses me off? Its when people ask a question they need answered and some smart ass comes on and says oh just Google it. Or when they say go look for tuts. Do you really think i didn't? And no ? is stupid if the asker doesn't know the answer. So stfu because I'm not a 5 year old who comes asking before he looks. end3r

Okay well after all that shit advice it ends up with me telling you to use the Slice Tool. You will get the knack of how to use it. Once you have completed 'Slicing' … File > Save for web..

Then save.

You will now have a folder of images and a .html file with the code which you then modify.

Add me to msn for more help :]

If you are still confused about which tool to use ive provided a picture t help. Once you do whats in the picture just click on any tool and itll ask you if you want to crop, say yes then save it as any filetype. I hope this helps. Also to change colors, go to edit>adjustments>hue and saturation and play around with the bars. http://i122.photobucket.com/albums/o244/ase1000/help.png

Rofl give me a break.

Step1 Step2 Step3 Step4

Thanks very much Flash. end3r

No problem dude

end3r wrote: You know what pisses me off? Its when people ask a question they need answered and some smart ass comes on and says oh just Google it. Or when they say go look for tuts. Do you really think i didn't? And no ? is stupid if the asker doesn't know the answer. So stfu because I'm not a 5 year old who comes asking before he looks. end3r

Mehhh… it's the FIRST tutorial you see in photoshop tutorials. It explains every damn tool in detail and what you can do with it.

And no i'm not a smartass who likes to talk to ppl like this. I would have helped if you would have looked at the think i just mentioned.