Mobile app version of vmapp.org
Login or Join
Miguel516

: 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

@Miguel516

Posted in: #AdobePhotoshop #ImageSprite #Layers #Png #Sprite

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?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Miguel516

3 Comments

Sorted by latest first Latest Oldest Best

 

@Lee3735518

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

10% popularity Vote Up Vote Down


 

@Odierno310

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.

10% popularity Vote Up Vote Down


 

@RJPawlick971

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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme