Typographic T-Shirt Designs Using Hand Lettering: From Scratch | Carmel Wilson | Skillshare

Typographic T-Shirt Designs Using Hand Lettering: From Scratch

Carmel Wilson, Lettering & Illustration At Bricky House Co.

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (19m)
    • 1. Class Introduction

    • 2. Tools Required

    • 3. Creative Research

    • 4. Layout Sketches

    • 5. Typography Using Pen Tool

    • 6. Vectorizing T-Shirt Design

    • 7. Your Project & Thanks!


About This Class

Welcome to my new class! This class focuses on creating typographic T-Shirt designs derived from hand-letterings. I will tell you about how you can come up with various design ideas, how you can engage and how you can create effective typogarphic designs.

You don't need to know about lettering. If you know what letters are and their form, then you are good to go. If you know how to use Adobe Illustrator, then great. If you don't know how to use it, still you can understand and practice the tools that I teach you in this class. It's also about the tools and techniques that can help you in the long run as a designer.

You can use the learnings from this class, and apply it to different typographic works. So hit enroll and jump right in!

The tools that are required is nothing special. Any pencil for sketching and a marker for inking is enough to get started. But for your ease and curosity, here are few of the tools suggested:

  • Markers: Sharpie.
  • Pencils: Mechanical or any simple pencils.
  • Eraser.
  • Scanner.
  • Sheet: You can use the copier paper too. For practicing anything is good.

You can use any supplies that you own right-now. These are the basic tools that you can find at any art supplies store.


