PSD Vault

In this post, I will introduce 7 Highly Practical Photoshop Site Mockups I have came aross on the net from a variety of sources, plus 1 Amazingly Detailed Tutorial About Converting Them into Working Web Pages.

For the 7 mockup tutorials I have selected, although they all aim towards the same objective, the techniques used during the process can be seen differently, mainly because the difference in genre (e.g. corporate design v.s watercolour design). Interesting to see the methods the authors use to achive the end result :)

As for the convertion tutorial I included here, I personally think it’s the best and most detailed one on the net! I’m sure you will find it useful, too. Enjoy!

In this tutorial, I will show you the method I use to design a simple, yet elegant abstract spectrum lines in Photoshop. You will see how easy it is to achieve this nice effect and you can use it a wide range of occasions including perhaps site header backgrounds, logos, or add extra flavor to your photo manipulations.

This tutorial is suitable for beginners and I included the ways of creating new brush presets and also the use of Pen Tool. You will ample opportunities to practive layer blending, filters and Free Transform Tools. Have a try!

In this tutorial, I will show you the processes I used to design this really cool, abstract style site header image in Photoshop, similar to the one I currently have on psdvault.com.

Along the way, we can practice the use of Pen Tool, various image adjustment options, free transformation tool, layer blending styles and filter effects. Some of the steps could a bit tricky to achieve, but I Hope you enjoy it and find it inspirational. Have a try :)

In this tutorial, I will show you how to design a Modern Glossy Navigation Bar in Photoshop. This is a beginner tutorial with a just few simple steps, aiming to help beginner web designer for making their first-ever web page.

Skills involved in this tutorials are selection tools, layer blending options, and some simple gradiant filling techniques. Have a go!

This is the second post on PSD Vault talking about making a wordpress theme mockup using Photoshop. I came across this tutorial on designreviver.com and thought it is quite an informative tutorial.

The tutorial is broken down into two parts: This first part focuses on showing the detailed process of making the mockup theme in Photoshop, whereas the secend part (yet to be published) talks about coding the mockup version into working web pages.

This is a tutorial showing you how to design a Wordpress Mockup Theme using Photoshop.

From my personal experience, I feel Wordpress is the best Free CMS that is out there and I guess a lot of you guys are perhaps already using it. Therefore I guess there is a demand of knowning how to create a personalised wordpress theme.

I came cross this tutorial while I was looking for some design inspriation for my personal website.

Although I didn’t use it myself in the end, I think it is useful to those who just started thinking about creating their first site.

The tutorial itself is really simple to follow and the result looks great. Have a try yourself!