Trellian Button Factory

Overview

Have you ever tried to create your own web site and found it impossible to create great web graphics? Trellian Button Factory allows you to take predefined button styles and tailor them to your own needs.

With Trellian Button Factory you can quickly and easily create stunning buttons, menus, logos and icons for use on your website or multimedia presentations. No previous graphic design experience required. Just use your imagination to create original web graphics that stand out on the Internet.

Trellian Button Factory comes complete with in-built libraries, giving you a range of options to tailor your needs, also taking the hard work out of creating quick professional web graphics. This will give you more time to focus on promoting your website. Use the existing library to customize style, size, shape and color or let Trellian Button Factory help you create new templates.

Trellian Button Factory will spice up your website, presentation, assignment and any other application that requires graphics. Trellian Button Factory also allows you to work as fast and creatively as a professional web designer without having any prior graphical experience. With a simple and flexible interface, Trellian Button Factory caters for both experienced web designers and first time webmasters.

Creating your own web graphics was never this easy!

Features

Create great web graphics quickly
Create your own unique graphics Default button library Drag and
Drop Interface Create stunning menus in minutes
Spice up your multimedia presentations
Make Windows style controls in a flash
Create website navigation buttons
Add your own background
Use your own favorite fonts
Save directly to a HTML document
Create HTML image maps, allowing you to link to multiple sites.
FREE technical support
Supports .bmp and .jpg
Easy - to - use Interface
No previous graphic design experience necessary
Build an Interface for the Web

Trellian Button Factory

Registering your program

To register and upgrade your software, you will need to obtain registration details. To purchase a registration key from the Trellian web site, Select Register from the Help menu of Button Factory, and click the Order button. Alternatively you may purchase the software from an authorized Trellian software reseller.

Once you have all of your details ready, follow these steps to register Button Factory.

Step 1. - Select Register from the Help menu.

Step 2. - Enter your registration details. Registration details are case sensitive. Your username will be the email address you registered with. If you have lost your registration details, click the relevant link on the registration window, and follow the instructions. Click the Next button to continue. If your registration details are accepted, a thank you message is displayed

Step 3. - Button Factory will then begin searching for any missing components that you may be entitled to download. It will then to ask you whether you would like to download these components. Click Yes to upgrade now, or you can upgrade the components at a later date. If you do not upgrade, the full program features may not be available

Trellian Button Factory

System Requirements

Operating Systems:
Microsoft Windows 95/98/Me
Microsoft Windows NT/2000/XP

Internet Browsers:
Microsoft Internet Explorer 5.x/6.x
Netscape Navigator 5.x/6.x

CPU/Processors:
Intel Pentium I, II, III, IV, AMD or compatible

RAM/Memory:
16Mb or greater (64Mb recommended)

Trellian Button Factory

Upgrading

To keep Button Factory current, upgrades should be installed from time to time. These upgrades are free to all registered users.

To download the latest upgrade, select the Upgrade option from the File menu. LiveUpgrade will contact the upgrade server to check if there are any upgrades available.

All available components will be displayed in the selection list. All items that can be upgraded will be marked with a red clock icon. To upgrade these items, tick the checkbox next to the program and/or component name and click the Upgrade button.

Items marked by a grey dot have not been installed.

Items marked with a green tick are current and no update is required.

Trellian Button Factory

Support

FREE email support is offered to all registered users of Button Factory.

If you are experiencing problems, or are requiring answers to a technical question, please send an email to our Support Department. detailing the issue or issues that you are experiencing, along with any other related information

You can contact Support by sending an email to support@trellian.com.

Support Hours:
Open Mon - Fri, 9:00am - 5:00pm (Melbourne, Australia - Eastern Standard Time)
Please include your registration key, and some basic information about your computer and the Operating System you are running. Before emailing support please check the manual first, as 90% of all questions we receive are already answered in the manual.

Trellian Button Factory

Using Button Factory

This chapter explains how to use Button Factory

Trellian Button Factory

Starting a new project

Button Factory automatically opens the last project saved, except when run for the first time.

To create a new project, select New Project from the File menu, or you can click the Start a New Document button on the toolbar.

Trellian Button Factory

Opening an existing project

To open an existing project, select Open Project from the File menu and locate your project.

You can also click the Open New Project button on the toolbar.

Trellian Button Factory

Setting the Background Color

