Digitize lettering in Photoshop | Beginners | Tristan B. + Michelle P. | Skillshare

Digitize lettering in Photoshop | Beginners

Tristan B. + Michelle P., Cure for the Common Capture

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Lessons (30m)
    • 1. Introduction

      1:00
    • 2. Assignment

      1:33
    • 3. Getting the Best Photos and Scans of your Work

      2:33
    • 4. Contrast ( + Class Format )

      3:30
    • 5. Removing Splits + Splats : Part I

      3:16
    • 6. Removing Splits + Splats : Part II

      2:12
    • 7. Removing Backgrounds

      3:15
    • 8. Making Your Photoshop Brush!

      2:19
    • 9. Applying Your Photoshop Brush to an Image

      2:07
    • 10. Tips + Troubleshooting

      5:49
    • 11. Vitamin L25 + Thank You!

      2:44

About This Class

Photoshop for Lettering Artists: An Introduction to Photoshop

No prior Photoshop experience needed! This class is an introduction to Photoshop, tailored specifically for beginners.

Learn how to quickly + easily clean up your lettering or line drawings in Photoshop. Get your hand lettering web ready to share on your site/blog, in your shop and on your fave social media outlets-Instagram, Pinterest, Facebook, etc.

Taught by Lettering enthusiasts, photographers, and PsD’s (that’s basically a PhD in Photoshop) Tristan B. + Michelle P. of the beloved site Besotted.

 // NOTE: Lessons are taught in Photoshop CC. All lesson instructions apply to CS5 as well.

Transcripts

