Create & Sell Your Digital Art Online: Illo + Design Fundamentals | Jeff Mitchell | Skillshare

Create & Sell Your Digital Art Online: Illo + Design Fundamentals

Jeff Mitchell, Illustrator + Designer

Create & Sell Your Digital Art Online: Illo + Design Fundamentals

Jeff Mitchell, Illustrator + Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (27m)
    • 1. Oh, Hi There!

    • 2. About This Class

    • 3. The Breakdown

    • 4. 10 Terms to Know

    • 5. The Essentials

    • 6. Composition

    • 7. Typography

    • 8. Color

    • 9. Homework

    • 10. Okay Bye Now

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

This class is part of a 6 PART SERIES on making and selling your digital art online. I’m going to show you my entire process, from developing an initial concept to marketing the final product.

All six classes in the series are geared towards BEGINNERS. If you have previous experience with any of the topics, you’ll still learn a lot about my process. But generally speaking, we’re going to be dealing with the basics--how to get from knowing almost nothing on one or more of the topics, to opening and running a successful online shop.

For those of you with some insight into this process, I encourage you to share your own tips and experiences in the class discussion.

As for materials, while this first class doesn't have any material requirements, you’ll need access to a few things in order to get the most out of this series:

  • A durable notebook and pen. I’m a big fan of Moleskine notebooks. It doesn’t matter what you use as long as it’s portable and can take a beating.
  • A decent computer. I’m not going to get into specs right now, but you’ll want something capable of running Adobe Photoshop without issue.
  • A drawing tablet of some sort. I use the Microsoft Surface for my illustration work, but there are lots of other options that will accomplish the same thing.
  • The Autodesk Sketchbook app. Download the app for free. If your computer is able to handle Photoshop, it can handle Sketchbook.
  • Adobe CC (Photoshop and Illustrator). Like everything else on this list, there are alternatives out there. This is what I work with, and what I recommend despite the absolute travesty that is Adobe’s Creative Cloud subscription service. Take that for whatever it’s worth.
  • A PayPal account. You’re gonna want to get paid, right? Make sure you have a professional email address and a PayPal account for your marketplace earnings.

By the end of this series, you’ll have everything you need to open your own online art business.

Questions or comments? Email me at [email protected]

*Public domain content from ("Plan 9 From Outer Space", "The Screaming Skull", "The Shadow", "Aphex Twin: You Make Me Feel So Good Megamix")

**All other audio/video Baddest Shirt Co., featured artists at

Meet Your Teacher

Teacher Profile Image

Jeff Mitchell

Illustrator + Designer



Hey! It’s Jeff, from Baddest Shirt Co. I’m an illustrator and designer known for my mash-up posters and pop culture t-shirt designs. I'm also the creator of Hero of Wizards, a NSFW comic strip you can (and should!) follow on Instagram.

I work with Autodesk Sketchbook and Adobe CC (Photoshop and Illustrator) to blend traditional comic art illustration with modern digital design. My favourite subjects are comedians, 80s nostalgia, rock bands, and comic books. I’m also a huge fan of &#@%ing with artistic conventions, people (in general), and “the man”. 

