How do i make psd images transparent when I drag and drop the layer onto the stage on flash cs6?
For example the way iv been doing it up until now was saving as a psd then going to file import to library on flash. This is very very time consuming and would be much easyer if i can just drag and drop the photoshop layer onto the stage, but the problem is that the image gets a white box around it and isn't transparent when i do that.
Is there an option in photoshop or flash to fix this and make the background trasnparent?
The clipboard isn't retaining transparency information, even up to the current version. Since Smart Objects are not utilized in Flash CC either nor any workaround library 'update' function on an imported PSD, your only real option is to manage it with this in mind.
There are many ways to work around the system but the general concept is exporting what you want to a PNG24 format, then 'import'ing or 'update'ing the library asset in Flash.
For instance I work with a lot of Layer Comps in Photoshop and typically run the File->Scripts->Layer Comps to Files->PNG 24. I then import those PNGs into Flash manually. When I update a comp I'll re-create the PNG and just hit Update in Flash. Nowhere near as easy as Smart Objects or copy/paste, but for project cleanliness, I find having a batch of PNG assets useful to have when sharing projects or archiving. It helps with project stability, especially seeing Flash has been known to corrupt FLAs on crash or save. If the image only exists from you copying/pasting into Flash, you're out of luck at that point.
Im guessing that your answer basically amounts to a "no"
Thank you for the suggestion but the idea behind it isn't about backing anything up or how clean my work area is. Its about speed, I want to maximize my efficiency. Its such a pain in the *** when i need a new body part or something then i have to open up photoshop edit the item save then file import to flash's library. It takes up so much time on top of being messy.
An alternative question is how can i make this posses much faster? I need photoshop to make the edits I want so i can't draw in flash. Any ideas?
It's a no with the "why" part attached, no transparency support in the clipboard at the moment.
I agree the process I mentioned isn't easier, but it's a potential flow for your last question. Layer comps can be exported with the script I mentioned. If you have hundreds of things you'd like to export, that really isn't going to be an ideal solution for you.
You're always free to create your own simple actions as well. One great thing about Photoshop's "copy merged" function is it trims out any excess transparent pixels on all 4 sides. That in mind you could make a simple action to Select All, Copy Merged, open a new document (which is auto-sized to clipboard), paste, turn off the background visibility (transparency), and save to PNG24 via a naming convention you decide, then close the newly opened image. Therefore in one key you'll generate a trimmed transparent PNG of what you have open in your document. Then just import into Flash and from then on you have the ability to use the 'Update' option on the bitmap for any future updates.
I realize you're trying to make things easy for you but if you have tons of assets you're importing you might want to at least consider optimizing your project overall with a sprite sheet and atlas (what games/websites do for ultimate memory/network efficiency). Generating a bunch of separate PNGs using any of the processes above, then packing them all into single images with a free (or paid) tool like Texture Packer will optimize the loading of your assets a great deal. Even on my pre-loaded kiosk jobs I still pack my internal and external bitmap assets because of the noticable speed bump.
Lastly and probably what you're least likely to like is simply moving to a program that supports what you really want to do. Even the freeware GIMP program copy/pastes with transparency intact into Flash. Consider using something other than Photoshop, even if you just work in Photoshop, then import the PSD/TIFF/etc into something else copy into Flash.
GIMP copy/paste into Flash, transparency maintained:
Ok sorry for the super late reply.
Ok so this is my fault for not explaining exactly what i want so let me start over. What i Mean by importing sprites is i use them for cartoons and not for web design or games And i mean video game sprites so i NEED Photoshop to edit them on a very small individual pixel sized scale. That said i make one huge sheet with every pose body part and what not then import it. I have not problem doing that but i make mistakes and have to go back into Photoshop to draw a new 'what ever' but don't want to waste time importing for just one small image.
What im trying to get at is id like to draw a new pose with in photoshop and drop it right into flash.Think of it as a painter holding a color palette.
In the image you can see that i have several different heads for the character it would make my time animating so much easier if i can make a new file in photoshop draw what ever additions i need then just drop it right onto the stage.
I know you mentioned something about commands and update functions but i don't really understand what any of that is. Sorry but specific instructions would be more helpful for me I only have minor experience with these programs. Thanks for everything by the way
Reminds me of Yoshi from Mario Bros
I know what you'd like to do but as the first reply mentioned, you can't do that. Until Photoshop is updated to copy with transparency intact to the Windows clipboard, you won't be able to do that. The reason I linked and showed a screenshot of the software GIMP is to prove that it's a Photoshop limitation, not a limitation of Flash or the Windows clipboard.
Knowing that fact, there is no way for you to copy/paste drag/drop from Photoshop directly into Flash.
Cartoon animating is essentially identical to how most games work. You create one large master image that contains all the possible variations of your subject (a face, a car, etc) and import that into a game. You do the same when animating, only you're keeping them all separate instead of one image.
Knowing your experience with Flash is small and growing, I'm not going to make the most optimal recommendation. I'll stick to 2 things I mentioned before but elaborate on them.
1) Save your assets to actual PNGs with transparency, then import into Flash.
The reason I'd recommend this the most is because of Flash's update function (which I will explain) and it can be automated a bit (also will be explained).
So I grabbed a Yoshi sprite sheet and say I made a new pose as you mentioned. In Photoshop I'd then select and copy this new pose alone, with transparency:
As you know, once you do that you can bring up a 'New Image' dialog and it will already have the size of your copied pixels (with trimmed transparency):
You can see the size is correct and the preset is clipboard. After that you just paste your new image in and turn off the background to gain transparency. Then you save it out as a separate file. I always use Save For Web for a pinch of file size optimization and overall control:
Again, I realize this is a lot more than you want to do, but all of this can be automated which will be explained after making it virtually a single button push operation.
Now we have the image as a separate new PNG image with transparency intact. This image should be imported into Flash's library:
Now you both have a physical separate copy of this pose in a PNG file (which can be useful for many reasons) and Flash can use that file with it's built in update command for very quick changes.
Now say you touch up a pose a bit. I'll make it really obvious and change the entire hue. You make your changes in Photoshop, follow the same process (even making size changes to the original image), eventually overwriting the PNG you created for that pose:
Now in Flash, all you need to do is use the Update function. Right-click on the image in your library, select Update. Because this is a file with a physical location, that is all that is needed to change the image in Flash:
The power in this is if you make sweeping changes to dozens or hundreds of PNGs, you can do this in one command in Flash. Select all the changed images and hit Update and all your changes will be done at once. You can't do things like this when you copy and paste directly into Flash.
That said, almost all of the steps above can be automated using Photoshops Actions panel. No need to reinvent the wheel, Actions are fully explained here:
I would recommend recording the action after you make your marquee selection around what you want to save as a PNG. Record right up to Save For Web and stop there. Then in the future you press the hotkey you assign and it will extract your selection, open a new document, paste it in, disable the background for transparency and bring you to the dialog you can name the image in. That's pretty easy and automated. Then just import into Flash and enjoy the benefits.
2) Use Photoshop to create the assets, then a different program to copy/paste into Flash
Not ideal to need 2 programs, however if you really want to copy and paste directly into Flash, this is the way to go. Get any program that can read the PSD file format, open your PSD in it. If you have enough RAM this really shouldn't be an issue (PS and GIMP side by side, same file open):
As you make changes to the PSD, just hit reload or revert in your "copy with transparency" supporting program, copy what you need, paste into Flash:
I'll explain some of the advantages of the previous workflow if you'd like but I think this is enough information overload for now.
Yes! This is almost the same so i just revert like you said in gimp after saving and just copy and paste awesome and also the update function will be helpful as well. That's weird tho how a third party free program can copy transparency but not one adobe product to another.
Thank you so much for all the help you even went out of your way to add photos that was super cool of you! Again thank you.
Once you drop the image you can go to modify and break apart and then use magic wand to remove the white. I don't know if that would be faster than saving to psd and importing, or not, though. I am just a student I don't know much yet