I specialize in design, branding and illustration. I have extensive hands-on experience developing concepts and projects from inception through implementation. I'm available for freelance work so please visit my website at jonathanpatterson.com and contact me if you have a project you'd like me to work on! You can also find me on Twitter: @jon_patterson.

This tutorial is perfect for the beginning to intermediate Adobe Illustrator users. We'll cover how to layout a website and prepare it for use on the web. Also, we'll use the recently released Website Elements Freebie to mock up the design as well.

This tutorial is perfect for the beginning to intermediate Adobe Illustrator users. We'll cover how to layout a website and prepare it for use on the web. Also, we'll use the recently released Website Elements Freebie to mock up the design as well.Read More…

In this tutorial, you'll learn to plot an accurate bar graph using Adobe Illustrator's Graph Tool. We'll also render the graph to give it additional visual appeal. Successful completion of this tutorial requires an intermediate knowledge of Illustrators tools. Let's get started!

In this tutorial, you'll learn to plot an accurate bar graph using Adobe Illustrator's Graph Tool. We'll also render the graph to give it additional visual appeal. Successful completion of this tutorial requires an intermediate knowledge of Illustrators tools. Let's get started!Read More…

In this tutorial, we'll show you how to make a cool, or should we say geeky, glasses icon. You should be versed in Adobe Illustrator's tools to complete this tutorial. You'll learn how to take creative license and create an illustration that uses a photo reference, but differs a bit in the final design.

In this tutorial, we'll show you how to make a cool, or should we say geeky, glasses icon. You should be versed in Adobe Illustrator's tools to complete this tutorial. You'll learn how to take creative license and create an illustration that uses a photo reference, but differs a bit in the final design.Read More…

This tutorial will show the intermediate Adobe Illustrator artist how to make a dramatic landscape environment. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.

This tutorial will show the intermediate Adobe Illustrator artist how to make a dramatic landscape environment. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.Read More…

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on February 24th 2009.
This tutorial is perfect for the advanced beginner who wants to take her skills to the next level. We'll explore how to create 3D text and use depth-of-field to enhance a design.

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on February 24th 2009.
This tutorial is perfect for the advanced beginner who wants to take her skills to the next level. We'll explore how to create 3D text and use depth-of-field to enhance a design.Read More…

Infinite Skills is a software company that develops learning materials for people to enhance their knowledge of a variety of applications, from industry software to commonplace word processing programs. Infinite Skills approached me to create a series of application icons that will accompany their software. Needless to say, with my insatiable appetite for icon design and branding it was game on!

Infinite Skills is a software company that develops learning materials for people to enhance their knowledge of a variety of applications, from industry software to commonplace word processing programs. Infinite Skills approached me to create a series of application icons that will accompany their software. Needless to say, with my insatiable appetite for icon design and branding it was game on!Read More…

ABC Animals is a fun and engaging application that teaches kids how to write letters. My client, a savvy developer who had done other apps in the past, came to me with an existing concept for this application. ABC Animals for the iPhone had already been produced and my client was looking to migrate this concept over to the iPad. With increased visual real estate and a rapidly increasing interest in the device, this application is ideally suited for the iPad. This article details the process of creating the design for this application.

ABC Animals is a fun and engaging application that teaches kids how to write letters. My client, a savvy developer who had done other apps in the past, came to me with an existing concept for this application. ABC Animals for the iPhone had already been produced and my client was looking to migrate this concept over to the iPad. With increased visual real estate and a rapidly increasing interest in the device, this application is ideally suited for the iPad. This article details the process of creating the design for this application.Read More…

In this tutorial you will learn that data doesn't have to be boring, it can be beautiful! Learn how to use various graph tools, illustration techniques and typography to make an accurate and inspiring infographic in Adobe Illustrator.

In this tutorial you will learn that data doesn't have to be boring, it can be beautiful! Learn how to use various graph tools, illustration techniques and typography to make an accurate and inspiring infographic in Adobe Illustrator.Read More…

The Debut album of If I Were A Mountain... entitled "Dreams Are For Their Dreamers," is an introspective EP that takes a dive into the dream world and molds it into a melody that soothes and transports the listener. This article details the process I took when creating the album art.

The Debut album of If I Were A Mountain... entitled "Dreams Are For Their Dreamers," is an introspective EP that takes a dive into the dream world and molds it into a melody that soothes and transports the listener. This article details the process I took when creating the album art.Read More…

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on January 20th 2009.
Learn to create how to create a vector collegiate notebook design, which consists of a realistic vector notebook and accessories. It's also the perfect base for creating a cool website header theme! Advanced knowledge of Adobe Illustrator is required to complete this tutorial. Let's get started!

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on January 20th 2009.
Learn to create how to create a vector collegiate notebook design, which consists of a realistic vector notebook and accessories. It's also the perfect base for creating a cool website header theme! Advanced knowledge of Adobe Illustrator is required to complete this tutorial. Let's get started!Read More…

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on November 25th 2009.
Handle color changes and variations with ease by following this intermediate level tutorial. This is a special tutorial sponsored by Astute Graphics that incorporates the use of their high-quality Phantasm CS range Illustrator Pugins. We'll work with Phantasm's color shifting tools: Hue/Saturation and and Shift to Color, while we learn to contrast shapes when composing natural, vector scenes!

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on November 25th 2009.
Handle color changes and variations with ease by following this intermediate level tutorial. This is a special tutorial sponsored by Astute Graphics that incorporates the use of their high-quality Phantasm CS range Illustrator Pugins. We'll work with Phantasm's color shifting tools: Hue/Saturation and and Shift to Color, while we learn to contrast shapes when composing natural, vector scenes!Read More…

A few times a each month we revisit some of our reader's favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on July 14th, 2008. This tutorial shows how vector can be used to create deep and complex illustrations with a few well placed techniques. If you haven't done this tutorial yet, then get to it now!
In this tutorial, we'll show the intermediate to advanced Adobe Illustrator artist how to make a fairy-tale inspired magical vine that is shaped like a hand. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial.

A few times a each month we revisit some of our reader's favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on July 14th, 2008. This tutorial shows how vector can be used to create deep and complex illustrations with a few well placed techniques. If you haven't done this tutorial yet, then get to it now!
In this tutorial, we'll show the intermediate to advanced Adobe Illustrator artist how to make a fairy-tale inspired magical vine that is shaped like a hand. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial.Read More…