To set the background colour, select Set Background Color from the Options menu.

Select a color from the palatte and click the OK button.

Trellian Button Factory

Creating Buttons

Adding a new button

To create a new button select the button style from the button library and drag the button to the position on the project where the button should appear.

You can also insert a new button by selecting the button style button from the button library and selecting New Button from the Insert menu.

If the button needs to be resized, click on the squares at the corners of the button and drag the button to the right size.

To move the button, click on the button and drag the button to the desired location.

Editing button text

To add or edit the button text, double click on the button and enter the required text. Click outside the button when finished.

Changing font properties

Select the button to change by clicking on it, or holding down the control button and selecting multiple buttons. The font properties can be changed by selecting the font options from the toolbar.

To change the font colour, click the Change Font button.For more information about the buttons, see the Interface section of the manual.

Changing Button Properties

To change the button properties, right click the button and select Properties or select Show Properties from the Window menu to permanantly display the button properties window.

Button Shape: To change the button shape, select the button(s) you wish to change, and select a shape from the first drop down menu.

Border Style colours: Shows the colours of the border. These colours can be changed by double clicking the colour and selecting a new colour from the palatte. Reverse colour scheme:Reverses the colour scheme of the border. Not all button shapes can be changed

Button Border: To change the border width, select an option from the Border width drop down menu. To remove the border from the image, set the border width to 0. To set the border colour, double click the Border Colour and select a new colour from the colour palatte.

Antialias: Smoothes the stair-step lines and curves on the buttons

Transparent : Makes the button transparent, only displaying text

Background Colour: Gives the button a solid background colour instead of the button image.

Texture Settings: Changes the way the image is displayed on the button.

Load Image: Allows you to load an texture for the button to use

Trellian Button Factory

Creating an Image Map

An image map is an image that directs web browsers to different web pages depending on which part of the image was clicked.

To create an image map, follow the steps to create a button.

