All posts in Webdesign tutorials

How to create a sleek dark website layout


In this tutorial i will show you a very simple way to create an awesome dark business layout.
You can see the end result bellow. If you want to see the full size layout i recommend you to press on the Demo button and you will see all the details.

Top 50 Photoshop Web Layout Tutorials from 2011


We all know that Photoshop is the best computer software program for editing digital photos and images.But it is also excellent for web designers.Most of the web designers use Photoshop to design web layouts.
Today we have compiled really high quality photoshop layout tutorials from 2011.I’m sure that you will learn many new photoshop techniques from these tutorials.

How to design an Interface in Photoshop


This is very important tutorial for those who wanted to make their First ever website project. In this tutorial I’ll teach you how you can make your First ever Interface (Mockup) for your project. You will also learn some basic things to keep in mind before starting the project. So lets start.

Create A Dark, Clean Website Design In Adobe Photoshop


In this tutorial we’re about to learn how to design a dark, clean website in Adobe Photoshop. As we go through this tutorial, we’ll work with: simple shapes (rectangles, lines, arrows, etc), layer styles, patterns, importation, and paragraph styles, and many other Photoshop design techniques that you can adapt to your Website interface design workflow.

How To Code a Blog Theme Concept in HTML & CSS


Last week we went through the process of creating a clean blog theme layout in Photoshop. Now, let’s transform the visual concept into a working HTML/CSS prototype web page before finishing everything up as a complete theme next week. We’ll build the page structure with clean HTML, then style up as much as possible using CSS styling to create a lean website design that still replicates the original concept.

GD Auto Service: Learn How to Create an Awesome Landing Page in Photoshop


In this week’s tutorial we are going to create an awesome landing page for GD Auto Service as an example. The template will have a cool logo, search bar, navigation, slider gallery, login panel, blog, services, testimonials and footer. Let’s combine these all together to make an awesome template. I will try my best to make it easy for you to follow this tutorial. So let’s get started!

How To Create a Blog Theme Concept in Photoshop


In the next few tutorials posts we’re going to go through the process of building a WordPress theme, starting today with the initial design concept in Photoshop. Follow this step by step walkthrough of the creation of the design concept for my Ticket Stub theme, which is based on a movie review type blog. We’ll create a full page design ready for coding up into a fully working website.

20 Best Photoshop Web Layouts Tutorials


Photoshop Web Design Tutorials are one of the greatest resources to find out web designing in fast and easy way. As a good start-up, it is always good to learn from others having understanding in the web designing field. For this principle, you can refer the following tutorials to learn new techniques and tactics of using Photoshop.

Creating a Clean Furniture Website and Gallery Layout in Photoshop


I was recently designing a furniture website for my client when Designzzz team caught me and ordered me to create a design tutorial and a premium template download for Designzzz.

This is a web design/gallery design for a furniture or any craft makers website. It is in dark colors so that the products look shiny. In this tutorial you will achieve inspiration for using patterns in backgrounds. This is a very clean design, or minimal as they call it but it is packed with all the features which such a site may want.

How to Design a Clean and Minimal vCard in Photoshop


Promoting yourself on the internet, which is the biggest place where you can do it, is a great idea. Actually, is a must if you`re working on the internet as a freelancer, for example. There are many ways to do it, through personal websites, portfolios, online CV and virtual cards or vCards. I decided to design a nice and clean vCard in Photoshop and I`m going to explain you step by step what you need to know to build your own vCard.