I’ve been lucky enough to work with the folks at: The Princeton Review, snapd Newspapers, The Co-Operators (Barrie), Movie Pilot, Dean the Basset, CineBites, South... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Oh, Hi There!: reading, my friend, you are interested in the unknown, the mysterious, the unexplainable. That is why you are here, my friend. We cannot keep this a secret any longer. Can your heart stand the shocking facts about Hey, it's Jeff From Battered Shirko, I'm an illustrator and designer known for my mash up posters and pop culture teacher designs. I worked with Auto Sketchbook and Adobe Creative Cloud, primarily photo shop and illustrator to blend traditional illustration. Judicial comic book illustration With modern design. My favorite subjects are comedians. Eighties nostalgia, rock bands, comic books. Um, I'm also a huge fan of with artistic conventions, people in general and the man. My classes will be covering a wide range of topics at a beginner to intermediate level. We'll be passing along some tips on everything from brainstorming and sketching to marketing and selling your art online. Whether you're here to become a better illustrator or you're just wasting time until your boss walks back in the room, I'm glad you're doing something worthwhile with your time before I forget. Make sure you have that follow button up at the top so you can get notifications whenever I publish in the class visit batter shirt dot com from news and updates, merch and a growing collection of Fine. And don't forget full about a shirt on these. Remember, my friend, you sure that such as these will affect you in the future? 2. About This Class: What do you think will be the next obstacle the earth people will put in our way? Well, as long as they can think we'll have our problems. Okay, guys, this class is part of Ah, six part series on making and selling your digital art online. I'm gonna show you my entire process from developing an initial concept to marketing the final product. All six classes in the Syrian are geared towards beginners. But if you have previous experience with any of the topics, you'll still learn a lot about my process. But, you know, generally speaking, we're gonna be dealing with the basics how to get from knowing almost nothing on one or more of the topics toe opening and running a successful online shop. For those of you with some insight into this process, I encourage you to share your own tips and experiences in the class discussion. As for materials, you'll need access to a few things. In order to get the most out of these classes, you're gonna want a durable notebook and pen. It doesn't matter what you use a zoo long as it's portable, and it can take a beating, a decent computer I won't go into specs and all that kind of stuff right now, but you'll want something capable of running Adobe Photoshopped without issue a drawing tablet of some sort. I used the Microsoft surface for my illustration work, but there are lots of other options that will accomplish the same thing. The Autodesk Sketchbook app. You can download the APP for free online. If your computer is able to handle Photoshopped, it can handle sketchbook. You're also gonna want access to some photo editing software I'm currently using Photo shop and illustrator. This is what I work with, and it's what I recommend and finally, a pay pal account because you're gonna want to get paid. Make sure you have a professional email address and a PayPal account for your marketplace. Earnings. By the end of this series, you'll have everything you need to open your own online art business. 3. The Breakdown: sometimes in the night. When it does get a little lonely, hot, reach over and touch it, then it doesn't seem so lonely anymore. Crazy kid. Okay, I want you guys to stick around until the end of the class. I'll have a homework assignment for you. I really like to stress the importance of actually completing the assignment because there's no better instructor than practical hands on experience. And by completing the assignment, you'll also be entered into a monthly draw for a chance to win a free poster from my Etsy shop. If you have any questions about anything that's covered in this class, feel free to ask me in the class discussion or email me at hello at baddest shirk dot com. This class is all about the fundamentals of illustration and design now covering even the basics of illustration design In one class. It's a bit of a stretch, so we're gonna be covering the fundamentals as they pertain to making and selling your art online. If you haven't done it yet, make sure you had over two bad a shirt dot com slash skill share and download the course notes for this class that's going to contain everything that you see in these videos, but it will be a little bit extra to help you along your way in this class. We're going to look at 10 terms to know. Knowing the terminology of the industry is a key factor in your growth as an artist, an entrepreneur. I'm gonna cover 10 terms. I think you should know. But this is by no means an exhaustive list. If you come across the term you don't recognize or understand, look it up the essentials. What are the core principles of design? The do's and dont's of the industry? This video will cover what you really need to know to get started. Composition and visual hierarchy, typography and color. All right, let's get going. 4. 10 Terms to Know: you see? You see your stupid minds. Stupid, stupid. That's all I'm taking from you. Get back here. Well, that's nothing from this world and 5. The Essentials: an illustration is not just a drunk. Loosely, it's pretty much any visual representation of something can more or less phone category of illustration. For our intents and purposes, we're talking about stuff that's close to the drawing into sector. Think Norman Rockwell or Egyptian hired us. Modern yellow isn't restricted to one style or technique medium. It's an interpretation of a message and more often than not, blurs the lines of graphic design. Of course, administration can also just be a drawing. We're talking about graphic design. Very generally, it's the process of using typography, photography, videography and illustration to convey a message. Visually, as designers, we use these elements to create everything we see on a day to day basis. Design is ubiquitous in our world, but it's important to know how it distinguishes itself from illustration or are in general designed similarly appeals to anaesthetic but is also equally concerned with solving a problem. Good design satisfies the needs of both the client and the target audience. I'm gonna be blunt here. If you're using something other than adobe suite of products for your design work, you're gonna be facing uphill battle In the industry. There are a lot of new APS coming out that replicate working, improve on Adobe's products and some of these absolute open source and free down look, which is great. But if you're seriously being designer, you need to understand that the vast majority of folks in the entry used photo shop and illustrator. And so there are a lot of professional design studios using CorelDraw like it won't hurt to try it other programs and see what they offer. Just make sure that you're working with something that's compatible with Adobe Software Mints. Stop paying formal institutions to train human design With today's level of accessible information software. There's zero reason to pay a 1000% markup on something you get online for next to nothing. There are legitimate designers out there giving away their knowledge for free, and the only barrier to entry is the overwhelming amount of information available. You can be daunting, so just start by re finding a handful of designers you respect or admire and listen to what they have to say and know that professional development is non negotiable. If you're gonna be a designer, there are two kinds of file formats. Raster image formats, Inventor Mitchell writes. Raster images are fixed resolution and grating quality. One in large factory images are math based and can scale any size. That was quality. A picture from your camera is a raster image designing a logo that's a vector. When working with raster files, you'll encounter gifts. J pegs PNG's tiffs and photo shops Native PSD form. For vector graphics, you'll be using E. P. S, P, F and illustrators. A former All right, this is needed. Dp i or dots per inch refers to resolution of a printer. It's a reference to the number of ink dots placed in a specific area of a printed cheap. If you're not printing a physical copy of something and you're just working digitally, you're dealing with TV. I not DP I p p i or pixels per inch are the number of pixels from a digital file used to create one square inch pixels per inch? Not necessarily correlate the dots French. So trying to get those confused, Just remember that the more dots or pixels per inch Chris for your 6. Composition: as a designer. The work, ultimately a good designer, is one who understands how consumers absorbed design Hierarchy is the way in which we compose our designs to create, float and structure and convey meaning and importance. Look at most of visual examples of titles and subtitles. The titles are almost always larger and more prominent because they are more important. We don't even have to read the actual titles to. No larger text has more value. This is visual higher peak. In a nutshell. If you need to remember one thing about it, remember this people Big stuff First in design Balance is referring to the distribution of elements within a composition to create a sense of even distribution. Using alignment, proximity the way elements group in scale the size of an object. Any composition can be balanced symmetry. Making design elements equal from left to right and top to bottom is the most common form of balance. The balance can also be achieved through an asymmetric layout, so long as the weight of the elements are proportionate and occupied complementary space. There are also radial designs where elements radio equally from a center point to create a balanced composition Big versus small Lakers is dark. Contrast is all about taking two dramatically different elements, making them work together in the composition. It forces the brain to work a bit of overtime and make sense of what it's seeing, which means more engagement. Contrast comes in all shapes and sizes. You can create contrast with shape, size, color and value all sorts of other things. The more obvious the difference, the greater the contrast. And when you use the principle of contrast correctly, you can generate excitement and visual impact with your white space or space or negative space. Whatever you wanna call it. These are the unused areas of your composition, and they are almost as important as the elements of your design. People can actually see white space that's breathing room to your design and helps guide eyes. Toho players think of this space like silence in a song. If used correctly, it can create tension or suspense or emphasize and punctuate the other elements of your composition. The key here is self control. You don't need to jam every square inch of your composition with something more often than not. Less is more. Alignment refers to how we organize elements within our composition. You're probably, at the very least familiar with alignment with a word processor. This is the same thing, but refers to the alignment of elements as well and not just type. There's the standard horizontal left, right, centered and justified. But your composition can also be top, middle and bottom line as well. Aligning elements within a design creates order and cleanliness. Composition that doesn't care about alignment looks messy and unprofessional. If you aren't sure had a frame. Your proposition using something like the rule of thirds can be helped with the rule of thirds. Your canvas is divided into a bridge of nine equal sections You should be in her second lines is a reference, and these reference points helped guide your layout decisions by placing elements along these lines. Romney's your second points. You can create balance motion image produced something that is visually stimulating. If you really want to get fancy, you can take a look at the little third Big Brother gold ratio. It's more or less the rule of thirds for matters 7. Typography: There are four main kinds of fun. Serif fonts have little lines and hooks hanging from the ends of the letters and San Serif fonts. Hassan's literally meaning without don't have those little lines and hooks. Just remember what songs means, and you'll always know the difference. Slab Serif fonts are basically the chunky big brothers of Sarah funds. They consist of thick, blocky lines instead of the airlines and most standard Sarah funds. Lastly, we have script fights. These are funds that are reminiscent of old school. Her celebrating. They used flowing lines. Let's take a look at the anatomy of type. Your type runs along the baseline, and its size is represented by the excellent Ascender line descended line Excite Camp. The type itself consists of upper case and lower case characters with stems, years, terminals, bulls, crossbars, spine. That center features of a letter that extend beyond the X height are known as a centers in the centers, and the ligature is when two characters or late when it comes to font spacing were generally looking at three things. Turning. Letting and tracking coming is the horizontal space between individual letters. Some funds will have offered gaps between some letters, so adjusting the turning of those particular characters can clean up on balance upon letting refers to the vertical line space between two bass lines of text and lastly, adjusting the tracking of opponent will uniformly increase or decrease the horizontal space between characters. If you're looking to get rid of widows and orphans and body copy, this is the tool you use. Fox come in a variety of styles. If you're familiar with word processing, APS, you're most likely pretty well versed with for me on cases. Upper case. Lower case title case in sentence case. The 1st 2 are self title case. Capitalize the first letter of each word You don't like a title sentence case only capitalize the first letter of a sentence. Some funds also supports something called small caps. This is more or less the same as uppercase type, but the letters that would normally be lower case R instead, small upper case letters fonts can also be altered by a font style. The most common style options are size weight. Well, this 8. Color: There are two main color system additive colors where colors are changed by adding used and so attractive colors where colors are changed. By removing Hughes, you might know these better as RGB with red, green and blue as its primaries, and see him like a with cyan, magenta, yellow and black asses. PRIMARIES. If you're working in digital, you'll be using additive or Argentine color profiles. It is you're designing something for print. You'll be using subtracted or CME. Wake a color profiles. If you want your colors to remain accurate, make sure you're using the appropriate color system for the job. The color wheel is a visual representation of the full color spectrum and a common tool. Illustrators and designers. Hello Wheels consists of primary, secondary and tertiary colors. The primary colors for an additive color real are red, blue and yellow. Secondary and tertiary colors are all derived from some combination of primers. Colors next to each other on the wheel are known as analogous, while colors found on opposite sides of the well known. This complimentary understanding how colors work together or don't is essential in creating something pleasing to the eye. Let's cover the most common color values. You'll be working. Hugh is a pure color when we're talking about colors like red, blue, green, yellow, etcetera. Those air Hughes saturation is the intensity of a color. More saturation equals a more vibrant value is the rightness of the color. Tints and shades are two sides of the same coin. Oh, are used to alter the appearance of a color but tense. Achieve their desired color by adding weight well. Shades that look color theory is the study of how color can represent emotions or carry me and how it can affect. We use warm colors like red paint to express love and passion, while cool colors like blue and purple, trust and intelligence. Each color has its own meaning, and these meetings didn't vary from country to country and culture. A culture. Even if you don't consciously use color theory in your design process, you should understand how it works on no common associations 9. Homework: must be something more you can do about it. One of their isn't all. But what's the use of making a fuss? So this class was all about giving you a rudimentary understanding of some fundamental illustration and design principles. We've covered 10 terms. You should know you can find a more accurate and ever growing list of terms at baddest shirt dot com slash glossary, the essentials, the core principles of design, composition or how we apply structure and meaning to our work, typography, basics and color. Back in the third video, I mentioned there would be a homework assignment. Okay, settle down here. Me out. Listen. Of all six classes in this series, this is the easiest assignment by far. And if you complete the assignment, you'll be entered into a monthly draw for a free poster from my Etsy shop win win. All I'm asking of you is an introduction. Introduce yourself in the class discussion, Tell me who you are and what kind of argue, make or want to make. If you've got a portfolio link posted so the class can see what you're up to, we'll talk more about this near the end of the Siri's. But if you want to be successful in any business endeavor, you're gonna have to be willing to put yourself and your work out there. So post away. I'm looking forward to learning more about you. Report to me when this has been accomplished. 10. Okay Bye Now: for a time. We tried to contact him by radio, but no response. Then they attacked a town. A small town, I'll admit. But nevertheless the town of people, people who died. I never heard about that, sir. Well, it was covered up by the higher echelon. Take any fire, any earthquake, any major disaster. Then wonder. That's it for now. Thanks for watching out. We find this class useful. Make sure you hit that follow button for updates on future classes. And if you have any questions I'd love to hear from post those suckers in the past discussion work. Email me at hello about a shirt dot com, and I'll do my best to get back to you. A sad You can also connect with me at bat a shirt on instagram thistles where I post all mine work Behind the scenes updates the occasional questionable mean family photo. All right, I'll see you when I see you go make something even now tonight. Because we sit quietly here somewhere. Somewhere, perhaps. What? No skull there. There's no skull there. There is no skull that Kenny, darling, No