[Tut] How to slice an image [Tut]

[Noam]

I feel there is a need for this, so I have made a tutorial on slicing images:

1. Create your image

2. Select the slice tool

The little menu pops up if you hold down the mouse button when clicking on the crop tool

3. Slice your image

Just drag across the parts you want to be sliced. In this case, I'm slicing the image down the middle

4. Save the image

Go to File > Save for Web and Devices. A box will pop up

5. Set the Save Settings to PNG-24

In the upper right of the box that pops up, make sure to set the value to PNG-24 for best quality and transparency support

6. Save the image

Press the save button, and chose a folder

7. The image is sliced

Inside the folder you saved the image, a new folder will appear. click it, and your slices will show up. You can now link the slices to make a linked sig or reduce webpage loading times

​

 

[MrLuckyDraw]

Thanks, I really wish I had this tutorial when I first started gfx.

I figured it out myself, but this would of saved me alot of time.

 

[Jeff]

Thanks, I really wish I had this tutorial when I first started gfx.

I figured it out myself, but this would of saved me alot of time.

I really wished I had this tutorial too, as I never figured it out myself, hahah.

Thanks heaps for this.

Exactly what I've been looking for, haha.

I think I remember being taught about this (unless it was for something similar to this except in a movie maker) but I simply forgot how.

 

[Noam]

Yeah I've been planning on making this for a while, I see threads about this all the time, so hopefully this should help

 

Thanks. This helped me out alot.

 

[MKarn]

thanks, this guide helped me a lot
ily

 

[iFrostys]

Thanks alot bro just managed to link uo my siggy <3

 

[Infadel]

Thanks so much for this tutorial. I was wondering how people made different links in just one signature. It turns out that the signature is actually cut into different parts. Makes sense I guess. Good tutorial! Keep it up mate

 

[Mister Nyan]

Tnx for the info, this is very useful indeed !

 

[Voluntaryist x]

Thanks for the guide, I've been doing the nooby thing and using paint/snipping tool to slice up siggy's.

 

[neXus]

Thanks for this man!
Nice tutorial.

 

[Moodyteen]

Wow, I've never knew about this. Thanks!

 

[tgnDean]

Yeah just used this to make a new sig, question I have now is how on earth do I go about uploading it? Do I just upload each picture to a host then put them in my sig via the or do I have to use that html thing that also saved when I saved the images.

So confused :/

 

[anarhy2]

Can someone please explain why would I want to slice my image? Is it only for reducing webpage loading speed?

 

[ZippyGFX]

Can someone please explain why would I want to slice my image? Is it only for reducing webpage loading speed?

You can add hyperlinks to different parts of an image this way.

 

[DSC]

Pretty interesting. In Gimp, I have to crop each subdvision in separated layers, then crop the image to the first layer size, and save. Then undo the last action and do the same for each single subdivision I want. Photoshop really has some very useful tools.