PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
It is currently Sat Oct 20, 2018 3:34 pm

All times are UTC - 5 hours

Post new topic Reply to topic  [ 4 posts ] 
Author Message
PostPosted: Wed Jun 20, 2007 9:55 am 
Forum Commoner

Joined: Sat Nov 04, 2006 4:22 pm
Posts: 34
For a long time now I have been playing with PhotoShop and for the life I me I do not understand slicing. For instance at at the top left I have a .png of notepad. The notepad image itself sits on a white background which I do not want. I just want to cut the notepad image itself so it appears alone and not on this white background.

How in the world do I do this?

Thank you much for your help!


 Post subject:
PostPosted: Wed Jun 20, 2007 9:58 am 
Neighborhood Spidermoddy
User avatar

Joined: Mon Mar 29, 2004 4:24 pm
Posts: 31559
Location: Bothell, Washington, USA
There are a variety of ways to pull out elements from layers. One is the extract tool, found in CS versions of Photoshop. It's not particularly useful for this application however. Instead, I'd create a shape using the lasso and other tools then simply select that into a layer mask.

 Post subject:
PostPosted: Wed Aug 22, 2007 3:30 am 
Forum Contributor

Joined: Mon Aug 21, 2006 7:09 am
Posts: 272
Location: Romania
You can cut it out using TheGimp. Open the image and cut by pressing Shift+C, you could resize the cut you made by resizing the selected area using the controls given in the corners and with the zoom tool is very easy.
You could also make the background transparent by going into Layer/Transparency/Add Alpha Channel, selecting the image you want to keep using the "Select contigous zones" tool and then in the menu Edit select Clear.

 Post subject: Here it is...
PostPosted: Sun Oct 14, 2007 1:30 am 
Forum Commoner
User avatar

Joined: Tue Oct 09, 2007 1:00 am
Posts: 53
Location: Wasilla, Alaska
I have changed my slicing styles through the years and currently, this is what works best for me:

    Crop the area of the image that you want to use (in this case crop out everything but the notepad by pressing 'C' in PS)
    From there I turn off everything - click the eyeballs on all layers except your notepad (I only create a transparent image if the object is going to be sitting on a background that changes)
    Now you should have your notepad on a transparent background
    Now press Ctrl+Shift+Alt+S (This will bring up the 'Web' saving screen in PS - This is great place for you to set up your image, I really like that you have all the options and estimated file size at your finger tips)
    Then select 'Gif' not PNG as it is not 'Fully' supported by all browsers (Even thought there are hacks out there, I highly suggest making your sites work without using hacks!)
    Then select a Matte type, in your case the blue that the notepad sits on, this will allow you to keep your "drop shadows" or anti-aliasing while remaining transparent.
    Then click save

Hope that that helps you, OH! By the way, before you start slicing (no matter how you do it), create a new PSD file called development_version or whatever, so if you happen to save the file, you don't loose your final concept!


Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC - 5 hours

Who is online

Users browsing this forum: No registered users and 1 guest

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

Jump to:  
Powered by phpBB® Forum Software © phpBB Group