Preparing Banners for this website:
These instructions are designed to make it easier for you to produce Banner Images for this website in particular. You cannot take these instructions and apply them to any other website because it just will not work. This website enjoys a responsive design. This means it can be viewed on many different devices (Phone, tablet, Computer) with different screen sizes, and the page will do its best to adapt to the new environment. One of the effects that this has; is to crop a part of the Banner off the top and bottom at different resolutions; so if your banner image has important elements at the top or bottom of the image they may well get lost in some instances.
One way to remedy this is to apply a padding to the top and bottom of the image that will 'get lost' in the greater scheme of things. The background colour of the pages on this site is black, so a bottom margin that is black will help in most cases. The header colour has a color code of #c4dbeb. This colour code can be used in the colour picker of Photoshop to ensure you get an exact match.
The following samples (on a white background so you can see the black padding) show a couple of examples used on this site. The important bit is that the total image size is 2500px x 800px.
On these images I have given the picture 600px hight and the top and bottom padding 100px each. In total then the height is 100 + 600 + 100 pixels and the width is 2500 pixels.
This gives the whole banner the opportunuty to expand and contract slightly allowing the main image to remain intact. This does not work in all instances though. If you look at the website, full screen on a high resolution 27 inch monitor you will get some cropping. But it is a small price to pay in order to have a responsive design.
Enjoy making the Banner Images and remember, there will be many members who will be able to help you if you are not able to do this yourself. I hope to be inundated with Banners so that we can rotate them on a regular basis.
Open the template and the file you want to add.
Select the picture you want to add and using the move tool drop it onto the open template file
The picture will appear on a layer, move it to be the middle layer (pick up the layer icon and move it between the other 2 layers)
Adjust the size of your picture using edit-transform-scale. (use the shift key to keep picture proportions correct.
If there is spare space at the sides of your picture adjust the bottom layer to an appropriate colour. (use paint bucket)
Merge the layers using Layer-flatten image
Save and send to Trevor
What are cookies
Cookies are small text files that are stored on a user's computer or mobile device. They are used for a variety of purposes, including personalising pages, remembering visitor preferences, analysing visitor behaviour, managing shopping carts and delivering targeted advertising. Cookies are used to improve the online experience of almost every website, including our own.
Types of cookies
When you use our website, the following four types of cookie may be set on your device:
Necessary cookies: Necessary cookies are essential for the use of the features and services we offer on this website. Without these cookies, the services you want to use (such as view and buy your images) cannot be possible.
Functional cookies: These cookies allow us to provide you with a better online experience when you use our website. They do not gather or store any information which would allow us to identify you personally.
Performance cookies: Performance cookies collect information about how our customers use our site so that we can improve our site. These cookies collect anonymous information on the pages visited. For example, we might use performance cookies to keep track of which pages are most popular, which method of linking between pages is most effective, and to determine why some pages are receiving error messages.
Targeting cookies: These cookies collect information about your browsing habits in order to make advertising more relevant to you and your interests. Advertising Bureau has put together a great resource for information on behavioural advertising: how it works, further information about cookies, and steps you can take to protect your privacy on the internet. For more information please visit www.youronlinechoices.com
Most internet browsers allow you to erase cookies from your computer hard drive, block all cookies (or just third-party cookies) or warn you before a cookie is stored. You can choose to restrict or block cookies through your browser settings at any time.
For more information about how to do this, and about cookies in general, you can visit www.allaboutcookies.org. Please note that certain cookies may be set as soon as you visit this website, but you can remove them using your browser settings.
However, please be aware that restricting or blocking cookies may impact the functionality or performance of our website. Some cookies on this site are essential, and the site won't work as expected without them. These cookies are set when you submit a form, view pictures, login or interact with the site by doing something that goes beyond clicking on simple links.