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.
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!Read More
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.Read More
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!Read More
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!Read More
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.Read More
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
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!Read More
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
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
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