36T Revised Fall 2015 Cover Page 36TITD 112 21TDesigning Web Page Graphics Program Head: Debbie Yancey Revised: Fall 2015 Dean s Review: Deborah Yancey Dean
21T Lab/Recitation Revised Fall 2015 None ITD 112 21TDesigning Web Page Graphics COURSE OUTLINE Prerequisites: Course Description: 11TExplores the creation of digital graphics for web design. Includes basic design elements such as color and layout and will be explored utilizing a computer graphics program(s) Semester Credits: 3 Lecture Hours: 36T336T Hours: 36T036T
ITD 112 Designing Web Page Graphics UCourse Outcomes At the completion of this course, the student should be able to: Demonstrate knowledge of image resolution, image size, and image file format for web, video, and print. Be able to identify elements of the Photoshop CC user interface and demonstrate knowledge of their functions. Demonstrate knowledge of layers and masks. Demonstrate knowledge of importing, exporting, organizing, and saving. Demonstrate knowledge of producing and reusing images. Demonstrate knowledge of working with selections. Demonstrate use Photoshop guides and rulers. Be able to Transform images. Understand how to Adjust or correct the tonal range, color, or distortions of an image. Demonstrate knowledge of retouching and blending images. Demonstrate knowledge of drawing and painting. Demonstrate knowledge of type. Demonstrate knowledge of filters. Demonstrate knowledge of preparing images for web, print, and video.
21TITD 112 Designing Web Page Graphics Required Materials: Adobe PhotoShop CC Textbook(s): Adobe Photoshop CC Classroom In A Book, 1st Edition, 978-032192807-8 Adobe Photoshop MyGraphicsLab Access Card The following supplementary materials are available: 1. Safari Online is available for students to view the text and other related reference books 2. (Optional) Tutorial videos provided by instructor 3. (Optional) Tutorials found on web sites dedicated to web graphics 21TITD 112 Designing Web Page Graphics
Topical Description: (Outline chapters and sections to be covered in the book and MyGraphicsLab) Photoshop CC o Set Project Requirements Manage your audience Follow Copyright Rules Manage the Project o Getting to know the Work Area Open Photoshop Files Select and use some of the tool in the Tool Panel Set options for a selected tool using the options bar Use various methods to zoom in and out from an image Select, rearrange, and use panels Choose commands in panel and context menus Open and use a panel docked in the panel well Undo actions to correct mistakes or to make different choices Customize the Workspace o Basic Photo Corrections Understand image resolution and size Open and edit an image in Camera Raw Adjust the tonal range of an image Straighten and crop an image Paint over a color with the Color Replacement tool Adjust the saturation of isolated areas of an image using the Sponge tool Use the Clone Stamp tool to eliminate an unwanted part of an image Use the Spot Healing Brush tool to repair part of an image Use content-aware Patch tool to remove blemishes Apply Unsharp Mask filter to finish retouching photos Save an image file for use in a page layout application o Working with Selections Make specific areas of an image active using selection tools
Reposition a selection marquee Move and duplicate the contents of a selection Use keyboard-mouse combinations that save time and hand motions Deselect a selection Constrain the movement of a selected area Adjust the position of a selected area using the arrow keys Add to and subtract from a selection Rotate a selection Use multiple selection tools to make a complex selection Erase pixels within a selection o Layer Basics Organize artwork on layers Create, view, hide, and select layers Rearrange layers to change the stacking order of artwork Apply blending modes to layers Resize and rotate layers Apply a gradient to a layer Apply a filter to a layer Add text and layer effects to a layer Add an adjustment layer Save a copy of the file with the layers flattened o Correcting and Enhancing Digital Photographs Process a proprietary camera raw image and save your adjustments. Make typical corrections to a digital photograph, including removing red eye and noise and bringing out shadow and highlights detail Apply optical lens correction to an image. Align and blend two images to extend the depth of field. Adopt best practices for organizing, managing, and saving your images Merge images of different exposures to create a high dynamic range (HDR) image. o Masks and Channels
Create a mask to remove a subject from a background. Refine a mask to include complex edges Create a quick mask to make changes to a selected area Edit a mask using the Properties panel Manipulate an image using Puppet Warp. Save a selection as an alpha channel. View a mask using the Channels panel Load a channel as a selection Isolate a channel to make specific image changes o Typographic Design Use guides to position text in a composition Make a clipping mask from type Merge type with other layers Format text Distribute text along a path Create and apply type styles Control type and positioning using advanced features o Vector Drawing Techniques Differentiate between bitmap and vector graphics Draw straight and curved paths using the Pen tool Convert a path to a selection, and convert a selection to a path Save paths Draw and edit shape layers Draw custom shapes Import and edit a Smart Object from Adobe Illustrator o Advanced Compositing Add guides to help you place and align images precisely. Save selections and load them as masks Apply color effects only to unmasked areas of an image Apply filters to selections to create various effects Add layer styles to create editable special effects Record and play back an action to automate a series of steps Blend images to create a panorama
o Editing Video Create a video timeline in Photoshop Add media to a video group in the Timeline panel Add motion to video clips and still images Animate type and effects using keyframes Add transitions between video clips Include audio in a video file Render a video o Painting with the Mixer Brush Customize brush settings Clean the brush Mix colors Create a custom brush preset Use wet and dry brushes to blend color o Working with 3D images Create a 3D shape from a layer Import a 3D object Create 3D text Apply the 3D postcard effect Manipulate 3D objects using the 3D Axis widget Adjust the camera view Set coordinates in the Properties panel Adjust light sources Animate a 3D file o Preparing Files for the Web Slice an image in Photoshop Distinguish between user slices and auto slices Link user slices to other HTML pages or locations. Optimize images for the web and make good compression choices. Export large, high-resolution files that tile for zooming and panning Showcase your images in a media gallery o Producing and Printing Consistent Color Define RGB, grayscale, and CMYK color spaces for displaying, editing, and printing images
Prepare an image for printing on a PostScript CMYK printer Proof an image for printing Save an image as a CMYK EPS file Create and print a four-color separation Understand how images are prepared for printing on presses
1. 2. 3. 4. 21TITD 112 Designing Web Page Graphics Notes to Instructors (List information about optional topics, departmental exams, etc)