Call us

Archive for the ‘Tutorials’ Category

Page 2 of 2«12

Creating depth with your image compositions in Photoshop

Tutorials

You’ve all seen the cool websites that have an excellent “depth” feel to the page. Well here’s one technique to achieve this effect.
This is what you will have at the end of this tutorial:

Firstly, open a blank canvas and draw a gradient from top to bottom. I chose dark blue with light at the top [...]

How to create unobtrusive Javascript popups

Tutorials

Unobtrusive Javascripts are basically scripts that run on your page if the user has Javascript enabled, if not, the script degrades gracefully to still offer functionality so that you dont get any Javascript errors etc.
Instructions
Download popups.js (right click, save link as) and attach it in the header of any page you want to use it [...]

Making rays of sunlight effect using photoshop

Tutorials

There are a lot of new websites emerging with this very popular effect, and we are going to talk you through how to create it. It’s very simple.
Open a new canvas, say 400×400. Next draw some vertical lines of equal spaces apart like the image below:

Now simply click “Filter” then “Distort” then “Polar Coordinates”.
Choose “Rectangular [...]

Make a simple diagonal page background using photoshop and css

Tutorials

I have noticed that a lot of visitors are coming here from Google after searching for this tutorial, so, here you go.
1. Open Photoshop and a blank transparent canvas of say 20×20 pixels. Now, zoom right in to about 1200% and select black on your palette and the pencil size 1. Draw a diagonal line [...]

Create a simple web page with CSS and a background image

Tutorials

It’s really easy to create a quick, simple CSS website template using just one background image and some basic CSS. What I mean is that the main background of the website is created by one “stretched” image, thus creating the container that the text and images sit in etc.
It’s hard to explain so here’s an [...]

Page 2 of 2«12