4 Replies Latest reply on Nov 14, 2006 6:48 AM by Newsgroup_User

    Saving Fireworks PNG as PSD

    Reaganjudd
      I have a Fireworks png file that i am trying to save out as a psd. I can do so, but when I open in Photoshop, the layer groups I created in my Fireworks png file are not preserved. The layers stay put, but photoshop ignores the layer folder (or groups) and puts them all in one big bucket. Is there a way to preserve the layer groups during my saving to psd process?

      Also, I have text in my png file that uses -4 letterspacing. When I save as PSD, and open in Photoshop, the letterspacing changes to -40. Anyway to get around this? I need to text to remain editable is photoshop also.
        • 1. Re: Saving Fireworks PNG as PSD
          Level 7
          Reaganjudd wrote:
          > I have a Fireworks png file that i am trying to save out as a psd. I can do
          > so, but when I open in Photoshop, the layer groups I created in my Fireworks
          > png file are not preserved. The layers stay put, but photoshop ignores the
          > layer folder (or groups) and puts them all in one big bucket. Is there a way
          > to preserve the layer groups during my saving to psd process?
          >
          > Also, I have text in my png file that uses -4 letterspacing. When I save as
          > PSD, and open in Photoshop, the letterspacing changes to -40. Anyway to get
          > around this? I need to text to remain editable is photoshop also.
          >

          I've written three different tutorials for CMX that deal with converting
          complex PNG files to PSD files. Fireworks has both LAYERS and OBJECTS,
          while Photoshop is really just layer-based. With the current version of
          FW there is no way that I know of to preserve this hierarchy when you go
          from PNG to PSD, but you can recreate the same set up manually once the
          file has been saved as a PSD and opened in Photoshop.

          Here's how I tackled it:

          1 Start by making sure that all objects are ungrouped (to avoid any
          object flattening in the Save as PSD process) and individually named,
          because FW will use these names for the layers it creates when the PSD
          file is made.

          2 Save the file as a psd file.

          3 Launch Photoshop and open the newly created PSD file. Keep the
          original PNG file open in Fireworks

          Create and Fill Your Layer Groups

          4 Refer to the original Fireworks PNG file and create a series of empty
          Layer groups that will mimic the Layer/object hierarchy of the PNG file.

          5 Name each group as seen in the PNG file. The easiest way to create
          empty Layer Groups without nesting them within each other is to press
          the Create New Group icon at the bottom of the Layers Palette. This icon
          looks like a file folder. To save time, you can double-click on the
          layer names in Fireworks, copy the name and then double-click on the
          Layer group name in Photoshop and paste the text.

          6 Once the groups are named expand the layers in the PNG so you can see
          the objects within each layer. Find the matching layers in the Photoshop
          file, select them and begin dragging them into the appropriate groups.

          If you leave any objects/layers invisible in Fireworks when you save as
          a PSD, they are still exported and will still remain hidden when you
          open the file in Photoshop.

          For more detail (and pictures) you can check out this article on CMX.
          It's based on converting one of our JumpStarts to a PSD file, but the
          workflow is applicable to any FW PNG file.

          http://www.communitymx.com/abstract.cfm?cid=C49D7

          Probably not the answer you wanted, but I hope these steps help.
          --
          Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
          Extending Knowledge, Daily
          http://www.communityMX.com/
          CommunityMX - Free Resources:
          http://www.communitymx.com/free.cfm
          ---
          .:Adobe Community Expert for Fireworks:.
          news://forums.macromedia.com/macromedia.fireworks
          news://forums.macromedia.com/macromedia.dreamweaver
          • 2. Re: Saving Fireworks PNG as PSD
            Reaganjudd Level 1
            A good solution, but quite cumbersome. Anyone know of a faster one?
            • 3. Re: Saving Fireworks PNG as PSD
              Level 7
              Reaganjudd wrote:
              > A good solution, but quite cumbersome. Anyone know of a faster one?


              Finish up in Fireworks rather than Photoshop? :-)

              --
              Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
              --------------------------------------------------------------
              http://www.projectseven.com
              Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
              CSS Newsgroup: news://forums.projectseven.com/css/
              Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
              --------------------------------------------------------------
              • 4. Re: Saving Fireworks PNG as PSD
                Level 7
                Reaganjudd wrote:
                > A good solution, but quite cumbersome. Anyone know of a faster one?


                Yep like I said - it's not fast - but you didn't ask for fast,
                originally. ;-)

                Further to Linda's comment - why do you need to move this over to
                Photoshop in the first place? Why not just finish the project in FW? Is
                this a common requirement of yours, to move from FW to PS? IF so, at
                this time the answer might be to build your design in Photoshop to begin
                with.

                --
                Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                Extending Knowledge, Daily
                http://www.communityMX.com/
                CommunityMX - Free Resources:
                http://www.communitymx.com/free.cfm
                ---
                .:Adobe Community Expert for Fireworks:.
                news://forums.macromedia.com/macromedia.fireworks
                news://forums.macromedia.com/macromedia.dreamweaver