All posts in Webdesign tutorials

Simple & Cloudy Portfolio Layout in Photoshop

In this tutorial you will learn how to create a simplistic portfolio page design with a cloudy header. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

.

Create a Kids Oriented Web Layout Using Photoshop

In this tutorial we will be creating a simple, easy to use and colorful web design layout in Photoshop that is primarily aimed at children. The simple navigation, bright colors and limited content is something that would really appeal to the youngsters.

We will be making use of loads of tools in this tutorial, such as the rounded rectangle tool, the Warp Transform tool, the Brush Tool, the built in Stroke Tool and plenty of gradients. We’d love to see your results, so be sure to share them with us!

Create a modern psd (photoshop) template for Joomla, WordPress or Drupal

In this tutorial I will create a modern template in Photoshop which can be coded then for Joomla, WordPress or Drupal.
Please note that in this tutorial I will demonstrate how to create this template in Photoshop but I will not cover the conversion in CSS/HTML. Anyway the tutorial on how to code this psd in CSS/HTML will be posted pretty soon on our website.

Coding Up a Web Design Concept into HTML & CSS

I’ve recently been working on a design concept for a WordPress theme as part of a personal project. In this walkthrough we’ll go through the process of converting the design concept from PSD document right through to completed HTML and CSS mockup, complete with clean and valid code, a few touches of CSS3 and some quick fixes to help out old IE6.

11 Fresh Portfolio Design Tutorials

Creating your own portfolio website will showcase the work and services in best manner.When you start working, your great graphic design portfolio is going to help you land that great job. Your portfolio represents your skill and artistry, so put it together carefully because your artwork is going to speak for you. Here are some Portfolio Design Tutorials to help get you started.

March’s Fresh Photoshop Web Layout Tutorials


Adobe Photoshop tutorials are useful when it comes to learning new techniques or just for brushing up on your skills.
This roundup includes 31 Photoshop tutorials which deal with creating web layouts, all were published in March 2010.

5 Fresh Photoshop Web Design Layout Tutorials

Designing a web site layout with Photoshop has been a very popular trend that has emerged into the main stream over the last couple of years. Whereas in the past Fireworks was the tool of choice, with Photoshops wide array of tools and options you can deliver high end designs with relative ease, as these tutorials demonstrate.

Coding a Clean and Professional Web Design

In this web development tutorial, you will learn how to code a web page template from a Photoshop mock-up from a previous tutorial called “Create a Clean and Professional Web Design in Photoshop” using HTML/CSS.

This is the second part of a two-part series that will teach you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design.

40 Grunge Web Design Tutorials, Resources and Inspiration

Grunge in design is not new and have been a popular reaction to the clean and harmonic web 2.0 and apple style designs. In particular the grunge style has been used a lot by designers setting up portfolios online to showcase their skills as most people will know that grunge isn’t easy and require creativity and skills with tools like Photoshop. Grunge design is characterized by worn out textured backgrounds, aged and faded graphic elements, broken and uneven edges, inspired by urban and industrial architecture and decay. To create grunge designs you need to learn the basic skills and have some good materials like textures, images and fonts. This article gives you both and you have no excuse for not getting started right away.

40+ Beautiful Tutorials to Design your Portfolio

Portfolio tutorial

A nice and beautiful portfolio is very important for a Web Designer. It should present your experiences on Web Design / Develop etc. If you don’t have a portfolio or if you want to upgrade it, this post is for you!

Enjoy!!

.