• 0
Sign in to follow this  
Followers 0

How to use a background "glare"...

Question

Posted · Report post

I'm very much a n00b and at one point I used Artisteer. Artisteer has a pretty awesome background image feature called "glare". You basically have 2 background images. One is your real background and the second is an image that sits over it but below your content. It would also need to be partially transparent. MiYYZ.png Notice the black/greyish area? That is what Artisteer calls a "glare". Not sure if this is a normal thing to do but I can't seem to find anything on it. Thanks

Share this post


Link to post
Share on other sites

1 answer to this question

  • 0

Posted · Report post

I've seen this done with quite a bit of custom CSS by some very skilled coders. But there's an easy way in case you're less proficient at coding. How are you with graphics? Essentially, you can create a layer on a very large background image that's got a degree of transparency (graphics editors like Corel's Paint Shop Pro, Photoshop and others let you create these easily). Then you simply add that semi-transparent layer over the image, centering it to just where you want it. Set it as the background in your site with Full Width Design Framework (not canvas) and position it to vertical/top position 0 (zero) and horizontal to 50 (fifty). Add your branding logo as normal and you should have the exact same effect without two images. Keep one copy of your original background without the layer (in case you need to do it again) and another with the layers not merged (flattened) so you can make adjustments and use the third layer which is flattened on the site. A .png file will work nicely.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0