Categotry Archives: Backgrounds

Photoshop CS5.5: Creating a YouTube Theme

In this tutorial we show you how to create and install your own custom background image for your YouTube channel. We will be doing this in Photoshop CS5.5. Unfortunately we can’t do the entire web-page in Photoshop just the background. The rest of the details like border colors, typography etc need to actually be set in your YouTube channel itself.… (more…)

Fireworks CS5.5: Creating a YouTube Theme

In this tutorial we will show you how to create your own Youtube Theme (or template what ever you prefer to call them)in Fireworks CS5.5. First we will show you the best way to set up your background image and then we will go into putting it in on your YouTube account and adding the final touches that have to… (more…)

Photoshop CS5: Blending Images into a Website Background

In this tutorial we will be showing how to create an amazing background blending images into a standard gradient background. For this we will be using the color dodge tool and a gradient mask in Photoshop CS5. We will then combine a few CSS tricks to create our background for a website. When Completed we should have a back ground… (more…)

Working with Images on your Website: Reducing Bandwidth

We all know that the biggest killer of bandwidth on our websites is the use of images, but how do we go about reducing this. What tricks can we use to create the same effect but without the expensive bandwidth totaling up rapidly on us. In this tutorial we will look at a number of methods available to us to… (more…)

CSS: Making Column Backgrounds Full Height Liquid Layout

A common problem encountered by web developers first starting out is making the background of all their columns go full height. Often when we give say our left column one background and our content another the left column’s(or right column) background does not go all the way to the bottom of the page. This throws out the look of the… (more…)

CSS Background Images in Corners

In this tutorial I will showing you how to have an image in the background of a page in both corners so that when you re-size your browser window the images will scroll with it maintaining their correct position, without being squashed as they would do if you used one large image stretched to fit the page width of 100%.… (more…)

Multiple Background Images CSS

As designers we sometimes come across situations in which we want to put a background in that consist mainly of a texture or a gradient with another image element or two that doesn’t repeat. Too often I see websites where this is done using either a large image larger than the common screen resolutions OR they repeat the background texture… (more…)

CSS3 Website Background Gradients

In this tutorial we will be explaining the best way to add a gradient to the background of any webpage element using a method that improves page loading times over other method you may currently use simply by using CSS3 (with fall backs of course) As designers we all use gradients in backgrounds all the time. To add texture to… (more…)

  • Ripper Web Design