Michael John Burns
Role: Designer / Design Guru
Michael is a Web & Graphic designer based in Philippines. He started designing during his teenage years and most of his skills and knowledge are self taught. He's dating with Photoshop for about 4 years now and been flirting with HTML & CSS from 2011 to present. Other than that he loves Coffee and his Girl.
Myriad Pro: Create a Minimal WordPress Theme in Photoshop
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!
Read More
1st Ideas: Create a Stylish Design Agency Website [Very Detailed]
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]](http://www.1stwebdesigner.com/wp-content/uploads/2011/04/preview_large_1stideas.jpg "1st Ideas: Create a Stylish Design Agency Website [Very Detailed]")
Read More
Burnstudio: Create An Amazing Personal Website From Scratch Using Photoshop
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.
Read More
Create a Fantastic Landing Page for Your Next Product Using Photoshop
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!
Read More
Dezign Folio: Create A Detailed Portfolio Homepage Design In Photoshop
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.
Read More
Learn How To Create A Detailed Portfolio Layout In Photoshop
Hello there everybody! I really enjoy spending time writing web layout tutorials, as such here comes another one. Are you ready for another PSD web design tutorial here at 1stwebdesigner? Today we will create a Detailed Portfolio Layout. A few techniques discussed in this tutorial include the use of proper spacing, patterns, typography, and colors.
Stay with me till the end so that you will not get lost in the process, everything is important so do not skip!
Read More
1stDelicious: Create A Simple Clean Portfolio Layout In Photoshop
Hello there everybody and welcome to another PSD web design tutorial here at 1stwebdesigner! In this tutorial you will learn how to create a Simple Clean Portfolio layout in Photoshop. A few techniques discussed in this tutorial will include the use of proper spacing, typography and colors.
We’ll be using really light color scheme and design is meant to be really minimal for portfolio type of website.
Let’s get started – I hope you will make out together with me until successful finish together !
Read More
Rounded: Create A Detailed Solid Dark Layout In Photoshop
Hello there everybody and welcome to another PSD web design tutorial here at 1stwebdesigner! In this tutorial you will learn how to create a Solid Dark Layout in Photoshop. A few techniques discussed in this tutorial include the use of proper spacing, typography, and colors. Let’s get started – I hope you will make out together with me until successful finish together !
Read More
Create Amazing 3D Portfolio Dark Layout In Photoshop
Hello there everybody and welcome to another PSD web design tutorial here at 1stwebdesigner! In this tutorial you will learn how to create a 3D like design using simple gradients and other effects how to achieve great layout without any big problems. Now I will guide you through this tutorial and I am sure you will learn a few tricks as well!
Read More
Create A Detailed Blue WordPress Blog Layout In Photoshop
Hello there everybody and welcome to another PSD web design here at 1stwebdesigner.
In my previous tutorial we learned how to create a Dark WordPress style layout. Today you will be learning to create a clean light WordPress style layout and I hope all of you can follow this step by step tutorial. Let’s get started.
Read More