1. Introduction: Hello. I'm Tristan and I'm Michelle, and we are the brains behind Photo Rx Premium Photoshopped actions and the delightful blogged besotted. We're going to teach you how to take your lettering and Leinart from paper to pixel. By the end of this class, you'll be able to get your lettering onto the Web and into social media. If you thought about digitizing your lettering but don't know where to start, this class is perfect for you. Photoshopped is nothing to be afraid of, and we promise to keep things simple. So let's jump in. It's time to share your beautiful lettering and illustrations with the world. 2. Assignment : your assignment for this class is to create a Photoshopped brush from your lettering are line drawing parent with a photo to tell a broader story, then share your finished image on your blogged or social media. I like to think of the Photoshopped Brushes a digital rubber stamp. Once it's made, you can stamp it up any image you like. We use for shop brushes on Masada all the time. There's not much benefit to keeping your lettering skills all to yourself, and we know how hard it can be to come up with creative ways to share your work. So we're hoping you'll take this project and run with it. The final step of this assignment is indeed to share it posted on Instagram your blog's Facebook. Pin it any way you can think of to get your work out there When you complete your homer, let the class No, and be sure to include a link you'll want to use the hashtag photo are ex classes so we can find you. We have posted a sample projects so you can see what we're looking for. If you have any questions, be sure to ask. We will do our best to help. We create an extensive PdF for your reference and includes notes for each lesson, troubleshooting tips, quick references and examples. You'll also find links to all of the resource is mentioned in class, including instagram size stock images for you to download and use, and a few lettering, scans and photo samples so you can practice your new skills. It's a good idea to download the PdF. Now you'll want all of these goodies at your finger. Tips for the class we cope. You're as excited about voter shop for leading artists as we are. We can't wait to see your projects. 3. Getting the Best Photos and Scans of your Work: cleaning up your lettering and photoshopped could be a piece of cake if you start with a high quality image. Whenever I letter with intention of digitizing, I choose a smooth paper and a black ink life Sumi or Wallet Inc The smooth paper prevents bothersome texture shadows when scanning or photographing, and very dark ink provides the most contrast to the white paper. As you'll see, good contrast is essential for creating high quality photoshopped brush. Also, try not to make your lines too thin or your radiance to light, as those fine details may get lost during editing. If you're scanning in your artworks that your scan it for 300 to 1200 dp I and scan it and as a tiff or J. Peg fell for the best possible results. You don't need to run out and buy a scanner. You can achieve high quality results with your phone, too. With just a few simple steps, you can save yourself some headaches. All you need is to find a window with good light and a surface to put your lettering on clear away anything that can create a shadow on your beautiful lettering. If your table isn't white. Plays a blank sheet of white paper underneath your lettering to block the color of the table from showing through. This should provide decent light but can be improved even more by using a reflector. See this shadow on the side? Watch what happens when I placed a piece of white foam core card stock or a white piece of paper on that side of the paper. The shadow completely disappears. Your lettering is essentially sandwiched between the window and the reflector. The reflector bounces that window light back onto your paper, so there's now lit from both sides. Pretty tricky, huh? Okay, Now we're ready to take the phone. Snap, open your camera, get fairly close to your lettering. Tap to focus and take the photo. As you can probably guess. Focusing is a very important step after your hard work and lettering. You don't want it to look blurry to transfer my image onto my computer. I usually email it to myself in the largest possible size, or I use Dropbox. Both ways are quick and easy. Now that you have, ah, high quality image of your lettering toe work from you are ready to digitize 4. Contrast ( + Class Format ): Hi, This is Tristan and will be walking through the first steps of Photoshopped for lettering. Artist. We're going to be doing the immersion method of teaching similar to learning a new language by being immersed in and or preferably, the country. Voter shop is going to be our new language. Maybe not as glamorous is Paris, but hopefully with new skills you learn here, you'll be making enough money to get yourself there ASAP. Hi, this is Michelle. We'll start by saying there are a 1,000,000 different ways to do the same task in photo shop. We hope to teach you the simplest and most efficient way we're going to jump right in and start working on a project because the best way to learn is by doing. Remember, there are detailed notes for you in the pdf, and we'll make each video bite size. Michelle will be demonstrating several lessons, kind of like our own Bana white. I feel like I should be wearing a sparkly dress. You should. I don't have one. We'll just have to imagine it. Okay, let's get started. Our first step will be to open our lettering scan or photo in Photoshopped to do this, we will go to the top navigation bar, find the file tab, scroll down to where it reads open, click it and locate our file. Ours is on. Our desktop will highlight it. Click open and it will open in photo shop. Next, we're going to change the color mode from RGB two grayscale. If your image has a color cast to it like ours, this will remove it immediately. Go to the top navigation bar, hit the image tab, scroll down to mode and then click on Gray Scale. A Dalek box will appear to discard color hit discard when I bring my lettering into Photoshop, either by scan or photo to create a Photoshopped brush for my lettering, Michaels created really white background and dark lettering. What we call contrast and, of course, remove the splits and flats. The first thing I like to do is pull up my levels Adjustment. Don't freak out yet, Pinky Promise. This is not a scary as it sounds. Levels allow you to make your white spider, you blacks blacker and your Grace. I know those toe access. It. You'll go to image adjustments levels, a level style lock box will appear on the screen. It looks sort of like a mountain scape. First thing I always try is the out of it. Nine times out of 10 it'll do me, right, Michelle demonstrate by clicking the auto button. And I am happy with these results so I can hit. Okay, I am going to show you now how to custom adjust your levels. It is super simple. And remember, we have the pdf we to reference as well to bring back your levels Adjustment dialog box. Go to image adjustment levels below the mountain scape or three triangles a black, gray and white. They correspond to what they do on the far right. The white triangle will make your luck whites lighter or brighter if you pull to the left. If you have gone too bright, you could always move back towards where you started. Next, we'll do the same for the blacks pulled a black arrow to the right to get deeper black. Move the great triangle to the right to make the grace darker and the left to make it lighter. This tool can be delicate. Use it sparingly or else you may notice your lettering starting to look a little pixelated When you happy with your results, click OK 5. Removing Splits + Splats : Part I: in this lesson will be erasing and removing. You'll learn where your layers palette is. How to unlock your background layer and how to use the following tools. The race or tool and the spot removal brush. Now that we have done our levels adjustments and you have a nice contrast between your blacks and whites rewarded sure a couple different ways of removing all the extra splits. Flats watches and are finding your lines via the eraser tool. Each way has its benefits and drawbacks. There's not a writer Wrong way. It will come down to your workflow eventually, and what technique feels most comfortable to you? Let's start with the eraser tool. This, as the name implies, races, you will find the racer tool in your toolbox to what looks like a rubber stamp, which is the clone tool and a tear drop. The Blur tool gel is going to go ahead and demonstrate the eraser tool for us by going to the race or tool. Clicking on it will bring over her document and find area she'd like to raise, but it's just painting black. It's not a racing, don't fret. There's a reason for this and we will show you the steps on how to rectify it. First, we need to go back a staff to move the black. To do this, to go to the top. Now bar, find the edit tab and scroll down to where it reads. Step backwards and click on it. Magic. Let's bring that black back. There's a short cut as well. On a Mac, it's Command Z and off on a PC. It's control Z again. We'll have this information on your pdf to reference. If you have any familiarity with butter shop, you may have heard the word layers mention layers. The word that photo shop uses to basically describe a stack of images and or effects you finally years in your layers paddle. You're layers Panel should default to be on your screen like it is on ours. But if for some reason it is not, go to Windows on your now bar, scroll down to layers and click on any rule here when you have your document open. In this case, we have the to do. Lettering were working on Will show up automatically in your layers palette with a padlock icon to the right. When you see that padlock? It means you're layers locked and you can't make changes to it. Like the racing we try to do earlier. In order to be able to work with this layer, we need to unlock it. All you'll need to do is click on the padlock. It will disappear and it will be unlocked. Make sure layers highlighted. Ours is blue years, maybe a different color. Different hue as long it is a cut as it is a color, it means that it is highlight and you can work with it Now. You can go ahead and go back to your document and erase by going to the eraser tool, clicking on the racer and start racing. But now it's just some gray and white checks. This can only mean one thing Michelle broke voter shop I'm getting. It means we have raced all the information on the background and have basically made holes in it for our purposes of cleaning up our lettering and making a photo shop brush. This is fine and won't matter. Go ahead and feel free to your race away 6. Removing Splits + Splats : Part II: the next tool will show you is a spot healing brush tool. It looks like a Band aid is located above the rubber stamp icon, which is your clone tool in your toolbox. You'll need to click on it. I like this to a lot, but it can be finicky. Sometimes before you use it, make sure that your settings are set like ours. In order to do so right below your top navigation bar, you'll see the word mode to the right. It should read normal. Then you'll see the word type. Make sure that content where is selected and that sample all layers is unchecked. Now that you have all your settings with place, let's give this spot healing brush world. Shall we? You may want to zoom into an area first. There are several ways of doing this. The easiest would be to click on the tool that looks like a magnifying glass. It's your zoom tool. It's located below what looks like a rectangle in your toolbox. Click on it, however, your cursor over your image and you'll see the tool peer with a plus sign in the middle, hover over the area. You'd like to magnify. Click and drag to the right to zoom in and click and drag to left. Zoom out. Michelle will demonstrate the spot remover, right. She'll click on the bandit icon Menschel Finest spot you'd like to remove. She'll hover over it and start clicking with your mouse to remove the spot. Oh, I made a mistake. No problem. But Michelle just did. Is common air with spot removal brush? It usually means your brushes to large is a super easy fix. First, let's undo them. Steak. We learned this in our last video. The short Corky's commands on a Mac and controls the on a PC or go back to before you made the mistake. In order to make your brush smaller, you can do so by pressing the left bracket key on your keyboard to make it larger. Press the right bracket key on your keyboard. Super simple. Now that you know how to get rid of your splits of flats by using either the racer tool or the spot removal, brush or combination of the both bishop, clean your artwork and we'll meet you in the next video. Removing your background 7. Removing Backgrounds: in this lesson will be learning how to remove your white background. We'll show you how to use Magic Wand Tool and the Magic Razor tool, as both name suggests their magic. Now we're going to work on removing the background from the lettering. This is not mandatory to create your photo shop brush, but it is a good skill to learn a master. It is pretty easy to do. Once you have a clean scan, your levels adjusted and after you clean up your splits and splash first, make sure you have a layer selected by going to your layers palette clicking on a layer It should change to another color. In our case, it's blue on yours. It may be a different. You are a different color altogether. The color color will indicate it is highlight and selected. Now we're ready for a first tool. The Magic Wand Tool. This is located in your toolbox above what looks like an eye dropper. The needed click on it to activate. Once it is quick, we can adjust. Setting settings are located below the top navigation bar. Make sure settings air set like ours. A single square selected example sizes point Sample tolerance is 32. This is the default and that anti alias and contiguous are checked. Now we can hover over a document, and the magic wand icon will appear. Click anywhere in the white area. You'll see that your image appears to have a moving outline in voter shop would call this marching ants. This means the area we clicked on a selected to remove the background. All you do is hit delete on keyboard. At this point, if you have multiple lettering on a page like we do, you may just want to hone in on the one you would like to clean up. I usually have some does on my scan sheet. Once you zoom in, you can see there's more background to be removed. We'll just take our magic one again and click in the area. We want to remove Marching Ansel appear it will hit delete again. We will continue doing this until we have a background removed. Next, we'll use the magic razor tool. This is not to be confused with the race tool, but it will be found in the same area. In your toolbox. You bring your cursor over the Racer icon, Click and hold and the menu will appear. You'll find the one that reads Magic Racer and click on it. The next steps are similar to what we did with a magic wand tool. Make sure your layer selected you will check all your settings, which are located below the top navigation bar. Check that you're sitting or set like ours. Tolerance. 32. This is a default and that anti alias and contiguous are checked. Capacity is set to 100%. Now Michelle will hover over a document, and the Magic Eraser icon will appear. If you just see a plus sign, check that your caps lock is off. She will click anywhere in the white areas to remove it like magic. This is so satisfying. It's one of my favorite tools. Just zoom in and continue clicking the magic eraser until all of those areas you want to erase are gone. That's it. We'll see you in the next lesson. We'll learn how to make our photo shop brush 8. Making Your Photoshop Brush!: Now that you clean up your lettering, you shouldn't have either very clean white background or have removed your background entirely. Choose the lettering that you will want to make into a Photoshopped brush. You will want to isolate it from the rest of your document. The easiest way to do this will be to use a tool we call the crop tool. It is located above the spot healing. Brush the Band Aid icon. Click on it and make sure your settings are set. Like ours, you'll find the settings below the top navigation bar. They should be as follows ratio is selected, the two boxes to the right, a ratio are blank and delete crop pixels is checked. Now you will hover your cursor over your image across your symbol with the crop icon will appear as Michelle will demonstrate. To begin a selection, you will bring the cross hair to the top left or your chosen lettering. Click and drag to the bottom right corner of your lettering and released. Your lettering should now have a rectangle around it with either tiny squares in the corner or what looks like photo corners. I really like the crop tool because once you've made your selection, you have the ability to adjust it by dragging the corners in her up. Once you decide, you like your selection hit, enter, we're now going to go straight into creating Are Photoshopped brush for the top navigation ? Go to the edit tab and a drop down menu will appear. Find a fine brush, preset click on it and a dialog box will appear for you to name your brush. Name it anything you like and hit. OK, you are now ready to use your brush. But before we do, you may have some other lettering on your UN prop document that you'd like to make into a brush to bring back the document. All you need to do is use your undue shortcut. Command Z on a Mac, controls the on a PC or go to the top navigation, find the edit tab and hit the undo crop from the drop down menu. Now you can find another lettering specimen to make into your second floor shop brush. In the next lesson, we'll show you how to access your new brushes and apply them to your photos 9. Applying Your Photoshop Brush to an Image: Now that we have created our brush, you'll want to know how to access it. The shortcut is suppressed. Letter B on your keyboard. This will highlight your brush tool in the toolbox. The last brush you created should now be readily available for you. If you hover over your image, you'll see outline of your brush. We'd like to adjust the size, press the left bracket key to make smaller and the right bracket key to make larger. All you need to do now is click, and your brush will appear on your image. Speaking of images, the best ones to highlight your lettering brush would be ones with either a nice amount of blank area or that have a nice contrast against your lettering so that it stands out. If you stamp directly on your image like we did and you don't love where he stamped, you will not be able to adjust the position. This is an easy fix. We will want to create a new layer for a stamp brush to do so. You go to your top navigation bar, find the layers to have click on it and a drop down menu will appear. Click on new and then layer. A dialog box will appear to name your layer to make this easy. Let's name it brush layer and hit OK. If you go to your layers palette, you'll see your new brush layers highlighted. This means it is selected now. You can step anywhere on your image. If you'd like to. Just the position. Go to the move tool, which is located your toolbox above the magic wand tool. Click on it to activate. Move your cursor over your stamp lettering and I come, which looks like a plus sign with arrows at the end will appear. Click and drag your lettering into the position you desire release when you're happy with the new position. If you would like to add another stamp, we would suggest you fall the same tasks as before. To create another brush layer. We will go over tips and tricks and troubleshooting in our next video. See there 10. Tips + Troubleshooting: If you created more than one brush and want to access a specific one, go to your brush tool and click to activate. Right below your navigation bar are the activated settings. For your brush, you will see a little brush icon, and to the right will be a tiny preview window. Click on the small arrow to the right of the preview window. This will bring up a brush settings dialog box and should show all the brushes you have available. Preview of the brushes is usually impossibly minute. To change this click on the CAA Glicken icon at the top right of the dialogue box. I dropped out. Many will appear. Scroll down until you find large thumbnails and click on it. Your brush preview will appear much larger now. Find the brush would like to use. If you hover over the preview image, it will display the name he gave it to select the brush. Double click on it. Now you can go to your image and stamp with your chosen brush. As always, there are several ways to do anything in Photoshopped, and that includes changing the color of your stamp brush. We will show away that allow more creative flexibility. Bring your cursor to the brush lady created, double click on it, and a layer style dialog box will appear. Find where it reads color overlay and click on the word at the top. You'll see the word color overlay and to the right, erecting off color. Ours is currently great, which is the default. Bring your cursor over the colored rectangle and click. This will bring up your color picker. If you cook anywhere in the large square, it will choose a hue of the color highlighted. You can also go to the long, skinny multicolor rectangle to the right of the square. Click anywhere in it to bring another hue up, which will appear in the large square. When you have found a color you are happy with, Go ahead and click OK and the color bigger dialogue box and okay, a layer style style. So you went through all those steps, and now you're wishing you chose a different color. Don't worry. We change your minds all the time. Just go back to your brush layer, find the words color overlay and double click. This should look familiar, as it will bring up your layer style spot. Just click in the color box and your color picker will appear. Go through a stained Sepp says before, and choose a color and that hit. Okay, wala. Your color has been changed, and if you change your mind about this one, just keep going back and changing as many times as your heart desires. You can adjust size after you have stamp, but on leave your created a brush layer, as we mentioned before. If you have stamped directly on her image, you will not be able to do this. Make sure your brush layer you created is highlighted by clicking it, which activates that layer. Then go to the move tool and click on it. Now we can check the settings, which are found below the top navigation bar to make sure you have your show transformed. Controls check. If it isn't. Check now. Once you do, you'll see a bounty box appear. Just click and drag on a corner and you can adjust size. Hold the shift key down. If you'd like to maintain the original proportions once you're happy hit, enter on your keyboard and adjustment will be made if you have your brush selected and you can't see your brush when you hover over your document. Don't fret. It usually means your caps lock is on. Just go to your caps, lock on your keyboard and turn it off, and it should unlock, enabling you to see your brush. If you created brush and has a background around it, like ours, this just means you did not make your white spite enough. You need to either go back and make your background whiter, or remove your background if that's easier and remake your brush. If you stamp your brush and you can barely see it, it could be one of two things. Either you're a pastie is not set to 100%. Meeting is 100% opaque and can't see through it, or your flow is not set to 100%. This is the flow of the brush, similar to how much ink would be released in a pen. All you need to do to check the settings is click on your brush icon in the toolbox, and the brush settings will appear under the top navigation bar. You will see the word opacity. Make sure the number that appears to write the word reads 100% and next you'll see the word flow and make sure the number to the right reads 100% in the same vein after you stamped a new brush at 100% a pastie. If you want to create a sheer effect, you can go to your brush layer that you created. Make sure it is highlighted by clicking on it, which will select it. You'll find the word opacity in the layers palette located above the top layer. There will be a small arrow to the right of it. Click and a slider will appear. You can drag the slider to left, lower the number, which will make the staff image more share and drag it back to the right to make it more opaque once you're happy with the effect release. 11. Vitamin L25 + Thank You!: it's important to have a basic understanding of the tools needed to clean up your artwork and make your photo shop brush. But there is an easier way. After countless hours spent cleaning up lettering images, we decided to create Photo Rx Vitamin L 25 a set of 25 Photoshopped actions that will do most of your editing work for you with just a few swift clicks. What used to take us a couple of hours now takes us mere seconds. Photoshopped actions are like one click editing recipes that you can download and used to edit your images to. To use them. Open your actions palette, click on the action press play, then follow the instructions in the dialogue boxes. There is a special mini action set for you to download and try in the class. PdF with links to our how to load photo shop actions and how to use Photoshopped actions tutorials on YouTube to give you a sense of what I workflow using the actions of like, let's take a look at our cropped phone photo for my first editing step, I'm going to play a quick, clean as the name suggests, it is our quick clean like one second quick it automatically adjust your levels, clears color. Caste makes blacks nice and deep, and it's also fully adjustable after running to customize the effect, even Mawr, I'll open up the quick clean folder and turn on shadow lift and cleaner slate by clicking on the eyeball icon to the left of the layer. Then I'll play flatten image. Next, I want to remove the splits and splats so I'll play spot removal. I'll remove our spots by making sure the spot removal layer is highlighted and I'll click in the white box to the right of my image. In my layer, I set my foreground color to black. Click on the brush tool, and then I can start to erase my splits. And let's if you make a mistake, you could just change your foreground color toe white and paint over your image to bring your split since black right back. Once done, play flatten image. Then I'll remove the background by playing removed white background. And there it is a clean file that's ready for brush making or taking into illustrator if you need to turn it into a vector to make our photo shop Brush will play convert to grayscale, then play. Make Photoshopped brush. That's it. The brush is ready to use. Just hit B and stamp something. Thank you for trusting as to guide you through photo shop. We know it's not the easiest program to learn, but it is such a powerful and essential tool. If you want to take your lettering or illustrations to the next level, hopefully you'll leave this class confident, inspired and maybe even with a few new friends until next time ova.