Related Articles Editor's Picks Articles Top Ten Articles Previous Features Site MapĬontent copyright © 2022 by Diane Cipollo. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either registered trademark or a trademark of Adobe Systems Incorporated in the United States and/or other countries. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated.
Once you are ready to export the files, you will set the folder destination for both the Data and Texture files in the Output panel.Ĭopyright 2018 Adobe Systems Incorporated. When we check this option, the individual images in the center panel are stacked into one small image and the colored background changes to transparent and therefore removed. We can automatically remove this with the Heuristic Mask option. If you remember, Photoshop added a solid background to our exported PNGs. On the other hand, if the edges of your sprites are being cut off, you may wish to increase the Extrude feature. If you sprites contain pixels from neighboring sprites, you may wish to add a little padding to prevent this. But sometimes it is necessary to use a little padding. The Allow Rotation feature will tell TexturePacker to rotate your sprites whenever it results in closer packing of the sprites.Īs you would expect, the less padding used will give a smaller file size. The Trim feature will automatically remove transparent pixels from around your sprites which allows the sprites to be packed closer together in the sprite sheet. MaxRects is the best algorithm especially with the Trim and Allow Rotation options checked. In the Layout panel, we will use the default MaxRects setting for the Algorithm. Therefore there is no need to resize the larger images for the smaller device in an image editing program. With this option, you can use the images for the larger resolution device and TexturePacker will create a sprite sheet for each target resolution. The Scale feature is nice if your target devices are both retina and non-retina display. Here you have the option to set the width and height of the sprite sheet. We need to keep this featured checked.ĭepending on your target mobile device for your app, you may need to use a specific size for your sprite sheet. This Autosize feature tells TexturePacker to use the smallest size possible of the power of 2 for our sprite sheet. If we uncheck this option the size of our sprite sheet grows to 16384 kb. In the Geometry panel, the Autosize is checked by default. This combination of Image Format and Dithering will give us better results and reduce our files size to 2048 kb.
But we can make up for this loss by using the FloydSteinberg + Alpha Dithering setting. We can reduce the Image Format to RGBA4444 with some loss in quality. The default Image Format is RGBA8888 which will give you a good quality image at the expense of file size. The powerVR graphics format is the best format to use for iOS devices and the PVR.CCZ is a compressed version of this format. In the Output panel, we can change the default Texture Format setting from PNG to PVR.CCZ. Let's take a look at some of the options we have for optimizing the sprite sheet. At this point, we could export a sprite sheet and property list from TexturePacker for our Photoshop R bouncing ball animation but it would be a big 4096 kb.
0 kommentar(er)
