Today we are continuing our new series of User Interface Design. With the vastly rising popularity of mobile apps and mobile web design User Interface Design is now a huge area for Designers to become proficient in. In this quick tutorial I will be walking you through creating a Simple Log In Form, a main(…)

Another tutorial released by richard carpenter (ME) over at six revisions. Check It Out. View Tutorial | Download PSD Comments and feedback welcome.

Good afternoon, in this tutorial il be showing you how to create a sleek business layout from scratch. Create a new document 900×850, double click your background layer to unlock it, double click your background layer once more and add this layer style. Select the rounded rectangle with a radius of 10pixels, drag out a(…)

Download the FREE PSD file of the Monitor Icon Tutorial Enjoy. Monitor Icon License and Attribution This PSD is licensed under the Creative Commons license and can be used for personal purposes ONLY. Attribution is required and is always appreciated.

Learn how to create a fantastically looking gaming layout, you wont be disapointed. Create a new document 950 x 1160 pixels fill your background layer with the color #161616. Create a rectangle using the rectangular marquee tool about 190 pixels in height and about 900 pixels wide. Fill with any color then add these layer(…)

Good afternoon, welcome to another tutorial by the hv-designs team in this tutorial il show you how to create a sleek professional looking business layout, currently the 4th business layout in our tutorial library. Inspired By janokeselak The layout were going to create features icons from the dryicons website, the set we will be using(…)

Today I will be walking you through the process of turning our Freelance Home Page PSD into a working HTML / CSS template. The Live Version You can check out the Live Version of the template by clicking here. The template has been tested in the following browsers without any problems; however, due to our(…)

In this tutorial il be showing you how to create a sleek looking web design layout from scratch. The design itself will have a simplistic metal feel, with the use of alot of grey color(s). Right lets get started! Creating Our Document We’ll start off with a new document, with the dimensions 1000 x 1000(…)

Once your WordPress installation is up and running, you are ready to start blogging. WordPress is the right choice for blogging because it’s quite a powerful tool with a seemingly infinite array of options and possibilities. The main focus of this article is to explain how to make a blog post and how to control(…)

Hi there in this tutorial il show you some simple effects you can use to spice up your websites using jquery. Your probably thinking oh no not another coding language ive got to learn. There is an updated version of this tutorial which is alot more stable. You can view there new tutorial HERE Dont(…)

Today I will be walking you through the process of creating a Coming Soon Page for your Freelance website. We will be using a lot of basic techniques and simple layer styles to create an excellent look. Resources Wooden Cup From Graphics Fuel Setting Up Our Document Start by creating a new document 1366*768 with(…)

Open up the image you want to add a page curl to, im going to use my car blueprint from a tutorial i recently created. Duplicate your image layer and add a 2 pixel stroke. Now goto “layer > merge visable”, your layers should now have gone into one, duplicate your image layer again and(…)

Hi there, in this tutorial il learn you how to create a creative design layout and il be writing a follow up tutorial shortly after expaining step-by-step on how to code it using dreamweaver. First off, create a new document 900 x 1430 pixels. Select the paint bucket tool and fill your background with the(…)

We received this clever video about the true benefits of Photoshop and really enjoyed the creativity and humor. In celebration of the 20th anniversary of Photoshop, Adobe allowed a team of designers to have the creative freedom to show how Photoshop colors our world. This video filmed with stop motion photography from Hyperakt is a(…)

Create a new document, im using 400×500 pixels for this example. Select the pen tool and draw your path that you want the text to follow. Select the text type tool and hover it over your path untill your cursor changes. Like this. When it changes click with your mouse button, you should then see(…)

In today’s tutorial we are going to learn how to make a cool looking slide effect using jQuery that will really make our images pop. The Live Demo Click HERE to see the full working demo. What makes this effect html css jQuery Dreamweaver (or your favourite text editor) Setting up our files Ok let’s(…)

Create a new document 800×600 with the color #282142, select the rounded rectangle tool and draw out a rectangle at the top of the page leaving space on the left to fit a big image. (see image below). Add these layer styles to your rectangle. Now goto google images or your favourite stock photo site(…)

Since we are going to be a little bit late in releasing our tutorial for coding our Freelance CV I decided that it was time to release our special surprise early. Now I am not going to release the full surprise as the remainder of it goes to the first prize winner of the comments,(…)

This is the final FREE PSD pack which im giving away as a bonus. This pack will contains 17 items including PSD’s, CSS Templates and Icons. Enjoy. Bonus PSD Pack License and Attribution This PACK is licensed under the Creative Commons license and can be used for personal purposes ONLY. No attribution is needed but(…)

We’ve teamed up with our friends at Themes Kingdom, an awesome group of people working hard to bring you amazing WordPress Themes, to hook up 5 lucky  readers with lifetime memberships (worth $29 a year). Continue reading to learn how you could win this giveaway. Who Are Themes Kingdom? Themes Kingdom is a small group(…)

Open at least two pictures of your car or cars, then make a new document 600×100 with a white background, im using 2 images from google “jetta R GT” Now copy and paste your two car pictures into your new document, and resize them to fit like this. Now select the layer with the 1st(…)

Good evening, in this tutorial il show you how to create a simple mockup version of a wordpress template. Create a new document 900 x 1200 pixels, fill your background layer using the bucket tool with the color #363636. Select the rounded rectangle tool, change the radius to 15 pixels. (see image below). Create a(…)

In this tutorial il show you how to create a sleek looking design studio layout. Create a new document 850×900 pixels, select the color #3e3640 as your forground and #201f20 as your background. Select the gradient tool and drag a linear gradient over your canvas. Apply the noise filter by going to “filter > noise(…)