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.

Ultimate 6-Part Web Design Video Course: How To Build a Website From Scratch

Posted in Coding, Tutorials, Web Interface10 months ago • Written by 29 Comments

Hey guys, we’re really excited to release this resource for you. If you’re following my previous tutorials, I started with the basic one, which is boring for some of you and might be helpful for the beginners who just started learning. If you’ve missed it, check Basic Web Design Video Course.

In this web design video course, I will show you the processes involved on creating a landing page – from planning, searching for inspiration in the top design community, choosing fonts, colour scheme, wire framing and finally transferring the wireframe into Photoshop and rocking it out there. Once we have our PSD design ready, we will convert it into a working website using Twitter Bootstrap. We will be also covering how Bootstrap, scaffolding, base CSS, and JavaScripts work!

Get ready and let’s get started!

Ultimate 6-Part Web Design Video Course: How To Build a Website From Scratch Read More

Flat Web Design Tutorial – Portfolio Landing Page [FREE Download]

Posted in Tutorials, Web Interface1 year ago • Written by 35 Comments

Some people may find flat web design boring while others totally love it. I find flat design interesting and more user friendly. It puts more emphasis on the content. It’s also very flexible, which is really ideal for responsive web design. If you, like me, love flat design, make sure to check out 40+ Flat Web Design Inspiration. I’m pretty sure you will get goosebumps after seeing several flat designs.

Feeling inspired seeing those designs? Good! Today I will teach you how to design a portfolio landing page- an almost an hour long free video tutorial!

Flat Web Design Tutorial – Portfolio Landing Page [FREE Download] Read More

40+ Beautiful Flat Web Designs for Your Inspiration

Posted in Inspiration, Web Interfaces1 year ago • Written by 46 Comments

For the last couple of months, flat web design has been really a huge topic on the Web. Up to now, it is steadily dominating the Web. From UI, to the latest portfolio update, icons and even the top web design blogs are now using flat web design, not to mention Microsoft, Android and just recently Apple is going flat too!

So why are so many designers using this style?

Flat design makes things free from distractions, eliminating heavy background images, swirls, grunge that makes everything cluttered. It’s very easy to navigate, since there are no more gradients, drop shadows, glows and bevels. It puts more focus on the text, making everything readable from big screens down to mobile.

Oh, and besides if you want something more than inspiration we have nice flat countdown timer video tutorial created specially for you!

Okay, enough talking. Time to check our collection of flat web design for your inspiration!

40+ Beautiful Flat Web Designs for Your Inspiration Read More

Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired

Posted in Quick Tips, Tutorials, Web Interface1 year ago • Written by 13 Comments

In this tutorial I am going to show you how to create a simple countdown timer, iOS 7 inspired!

Flat design is dominating the web and I’m sure you all know that Apple created a new look and feel for their OS. I’m really happy seeing the minimal look of the user interface and I know Apple fans are eagerly waiting to test iOS7 this fall. So, while we’re waiting I’m going to show you some great wallpapers and we’ll create a countdown timer in Photoshop. The look and the colour scheme will be based on the iOS 7 wallpapers that have been released. This tutorial will be very quick and beginners will find this Photoshop tutorial helpful in understanding the power of Free Transform.

Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired Read More

Free and Premium Photoshop Tutorials for Graphic and Web Designers

Posted in Tutorials, Web Interface, WordPress1 year ago • Written by 12 Comments

Premium membership websites have become popular in recent years, by following the tutorials these sites offer you can teach yourself graphic and web design. However, if you’re having a hard time learning by yourself another option is to subscribe to premium courses. Sounds good right? You will become a graphic/web designer without having to spend the money on a degree from school, and many people are doing that.

School is not an option regarding this matter. Read Learn Web Design The Right Way: Quit College And Start Sucking Blood to learn more about this. Our Freelance Sergeant James Richman will explain everything about why you need to start sucking blood from now on and become a freelance web designer.

Okay, continue reading to check out both free and premium video courses for graphic and web design!

Free and Premium Photoshop Tutorials for Graphic and Web Designers Read More

Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]

Posted in Coding, HTML & CSS, Tutorials1 year ago • Written by 6 Comments

Sup folks, it’s Mike here again, your design guru and this is the third part of our Basic Web Design Video Course.

This time we are going to completely markup the HTML using the tags that we have learned in the previous videos. After that we are going to style it using CSS.

Also, we are going to cover CSS reset, Clearfix Hack and new CSS3 properties to solve the most common issues encountered when you are starting to learn web design.

Buckle up and let’s get started!

Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3] Read More

Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]

Posted in Tips, Tools, Tutorials, Web Design1 year ago • Written by 16 Comments

Howdy, guys, it’s Mike here again and this is the second part of our “Basic Web Design Video Course”. This time we will talk about the tools needed before starting out with HTML and CSS,  then we will learn the most commonly used HTML tags.

For this tutorial, we will only cover the tags that are very useful to beginners, we will cover more tags at a later time. Then, we will style the tags using basic CSS properties. No worries guys, in the next videos we will go more in-depth and learn together.

Have you seen the first part?

If you missed out the first chapter make sure to watch it!

Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2] Read More

Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]

Posted in Tips, Tutorials, Web Design1 year ago • Written by 45 Comments

Hello everyone, this is Mike and welcome to my Basic Web Design Video Course.

In this course I will walk you through the very basic steps on what to do and what to learn before, and during, building a website.

You’ll learn all the steps I use including:

  • planning
  • wireframing
  • using basic tools and panels in Photoshop
  • basic HTML and CSS
  • and after learning these we will apply our knowledge and create our very fist website from scratch.
Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing  [Part 1] Read More

A Beginner’s Guide on How to Become a Better Graphic Designer

Posted in Tips, Web Design1 year ago • Written by 38 Comments

As a beginner who wants to become a better graphic designer or web designer we all start learning on our own by reading tutorials around the web. We search things that we like to learn, such as a button effect tutorial, typography, web layouts, illustration, and a lot more. Along the way we end up hopeless, thinking that we can’t be as good as already established designers and then just stop there. Have you been there? I’ve been at that point. And I’m telling you, don’t look down on your skills because every person who strives hard will eventually reach success.

Striving for success without hard work is like looking for fruit in places that you didn’t plant seeds! Useless!

-Rev Run

A Beginner’s Guide on How to Become a Better Graphic Designer Read More
54.83.228.89 - unknown - unknown - US