Aqua Interface Graphics |
Here are some simple Aqua-lookalike interface graphics that really lighten-up your FileMeker Pro files.
Tweet
Step 1 - Pattern:
To fill a layout part with an aqua-look pattern do the following:
- Select the layout part (head, body or footer) by clicking the part-tab.
- Select a fill pattern:
- Select a light gray color for the pattern:
Step 2 - Add an Aqua-bar
Next, add a an aqua-like bar to the part as a background image for text-buttons. You can download each bar by saving the image you see here. Each color consists of a bar for the top of your screen (white space at the bottom) and a bar for the bottom of your screen (white space at the top). Each bar has a length of 800 pixels, which you can shorten yourself using Photoshop or so:
Paste the bar on to your layout and choose 'Arrange -> Send to back'. Click on the Texttool and type a title, make it bold text, and position it over the bar. Should look something like this:
Step 3 - Add Aqua-buttons
Instead of using a bar for the bottom part of your screen, you can choose to use buttons. Choose the buttons you need from below.
60 pixels wide.
70 pixels wide.
80 pixels wide.
90 pixels wide.
100 pixels wide.
110 pixels wide.
120 pixels wide.
Tip: do not scale the buttons in Filemaker because that distorts the pixels at both ends. That's why I created the same button in different sizes:
Paste the button on to your layout and choose 'Arrange -> Send to back'. Click on the 'Text' tool and type a title, make it bold text, give it a dark gray color and position it over the button. Should look something like this: