: How do is export a layer with icon from photoshop? I have an icon like this: It's on its own layer with a tranpsarent background, I duplicate it onto a new layer. I can't remember how
I have an icon like this:
It's on its own layer with a tranpsarent background, I duplicate it onto a new layer.
I can't remember how to fit a rectangular selection around it, so that it is just the right size, so I could then export it as a .png?
I also have a few icons like that, each on their own layer. How would I go about making them into a sprite image?
More posts by @Miguel516
3 Comments
Sorted by latest first Latest Oldest Best
Command–click to select the layer. Then select the crop tool (hit "C"). If the crop tool isn't the current tool, then it should crop to the selection. If it is the current tool simply pick something else, like the move tool (hit "V"), and then pick the crop tool again. Hit enter to crop the image. Hide the layers behind it, and hit save as. You'll need to use the history pallet to get back to your original state.
Doing it quickly it looks like this:
Command-Click Layer
V for the move tool
C for the crop tool
Enter to crop
Hide any layers behind
Command-shift-S to save as
Use history to go back
Select the layer where the icon is.
Go to Select, then Load Selection.
Then copy it (either command-copy or control-copy).
Create a new Photoshop file.
Paste the icon in.
It should still be a smart object and you may resize as needed.
Then simply export as a png or whatever format you'd like.
An sprite image is an collection of several icons together based on a grid. where in the css you create some kind of container to move the image within so you only display the one you want.
check this: www.w3schools.com/css/css_image_sprites.asp
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.