Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers

In this tutorial we will create a Samsung Galaxy S with some simple techniques in Photoshop. We will be using the Rounded Rectangle Tool, the Pen Tool, shape mode and some effect in Blending Options. So, you should know the basics of them. Continue reading for this incredibly in-depth tutorial.

The term “grunge” within graphic design is often mistaken to mean dirty; however, a grunge look is simply one that is achieved by including natural elements into your design. For instance, you may create typography from vine images or your background could be a photo of cement. Some websites even use every day items, such as paper towels, to create backgrounds and texture within the design. Incorporating grunge into your website can be obvious with lots of dirt and grime or subtle with only a fabric background. So, whatever level of grunge you intend to take your website, one of the following backgrounds may be exactly what you need to help you achieve the perfect amount of grunge in your project.

Today we have a cool treat for everyone. We’ve taken the theme you see here at Web Design Fan and packaged it up for the Web Design Fan Club. Now you too can enjoy our beautiful design, as well as build your own variations of it.

In the package comes the full Wordpress theme as well as 2 PSDs: the home page and a post page. Also included is documentation to help you through the process of installation and modification.

Today we are bringing our Web Design Fan Club members a simple and effective mobile app landing page template. Originally designed by Tomas Laurinavičius, this template is easy to edit and make your own. The package includes the XHTML and CSS files, as well as the original PSD. Take a look at our screenshot below for a look at the template or visit the original tutorial we posted here.

Whether it is to learn something new or just poke around and have some fun, a lot of designers like to jump into a great PSD and dissect it to see how certain things were accomplished. Whether you are a beginner or not, it can be useful and stimulating to your design senses. In this post, I have gathered a few cool free PSDs I’ve come across that I want to share with you.

In this tutorial we will create a portfolio web layout using Adobe Photoshop. I will show you how to create patterns and textures for your web designs and how to use the 960 Grid System to help you align the elements of your web layouts. I will also provide the patterns that I used in the resources section below so you can install and use them straight away.

Beautiful and attractive website design is one of the key to any website success. If you are looking for web design inspiration or new psd template for your website you come to right place.

Today we’re going to convert the Modern Design Studio PSD Template created by Tomas Laurinavičius a few days ago to a clean and working XHTML/CSS code. You can download free PSD from The Modern Design Studio PSD Template.

This is the second free PSD template for WebDesignFan readers. Bright and simple wooden design. I’m practising in web design because I want to try ThemeForest.com marketplace.

Today I would like to share with you my first freebie – design studio PSD template. I’m practising in web design because I want to try ThemeForest.com marketplace. First layout designed for free exclusively for WebDesignFan.com readers.