Tutorials for webmasters, graphic design learners, freelancers make more moeny...
 Navigation 
Home
About web
Web Design Basics
Adobe Photoshop
Adobe Illustrator
Image Slicing
Macromedia Flash
Dreamweaver
HTML and CSS
Top Do's and Don'ts
Free Downloads
Google Adsense
Google Adwords
S. Engine Optimization
   
Web Masters
free
 
Freelancers
Register free
Find Projects
   
Find a Webmaster
Register free
Post your project
   
Image Slicing
 

Here I will show you a very fast and simple way to slice an image designed in Photoshop.

Ok - when you have finished the work on your design in Photoshop you have to drag out some Guidelines to show where you want to slice your image.

To do this you have to have the "Show Rulers" option active (View - Show Rulers).


Activate the Move Tool and then just click on the horisontal/vertical rular and drag out the guidelines and position them where you want them.Now click on the "Jump to Image Ready" button .

Once your image has opened up in Image Ready go to Slices - Create Slices from Guides.

Your image should now have a number on each slice.

Then choose if you want to save your images as jpg or gif - and how much you want to compress the images in the save window:

Now you're actually ready to save all your slices at once in just one step!

Go to File - Save Optimized As - and then choose if you want just the images saved, the HTML + images saved or just the HTML.

If you choose the HTML + images option Image Ready takes care of putting it in a table for you.

 
A quick tip on the way:
Plain text and very simple graphics: save as gif.
Photographs and beveled images: save as jpg.
 
Best Sites
 
 



Need a Designer? Contact me
add url   web resource   advertise

©2005 Learner Tutorials. All rights reserved.