2008-05-20-psd-htmlcss-

CREATING OUR LAYOUT: Firstly open up photoshop and create a new document 900 x 845 pixels, fill your background layer with the color white if it isnt already. For our background i also want to add some stripes to it so create a new document 4 x 4 pixels with a transparent background. Zoom in(…)

Computer Shop Layout Tutorial

Create a new document 800×950, fill your background with the color #21252e. Select the “rectangular marquee tool” and draw out a rectangle at the top of your canvas, fill the rectangle with the color #111419 and add a “2 pixel black stroke”. CLICK HERE TO SEE THE RESULTS. Select your type tool and choosing a(…)

p-5016

Lately I have been working with a lot of smaller businesses, and I have noticed one simple trend with them. As a professional designer I take very few brand new businesses as clients, by personal preference, but I do deal with a lot of re-designs. The main thing that I have noticed with my latest(…)

Software Box Tutorial

Create a new document 500×500 pixels, create 2 new layers one called “spine” and label the other “main” on the main layer draw out a box 274 x 385 pixels and on the spines layer draw out a box 66×385 pixels, draw the boxes with the “rectangular marquee tool”. Then add a 1 pixel black(…)

How to Add Flair to your Actions with jQuery

If actions speak louder than words, then in the JavaScript world, effects make actions speak louder still. With jQuery, we can easily add impact to our actions through a set of simple visual effects, and even craft our own, more sophisticated animations. Inline CSS Modification Before we jump into the nifty jQuery effects, a quick(…)

Magnify Tutorial

Firstly find an image of a magnifying glass either from google or from a stock photo site like sxc.hu Once you have your magnifying glass, cut it out including the inner lens with your prefered tool. Now open up your image you want to magnify, resize it down as we will be using the larger(…)

Web Design Layout #4 Tutorial

Create a new document 800×800, select the colors #2c2d2e & #47474a (or something similar) and drag a linear gradient over your canvas. Now create a new layer, using some grunge brushes add some grunge. Set layer opacity to 50% and blending mode to soft light. Now select your background layer and add some noise by(…)

Software Layout #1 Tutorial

Create a new document sized 800×800 pixels with a white background. Start off with our site title and slogan and a little quick navigation. Add the title and slogan at the top left hand corner and the quick navigation at the top right hand corner. You should have something like this. Lets also add some(…)

Web Design Layout #1 Tutorial

Create a new document 800 x 900 select the rectangular marquee tool and draw a rectangle at the very top using the color #288cc8. Also add these stroke settings. Your rectangle should looks like this. Create a new layer above your rectangle layer, select the color white and select the paint brush tool, brush some(…)

2010-11-15-deviantart-illustrations-13-

The internet is full of great artists and in this round-up we’ve listed 18 exceptional pieces of Digital Art from deviantART. You’ll be amazed at some of this work. BOBA FETT – NO DISINTEGRATIONS Quetzalcoatl T Mask Moby Kroca Sobeka Original – Uniforme Sippin on Some Syrup Miss Zombie DRAMATIC SUNBLOCKING Merlin Nostalgic Memories Libra(…)

Simple jQuery/CSS3 Modal Box

Seeing as how my last tutorial about the “jQuery slide effect” had a great response I thought I’d be back to write another simple easy-to-follow jQuery tutorial for you guys. What we’ll be making today is a jQuery modal box which can be used can used for all sorts including images, forms and in my(…)

Web design Layout #8

Hello, welcome to another tutorial by the hv-designs team sorry were abit late than usual. In this tutorial il show you to create a web design layout. Lets get started. Create a new document 850×900 pixels with a black background, on the background layer we need to add some noise so goto “filter > noise(…)

DeviantArt Illustrations #3

The internet is full of great artists and in this round-up ive listed 19 exceptional illustrations from “deviantART”. You’ll be amazed at some of this work. Sunless Skies Batman Inferno Blood Pig Dante And Vergil RM Amor Zombie Velkan Vs Al Drifting Nasga Darkonline Comission Sarika Genocide Aphrodite Knight Elsabeth Muriel And The Toaster Japanese(…)

Amazing Flickr Submissions

I was going through the submissions to the Flickr group today and found some amazing artwork was submitted there. I wanted to showcase a few of my favorites from recent submissions. I will be trying to go through at least once a month and post on the recent submissions or general submissions overall. Anyway, take(…)

Black & White Cars Tutorial

Load up your car image and select the “pen tool”, draw around your car but not selecting your windows, grills, lights etc… so basically your just left with a shell. “copy and paste” to a new layer. With your newly pasted layer selected goto “image > adjustments > desaturate” then goto “image > adjustments >(…)

2011-09-01-coding-the-creative-design-layout-

Welcome, in this tutorial il teach you how to convert my “creative design layout” into a working CSS/HTML valid website. Firstly id do the tutorial on creating the layout or skip it and download the PSD file from the hv-designs shop, if you do my tutorial try and get it as close to my design(…)

vCard Free Template

Download the FREE vCard Template. Enjoy. Personal vCard Template The Tutorial You can view the full tutorial here, if you haven’t already seen it. Learn To Code This Layout You can learn how to code this layout by following this tutorial HERE. License and Attribution This TEMPLATE is licensed under the Creative Commons license and(…)

2011-05-24-tumblr-theme-design-series-pt-i-

I know you guys have waited forever for this tutorial but it’s finally here. In today’s tutorial I will walk you through the first step of creating a Tumblr Theme, designing up the bad boy. Because I want you guys to grasp all the aspects of creating a Tumblr theme from scratch our theme will(…)