Bài giảng Introducing Desktop Publishing - Chapter 7 Introducing Adobe Illustrator

Introducing Adobe Illustrator ChapterWorkshop FoundationsWork with Vector Graphics Workshop ToolboxThe Illustrator InterfaceProjects Project 7-1: Use Illustrator ToolsProject 7-2: Create an IllustrationProject 7-3: Set ColorsProject 7-4: Apply Gradient FillsProject 7-5: Apply Blending ModesProject 7-6: Create a Drawing with the Blending Tool Skills You Will LearnCopyright © The McGraw-Hill Companies, Inc. All rights reserved.7Design with Adobe Illustrator Introducing Adobe Illustrator ChapterProjects Project 7-7: Add Distort EffectsProject 7-8: Create a Text IllustrationProject 7-9: Enhance Your Text IllustrationSkills You Will LearnCopyright © The McGraw-Hill Companies, Inc. All rights reserved.7Design with Adobe Illustrator Introducing Adobe Illustrator Illustrations include a variety of styles and uses, including advertisements, children’s books, and fashion magazines. Create an Illustrationpg. 292Chapter7Design with Adobe Illustrator Introducing Adobe Illustrator pg. 292Chapter7Design with Adobe IllustratorFoundationsIdentify vector graphic softwareCompare vector graphic file formatsYou Will Learn ToKey Terms vector graphicsscalablefile name extensionpg. 293Design with Adobe IllustratorFoundationsWhat are Vector Graphics?Vector graphics are line drawings that are stored as math formulas in a computer.They are scalable, which means they can be resized without losing image quality.Work with Vector Graphics pg. 293vector graphicsLine drawing that are stored as math formulas in a computer. (pg. 293)scalableThe ability to be resized without losing image quality. (pg. 293)Design with Adobe IllustratorWork with Vector Graphicspg. 293FoundationsHow Do I Identify a Vector Graphic?To identify a vector graphic, check the image’s file format or file name extension.file name extensionThe letters displayed after a file name that describes the file format. (pg. 293)Design with Adobe IllustratorWork with Vector Graphicspg. 293FoundationsVector Graphic File FormatsFormat NameFile Name ExtensionFormat used inWindows MetaFileWMFOlder Windows applicationsEnhanced MetaFileEMFNewer Windows applicationsAdobe IllustratorAIAdobe IllustratorApple’s Picture FormatPICTMacintosh computers (and PCs)EncapsulatedPostScriptEPSHigh quality postscript printersScalable Vector GraphicsSVGWeb animationsDesign with Adobe IllustratorHow can you identify a vector graphic? Work with Vector GraphicsFoundationsYou can identify a vector graphic by checking the image’s file name extension.Design with Adobe Illustrator Work with Vector GraphicsAssessmentpg. 294Which file name extension would be used for an image created in a newer Windows application?Answer: DExplanation: The file extension EMF would be used for an image created in a newer Windows application.A. EPSB. WMFC. SVGD. EMFDesign with Adobe IllustratorToolboxIdentify Illustrator’s interfaceIdentify toolbox drawing toolsIdentify Illustrator palettesYou Will Learn ToKey Term palettepg. 295Design with Adobe IllustratorToolboxIllustrator Interface Features:The workspace is the area that shows the page and where the image appears when printed.The scratch area appears outside the workspace and can be used to assemble or edit designs.The menu bar contains most general commands.The Control palette displays options related to selected objects.Magnification levels are displayed next to the file name and in the lower left corner.The Illustrator Interface pg. 295paletteA tool that displays options related to selected objects. (pg. 295)Design with Adobe IllustratorWhich Illustrator tool would you use to change a selected object? The Illustrator InterfaceToolboxYou would use the Control palette to change a selected object.Design with Adobe IllustratorThe Illustrator InterfaceAssessmentpg. 296Where in the Illustrator interface is the image as it appears when printed displayed?Answer: BExplanation: The workspace displays the image as it appears when printed. A. the Control paletteB. the workspaceC. the scratch areaD. the menu barDesign with Adobe IllustratorUse Illustrator ToolsCreate geometric shapesApply the Selection toolAdd fill colorDrag objectsApply the Direct Selection toolSpotlight on Skillspg. 297Key Terms marqueeobjectpathanchor pointAcademic Focus MathCreate geometric shapes7-1Design with Adobe IllustratorUse Illustrator Toolspg. 297Selection ToolsThe Selection tool in Illustrator is similar to the Selection tool in Publisher and Photoshop.A marquee can be created with the Selection tool to select objects.marqueeA dotted rectangle placed over objects to select them. (pg. 297)objectAny individual shape, image, or text that can be moved, edited, or manipulated. (pg. 297)7-1Before You Begin Go to Chapter 7, and choose PowerPoint Presentations to preview the documents you will be creating. Also, use the individual project Rubrics to help create and evaluate your work. Design with Adobe IllustratorUse Illustrator Toolspg. 297Selection ToolsThe Direction Selection tool is used to select anchor points or path segments that make up the border of an object. anchor pointA spot where a segment begins or ends. (pg. 297)pathA line created by an object when it is drawn. (pg. 297)7-1Design with Adobe IllustratorUse Illustrator Toolspg. 297In this project, you willPractice using Illustrator’s selection tools. Adobe IllustratorAPPLICATIONS USED7-1Design with Adobe IllustratorUse Illustrator Toolspg. 3007-1Design with Adobe IllustratorCreate an IllustrationDisplay grids and guidesApply the Zoom toolAlign objectsFormat a lineAdd textRotate an objectSpotlight on Skillspg. 301Key Terms gridsmagnifyAcademic Focus MathWork with grids7-2Design with Adobe IllustratorCreate an Illustrationpg. 301Align ObjectsGuides and grids help a user align objects in the workspace.Smart Guides create temporary path lines to help align objects in relation to each other.With the Align palette, a user can precisely align objects in relation to each other. Zoom in CloserThe Zoom tools in Illustrator allow a user to magnify or reduce the size of picture. gridsThe framework upon which an object is placed. (pg. 301)magnifyTo enlarge an image in order to view its details. (pg. 301)7-2Design with Adobe IllustratorCreate an Illustrationpg. 302In this project, you willUse Illustrator’s tools to draw a crayon. Adobe IllustratorAPPLICATIONS USED7-2Design with Adobe IllustratorCreate an Illustrationpg. 3057-2Design with Adobe IllustratorSet ColorsDuplicate an imageWork with the Color paletteWork with the Swatches paletteSpotlight on Skillspg. 306Key Terms grayscaleRGBCMYKHSBAcademic Focus ScienceIdentify color values7-3Design with Adobe IllustratorSet Colorspg. 306ToolboxThe Toolbox in Illustrator contains many tools for applying, changing, and creating colors.Swatches PaletteThe Swatches palette provides specific colors and gradient options.Color PaletteGrayscale refers to the range of colors from white to black.RGB stands for Red, Green, Blue, colors which create most other colors.CMYK stands for Cyan, Magenta, Yellow, blacK, a mode used for printed documents.HSB stands for Hue, Saturation, Brightness. grayscaleThe range of colors from white to black with shades of gray in between. (pg. 306)RGBAn acronym that stands for Red, Green, Blue. (pg. 306)CMYKAn acronym that stands for Cyan, Magenta, Yellow, blacK. (pg. 306)HSBAn acronym that stands for Hue, Saturation, Color. (pg. 306)7-3Design with Adobe IllustratorSet Colorspg. 307In this project, you willAdd color to the crayon you created in Project 7-2 and add it to a box of crayons.Adobe IllustratorAPPLICATIONS USED7-3Design with Adobe IllustratorSet Colorspg. 3107-3Check your work Use Figure 7.19 as a guide and check that:The crayons are top aligned in the box.There is a white fill crayon box cover.The crayon box label uses two different fonts, and the text is centered. Design with Adobe IllustratorApply Gradient FillsWork with the Gradient paletteCreate colors with the Color PickerSpotlight on Skillspg. 311Key Terms gradientspectrumradialgradient stopAcademic Focus ScienceCreate color gradients7-4Design with Adobe IllustratorApply Gradient Fillspg. 311Gradient PaletteA gradient is a gradual change from one color to another in the color spectrum.From the Gradient palette, a gradient type can be changed from linear to radial.Gradient stops can also be set from the Gradient palette. gradientA gradual change from one color to another. (pg. 311)spectrumThe entire range of colors from white to black. (pg. 311)radialA circular gradient type effect. (pg. 311)gradient stopA spot that marks the beginning or end of colors used in a gradient. (pg. 311)7-4Design with Adobe IllustratorApply Gradient Fillspg. 311In this project, you willUse the Gradient tool to create an illustration of an eye. Adobe IllustratorAPPLICATIONS USED7-4Design with Adobe IllustratorApply Gradient Fillspg. 3147-4Design with Adobe IllustratorApply Blending ModesUse the Transparency paletteCompare opacity resultsSpotlight on Skillspg. 315Key Terms transparentopaqueAcademic Focus ScienceCompare transparent and opaque states7-5Design with Adobe IllustratorApply Blending Modespg. 315Transparency PaletteThe Transparency palette has a number of blending modes that change the transparency or opacity of a layer color.The more transparent an object, the more the layers show through. The more opaque an object, the harder it is to see through the layers. transparentThe ability to see through an object. (pg. 315)opaqueThe inability to see through an object. (pg. 315)7-5Design with Adobe IllustratorApply Blending Modespg. 315In this project, you willUse blending modes to add effects to the eye illustration you started in Project 7-4.Adobe IllustratorAPPLICATIONS USED7-5Design with Adobe IllustratorApply Blending Modespg. 3167-5Check your work Use Figure 7.28 as a guide and check that:The pupil, colored iris, and white of the eye all use gradient colors.The pupil and iris are centered horizontally and vertically in relation to each other and the white of the eye. There is a 48 pt semi-transparent black star around the pupil.There are three ellipses of different sizes and opacities. Design with Adobe IllustratorCreate a Drawing with the Blend ToolApply blending optionsSpotlight on Skillspg. 317Key Term morphAcademic Focus Social StudiesCreate the American flag7-6Design with Adobe IllustratorCreate a Drawing with the Blend Toolpg. 317Blend ToolThe Blend tool evenly distributes shapes or colors between selected objects.The Blend tool is used to blend two different objects so that their colors and shapes morph. morphTo change from one shape into another. (pg. 317)7-6Design with Adobe IllustratorCreate a Drawing with the Blend Toolpg. 315In this project, you willCreate the American flag using the Blend tool to duplicate the thirteen stripes and fifty stars.Adobe IllustratorAPPLICATIONS USED7-6Design with Adobe IllustratorCreate a Drawing with the Blend Toolpg. 3207-6Design with Adobe IllustratorAdd Distort EffectsDistort an imageAdd a drop shadowWarp textSpotlight on Skillspg. 321Key Term warpAcademic Focus Social StudiesCreate an American flag7-7Design with Adobe IllustratorAdd Distort Effectspg. 321Envelope Distortion EffectsMake with Warp has preset warp shapes. Make with Mesh controls the distortion effect applied to an object.Make with Top Object adds effects to text so that it matches the shape of angled objects. warpTo blend. (pg. 321)7-7Design with Adobe IllustratorAdd Distort Effectspg. 321In this project, you willUse the Distort Envelope on the American flag you created in Project 7-6. Adobe IllustratorAPPLICATIONS USED7-7Design with Adobe IllustratorAdd Distort Effectspg. 3207-7Check your work Use Figure 7.38 as a guide and check that:There are 13 stripes and 50 stars on the flag. The colors are correct.Stripes and stars are all identical in shape and size.Envelope distortion effects have been applied in a realistic way.The text is accurate and readable, even with the warped effects. Design with Adobe IllustratorCreate a Text IllustrationAdd a shape to an areaApply text outlinesSpotlight on Skillspg. 325Academic Focus Language ArtsCommunicate a specific message7-8Design with Adobe IllustratorCreate a Text Illustrationpg. 3257-8Palettes for Text GraphicsPaletteUsageCharacterKerning and tracking are found under this palette.GlyphsThis palette contains extended characters in a font, including letters with accents and some symbols.ParagraphThis palette contains alignment options.TabsUse this palette to set tab stops and leaders. Design with Adobe IllustratorCreate a Text Illustrationpg. 325In this project, you willCreate a flyer using text graphics.Adobe IllustratorAPPLICATIONS USED7-8Design with Adobe IllustratorCreate a Text Illustrationpg. 3277-8Design with Adobe IllustratorEnhance Your Text IllustrationCreate a text pathAdd a gradientApply Envelope distortSpotlight on Skillspg. 328Academic Focus Language ArtsRelate words to images7-9Design with Adobe IllustratorEnhance Your Text Illustrationpg. 328Spiral ToolThe Spiral tool create spirals going clockwise or counterclockwise.7-9Design with Adobe IllustratorEnhance Your Text Illustrationpg. 328In this project, you willContinue the text illustration flyer that you started to design in Project 7-8. Adobe IllustratorAPPLICATIONS USED7-9Design with Adobe IllustratorEnhance Your Text Illustrationpg. 3297-9Check your work Use Figure 7.44 as a guide and check that:The flyer is in landscape orientation sized to be printed on an 8 ½ x 11 inch sheet of paper.The text illustration effectively conveys a persuasive message.The focus of the image is clear.The images add visual interest while displaying the content clearly.Text following the spiral pathway is readable.A gradient has been added to the background.The sticky note object looks realistic and has readable text and a drop shadow.Design with Adobe IllustratorIn the Workplacepg. 330On the JobIllustrators work with clients to clarify and create the visual message that the client wants to express.Illustrators should know graphic design programs such as Adobe Photoshop or desktop publishing applications such as Adobe InDesign.Illustrators work in a variety of businesses, including advertising agencies, graphic design firms, and publishing houses.Future OutlookThe demand for illustrators is high and very competitive. Skills and TalentsIllustratorsIllustrators need to have:Good computer skillsKnowledge of drawingand designKnowledge of digitalillustration and designsoftwareGood communicationskillsThe ability to work independently and meet deadlinesDesign with Adobe Illustrator Introducing Adobe Illustrator Chapter AssessmentWhat are vector graphics?Vector graphics are line drawings that are stored as math formulas in a computer.What are common file formats that are used for saving vector graphics?The common file formats for saving vector graphics are Windows MetaFile, Enhanced MetaFile, Adobe Illustrator, Apple’s Picture format, Encapsulated PostScript, and Scalable Vector Graphics. Chapter7Design with Adobe Illustrator Introducing Adobe Illustrator Chapter AssessmentWhich palette provides specific colors and gradient options?The Swatches palette provides specific colors and gradient options.Which tool allows a user to morph objects?The Blend tool allows a user to morph objects.Chapter7Design with Adobe Illustrator Introducing Adobe Illustrator Go to Learning Center Unit Activities PowerPoint Presentations Student Data Files Key Term Flashcards Reading Checks and Critical Thinking Activities e-Review Self Checks Worksheets Enrichment ActivitiesChapter7Design with Adobe Illustrator