Enter the URL (including http://) for the button in the Link Address field on the toolbar.

Repeat these steps to create more image maps or create several buttons and place them next to each other to create image map regions.

Trellian Button Factory

Inserting text and HTML items

To insert text on to a button or into the webpage, select Insert Text from the Insert menu. Double click the text area to insert text. The text area can be moved and resized in the same manner as buttons.

To insert HTML code, select Insert HTML Snippet from the Insert menu. Enter the HTML code between the <p> and </p> tags. To preview the code, select the project items and select HTML Page Builder from the File menu.

Trellian Button Factory

Inserting External HTML and Image files

To insert an external image, select Insert External Image from the Insert menu. Specify the file to insert and click OK

To add an external HTML page, select Insert External HTML from the Insert menu. Specify the HTML file to insert and click OK the HTML page will be created in an IFRAME.

To preview the webpage, select the project items and select HTML Page Builder from the File menu.

Trellian Button Factory

Previewing buttons

To preview a button in a browser window, select the button to preview and select Preview in browser from the File menu.

Click the Preview button to display the button in a browser window.

Trellian Button Factory

HTML builder

To generate a web page from the project, select all the items to include in the web page, then select HTML Page Builder from the File menu.

Enter a name for the webpage and click OK. The webpage will be displayed in a browser window, and saved in the c:\Program Files\TRELLIAN\ButtonFactory v3.0\Sites\webpage name folder (If installed to default location).

Trellian Button Factory

Exporting Buttons

Button Factory allows you to export buttons from the project and save them as various graphic file formats.

To save a button, select the button to export and select Export Image from the File menu. Specify the location to save the button, and enter a filename with the desired extension, eg. star.jpg

Trellian Button Factory

Saving a project

To save the current project select Save from the File menu.

To save the project with a different file name, select Save As from the File menu.

Trellian Button Factory

Interface

The Main Menu of Button Factory is where you will find access to all of the program's main features. The interface is easy to navigate and is designed to be user friendly.

Trellian Button Factory

Menu Options

File
New Project Create a new project
Open Project Opens an existing project
Save Saves changes to the project
Save As Saves the project with a different file name
Preview in Browser Previews the webpage in a browser window
Export Image Exports the selected item as an image
HTML Page Builder Builds the webpage HTML code
Edit HTML Header Allows you to edit the HTML header information
Page Setup Displays the page setup options for printing
Print Displays the print dialog box
Upgrade Connects to the Trellian server and checks for Software Upgrades/Updates
Quit Exits the program

Edit
Undo Undoes the last action performed
Cut Cuts the selected item or text to the Clipboard
Copy Copies the selected item or text to the Clipboard
Paste Pastes the current data from the Clipboard to the currently selected area
Delete Deletes the selected item
Bring to Front Moves the selected item to the front
Send to back Moves the selected item to the back
Select All Selects all items in the workspace
Select None Removes any selection of items in the workspace
Select Invert

View
Change Font Changes the font for the selected items
Button Resize Resizes the selected button
Align to Grid Aligns the selected item with the grid
Snap to Grid Automatically aligns items with the grid
Set Grid Size Sets the grid size
Set Background Colour Sets the background to the desired colour
Set Page Size Allows you to set the page width and height

Window
Show Library Toggles display of the button library window
Show Properties Toggles display of the item properties window

Insert
New Button Inserts a new button
New Text Inserts a new text area
New Frame Inserts a new frame
Image Inserts a new Image
HTML Snippet Inserts an area to enter HTML into
External HTML File Inserts an external HTML file in an IFRAME
External Image File Inserts an external image

Help
About Shows information about the program
Register Software Allows you to enter your registration details
Trellian Software Displays the Trellian Website in a browser window
User Manual Selecting this will open up the manual that you are currently reading
Tip of the Day Displays a random tip for using Button Factory

Trellian Button Factory

Toolbar Buttons

Button: Description:
Creates a new Project
Opens an existing Project
Saves the project
Previews the selected items
Changes the background colour
Cuts the selected items to the clipboard
Copies the selected items
Paste the items from the clipboard
Sends selected items to back
Sends selected items to front
Sets the selected text to bold
Sets the selected text to italic
Sets the selected text to underlined
Sets the selected text to strikout
Aligns the selected text to the left
Aligns the selected text to the center
Aligns the selected text to the right
Changes the font properties
Changes the font colour

File
New Project	Create a new project
Open Project	Opens an existing project
Save	Saves changes to the project
Save As	Saves the project with a different file name
Preview in Browser	Previews the webpage in a browser window
Export Image	Exports the selected item as an image
HTML Page Builder	Builds the webpage HTML code
Edit HTML Header	Allows you to edit the HTML header information
Page Setup	Displays the page setup options for printing
Print	Displays the print dialog box
Upgrade	Connects to the Trellian server and checks for Software Upgrades/Updates
Quit	Exits the program

Edit
Undo	Undoes the last action performed
Cut	Cuts the selected item or text to the Clipboard
Copy	Copies the selected item or text to the Clipboard
Paste	Pastes the current data from the Clipboard to the currently selected area
Delete	Deletes the selected item
Bring to Front	Moves the selected item to the front
Send to back	Moves the selected item to the back
Select All	Selects all items in the workspace
Select None	Removes any selection of items in the workspace
Select Invert

View
Change Font	Changes the font for the selected items
Button Resize	Resizes the selected button
Align to Grid	Aligns the selected item with the grid
Snap to Grid	Automatically aligns items with the grid
Set Grid Size	Sets the grid size
Set Background Colour	Sets the background to the desired colour
Set Page Size	Allows you to set the page width and height

Window
Show Library	Toggles display of the button library window
Show Properties	Toggles display of the item properties window

Insert
New Button	Inserts a new button
New Text	Inserts a new text area
New Frame	Inserts a new frame
Image	Inserts a new Image
HTML Snippet	Inserts an area to enter HTML into
External HTML File	Inserts an external HTML file in an IFRAME
External Image File	Inserts an external image

Help
About	Shows information about the program
Register Software	Allows you to enter your registration details
Trellian Software	Displays the Trellian Website in a browser window
User Manual	Selecting this will open up the manual that you are currently reading
Tip of the Day	Displays a random tip for using Button Factory

Button:	Description:
	Creates a new Project
	Opens an existing Project
	Saves the project
	Previews the selected items
	Changes the background colour
	Cuts the selected items to the clipboard
	Copies the selected items
	Paste the items from the clipboard
	Sends selected items to back
	Sends selected items to front
	Sets the selected text to bold
	Sets the selected text to italic
	Sets the selected text to underlined
	Sets the selected text to strikout
	Aligns the selected text to the left
	Aligns the selected text to the center
	Aligns the selected text to the right
	Changes the font properties
	Changes the font colour