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. See his works at burnstudio. Other than that he loves Coffee and his Girl.

Artthatworks: Create A Beautiful Portfolio Landing Page In Adobe Photoshop

Posted in Tutorials, Web Interface3 years ago • Written by 10 Comments

Hello readers! In this week’s tutorial we will be making an awesome, beautiful portfolio in Adobe Photoshop. The landing page will contain a header section, slider, an eye-catching about you text, what you do, a section for your current project, a footer that will contain about you, latest news, and latest tweets. This tutorial will be detailed so that beginners can follow through. Let’s get started!

Artthatworks: Create A Beautiful Portfolio Landing Page In Adobe Photoshop Read More

Yana: Learn How to Create an Awesome WordPress Blog News Theme

Posted in Tutorials, Web Interface3 years ago • Written by 12 Comments

Let’s say that it’s your first time creating a news blog template and you don’t have any idea what and how to do it. Well, this tutorial will help you create a WordPress blog news theme in Adobe Photoshop. The theme will include a header section, a slider that will contain featured posts, recent news, display posts by category, sidebar, and widgets. If you’re really a beginner you can read and follow the step by step instructions, but if you’re not, maybe you’ll get some ideas from this tutorial. So let’s get started.

Yana: Learn How to Create an Awesome WordPress Blog News Theme Read More

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

Posted in Tutorials, Web Interface3 years ago • Written by 21 Comments

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!

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

GD-Gaming: Create a Simple Gaming Layout in Photoshop

Posted in Tutorials, Web Interface3 years ago • Written by 8 Comments

In this week’s tutorial we are going to create a simple template for a gaming website. You will learn how to create basic highlighting, color combination, alignment, what background works, and many other important things. I hope you can follow me from start to finish.

You have two options: to follow the tutorial and acquire all the techniques listed here, and soon you can design something relevant to this. Or you can just download the file, but I promise you that you will be confused if you just download the file. The best thing to do is to follow the tutorial, it takes less than 30 minutes!

GD-Gaming: Create a Simple Gaming Layout in Photoshop Read More

Template Show: How to Design a Gallery Layout in Photoshop

Posted in Quick Tips, Tutorials, Web Interface3 years ago • Written by 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 Interface3 years ago • Written by 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

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

Posted in Tutorials, Web Interface3 years ago • Written by 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

Burnstudio: Create An Amazing Personal Website From Scratch Using Photoshop

Posted in Tutorials, Web Interface4 years ago • Written by 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 Interface4 years ago • Written by 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 Interface4 years ago • Written by 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
50.17.21.7 - unknown - unknown - US