Sometimes while using Photoshop, I find it quite laborious to save each and every element as .png or .jpg in my computer. Well, I was curious to find out a solution so I discovered an awesome technique. If anyone else has also been doing the task repeatedly then you must also follow the technique. You must have come across the “Action Pallet” all the time while using Photoshop, well it is a wonderful box and of immense use to you.
Let’s begin with 2 of the manual techniques and compare them for usage. I will be discussing here a common way and not-so-common way.
The Tedious Approach
- Uncheck all the layers that are there in the final asset and remain the object layer turned on.
- Click at the Slice Tool from the menu bar
- For proficiency in the process, you first need to zoom it to the maximum, as much as it is clearly visible to your eyes. You have to ensure that no pixels are cut unnecessarily.
- Go to the FILE tab and click at save for web option.
- Now, make sure to delete all the non-slices that accidentally got exported with the slice that you were targeting.
- Remember the layers you hid to export that very piece and re-enable them. Also, make sure you delete the slice that is overlapping other necessary elements of your need.
- The process has to be repeated plenty of times.
This is a terrible way to work and in order to give you the substitute method, here are the steps.
Well, the best way of this method is that it is completely automatable. Here we go-
- Right-click the group or layer title and make a duplicate layer/group.
- Change the destination document to “New” and press “OK” button. A new document will appear solely with the selected asset in it.
- Now go to the menu bar and select Image> Trim> transparent Pixels.
- Now repeat the conventional step- save for web and close the document.
With the very little work to do, now you have the PS file with the perfectly sized asset saved and ready to be used.