0

Create an Accessible Image Based Navigation

Posted Thursday, February 25th, 2010 Since the launch of Hull Digital Live ‘09 back in August 2009 I have been flooded with requests on how I created the graphical navigation on the web site. The answer is simple, a sprite and a dash of CSS! This technique of image replacement can be found on a range of websites including the Apple [...] Continue Reading

31

Speed Up Your Design Processes While Reducing Errors

Posted Sunday, August 2nd, 2009 A developer friend of mine once taunted me with the fact that all I do is ‘make things look pretty‘. Well as a web designer you strive to make every design you create as unique and special as possible. You cant simply dive straight into a design, there is a lot of ground work to [...] Continue Reading

24

Pin-up Paper Flowers – Photoshop Tutorial

Posted Sunday, March 22nd, 2009 Quite a while ago I found a simple technique in Photoshop for creating your own crumpled paper effect. It involved a few simple gradients, some layer filters and a tweak to the levels! In this tutorial I am going to combine this technique with a simple transform duplication, to create some paper flowers! ‘Bit girly [...] Continue Reading

37

Cool photoshop hair

Posted Saturday, January 17th, 2009 One thing that bugs me when viewing images either on or off the web, especially in magazines, is the shoddy cutouts around a person. Due to tight time restraints it is much quicker to add a rough trim to a photo with the hopes that people wont be bothered. Well there is a way in Photoshop [...] Continue Reading

23

Create a Simple Pond Ripple in Photoshop

Posted Saturday, October 11th, 2008

I have been having a lot of positive comments over the past month regarding my website footer design and the pond ripple used on the water. It is actually very simple to create with only a couple of design steps in photoshop. The following tutorial will show how it is created and offer a couple of examples for its use!

Continue Reading

15

3D Object, Web 2.0 Reflection

Posted Monday, July 7th, 2008

In this simple tutorial, I am going to create a web 2.0 reflect effect in photoshop. We have all seen the effect dotted around, in fact it has become a very common style applied on logos, icons, images and so on.

Websites such as Apple, Vodafone and Pepsi are all using the effect somewhere on their sites. There are even scripts and sites out there to create the effect for you. http://h-master.net/web2.0/ for example, allows you to enter a piece of text, and then will automatically generate a web 2.0 reflect effect on the imputted text… Clever huh! but still, it is applied on a 2D object.

Continue Reading