Photoshop CS3 for Screen Printers- P7 pdf

on the companion CD and is called Luggage Tag.psd. The smaller version of the file is called Luggage Tag (resized).psd. You can open these files and look at the layers if you want or experiment with the colors or text. We discuss how to apply these additional effects and styles later in this book, but hopefully, your luggage tag looked kind of like mine! (Choose Update if prompted to update the layers.) Summary In this chapter you learned how to locate and use the shape tools, includ - ing rectangles, ellipses, lines, and custom shapes. Adding text was also introduced as a means to create actual artwork, but is detailed in full in the next chapter. In the last project, creating a luggage tag was explained, incorporating all of the information in the chapter. This project can be adapted to create ID tags, mouse pads, key tags, and other items. 156 Part II / Creating Artwork and Logos Chapter 9 Working with TextWorking with Text and Numbersand Numbers No matter what you do as a graphic artist, whether it is in the screen printing, embroidery, sublimation, sign making, heat transfer, or engrav- ing and similar fields, you’ll create and print type and numbers more often than anything else. In almost every job, there’s the aspect of type. Type (also referred to as text) tells who the company or person is, what team they play for, or what they’re promoting. You’ll print a lot of text! You can count on doing many numbers too—on yard signs, sports uni- forms, and backs of jerseys. For this reason, in this chapter we discuss all there is to know about type and Photoshop. In order to be successful in what you do, you have to know how to use the type tools well enough that you could create text in your sleep. This includes using the Horizontal and Vertical Type tools, the Type Mask tools, and setting options for type from the options bar. And at some point, you might also need to work with Chinese, Japanese, and/or Korean type. Once the type has been added (and while adding it), it will need to be edited. Editing includes, but is not limited to, changing the font’s size, color, orientation, justification, kerning, leading, and warping. There are concepts such as rasterizing, converting to shapes, frac - tional character widths, and working with multiple type layers that you’ll also need to understand, as well as how to do things with text such as mold it to a shape or add a text effect. We discuss all of these processes in this chapter. 157 Adding Text Besides the obvious reasons to add text, such as getting the company name and phone number on a T-shirt, tote bag, or hat, text can be used to add spice to the design as well. Although the purpose of this chapter is to explain how to use text, choosing the right font, color, and placement of the text on the page is equally important. The Samples folder that installed with Photoshop CS3 has some good examples of how text can be added and is well worth taking a look at. ] Tip: Go to a souvenir shop, a beach shop, or a tourist attraction and take a look at what is printed on the shirts and totes that they’re selling. Notic e how and where text is added to get a feel for what sells and why. Using the Horizontal and Vertical Type Tools The type tools include the Horizontal Type tool, the Vertical Type tool, the Horizontal Type Mask tool, and the Vertical Type Mask tool. These can be seen in Figure 9-1. ThetypetoolscanbeselectedfromthetoolboxorbypressingTonthe keyboard to access the tool that’s showing on the toolbox or Shift+T to toggle through the four available tools. The Horizontal Type tool places type on the page horizontally and the Vertical Type tool places type vertically. 158 Part II / Creating Artwork and Logos Figure 9-1: The type tools ] Tip: You can switch from horizontal to vertical after the text is added. I think it’s easier to type horizontally first, check spelling, grammar, and capitalization, and then switch to vertical. Each time you choose, use, and commit your work with the type tools in the manner described in this section, a new layer is created. This type layer lies “on top of” the other layers in your image so that it can be seen and edited independently of the others. (You wouldn’t want to change the color of the text and have that color affect the image or file you are add - ing text to!) When adding text you can set the font style, size, color, and more. These settings can also be edited after the text has been added and even after changes have been made to other layers in the image. In the following example, you’ll learn to add horizontal text (which is virtu- ally the same process as adding vertical text) and change the type’s attributes while working. Later, in the “Editing Type” section, we dis- cuss editing the text after it’s already been added. To add horizontal text to a file and choose a font, color, and size and set other basic attributes, perform the following steps (later you’ll use this knowledge in a project to create a design for a client): 1. For this exercise, choose File>New and create a file that is RGB Color, 1024 x 768 or larger, and has a white background. You could follow these same steps to add text to any image or file or to a new file with a transparent background. When creating artwork for burn - ing screens, you’ll want to choose the transparent background. For now, we choose a white background until we get the hang of adding and manipulating text, and so that you can see what’s shown in the figures more clearly. 2. Choose Window>Workspace>Reset Palette Locations to con - figure the palettes to their default state. 3. Click and hold on the Type icon in the toolbox and choose the Hori - zontal Type tool (you can also right-click). Notice that the options bar changes. Figure 9-2 shows the options bar after you’ve chosen the Horizontal Type tool. Chapter 9 / Working with Text and Numbers 159 Figure 9-2: The options bar after choosing the Horizontal Type tool 4. Click with the mouse in the top-left corner of the new canvas. Wait a second or two until the line appears that signifies text is ready to be added. The flashing horizontal line is the same size as the type when it is added. In my experience, the type’s default size is generally too small, but if you’ve been working through this book from the begin - ning, it’s probably still set to 90 pt! From the options bar then, click thedownarrowbythefontsizeandchangethefontsizeto48 pt. 5. Type in your name or your company’s name. The text is added using the settings in the options bar. Notice in the Layers palette that a new layer has been added, and the History palette has a new level. 6. From the options bar, click the down arrow for the font, and choose another font. Repeat step 5 and continue to experiment with differ - ent fonts. See Figure 9-3. Press Enter when reaching the end of the canvas so the letters don’t fall off the page! Pressing Enter also keeps the text in the same layer (which is good for right now). 7. When changing the font you can also choose a font style. Common styles are Bold, Regular, and Italic, although different fonts offer dif - ferent style options, including Roman and Faux Bold. Click the down arrow to change the font style before typing it. 160 Part II / Creating Artwork and Logos Figure 9-3: Experimenting with fonts 8. The color of the text can be changed from the options bar as well. Click on the colored square in the options bar to bring up the Color Picker. Note that changing the color doesn’t change text that’s already been added; it only changes the color of text that is going to be added. The same is true of styles and font size. ] Tip: Choose the color, font, size, and other attributes before you start to type. It’s easier to do it right the first time than it is to go back and make changes! 9. Click the Commit button ( ) on the options bar to commit your text to the page. All of the text that you’ve added so far should be on a single layer, and this layer will have a name applied to it in the Lay - ers palette based on the first few words of text that you added (see Figure 9-3). Once you’ve committed the text, the next time you add text you’ll be adding another layer. 10. Choose the Horizontal Type tool again (if it isn’t still chosen) and add another line of text. Notice in the Layers palette that a new layer has been added. Click the Commit button to commit the text and notice that the layer has been named. ] Tip: Click the Commit button often while working on a complex file with lots of text. This will allow you to create separate layers for different lines of text. Having the text as different layers makes it easier to edit and manipulate the text later. This example walked you through the most basic aspects of adding text, and you learned skills that you’ll need for the upcoming projects. There are many other things to learn about text though, and most likely you won’t get the text exactly right the first time you add it. In the “Editing Type” section, we discuss correcting these problems by moving the text, changing orientation, changing color, rotating, and more. For now, the objective is to get you familiar with the four type tools. If you have a few more minutes, work through the steps in the above exercise with the Vertical Type tool. Chapter 9 / Working with Text and Numbers 161 . Note: This is the easiest way to add type to an image or file. However, you can click and drag with the mouse to create a “bounding box” for the text prior to typing if you like. This process will be introduced briefly in t he sec tion “Typing in Paragraph Form.” Using the Type Mask Tools With the Horizontal and Vertical Type Mask tools, you can create a selec - tion in the form of typed letters. These selections can be moved, copied, or filled with color just like any other selection can. Type selections are best created on a normal image layer and not a type layer, since the type is created from the underlying image. Figure 9-4 shows type that has been created from various images. To create text from an underlying image, perform the following steps: 1. Open the files Potatoes.psd and Sunflower.psd from the Chapter 9 folder on the companion CD. 2. Open a new file using File>New with RGB Color and 1024 x 768 or larger, with a white background. 3. Position all three files on the page, as shown in Figure 9-5. Do this by dragging from the title bars to position them in the workspace so 162 Part II / Creating Artwork and Logos Figure 9-4: Using the Type Mask tools that all three can be seen. I’ve removed all of the palettes too by closing them from the Window menu, and collapsed the Dock. 4. Click the title bar of the Potatoes.psd file to make it active. If you hid the toolbox, use the Window menu to bring it back (select Window> Tools). 5. Choose the Horizontal Type Mask tool from the toolbox. 6. Click with the type cursor inside the Potatoes.psd file and type the word Potatoes. (A reddish mask will appear over the image—that’s normal.) Note that you can change the type’s characteristics (which we’ll do in step 8) if you have the options bar open. If you don’t see the options bar, select Window>Options to open it. 7. After typing the word Potatoes, use the mouse to highlight the text by dragging the cursor over it. The type will have a blue cast over it when selected. 8. From the options bar, change the font, font size, and font style as desired. 9. With the type still selected, position the cursor outside the selected area and stop when the cursor changes from the type cursor to an Chapter 9 / Working with Text and Numbers 163 Figure 9-5: Opening the files arrow. Click and drag to position the text over the correct area of the picture that contains the potatoes. You want mostly potatoes, not pumpkins. 10. Click the Commit button ( ) on the options bar. 11. Choose Edit>Copy from the menu bar. 12. Click on the title bar of the new, blank file to make that file the active file. 13. Choose Edit>Paste to paste the selection into the new file. 14. Select the Move tool from the toolbox and click on the word Pota - toes in the new file. Drag to position the word appropriately. 15. Click on the title bar of the Sunflower.psd file. 16. Choose the Ve r tical Ty p e Mas k tool in the toolbox. 17. Click the title bar in the Sunflower image to select it, and then click with the type cursor just above the largest sunflower. 18. Change the font size to something appropriate in the options bar. The cursor shape will denote how large the type will be. 19. Type the word Sunflower over the sunflower in the picture. 20. Use the mouse to select the word after typing it and drag it to the correct position on the image using the arrow cursor. (The cursor will change to the arrow cursor for moving the text if you position it just outside of the selected text box.) 21. Change the font and size again as desired. 22. Click the Commit button in the options bar. 23. Choose Edit>Copy from the menu bar. 24. Click on the title bar of the new file to make that file the active file. 25. Choose Edit>Paste to paste the selection into the new file. 26. Select the Move tool from the toolbox and click on the word Sun - flower in the new file. Drag to position the word appropriately. Click once to apply the change. 27. Choose Layer>New Fill Layer>Solid Color. Click OK when prompted to add the layer. 28. From the Color Picker dialog box, choose a background color for the layer. 164 Part II / Creating Artwork and Logos As you might have surmised, this can be quite useful in creating artwork for clients who do something specific—like growing potatoes! Try taking some digital photos of a few apples, oranges, bananas, and grapes, and cut out the words to make a virtual fruit basket, or if a client’s products are easily recognizable (like a tie-dye shirt manufacturer), try creating a new logo for them. Project 9-1: Using the Type Mask Tools to Remove an Area of Type in an Image The Type Mask tools can be used in other ways as well. Besides cutting out text to be added to another image like the image in Figure 9-4, the exact opposite can be done by removing an area of the original image. Perform the following steps: 1. Open the file Wat er.psd from the Chapter 9 folder on the companion CD. Set the background color to white in the toolbox. 2. Select the Horizontal Type Mask tool from the toolbox. 3. Position the cursor at the far left of the image, and type the word FISH. 4. Note how large or small the cursor is, and change the font size accordingly. Select any font and style. 5. Click the Commit button ( ) on the options bar. Figure 9-6 shows what you’ll see just before clicking Commit. 6. Choose Edit>Cut. This removes the text from the page. 7. Use the Crop tool to finish the logo. Chapter 9 / Working with Text and Numbers 165 Figure 9-6: Adding a horizontal type mask [...]... changes Typing in Paragraph Form Occasionally, you’ll use Photoshop to type words in paragraph form I generally use a desktop publishing program for such work, but for fullcolor brochures and similar items, you might prefer to use Photoshop Typing in paragraph form is the same as typing in only a few words, except you can use the mouse before typing to create a “bounding box” for the type This bounding... pictures are raster data Some tools in Photoshop can only be applied to raster data or raster images Since type is vector data, using these raster tools on type requires you to convert the type to raster data Performing this conversion is called rasterizing Once the type is rasterized, it can no longer be edited as type Photoshop will no longer consider it text—to Photoshop, it’s the same as a picture... Creating Artwork and Logos n Use Image>Rotate Canvas>180º to have the text read around the top instead of the bottom n Choose Edit>Transform>Scale before distorting to increase the size of the lettering to make up for the stretching that will seem to occur n Choose Edit>Free Transform after distorting to further manipulate the image, including rotating it to a desired position n Instead of applying Filter>Distort>Polar... Snapshot 1 to return to the original state of the text You can create your own actions by recording specific steps required to obtain an effect For more information on using actions to create effects go to the help files by choosing Help >Photoshop Help and searching for the topic by typing Action Palette in the search box ... These anti-aliasing options can be set before adding the type by selecting the appropriate option from the list on the options bar, or they can be chosen from the Layer>Type options Figure 9-8 shows the anti-aliasing options from the options bar Figure 9-8: Anti-aliasing options Working with Chinese, Japanese, and Korean Type Photoshop offers additional type options for printers who need to use Chinese,... the text to the right, center, or left, and leaves the other edges of the text unaligned (for vertical text it is top, center, and bottom) n Justify text: Justifies all lines of text in the paragraph and leaves the last line justified either left, center, right (for vertical text it is top, center, and bottom), or force-justified n Indenting text: Left indent indents a paragraph from the left edge of... to get the text exactly the way you want it, and there are limitations with the warp commands For instance, you can’t use the warp commands to place text around a circle or in the form of a semicircle without distorting the text a little In the next two projects we discuss creating text that takes on many forms, first by applying the warp commands with more precise results and then by creating text... In this project, a client or company has recently asked you for a logo or artwork Let’s start simple, with, say, the local baseball team 1 Reset the palettes using Window>Workspace>Reset Palette Locations 2 Reset the foreground and background colors to black and white, respectively, by clicking on the small black and white icons representing foreground and background color in the toolbox (White should... the letters are distorted Most people are not going to be happy with this type of design Perform these steps again with the Arc Upper and Arc Lower warp options To do this, just click inside the existing warp text layer and choose to warp again The Arch warp also gives a nice effect and might work for a client For true molding of text to a circle or semicircle, work through the next project Project 9-3:... skewed, and resized quite easily too, making it the perfect solution for groups of words that need to be rotated, resized, or otherwise manipulated To type in paragraph form: 1 Select the Horizontal or Vertical Type tool 2 Click and drag with the mouse to create a box where you’ll add the type This box can be set to specific dimensions for width and height by holding down the Alt key (PC) or the Option . changes. Typing in Paragraph Form Occasionally, you’ll use Photoshop to type words in paragraph form. I generally use a desktop publishing program for such work, but for full- color brochures and. items, you might prefer to use Photoshop. Typing in paragraph form is the same as typing in only a few words, exceptyoucanusethemousebeforetypingtocreatea“boundingbox” for the type. This bounding. new file with a transparent background. When creating artwork for burn - ing screens, you’ll want to choose the transparent background. For now, we choose a white background until we get the hang