Published recently on our partnership Hongkiat website, The Rainbow UI Kit is an incredible tool for web designers. It includes all items needed for the creation of web site, and there are ready to use. Easy roll and drop them to create an amazing Template. As a proof, follow the present Photoshop tutorial to create a Template taking only 30 minutes.

Click here to download the free Rainbow UI Kit version (available on hongkiat.com), or here to download the Premium version (the one used in the Photoshop tutorial).

Find today the new tutorial of Grafpedia. With tutorial, you will learn to create a Template dedicated to a portfolio. All will be applied on one unique page using a vertical navigation system built using jQuery.

If you are a VIP member you can download the vectors and continue reading the tutorial. If you are not, you can easily become a VIP member and have access to thousands of design resources and one year of free updates for just $49. That’s right. You pay only $49 and during the next 12 months you will be able to download and use everything that is released here on Grafpedia.

Sign up today and start using our design resources in your projects. Register for a VIP account to get ALL the resources from Grafpedia and 12 months of free updates.

Welcome into this new Photoshop tutorial. Today, you are going to learn how to create a website about artwork (like a portfolio or a artwork agency). To make work easy, I have used a kit of web-items, available on Grafpedia. So what are you waiting for to join the VIP collection and download this outstanding template!

This tutorial is going to teach you the best method to create a Portfolio Template (oriented to the Webdesign and the 3D creation). Its modern style will get a professional and serious aspect to your company.

I will also bring you the proof that it is easy to customize the atmosphere of a website even using only one background, and that it is useful for the Webdesigners to download the Grafpedia’s resources to avoid to waste their time!

Want to download this PSD layout ? Register for a VIP account.

With this Photoshop tutorial you are going to learn how to create a graphical template for your portfolio. With its colors, black and yellow, you will easy make the difference with your competitors. All web designers with knowledge on Photoshop can access to this tutorial. You would like to download the .psd source file, then connect to your VIP account and click here.

This tutorial will teach you how to slice the CleantPortfolio psd layout. This template has been published some days ago on another photoshop tutorial. Click here to read this photoshop tutorial or there to download this template in HTML5/CSS3 format.

Sign up now for a VIP account for just $49/year and get access to this tutorial plus many other premium resources and tutorials. If you already are VIP on Grafpedia, sign in and click on the download button.

You know it is really important for the Webmasters to understand all new functions supported by the HTML5, as well as the new technology attached to CSS3 or jQuery. You have also to know that these new functions are still recognized in the Web world, then, do not hesitate to use HTML5 functions to create a new web site. Do not waste your time any more with the old versions, go ahead and move to the future using this new HTML5. Want to download this PSD layout ? Register for a VIP account

This Photoshop tutorial teaches you how to create a website layout, from the beginning, creating a document under Photoshop, how to the publication in HTML5 and CSS3. This tutorial is really useful for people willing to create their own website as well as for web designers looking for inspiration or looking for graphics resources.

In fact, with this tutorial you’ll learn how to design a beautiful layout and you will discover in a second tutorial (published soon on grafpedia.com) how to convert a Photoshop web design to high quality for browsers using HTML5 and CSS3. I propose you to download all files: .psd files (of this incredible web design), the HTML5/CSS3 layout and all files needed to follow step by step this tutorial.

Hi guys, I’m back with a new tutorial. Today, we’ll create an awesome grunge portfolio layout in Photoshop. We are going to learn how to use different textures and gradients to get an amazing rustic effect. Now let’s see what we need to create this layout.  We’ll use the wood texture set, 27,000 gradient set, Grunge scuffed vector icon set, and Grunge texture set.