Exporting PSD for Sprite-Sheets

Hi, I have several sprites animated and saved in PSD form, how do I now convert them into Flash Professional so I can turn them into a sprite sheet from there?
I have tried several ways but importing the PSD file doesn't load the layers up, it only loads the top one.

Yes that should be possible using the above script. It generates a png sprite containing images on all the layers and a metadata file (.eas) for importing it into Edge Animate.
If it doesn't work, can you share one of your psd files so that I can try out with it.

Similar Messages

  • Flash Pro CS6 - Exporting Sprite Sheet With EaselJS JSON Data

    Hi,
    I've imported a png sequence into Flash Pro and have been trying to get the new sprite sheet generation feature to export JSON data in EaselJS format, but when I choose the EaselJS option from the dropdown menu, I only get a window function:
    (function(window) {
    }(window));
    However, when I export as JSON, I do get proper JSON data.  Is this a known issue with EaselJS support in CS6, or should I be doing something differently?  I'd rather not use Zoe, the SWF to EaselJS AIR utility, because the pngs are fairly large and Zoe seems to have a maximum dimention cap for exporting sprite sheets, I get 12 of them whereas Flash Pro is able to auto detect dimentions, exporting one sprite sheet, which is great, I just need to get it to generate the EaselJS data along with it.  Thanks in advance!

    Thanks, I was just about to convert the JSON file myself, then I read your reply, tried it and viola.  Do you happen to know why EaselJS can only read symbols, even if I labeled my frames? 

  • Copying one .eas file for multiple sprite sheets.

    Hi, I've been googling the web trying to find answer to a problem but haven't found a solution yet. Maybe someone here has an idea.
    I'm working on a project with Edge Animate CC where I'm creating a multitude of different animated symbols from sprite sheets. The symbols/sprites, which there are a lot of, come in sets, each with a different character wearing different colour clothes. For example, there's one of a man in a white shirt walking, and then the same man in a blue shirt, a red shirt, and so on, and then the same for several other characters. Because each version of each character is the same except for a colour change, I've been trying to create one sprite sheet from Flash CC, make colour edits to the sprite sheet in Photoshop CC, save it with a new name, then import it into Edge Animate using the same spritesheet.
    It seems straightforward enough but what I've learned is you can't use an .eas file with spritesheets other than the one it was created with in Flash. When I try it says the .eas file and the image don't match, and to check the paths for both files. When I copy the .eas file and rename it, giving it the same name as the new sprite sheet I want it to work with, I still get the same message. When I open up that .eas file in TextEdit and change the "image" filename in the "meta" section to correspond to that of the new sprite sheet, it still doesn't work. I don't see anything else within the .eas file that would tie it to any particular spritesheet, so between making that change and changing it's filename I would expect the .eas file would work the new sprite sheet.
    I know I could create sprite sheets for each colour scheme of each character through Flash, but since they are all identical other than their colour it would save me a ton of time to just copy and edit the sprite sheets. The colour changes are not something I could do within Edge Animate.
    Has anyone had similar issues? Any tips?
    -A

    Hi Medley, Good to see that you are experimenting with the new SpriteSheet feature available in Animate CC 2014.
    Some points:
    The EAS file format is currently only supported from Flash Pro CC 2014. There are some meta data tags that is read when you bring in an eas type spritesheet and therefore Animate will be able to import only the sprite sheets created from Flash Pro CC using the EAS route.
    If you want to use spritesheets from other applications like photoshop, I would recommend that you don't enable the "load an eas file" check-box. In this case the sprite sheet PNG will be the only input that you need to specify in the Import dialog.
    In this case you will need to have a sprite-sheet which has the individual sprites that is stacked out in order from left to right and top to bottom. You can then specify the rows and columns and the padding options in the Spritesheet import dialog in animate.
    Let me know if this works for you.
    -Sujai

  • Multiple Movie symbols into one sprite sheet

    I have my character split into different symbols. Arms, Head, Body and so on. Each symbol (movie clip) has its own timeline of animation. How do I get all of my symbols into one clip without losing animation? I've tried selecting all of the symbols and and creating a new movie clip out of all of them together but when I try to covert to sprite sheet, it is just my entire character with no other sequences of movement on the sprite sheet.
    Thank you in advance

    There are a couple of things you could try depending on what exactly you need.
    1. Assuming your character has all the different body parts as separate symbols with their own animations within.
         a. Select all the body-part symbols in Library or on Stage, right-click and select 'Generate Sprite Sheet..' 
         b. Check the sprite sheet preview - each of the selected symbols are packed one after the other.
    2. If you have one Movieclip containing all the body part symbols and you wish to export the animation as it is ==>
         a. Double click on the main movieclip to get inside it.
         b. Select all the body part symbols on stage and change their instance type to Graphic in the Properties panel.
         c. Increase the frames in the main movieclip's timeline (press F5) to cover the entire animation of its children.
         d. Now generate the sprite-sheet for main movieclip from library or stage and check the preview.

  • CS6 Sprite Sheet animation alignment puzzle

    Hey all, I greatly enjoy using Flash CS6's Generate Sprite Sheet tool since it's much much quicker than exporting all the sprites and using TexturePacker (though I wager TP would provide far better optimization). One problem I seem to have is aligning different animations to the same origin - which isn't the origin of the sprite (top left corner).
    Say my character Jim has two animations:
    Run (small sprites, as he runs in place)
    Jump (short and tall sprites, and a bit wider than the Run)
    I currently generate a sprite sheet by highlighting both clips and right clicking. This gets me a perfect Sprite Sheet with both animations and their respective names (based on MC name). The Run and Jump frame sizes are different, because the Jump sprites are taller than the Run sprites -- this all makes sense.
    What doesn't is that there's zero information on how those two animations should be placed such that Jim can go from playing his run animation and then his jump animation with his feet in the same place, despite the fact that if you inspect either of those clips Jim is standing right at Flash's little origin point at the start of both.
    Sure, the data file (JSON in my case) has all the offsets for placing the individual frames in the right place, but how do I align Jim's feet from one set of frames to the next without having to do it all by hand? To date the only workaround I've found is to dump all the animations into a single timeline such that they all take the same frame size, but this is TERRIBLE for managing sprites and animations since it gives all the frames the same name as the combined timeline.
    What I really need is another set of numbers in the Sprite Sheet data file that tells me the frame x & y offset from Flash's movieclip origin. I have a suspicion this doesn't exist and is impossible.
    At a loss here other than aligning each animation's frame by hand, which may have to be done every time an interal sprite changes size.
    Thanks for any insight, none of the Adobe pages or demos go into any depth other than creating a sprite sheet of a single image or animation.

    Yes, I understand how to make animations blend together, but my question relates to the technical side of how sprite sheets are generated.
    When I generate a sprite sheet from multiple animation movieclips each animation has a unique frame size that Flash calculates and codes into the data file, and that frame size is not the size of document but the size of the smallest frame that can fit all of the sprites in the animation. I can't control this frame size or define a region within the document that is the frame size. Each animation within the sprite sheet could have a different frame size.
    I'm interested to know if there is a way to view, generate, or export the data that would relate one animation frame to another so that a character (Jim) could be standing at the movieclip origin in the Run animation which is size A and also be standing at the movieclip origin in the Jump animation which is size B, and not only are A and B different sized frames, but none of the corners are coincident. Since it doesn't do this currently I'd have to manually code the offsets of each animation to a common origin instead of being able to use the one that's already in Flash.
    I don't see how any of the default data that is exported along with the spritesheet PNG could relate that info and I'm very curious.
    (I could do it by putting every animation within the same movieclip, but then the spritesheet tool is pretty useless since it'd all be one animation)

  • Animate 2014 sprite sheet import different than docs

    Edge Animate Help | Import sprite sheets
    Importing from just an image creates a single symbol. Importing with the help of an .eas file creates individual symbols. The docs say both processes create separate symbols - which isn't really helpful. Under what circumstances would I want separate symbols created for a sprite?
    It would be a cool feature to import individual symbols defined in an .eas file if it wasn't sprite data.

    Hi Chip,
    There are 2 types of SpriteSheet can you can import into Animate CC 2014:
    1) Created from Flash Professional
    In this case you have a Image File and a corresponding metadata file(.eas) which has information on how the sprites are arranged.
    From Flash, you can select multiple symbols(having animations) and export as a single spritesheet. These Flash Pro individual symbols has different sprite sequence names in the .EAS and are therefore imported as individual symbols when they get imported into Animate. You can refer to the SpriteSheet lesson in Animate CC 2014 which has .eas file having these multiple symbols imported.
    If you export only one symbol as a SpriteSheet from Flash Pro, then you will get only one symbol animation in Animate too.
    While Importing the Import SpriteSheet dialog in Animate will show you the number of sequences that are present in the imported .eas file.
    Some cases where you may want this single spritesheet for multiple symbols:
    If you encapsulate multiple animations in a single sprite-sheet the number of round trips when you composition is viewed in the browser does get reduced therefore improving the overall performance for your content
    But one aspect to note is to not have a very huge spritesheet image size(2k * 2k) which will make it non-performant on mobile devices
    Currently there is no option to select the sequence within a .eas file at import time. That is a good suggestion and will be a good enhancement for this feature.
    2) Image only SpriteSheet which has same sized images tiled in order
    In this case, there is no metadata associated with it and therefore when imported after specifying the row/column/padding options; you always get only a single symbol created in Animate as part of the import process.
    Hope this helps
    -Sujai

  • Sprite Sheet?

    Decided to try using CS6's Sprite sheet exprter and hoping I am missing something - basically I have an animation of a baseball coming to home plate. The ball is a movie clip that is composed of 11 frames, so that the ball rotates as it moves. However when I export to sprite sheet only the movement of the clip is exported, and not the sub-animation contained in the clip - the rotation. Is this just a FOL and the sprite sheet exporter simply doesn't work? That's what I'm thinking... So anyone know of a sprite sheet export that does work properly? Anyone tried Spriter? I know it's standalone, but it looks promising.
    Thanks

    Thanks again for the leads. Have been looking and will need to look a lot more.
    I am not familiar yet with packages/classes to the point where I can initiate them in my current process, but perhaps next revision. I'm trying to put together a children's picturebook app, in some of the areas I use bitmaps(png) to depict fancy text items. At the moment I use individual png's to do each items but m looking to use spritesheets.
    Last book there were about 25 MB of images, half being page (30 pages) backround jpgs (set for Smoothing and PNG-lossless) as they get scaled depending on the device.
    Perhaps at the moment it will be too much work to change everything so the question: Would there be much advantage in changing to spritesheets or is a picturebook a bit heavy to be of much advantage.

  • Can I export PSD layers to PSD files like I could do in ImageReady 2?

    Hi Folks,
    I've been chasing this Layer Export Nirvana for a couple of years now but I've got nowhere.
    In ImageReady 2 I could import a PSD file and export layers with exactly the name I used for each layer (with no annotations, prefixes or suffixes), with the entire file size (not cropped to the edge of the image) in a PSD format.
    The script in Photoshop adds extenions to the file name that I can't see how to turn off.
    I've tried a couple of free (SciptsRus) and commercial (Ferry) scripts but they don't seem to work with my version of Photoshop (Mac CS5 OS X 10.7.4). Is this a result of the recent Javascript updates with Mac OS X 10.7? I'll contact the authors of these scripts next and see what they say.
    I tried a PC program called Super Layer which exports to PNG files and almost was what I wanted except it cropped the file size to the size of the image. I could get away with this I suppose if I copied a 1% single pixel into each corner of the file but that would be time consuming for all the layers I need to export (500-600) and means I'd have to rasterise the type layers which is also double handling.
    I've even tried Graphic Converter on a Mac but can't get that to quite work. I end up with solid white backgrounds and no transparency.
    All I want is to open a PSD file (preferably on Mac OS) and export each layer at the same size on a transparent background with just the name of the layer as the file name as a PSD file. I'll alos accept .PNG format as well as long as I get transparency and full file size. Just like we could do with brilliant effeiciency with ImageReady CS2. I've actually kept an old version of ImageRady on my PC for just this purpose but surely in the 21st Century there is a way around this?
    Many thanks in anticipation for any help offered.

    Sorry to hear that you are having problems with some of the scripts. Normally this is due to the prefferences becoming corrupt. They can be trashed to see if all then works..
    http://forums.adobe.com/thread/375776
    I have also written a new script yesterday that includes adjustments layers if the exist, so that may work for you?
    http://www.scriptsrus.talktalk.net/LSA.htm
    Hope it helps.

  • 0000 on the end of a subTexture name in the sprite sheet generator

    How can I get rid of the 0000 on the end of a subTexture name in the .xml atlas file created sprite sheet generator? (I'm using the Sparrow v2 option) is there anyway to stop that form being tacked on?
    Thanks for any help.

    Hi Terry,
    You mentioned DNS servers. I see a DNS tab in the Network settings control panel. Right now there is a single IP address in the DNS Servers list. But just about everything in this control panel is mumbo jumbo to me. I know barely enough to keep myself operational, but I'm often hesitant to monkey around in there. I'm happy to listen, however, if you want to clarify further.
    DNS is the system that converts the human-readable web addresses into things (namely the IP address) that computers can use to find the other computers out there on the internet. Think of it as being like a phonebook - say you need to call Bob, you'd check the phonebook to find out his number to call him.
    So, for example:
    - say you type www.apple.com into the web browser
    - the browser then makes a request to the DNS asking for the location of the Apple web server (it's IP address)
    - the browser then uses this IP address to contact Apple and request the page
    In Charter's case, when you type just 'apple', instead of their DNS servers returning that the address does not exist, they instead redirect you to their search pages instead.
    So, if you specify different non-Charter DNS address (the ones I mentioned above are from Verizon), you should avoid the problem you are seeing. Make a note of your existing entry if you're worried about replacing it and then you can change it back should this not improve things.
    Hope that makes more sense, but yell if not

  • How export report into excel sheet automatically using SSRS 2010?

    Hi,
    I have created many reports using SQL Server Data Tool 2010 and at my work, we are using active batch to ran reports every month.
    Now question is, my boss want me to set up reports such a way that when active batch is ran, reports should be exported into excel sheet automatically with the default values given for parameters at some specific folder location. How can I export report
    into excel sheet automatically when active batch is executed?
    Please help me on this. Thanks for the help in advance.
    Vicky

    Check this:
      CALL FUNCTION 'GUI_DOWNLOAD'
        EXPORTING
          filename                = 'C:/test.xls'
          filetype                = 'ASC'
          write_field_separator   = 'X'
        TABLES
          data_tab                = t_output
    Regards.

  • Why are my sprites sheets not sizing/aligning properly?

    I'm trying to export my Flash animations as sprite sheets to import into the Unreal Engine.  But I keep running into issues where the reported sprite size/locations reported by Flash aren't quite right.
    My example generated sprite sheet, it was generated with no border/shape padding:
    The first bit of the sun.json file it generates, it says every frame is 214 x 214.
    {"frames": {
    "Sun Spin0000":
        "frame": {"x":0,"y":0,"w":214,"h":214},
        "rotated": false,
        "trimmed": false,
        "spriteSourceSize": {"x":0,"y":0,"w":214,"h":214},
        "sourceSize": {"w":214,"h":214}
    If I load the sprite sheet into cs6 and shrink the canvas size down to 214 x 214, you'll see the first frame is already starting to show tiny slivers from adjacent frames.
    I'm not using padding around the borders or between frames. You can see the there is enough padding already IMO.  The problem to me seems to be that Flash
    isn't properly outputting the the values into the JSON file, which then I'm using to import into the Unreal engine. If I can't trust these values to be correct,
    even if I were to add in padding to alleviate this, I will still have to manually adjust the frame size/locations of every frame of every sprite sheet by hand.

    what's the size of your untransformed suns?  are they 214x214?
    if so how are you loading your spritesheet and displaying the sprites?

  • Sprite sheet from PhotoShop CC 2014 layers to Edge Animate?

    Hi
    The Photoshop CC 2014 script that takes layers and generates a sprite sheet to the latest Edge Animate does not appear to work correctly. Unless I"m missing something very obvious (that isn't in the instructions below provided by Adobe), it doesn't take the seperate layers and seperate them out correctly in the output png file.   Any suggestions? Thanks -  would LOVE a quick answer -
    http://blogs.adobe.com/edge/2014/09/18/export-sprite-sheet-from-adobe-photoshop/

    Hi Sharon
    You are right. Open the .jsx file in text editor of choice and change the function the following:
    function translateActiveLayer(deltaX, deltaY) {
        //see http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop-cc-scripti ng-guide.pdf on how to use script listener.
        var desc = new ActionDescriptor();
        var ref = new ActionReference();
        ref.putEnumerated(charIDToTypeID("Lyr "), charIDToTypeID("Ordn"), charIDToTypeID("Trgt"));
        desc.putReference(charIDToTypeID("null"), ref);
        var coords = new ActionDescriptor();
        coords.putUnitDouble(charIDToTypeID("Hrzn"), charIDToTypeID("#Pxl"), deltaX);
        coords.putUnitDouble(charIDToTypeID("Vrtc"), charIDToTypeID("#Pxl"), deltaY);
        desc.putObject(charIDToTypeID("T   "), charIDToTypeID("Ofst"), coords);
        executeAction(charIDToTypeID("move"), desc, DialogModes.NO);
    Will PM you the updated script if needed. ( And also the blog post soon )
    Regards
    Avinash

  • What good are Sprite sheets in CS6?

    In Flash CS6 one can create sprite sheets. What benefit or relationship does this have to direct flash development? What is the primary purpose for Adobe putting this feature in CS6?

    The most direct use is if you use the Starling Framework for game development. Starling is an ActionScript version of the popular Sparrow framework. You can use sprite sheets to transfer you assets into Starling-friendly version.
    Chris Griffith

  • Sprite Sheets in Adobe Lightroom 4

    How do I make sprite sheets in lightroom 4?

    Is there any way I could import an already made sprite sheet with image and use the slice tool to separate the images into individual fields and then export those to something like TexturePacker? Also, does Lr have the slice tool haha?

  • Sprite Sheets: Packing, Splitting?

    I work with a lot of sprites.  Being able to pack individual images into one sprite sheet, or take one sprite sheet and split it into individual images is an important ability I will like to have with Photoshop.  Is this possible with Photoshop itself or perhaps with a plugin?  If not, can anyone recommend a good utility for accomplishing these tasks?
    thanks,
    crichmon

    You can try File>Automate>Contact Sheet II

Maybe you are looking for