Articles posted in Design

Looking through grid-tinted glasses

Grids are everywhere in the world. Appreciating grids can give you a visual language to understand how many designs work and in my opinion can help you greatly improve your own designs. Read more

Batch resizing in Photoshop

If you have lots of images you want to resize Photoshop can take care of it for you. Using Actions and Automate you can do it once then put your feet up. Here's how it works. Read more

Screen Modes in Photoshop

When designing in Photoshop there are a couple of options that allow you to review your design without noise around it. Here's a quick overview of how you can take a step back from the digital canvas. Read more

Illustrator 101 - Guides and Smart Guides

Guides help you to line control objects and paths easily in Illustrator. Here's a short overview of the options and how Smart Guides can take it a step further. Read more

Mobile sites are more than mini-mes

Mobile versions of websites can be better than their bigger, richer web versions. Moreover user-focussed, task-driven mobile sites can inform and improve their bigger brothers. Read more

Saving time with Smart Objects in Photoshop

Smart Objects can save you a great deal of time if you are designing for the web in Photoshop. Furthermore they allow you to manipulate images without destroying the original. Read more

Make a photograph black and white in Photoshop CS3

Until recently I'd been using desaturate to convert photographs to black and white in Photoshop. In fact there is a much better non-destructive method. Read more

Designing with grids in Photoshop

Creating a grid to base your designs on is invaluable for giving structure to the page. Here's a quick introduction to grids and how you can speed up creating them in Photoshop. Read more

Realistic highlights in Illustrator

A short tutorial on creating realistic highlights in Illustrator using clipping masks. The tutorial covers creating a path, adding a gradient and then creating a clipping mask. Read more

Chrismas 2007 Wallpaper

Here's some wallpaper for the festive season, that I have also sent out to friends and clients. Thanks to jlwDesign and Spoon Graphics for the vectors. Read more

Leopard OSX’s UI Design

Leopard, Apple's latest version of the the OSX operating system was released last Friday. In my opinion some of the interface changes are a step backwards. Read more

Creating backgrounds with Patterns in Photoshop

Often designs need a background to fill space behind navigation or other page elements. Here one way to create them. Read more

The New Photoshop Logo

I'm not often moved to criticise other designers work. It is their livelihood after all. But the new Photoshop logo falls well short of the mark. Read more

Illustrator 101 - The Twirl Tool

The twirl tool is a great tool that can make complex and eye-catching objects in no time. Here's one way to use it. Read more

Glossy badges in Illustrator

The star tool and opacity masks make it easy to make eye-catching glossy badges for websites and user interface designs. Here's an example of how to do it, including a downloadable Illustrator file to work with. Read more

Pattern Brushes in Illustrator Part Two

In part two of looking at Pattern Brushes in Ilustrator we look at how to expand brushes to add shapes to corners and the ends of paths. Read more

Pattern Brushes in Illustrator Part One

Pattern Brushes in Illustrator are a great way to create complicated designs in no time. Part one shows an example of how to use Pattern Brushes with circles. Read more

Circular shapes and patterns in Illustrator

Making circular shapes and patterns in Illustrator is straightforward using a simple technique. Here's how to save yourself some time. Read more

Repeating shapes in Illustrator

Here's a simple tip I came across for quickly creating repeating shapes in Illustrator. Give it a try it. Read more

Free icon set - Quant

Icon design is something I have wanted to explore for a while. Today I'm releasing a free black and white icon set, the first of many I hope. Read more

Illustrator 101 - The Blend Tool

The blend tool is a great way to build out shapes and design elements in Illustrator. Here's a quick overview of how it works and some techniques to apply. Read more

Dotted lines in Photoshop

Designing for the web in Photoshop has one thing missing - dotted lines. Here's how to create dotted lines so you can show clients how links will look. Read more

Rounding edges in Illustrator

Using a simple technique you can round the edges of pretty much anything in Illustrator. Furthermore with the Graphic Styles Panel you can reuse your style over and over again. Read more

Custom brushes in Illustrator

Custom Brushes in Illustrator are an excellent way to add to designs. Here's a short tutorial how they work and how to use them. Read more

Creating a comment icon in Illustrator

A short tutorial on creating a vector-based comment icon in Illustrator. The tutorial includes a downloadable illustrator file to work through the example with. Read more

Drawing symmetrical shapes in Illustrator

Drawing symmetrical shapes in illustrator can be a little bit tricky but once mastered it is a technique you can use over and over again. Read more

Using tessellation in CSS

Tessellation has been used for many years in wallpaper and other design environments where a large space of indeterminate size needs to be covered. Using CSS similar techniques can be used to deliver designs that look good and stretch to the width of the screen. Read more

Pattern Swatches in Illustrator

Pattern Swatches are a hidden gem in illustrator. You can use them to quickly fill shapes with patterns and illustrations. Here's a short tutorial using a t-shirt design. Read more

Improving image quality in Photoshop

Often clients deliver images that are not really good enough for use on the web. Photoshop comes with some less well known features that can improve image quality drastically in a couple of clicks. Read more

Managing colour schemes in CSS

Managing colour schemes in CSS can be difficult. With a bit of PHP you can take control of colour schemes in your stylesheets. Read more

Redesign just about done

Apart from a huge amount of client work I've been working on a redesign of shapeshed.com. With a few things to clean up it goes into the wild today. Read more

Creating grunge effects in Photoshop

Designing with grids is commonplace in design but the danger is that everything looks a bit ordered. Using grunge effects you can keep your grid and mess up your hair to look a bit cooler. Read more

Concentric text in Photoshop

One day you might just be insane enough to want to write concentric text in Photoshop. It is quite illegible and likely to give you a headache but if you still want to do it read on. Read more

Creating custom shapes in Photoshop

A less well known feature of Photoshop is that you can create custom vector shapes and use them throughout your designs. Here's an of examples of how to do it. Read more

Using patterns in Photoshop

Patterns area hidden gem in Photoshop. Here's a short tutorial showing you how to make your own and how to use them in your designs. Read more

Bored by Web 2.0 Design

Glossy buttons, reflective logos and beta buttons are everywhere. Designers have become magpies taking anything shiny and using it without thinking whether it makes a website better. Read more

Wallpaper for websites

Here's a quick look about how you can give your site some wallpaper. Whilst you are moving the furniture around there is also some traditional wallpaper design for inspiration. Read more

Making promotional graphics

A well designed promotional graphic can be a great way to drive traffic through your site. Here's one way to do it. Read more

Choosing a colour scheme for the web

Choosing a colour scheme, or swatch, is one of the first things you need to do in planning a design. Thankfully Adobe provides a number of tools that make creating and managing swatches simple. Read more

Curving The Edges of Images in Photoshop

I get a lot of search engine referrals from people looking to create curved images or curved rectangles in Photoshop. So here's a quick tutorial to show you how. Read more

10 Tips For Print Designers Coming To The Web

More and more print designers are making the switch to the web which is breathing life and creativity into designs around the web. Often however print designers are unaware that the medium is very different from the print environment. Here are ten tips to get your design for the web on the right track. Read more

How To Get The Most From Your Homepage

A Homepage is like a shop window. It is invariably the most commonly visited page and if it does not draw customers or viewers in, it has failed. This paper looks at what makes a successful Hompeage. Read more

Branding and logos - from ideas to implementation

Getting branding right is a difficult process. Often both clients and designers fail to understand what each party needs or is looking for. This article seeks to give some advice on how to issue a brief and issues to consider for small to medium sized enterprises. Read more