Create a new document “500×300″ with a gradient background. Select the “rounded rectangular tool” Draw out your card shape onto a new layer, then select the pen tool, “right-click” on your rectangle and click “make selection”. Then select your card colors ive choosen #d50000 and #000000, fill your card with the gradient. Then add the(…)

Hello welcome to another tutorial by HV-Designs. In this tutorial il be showing you how to code the “Carbon Fibre Style Inset Menu” into a working CSS/HTML Document. Follow Part 1 If you havent already created this navigation in photoshop you can do so by following PART 1 of the tutorial here. View The Coded(…)

Hello, welcome to another tutorial by hv-designs. In this tutorial il be showing you how to make a sleek monitor icon. We’ll be using shape layers for this tutorial so the monitor can be resized as much as you want without loss of quality. What Were Creating Right lets get started. Creating Our Simple Background(…)

Open up your image you want to turn into a sketch, im using an image of jessica alba. First thing we need to do is desaturate it do this by press “shift + ctrl +u” or goto “image > adjustments > desaturate”. Now goto “filter > stylize > find edges”. Now press “ctrl + L”(…)

Alright guys, we have been thinking about things a lot lately and what direction we want to take the site. Thanks to you guys for helping us get to a point where we can take the time out to make these decisions. As we started talking about different things that we want to do with(…)

PSD to HTML conversion is proberbly the most popular and most sort after tutorial on the internet. In this article ive made a round-up of the most popular tutorials. Also included are 20 premium websites to go to if you want a professional conversion. Build a Sleek Portfolio Site From Scratch Encoding a Photoshop Mockup(…)

Today we at HV-Designs are proud to release the opening of our Design Competition. We are all excited that this competition has begun and hope that you will all enjoy the competition as much as we do! This competition will take place from today, March 1st, through the end of the month, March 31st. So(…)

A small selection of tutorials which demonstrate some cool mind blowing 3D effects. Concidering photoshop isnt a 3D application, all tutorials are excuted really well. 3D Photo Effect 3D Flowery Text Grass Text Effect 3D Mp3 Player 3D Mp3 Player 3D Lego 3D Macbook 3D Wiimote 3D LCD TV 3D Cardboard Box Many thanks for(…)

Create a new document 640×480 then select the “pen tool” and draw out the tail shape, once drawn out use stroke path. heres how mine looks, feel free to use mine as a guide. Now lets add abit of detail to it like the booster at the back and the small wings, still with the(…)

Hello welcome to part 3 of the your PROject template. Today we’ll be creating 4 extra pages to go with our template. Right lets get started, goto your folder wherr your template is copy your index.html file then paste it into the same directory. Rename the copied index.html file to services.html, then open it up(…)

Load up your image in photoshop, Then start by clicking on the Create New Adjustment Layer icon at the bottom of the Layers palette and, from the pop-up menu, choose Hue/Saturation. Turn on the Colorize checkbox in the Hue/Saturation dialog, and move the sliders to get the color tint you want, im going to use(…)

Hello everybody welcome to another tutorial by hv-designs, in this tutorial il show you how to create a colorful yet elegant portfolio layout. Creating Your Document Create a new document 1200 x 1200 pixels with any color background. Creating The Background Duplicate your background layer then add these layer styles. With your duplicated layer selected(…)

In this tutorial i will show you how to do your first “virtual car” using simple basic methods the topics we will be covering are, – Lowering – Changing the wheels – Tinting windows – Adding an intercooler – Smoothing If you want to use my image that i am using GET IT HERE. Right(…)

Download the windows 7 navigation PSD file for free. Download also includes the fully functional CSS coded versions. Enjoy. Windows 7 Coded Navigations Windows 7 PSD File License and Attribution This PSD & CSS Navigation is licensed under the Creative Commons license and can be used for personal purposes ONLY. Attribution is needed and is(…)

Good evening welcome to another tutorial by hv-designs, in this tutorial we’ll be making a glue stick from scratch. I’ll be demonstrating just how easy it is to create simple objects. You can also download the PSD for freee.! Setting Up Our Work Area Lets create a new document 600 x 600 pixels, if you(…)

Hi there welcome to another tutorial, in this tutorial il show you how to create a sliding menu button using jquery. You can see the effect in action over on the PSDtuts webpage in the top right hand corner. Oh yes and before i forget you can download the source files for free using the(…)

Hello, welcome to another round up of inspiration. This time we’ll be looking at desk environments made with photoshop. System Six Desk Design Desk Layout #2 Desk Layout #3 Desk Portfolio Classical Desk Desk Layout #6 Learner Driving Desk Environment Desk Layout #8 Spring Blog Desk Layout #10 Desk Layout #11 Have you made a(…)

Hello everybody, in this tutorial I’ll be showing you how to create a digital CV (Curriculum Vitae). The tutorial itself is pretty simple to do, but I’ll be showing you how to code it into a working template in part 2. Resources Used In This Tutorial Wefunction Icon Set Aquacticus Social Icon Pack What We’ll(…)

Download the free PSD file for Product/Business Layout. Enjoy. Business/Product Layout FREE PSD The Tutorial You can view the full tutorial HERE, if you haven’t already seen it. 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.