Category: Design Tutorials

Aug 30

Tagged in: Comments: 82

Deep and Moody

Deep and Moody

by: Neil Duerden

Right time to go into Photoshop and create a "simple" moody image using loads of simple effects to create an image with depth and composition. This is simpler than you think but can demand a lot from your system. You will be switching between Illustrator, Photoshop, Painter and throwing a few hand rendered elements in just for good measure so put the kettle on, sit back and get ready to begin!

Delicious Stumbleupon Digg

Aug 16

Tagged in: , Comments: 138

Mac Style PhotoFlip Gallery

Mac Style PhotoFlip Gallery

This Photoshop + Flash tutorial will show you how to design a cool photo gallery as seen on AppleTV website and in many Mac application (ie. iTune, iPhone). In fact, this tutorial is very easy to follow, all you need is some basic Photoshop and Flash skills. To complete this tutorial, you need Photoshop CS2+, Flash 8+, and a photoFlow component from Flashloaded.

View Demo PhotoFlip Gallery

Download Zip package

Delicious Stumbleupon Digg

Aug 05

Tagged in: , Comments: 91

Illustrating the Flower Pattern

Illustrating the Flower Pattern

Since Web Designer Wall was launched last week, I received several emails regarding on how I made the main illustration background. I thought I should put up a quick Illustrator tutorial so everyone can share. This article will outline the main steps on how I made the flower pattern in Illustrator. Hopefully, this can answer your question.

Delicious Stumbleupon Digg

Jul 29

Tagged in: , Comments: 59

Simple Double Quotes

Simple Double Quotes

This CSS tutorial will show you how to display two double-quote images using one blockquote tag. The trick here is apply one background image to blockquote, and then apply another background to the first-letter (pseudo-element) of blockquote.

Preview double quotes

Download HTML file

Delicious Stumbleupon Digg

Jul 23

Tagged in: , Comments: 41

Style Your Ordered List

Style Your Ordered List

By default, most browsers display the ordered list numbers same font style as the body text. Here is a quick CSS tutorial on how you can use the ordered list (ol) and paragraph (p) element to design a stylish numbered list.

Preview samples

Download HTML file

Delicious Stumbleupon Digg

Jul 20

Tagged in: , Comments: 55

How to Design Mini Icons

How to Design Mini Icons

Numbers of people have asked me how to design my popular Mini Pixel Icon pack. In fact, they are relatively easy. All you need is just some basic Photoshop skills. Here I will show you how to use the Pencil tool to design pixel icons, and then re-use them to create a full collection. This is the technique that I used to create over 320 icons within a day.

Delicious Stumbleupon Digg

Jul 19

Tagged in: , Comments: 144

Design Process of WDW

Design Process of WDW

Usually, I keep the sketches of every project I designed and use them as simple documentation. Sometime I might refer back to the old sketches for ideas and references. Here I would like to share my development process of Web Designer Wall with you. This article will show you how WDW is done - from start to finish.

Delicious Stumbleupon Digg

Newer Posts

WooThemes

Back to top