slicing webpage

  • mista-two-k
  • Beginner
  • Beginner
  • No Avatar
  • Joined: Oct 15, 2007
  • Posts: 57
  • Status: Offline

Post April 4th, 2009, 4:20 am

hello everyone,

i just completed a design for my new website in photoshop. so far so good. but i don't know how to slice it properly. are there any tutorials for this?

if there is anyone who could slice it for me (small and simple page), i would be very happy to give you something in return ^_^ i don't know what i could give, just ask me.

thank u in advance,

2K
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 4th, 2009, 4:20 am

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • User avatar
  • Joined: Jul 25, 2005
  • Posts: 2735
  • Loc: Nashville, TN
  • Status: Offline

Post April 4th, 2009, 5:32 am

Slicing a psd is fairly simple, what version of ps are you using?
I'd love to change the world, but they won't give me the source code.
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post April 4th, 2009, 7:38 am

I have avoided the actual "slice" tool in photoshop for several years now. For the most part it can yield images you don't really need -- they could easily be replaced with some css. My process is:

Create guides for the areas I would like to slice
Start at the top and rectangular marquee the first area
ctrl+shift+c to copy a merged version of what is selected
ctrl+n, return -- this will create a new image the size of what is copied
ctrl+v - paste it
alt+shift+ctrl+s - save it for web
ctrl+w - close it to get back to the original

I find this a little more effective than cropping in place, since you always have your original to go back to without undoing.
Pixel Acres V2
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post April 6th, 2009, 3:29 pm

I slice it... I just do it in such a way that I get all the images that I only need and the rest are stuff I can add with CSS which I later remove when I'm done.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 173 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.