web design Archive

  • fireworks-how-to

    How to recolour a bitmap image in Fireworks

    TweetStep 1. Select the bitmap image that you want to change the colour of with the arrow tool. For this example I am using a imported .png file with transparancy. Step 2. Choose the Paintbrush tool from the toolbar. Step 3. Select the colour you...

    Full Story

  • Photoshop Design Tools – Gridulator

    Photoshop Design Tools – Gridulator

    Using grids in web design is a must. The process of using a design grid helps to give a strong visual but also a solid structual balance to the design. The design grid is used at the initial Photoshop design stage but should also be used throughout front end development to ensure that elements are consistantly aligned.

    Full Story

  • Saving a gradient for web – gif, jpeg or png?

    Saving a gradient for web – gif, jpeg or png?

    Gradients are often used in web design, but when you save them using the wrong file type you may find that your lovely design has banding stripes of colour or will actually cause you more work in the long run when you come to update the files!

    Full Story

  • How to create buttons for a webite in photoshop

    How to create buttons for a webite in photoshop

    This tutorial shows a quick and easy way of creating a button for a web site. This button style contains a gradient background, a inner white border with a darker outer border and drop shadow. These buttons are very easy to recreate using layer styles and shapes and will suit any website as they can be coloured to match the design.

    Full Story

  • Problem with gif files – locked background layer

    Problem with gif files – locked background layer

    Q. I have a .gif file that I'm trying to drag onto another document in Photoshop but the image won't copy across as normal. I've tried to unlock the layer but the padlock is greyed out and I can't unlock the layer by double clicking it either.

    Full Story

  • Saving images for the web – Jpeg, Gif, Png

    Saving images for the web – Jpeg, Gif, Png

    This article will explain the differences between the three file types; jpegs, gifs and pngs, and explain when it is best to use each method. To save an image to be used on the web, you should go to File > Save for Web & Devices.

    Full Story