Simple Gradient Background

Hello everyone

I have set a background image, but I want to try how it looks with a gradient background colour. I can not find an action to do it in the page inspector. I have downloaded CSS3 gradient backgrounds, but this works only on html items and it wont work on the page background colour. Can I try to create the gradient with photoshop? Also I believe because different pages have different height this wont work very well. I am not sure.

Any suggestions?

cheers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Michael,

It depends on the style of your layout, but there is a technique you could use.

For a vertical gradient that works whatever the page height:

Let’s say you want a gradient from red at the top to blue at the bottom (ok, you wouldn’t want that but let’s pretend!). Create your gradient in photoshop, say 10px wide by 200px deep and save as a jpeg.

Now, in Freeway, set you page background colour to the same blue as in your gradient. Next set the page background image to your new jpeg. Set it to repeat horizontally and align top.

That’s it. If your page is more than 200px high the blue page colour will continue on as far as necessarry.

I hope that helps.

Sly.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks very much Sly, I will try this!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Michael

An alternative to Sly’s suggestion is to make the graphic to use in the background in Freeway itself (as long as you have Freeway Pro, though you didn’t specify which version you own).

You can simply draw a graphic item in Freeway of 10px wide and 200px deep, select it and go to Item>Actions and choose Fill Master. Choose Linear from the Fill popup and choose the start and end color of your gradient. Once you’re happy with it, select it, go to File>Export, choose JPEG or PNG (PNG will be a larger file, but may give you a smoother gradient), click Save, choose from the options in the next dialog (if using PNG, choose Millions from the Colors popup), then click OK to save it to your hard disk.

You can then use that graphic for the background graphic of your page.

Hope this helps.

Keith


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options