How to split psd by layer for web using Photoshop?

Asked By jeffe major 0 points N/A Posted on - 02/09/2013

I have a psd image file that I would like to split in Photoshop then uploaded on the web.  I'm using Adobe Photoshop which has the Content-Aware tool.  I need to add a little tweak and edit some parts of the image.  Can someone help me on how to split psd by layer for web using Photoshop?

• Status: Open
• Question Views: 867
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: Web Graphics

Answered By Williamson Mellisa 5 points N/A #168033

How to split psd by layer for web using Photoshop?

Hello,

You can split your psd image file in Photoshop using Slice tool. Here are the steps: Open your image in Photoshop and decide which parts of the image you want to slice, example logo, banner, footer or something else and click on the slice tool from Tool Box. With slice tool draw a box on the parts from the image that you want to slice. Give a name to a slices by going in Slice Select Tool from the menu and double click on the slice, then change the name for the slice for ex. Logo. Finally go to File from menu and Save for web. Here you will select the sliced images and click on Save. In the Saved Optimized As choose to save as type: images only and then from Slices option choose your slices. After this you can open one by one and edit as you want.

Here is more detailed tutorial who will help you to slice and export the parts from image that you want: https://www.webdesign.org/tutorials/photoshop/web-layout/page-1.html

Regards,

Williamson Mellisa

About Williamson Mellisa

Questions
2

Answers
201

Best Answers
23

• Vote Up 0 Vote Down

• Posted on - 02/10/2013
• Question Category: Web Graphics