Logo Editing

Step 1

First, open the main Source PNG file in Adobe Fireworks (dimensions_source.png). On the right side, you will notice a taskbar named Layers. Inside this column, a list of elements within the source will appear, dividied into folders. The first is Web Layers which controls the green slices on the page that are used to export the images. Click the eye which is immediately left to the folder name Web Layers to make it invisible. This allows use to edit the logo.

Step 2

Next, double click on the logo which should be position in top-centre. This will activate the text tool so you can edit the element. Highlight the entire text box with your cursor and type your text instead(such as your company name.)

You will observe that with any text such as our "Next Text;" it causes the logo to become un-aligned with the image behind. To make it, all you need to do is to left click on the box and either, drag with the move or move with the arrow keys on the keyboard. There is an option of change the X variable in the properties bar.

Step 3

You will notice a circular object behind the logo. You may wish to remove this object and the process is simple. You can left click on the path to highlight it or select it in the Layers panel on the right as shown in the screenshot. You can either, remove with the delete button or unpublish by selecting the eye icon next to the path’s name in the right side panel.

Step 4

We must now reactivate the web layers, you simply reverse step1 by selecting where the eye icon was; that being in the Layers Panel adjacent to the Web layers folder. Right click on the green slice that is situated above your new logo. A popup menu should appear with numerous options. The value we want to deal with is "Export Selected Slice…". As the name suggests, this option will export/save this slice only out of the entire source window.