Template Show: How to Design a Gallery Layout in Photoshop

Posted in Quick Tips, Tutorials, Web Interface • Posted on 12 Comments

In this week’s tutorial we will create a gallery layout. I will not be using the 960 grid in this tutorial, the purpose is to show beginners out there how important the Ruler Tool is when you are designing in Photoshop. We will also tackle how to create and use patterns and using mask and filters.

Template Show: How to Design a Gallery Layout in Photoshop Read More

Myriad Pro: Create a Minimal WordPress Theme in Photoshop

Posted in Tutorials, Web Interface • Posted on 28 Comments

In this tutorial we are going to create a minimal WordPress theme in Photoshop. Don’t worry if you are new with using Photoshop, any skill level will do. I’ll try my best for you to follow this tutorial from start to finish. Also, you will learn how to create simple patterns to add more texture to our WordPress theme.

This is a simple design created in Photoshop. The working demo will soon follow, which will involve converting the PSD file to a working HTML/CSS. So, are you excited? Open your Photoshop now and let’s get started!

Myriad Pro: Create a Minimal WordPress Theme in Photoshop Read More

MyProfile – How to Design a Social Network Page

Posted in Tutorials, Web Interface • Posted on 11 Comments

In this tutorial we are going to discuss and use Photoshop techniques and design a beautiful, attractive, stunning and well-designed social network page. This tutorial is perfect for people who are designing their own social network. At the end of this tutorial, you will have the confidence to show the world an awesome page.

MyProfile – How to Design a Social Network Page Read More

1st Ideas: Create a Stylish Design Agency Website [Very Detailed]

Posted in Tutorials, Web Interface • Posted on 30 Comments

Are you in a good mood to make something new for this week’s template tutorial? Today I’m going to show you how to create a stylish agency website. This tutorial will be quite long, just bear with me and I’m sure  that by the end of this tutorial, you can create a better version. We will be using gradients mostly, combination of light and dark colors. Let’s get started!

1st Ideas: Create a Stylish Design Agency Website [Very Detailed] Read More

DiscountHotels – Design a Modern Business Website

Posted in Tutorials, Web Interface • Posted on 14 Comments

In the following tutorial we are going to browse through the making of a web layout for a hotel website which offers deals related to trips and hotel discounts. Be sure to follow each step and if you are a bit confused, take a look at the final result to better solve your problem.

DiscountHotels – Design a Modern Business Website Read More

Corporate Business – Design a Modern & Stunning Web Layout

Posted in Tutorials, Web Interface • Posted on 14 Comments

In this tutorial we’re going to create a clean and professional business layout in Photoshop. It has a great mix of colors and elements and is great for business owners and service providers. This tutorial, though long, is very detailed. Only worked with Photoshop a bit? Or maybe you’re just starting to design web layouts using Photoshop, no matter what your skill level if you carefully follow each of the steps at the end you’ll have something a finished layout similar to mine.

Corporate Business – Design a Modern & Stunning Web Layout Read More

31 Fresh and Useful Photoshop Tutorials

Posted in Text Effects, Tutorials, Web Interface • Posted on 10 Comments

Photoshop is the premiere graphic editing program used by designers all over the world. It’s popularity never stops growing and as it grows more people want to try to create something beautful, fun or just weird with this incredible software. Photoshop is second to none and today we have compiled a great collection of awesome, useful and totally fresh Photoshop tutorials.

31 Fresh and Useful Photoshop Tutorials Read More

Burnstudio: Create An Amazing Personal Website From Scratch Using Photoshop

Posted in Tutorials, Web Interface • Posted on 18 Comments

Have you ever had a hard time designing your own personal website? Thinking of what elements, shapes, font styles will suit your design? Now if you are in the mood to do something new today, I’ll guide you in creating a stylish personal website. We will be using mostly shapes, layer styles, and fonts to create a new personal website. Hope you can follow along with this tutorial. Now let’s get started.

Burnstudio: Create An Amazing Personal Website From Scratch Using Photoshop Read More

Create a Fantastic Landing Page for Your Next Product Using Photoshop

Posted in Tutorials, Web Interface • Posted on 24 Comments

Let us start the week with another PSD tutorial here at 1stwebdesigner! We will create a Product layout using Photoshop in a step-by-step manner. Techniques will be discussed in this tutorial which include the use of proper spacing, typography, and colors. Keep in mind that these techniques can also benefit you when you’re working on other designs in the future, so keep your mind focused and do not skip a single word!

Create a Fantastic Landing Page for Your Next Product Using Photoshop Read More

Dezign Folio: Create A Detailed Portfolio Homepage Design In Photoshop

Posted in Tutorials, Web Interface • Posted on 8 Comments

In this tutorial you will learn how to create a Portfolio homepage design with a unique slide show and welcome message design. Also choosing great resources around the web to make our design more cooler. I Hope that you can go through in this tutorial and learn a few techniques.

Dezign Folio: Create A Detailed Portfolio Homepage Design In Photoshop Read More
54.167.173.250 - unknown - unknown - US