Feb 22 2012 13 Comments By Ionut Ciursa

In this web design tutorial, I will show you how to create a dark web layout in Photoshop. We will try to keep gradients to a minimum and rely more on creating textures and patterns for the different areas of our web layout to give it a pleasant look and feel. Because the background of this web layout is dark, we can use light colors for important areas (such as the services, portfolio and testimonial areas) to make them stand out.

Sep 28 2011 45 Comments By Ionut Ciursa

In this web design tutorial, we’ll be creating a light textured web page layout. I will show you how apply subtle textures in web layouts, how to create a seamless diagonal mosaic pattern and how to create a tabbed content area design for the “Services” section.

Apr 27 2011 19 Comments By Ionut Ciursa

In this web design tutorial I will show you how to create a web layout with a sleek and modern look using Adobe Photoshop. We will go from finding sources of inspiration to setting up the document in Photoshop and creating design elements that fit with the theme of the web layout. I will also give you some practical examples of how using smart objects in a web design project can improve your workflow and save you some time.

Apr 7 2011 24 Comments By Lax Papineni

In this quick web design/user interface tutorial, I’m going to show you how to design a modern pricing table using Photoshop. Pricing tables can be frequently seen in subscription-based web apps (SaaS). We’ll be using various tools like the Horizontal Type Tool and Rounded Rectangle Tool to get the job done. I’ll show you how to create popular effects associated with current web design trends such as a modern web button.

Mar 16 2011 7 Comments By Lax Papineni

In this Photoshop tutorial, I’m going to show you how to build a clean and sleek streaming video player user interface. Along the way, you’ll learn some popular effects and techniques often used in modern web design. We’ll use tools like the Rectangular Marquee Tool, Horizontal Type Tool and Rounded Rectangle Tool and we will work with layer styles, which gives us flexibility.

Jan 5 2011 25 Comments By Tomas Laurinavicius

This web design tutorial will show you how to make a simple “coming soon” web page that has a nice background texture and a slick web form that you can easily adapt into contact forms, newsletter signup pages, and more. You will witness several web design techniques such as creating textured backgrounds, creating light rays, making illustrative clouds, and more.

Dec 28 2010 17 Comments By Richard Carpenter

This Photoshop web design tutorial will walk you through the process of making a clean, modern, dark-themed website layout from scratch. The layout features an almost pitch-black color theme with some bright, glowing elements for contrast.