Today we are going to be making another release in our UI Series. This release consists of the PSD, PNG, and ICO files for the following Candy Icons. The icons include a Chocolate Bar, a Chocolate Roll, a Chocolate Bar, a Candy Apple, and a a set of Cherries. Check them out and download them(…)

Grab your free PSD ready for the PSD to CSS/HTML conversion on monday 13/07/2009 Enjoy… License and Attribution This layout is licensed under the Creative Commons license and can be used for personal purposes ONLY. No attribution is needed but it is always appreciated.

Hello, welcome to another tutorial by the hv-designs team, today we’ll be making a CSS menu with icons. Firstly lets create our navigation in photoshop, create a new document 600×200 pixels with a black background. Create a rectangle 600×40 pixels with rectangular marquee tool, you can create specific sizes by changing the style to “fixed(…)

Hello welcome to another tutorial by hv-designs, in this tutorial il show you how to create an efficient wordpress mockup layout in photoshop. Please note: The layout is inspired by soh tanaka, the layout must not be replicated in any way shape or form. Layout inspired by soh tanaka This tutorial is purly for learning(…)

Hello welcome to part 2 of the 5 page template series. Today we’ll be converting our PSD into a one page working CSS template. In part 3 we’ll begin to add our additional pages. Right lets get started, the first thing you need to do is create a blank HTML and blank CSS file inside(…)

Create a new document 900×800 with a background color of #cccccc, create a new layer labeled “header” select the round rectangle tool and draw out a rectangle like so. Once you have your rectangle right click and goto make selection. Now select the rectangular marquee tool and whilst holding the ALT key on the keyboard(…)

Software Layout #5 FREE PSD File. Software Layout #5 License and Attribution This PSD is licensed under the Creative Commons license and can be used for personal purposes ONLY. Attribution is needed before using.

Lets begin, firstly we need to create a new document what ever size you want your wallpaper to be, im using 1440×900 pixels. For your background layer add a simple linear gradient of your choice. Find yourself some Team Fortress 2 fan art, im going to be using a team fortress 2 wallpaper ive found(…)

Good evening everyone, this past couple of days ive been sorting out a new design for my portfolio. I’ve had loads of e-mails asking if i have one. I did have one a while back but took it offline as i wasnt really doing much design work. Well now here is the new and improved(…)

Create a new document with the dimensions 850×1030 pixels. Double click your background layer then press ok on the box that pops up, your background layer should now be “unlocked” double click your background layer once more and add this gradient overlay. Select the rectangle tool and create a rectangle at the top of your(…)

The tutorial has been asked to be removed as it looks to much like THIS. Apparantly they said i purchased the template and past it off as my own. I just want a moment to defend myself as its untrue. Most of the styles i copied from my own site I.E the navigation is the(…)

Create a new document 500×400 with any desired background. Select the elliptical marquee tool and draw a circle, fill the circle with a temporary color. In the layers window click on your layer whilst holding the “CTRL” key on the keyboard to load a selection, now goto “select > modify > contract”. when the box(…)

Create a new document 800×800 pixels with a white background. Select the rectangle tool and draw a black rectangle at the the top of your canvas, then add these layer styles. Your rectangle should now look like this. Still with the rectangle tool create a 2nd rectangle underneath the one you just created, but this(…)