1. Class Introduction: Hi. Welcome to my new class. I'm a letter and designer and I love sharing my skills by taking fast paced classes. This class is entitled T shirt designs using hand lettering from scratch so this class will specifically focus on designing effective T shirt designs using hand lettering. You don't need to know anything to follow this class. It can be helpful, though. If you have some basic knowledge of topography and basics of Adobe Illustrator, I will tell you about how you can create a printable T shirt design, how you could engage and how you can come up with creative concepts for various ideas you can enroll in and try your hands at it and get an understanding about how you can turn a basic hand lettered sketch from scratch and transform it into an engaging typographic piece in the session. You will also learn some useful techniques that can help you on the longer run as a designer, so join me in this class and let's get started 2. Tools Required: here, I will go over the tools I will be using in this class. Now I will start with a stack of paper. Plane A four is fine. This is the basic requirement for sketching any type of paperwork. Even textured paper will give different results after that lead pencil amusing to be for sketching It is not so hard, and it's not so soft. It's perfect for sketching, then a fine liner pen and a permanent marker for adding details for the thinking process. Now you can use any other fine liner and permanent marker brand that is available in a market near you, then a ruler for making precise designs. Thes are the basic tools most of the design work will be done on the computer. Lastly, I will be using a scanner to. So these are the tools to get started in this class. 3. Creative Research: in this lesson, I will be working on the concept sketches and then drawing full scaled sketch of one of those designs. The phrase I am using is if Plan A didn't work, the alphabet has 25 more letters. Stay cool. I will write them on the top so that while developing concepts, it's on my mind. So thinking about my T shirt space, I think because of the length it's most appropriate to do a portrait oriented piece. By breaking up the information, I can see that this fits into three digestible parts. This will help me in determining my composition. So in the first part, I all right. If Plan A didn't work in this way, I am dividing the other two parts. So after that, I will start the design concepts. You should also plan your content for T shirts. First, I'm gonna try script. You can try experimenting with different elements. You can combine one or two lettering types. Keep it to 2 to 3 styles for one design. Keep it simple according to the look that you are trying to achieve. This is one concept. I will try another to see which one I think looks best. So for the next concept, I will try a different style, which will be tall, skinny Sohn Zarif. Simple but dynamic. This is the conceptualization stage, so designs. They're going to be rough, just trying different styles. I'm going to refine them in later stages. That's how the design process goes. You have to refine and refine until you got what you are looking for. Here I am quickly demonstrating how I create concepts. Usually I will create more concepts, but for this project, I'm just showing a few different ways to explore and create those concepts. I think it would fit the space nicely. Next, I try banners with sawn Sory. If in this way you can work with different ornamental designs that you can include in your design and which looks best, it's all up to you in which way you want to go. My preference is the 2nd 1 so I'll do some rough layout, sketches and full scale Here. I am only looking to get perfect style and layout ing, but I am thinking ahead of how I will construct these letter shapes and illustrator and streamline them, which you will see later The important thing is is that you should plan everything you should know. Actually, what you are creating before you get into full scale design. Now I will refine it a little bit to have a better idea of the look. The letters will be consistent, tall, skinny, with a curve. That's how I decided to go with my design. So this is to get the consistent spacing in the layout. But you can see here I'm only able to write if plan so I will write it again for proper spacing. This can happen sometimes. Remember, you can't achieve perfection at the first attempt, so keep on doing it again and again. Until you have it, I will use rulers for precision. These ruled lines really help in getting a feel for the space. They're gonna help in constructing the design and planning out the layout as well. These words that aren't centered or filling the space well, I will fix on the next trace. It doesn't have to be as perfect as this. It's just a guide for the digital work. So I will now complete this part and in the next video I will take it to the next level 4. Layout Sketches: and this next up, I will be cleaning up my design to make it ready to scan and digitize. Here, I will keep the sketch I did on the last video and refined using it. But I'm not going to spend a lot of time making this perfect because for this particular piece, most of it will be done on the computer. I want here to achieve a nice guide to work off of so focusing on cleaning up the space issues here and length of words. So if you want your hand lettered piece to be the final design, then you need to refine it with much more perfection. These parts will need to be adjusted. But this will work well as a guide. After completing this, I will move on to my Mac book and digitize the design. 5. Typography Using Pen Tool: In this video, I will be using my scam guide to create my T shirt type piece to start off. I want to set up my guides on a separate layer and mark out each line of text on them, keeping the same height for each paired lines. So if plan A and stay cool will be the same height and the same four didn't work and 25 letters. I use rectangle to measure distance and illustrator it helps and maintaining same distance everywhere. Like here. I measured with rectangle to get the perfect distance, keep the layer organized and make a habit to rename each layer In this way you can differentiate the layers I've renamed them here. Next I will be marking out the vertical boundaries here too. I want everything to align so that it looks clean and professional guides air so useful in creating precise design. So work with guides and you have pixel perfect design. Okay, now that I'm finished with my guides, it's time to start the type. So I will be drawing all my letters as squares. Why, you might ask Well, later on, I can streamline all of my curves and each letter very quickly and ensuring that they all have the same varying degree of a curve. You will see that I'm using a pen tool. I think it's the easiest and quickest way to create these lines. You can edit it easily, too. You'll notice. Here I'm duplicating a lot of my shapes to form other letters. This helps with consistency of creating a typeface. The shapes can be morphed into other letters by using the flip tool or shortcut, rotate our and transforming, mirroring the shape vertically or horizontally. You can use these small techniques to create amazing designs. They're easy to use, and they give awesome results. If I am doubling up on letters, best to coffee them and create again dragging and holding option duplicates. Moving to the next line, I will follow the same rules here. I'm gonna create all the letters of squares, knowing I will round them later on. Hold tight copy and paste in the same alignment. You can select a shape, then use shift and the old key. Even though the scanned image measurements are different, just follow the guides to align all the alphabets perfectly as measured here. Those were the rough sketches and this is the final design. So it needs to be perfect here. I'm copying the alphabet n. Then go Teoh Preference menu to uncheck scale, strokes and effect option. It will not skill down the stroke and effect. If I scaled on the object, I will do the same here. I'm duplicating letters or shapes to create another letter. Consistency makes for a good design. This are is a bit tricky and looks a little odd now, but I think that curves will fix it later. So I'm just gonna leave it for now and drag a copy over to create the K you can see home creating are using. Oh, you can also create different alphabets. Using already created alphabets. It will maintain consistency. So moving to the next line. Now, I'm gonna finish this line in this video and the rest on next. On second thought, this isn't really working. I'd like to use a contrast Ing phoned here. I'm just using aerial for now and tracking out the turning to match the rest of the words. It's time to take a break. We're halfway there. I will see you in the next video 6. Vectorizing T-Shirt Design: in this video, I will be finishing the second half of the T shirt design and apply the curve trick to create the typeface revealing a secret fund. I'm gonna start from picking up where we left off. I'm gonna do the same treatment this line by creating the letters out of squares. I'm using the cut tool pen tool and transformations from duplications. Next I will use to to invert it and make it as five. Then adjust its size. I'm trying to use the shapes I already created to complete the design. To get the most consistent result, Charlie used just the basic shapes. It's about looking for similarities. By flipping the W to create an M. I have not only saved myself time but ensuring that it's the same width etcetera from during this Now I think I will change this height to match didn't really work exactly. So I'm just gonna add in some new guides and, using the direct selection tool, adjusts the other letters height to the guide. Once again, I'm just duplicating shapes to create a new letter, pencils and all transformation tools, or so handy. When you were working with shapes trying to master them. They will be useful everywhere. Okay, No, it's time for stay cool. This needs to be done at the same height as plan A. So I will copy from that line and create guide as midpoint. I will use the used to create shapes. Keep on checking the spacing and consistency throughout the design. Their important part of the design here, Rather than making a mute A, I will copy and paste it as it's the same height. These three shapes were all made from that same letter, super easy and effective. In this way, I will complete the entire shape creation process. I'm using the same technique throughout. It is easy, and it's the best way to work with shapes. Now, as my designers complete, have a look to check for proper spacing, consistency or any design error. If you find any than adjusted making perfect, you can show any of your final work after self evaluation on Lee. OK, now it's time to shape this geometric shapes into a more organic font. I'm gonna hide the scan layer. Now it's time to check the current ing and size. I can make adjustments now into the layout or fix any mistakes. Now I'm going to experiment with the degree of the curve, select the nodes you want to curve and then drag. That's working for the larger typeface, but I think I will have to break this up at it. Undo. Okay, I will start with the first line. Using the direct selection, I'm selecting only the top anchor points in which I wish to curve on adding a nine point curve, noting the number will help apply it to others rather than picking a random one. Didn't. Okay, I can just select all these points together and add the curve. This is where you can really see the advantage of doing it this way. I made a mistake on the D's so I can just directly select those left points now and delete the curve point number to bring it back to normal. This technique allows for changes and makes everything's moved. After that, I will dio mirroring of the R and adding a smaller point value in the middle curve. Work on adding some interesting elements in your design. That's how you make your design more interacting. It'll speak for you. I'll do the same thing again here, adding the curve 0.9 to get it all constant. Okay, now I'll just make it all black and fix that middle fund. I will use flammable old as it won't clash, but it'll complement the other letters. You can keep it totally handmade design. Or you can combine fonts with lettering, zits all up to you. I combine it because I wanted to show you that you can combine different typefaces all together to create beautiful design. And this just needs to be tracked out to fit the space. I'll also add an exclamation mark. Lastly, I will add a little more point, wait to my stroke and it's done. There are many possibilities with this technique. Happy exploring. 7. Your Project & Thanks!: as a project for this class, you're gonna design and digitize a beautiful T shirt design. With types, you can choose any quote, dimension, any style you want. This class is all about understanding how you can use basic tools of Adobe Illustrator and some basic techniques to create beautiful design. Use the tools and techniques taught in the class. Try an experiment with different shapes and style. Try different ways to digitize your artwork. The T shirt design that you will create should be according to a specific style or according to an essence of quote you choose. Share your projects in the project section the delivery bols of the project, or images showing your selected quote, concept thumbnails, refinement sketches, final design and lastly, the final artwork after digitization process. Show your project with skill share communities so that we can see it and share our thoughts about the design. With you, this project is a great way to practice and strengthen your knowledge. You can take your time in selecting quotes, comes up creation, finalizing and vectoring them as well. So for digitization, you just need to have basic knowledge of adobe illustrator. Enjoy the project. And lastly, thank you for enrolling in this class. I will see you soon