The following is a step by step guide to customising your Affinity logo image by replacing the logo text with your own organisation or company's name and logo.In order to utilise the Fireworks Source PNG included with the affinity template release, you will need Adobe Fireworks. The 30-day free trial of this software as well as more information is available here at the Adobe website.
Logo Editing Video TutorialLearn how to customise your Affinity logo using Adobe Fireworks with this detailed video tutorial.
One of the first steps of customising your new Affinity template will undoubtedly be altering the logo text to reflect the name of your company / organisation. RocketTheme makes this process a simple one by including both the Source PNG for the template, as well as the font(s) used.
The most effective way to customise the logo is to use the included Source PNG file. When opened in Adobe Fireworks, this file contains all of the Layers in the design allowing you to tweak and change any of the image elements of the template design. The following steps will help you quickly get your new logo ready to go:
If the slogan graphic overlaps your logo as in the examples screenshotted, you will need to move it. Highlight all the paths and text and move it to your desired location. To change the text, simply double click and edit the text.
You will notice the icon left of the logo name, you can keep it but in this guide we shall remove it.
There are a few ways to change frames and we will show 2 methods that you can use.
In the right column where you find the Layers toolbar including the Web Layers area, you should see another tab/toolbar named Frames. Just left click on the title Frames to enter the frames area. Then you can click on either of the frames which are named to show which style variant is on that particular frame.
The second method is the most easiest and simplistic. At the bottom of the Fireworks canvas is a row of buttons, arrows just as previous and next. Select the arrows to switch between frames.By default, the source should set the export file format to PNG32. If this is not the case, you will need to change your Fireworks export settings. Firstly, expand the Optimise & Align taskbar in the upper right of Fireworks. From the available dropdowns, select PNG32. Filezilla
- Open your FTP client on your local computer.
- Login to your web server where Affinity is installed.
- Navigate to the /templates/rt_affinity_j15/images/*style* directory.
- Upload logo.png (and any other logo related images) to this directory (You may need to browse on the local panel in the FTP client to find where you have exported your logo).
- Clear your browser cache before viewing such as using the keyboard commands on Windows, Ctrl+F5.