Downloadable Design Packets from Before and After Magazine.

Transcription

1 Dates and Times Monday nights 7pm - 10pm January 23, April 2, 2012 Location Terra Hall - Room TBA Course Description This course is an introduction to techniques and applications of Photoshop, Illustrator and InDesign, Adobe s powerhouse trio- the industry standard for image editing, creating and designing sophisticated graphics and professional layouts. Appropriate for those who have not yet worked in these programs, or have had limited exposure. In addition design basics will be introduced. Course Objective By the end of this course students will have a firm grasp in s of Photoshop, Illustrator, InDesign and fundamental design concepts. Understanding of resolution, scanning, importing and exporting images, print set-up, photo adjustments, vector usage and handling of typography and design will also be addressed. Supplies and Materials Saving device with 1 or 2 GB of memory Pen, Pencil, Notebook or Paper for notes and sketches, numerous photos or images of artwork for projects Required Books and Tutorials Links will be given each class to review over the week. Please bookmark the following links: Downloadable Design Packets from Before and After Magazine. Suggested Books How to Design Cool Stuff Before and After Magazine by John Wade Adobe CS5.5 Classroom in a Book by Adobe Creative Team Adobe Illustrator Classroom in a Book by Adobe Creative Team Adobe Photoshop Classroom in a Book by Adobe Creative Team Adobe InDesign Classroom in a Book by Adobe Creative Team Adobe Illustrator CS5 Wow! Book by Sharon Steuer Class Rules: No guests in the classroom. All cell phones are to be silenced during class times. No music is to be played openly. No food or drink permitted in the labs. Attendance: All students are expected to attend class, arrive on time and leave when dismissed. Over two absences will adversly affect the studen t grade. Each student is responsible for reviewing the necessary materials and completing the assignments regardless of absence. Grading: Proficiency with media/technical excellence/ craft Understanding of programs

2 Professional execution in final product Design work including but not limited to composition, understanding of color and tone Individual effort leading to obvious improvement Attitude - an overall positive presence in the class Attendance Initiative - if a project is finished early take the initiative to start a new project or perfect the current project until the class is caught up. Meeting Deadlines and Following Directions A and A- indicates excellence and superior performance in all areas. B+, B and B- is good to very good, above average C+ and C is adequate C- indicates less than adequate performance D+ and D D- Lowest passing grade F - Failing Contact: At the top of the syllabus I included my uarts address and studio website as contact information. You are more than welcome to contact me with any questions or concerns. Cancellations or Rescheduling: In the case of a weather emergency class may be cancelled. Visit the Uarts website for closing information. If for any reason the instructor must cancel class she will each student. Please provide the instructor with the most current up to date contact information at the beginning of the session. Helpful Websites Tutorials Lynda.com CreativePro.com Layersmagazine.com Adobe.com (video tutorials) Before and After Magazine DaFont.com Printing Spoonflower.com OvernightPrints.com Finerworks.com Zazzle.com Purchasing AcademicSuperstore.com JourneyEd.com Amazon.com Outline of Content This following grid is a brief outline of the subject matter presented. Changes may occur to the original outline depending on the needs and progression of the class. Small breaks will be given intermittently throughout the class time.

3 Session 1: Review of Syllabus, rules and expectations. Slide Presentation on programs and examples. Vector vs Pixel and the role of each program. Intro to Photoshop, Photo booth and liquefy. Basic Color adjustments. Resolution and file formats. Color correction in Photoshop using adjustments. Correcting artifacts in photos using the healing brush, brush, eraser and clone tools. Project: In class correct photos provided by instructor. Homework: Read through BA0625 Building a Picture Path. Gather 10 digital photos to create your own picture path. Theme is optional. View the ed video links on photoshop. Session 2: Photoshop. Importing images from camera, web and scanner. Cropping, straightening. Resolution and file formats. Photoshop. Selections. Moving selections from one document to another. Feathering. Potato head exercise. Exercise: Picture Path. On an 11x17 document at 300DPI create a path of pictures with a transparent or textured background. One floating element (vignette) is required. Basic text is optional. Homework: Read BA0453 Perfect Color article and BA0645 Web Header. Session 3: Adding new color fill layers and the text tool. Color correct photos and apply a background color with additional texture found on mayang textures website. Project: Create a web banner/page design for an animal or nature based association s (aka zoo, shelter, gardens) annual. RGB, 72 DPI, 1024 x 768 px Homework: Complete web page design. Read BA0630 Flier Design. Read BA 0613 What Typeface Goes with That? Come in with images to create a festival flier. View the ed video links on InDesign. Session 4: Slide Show on Typography Basics. InDesign. Placing images and shapes. Packaging and Preflight. Exercise: Shape tools, type tools, move tools, free transform vs selection. What are full bleed, safe zone and trim area? Project: Create a flier on a chosen festival (aka jazz, winter, October, cherry blossom, etc). Body text may be copied and pasted from another source. Homework: Finish flier. Read through BA 0603 Many from One article. Find one image to work with in a magazine spread with the theme Three Days in Paradise. Image must be 600DPI. Session 5: InDesign. Font sites. Font book. Type tools. Body text vs Header text. Text effects. Project: Create a magazine spread using only three photos. Homework: Finish magazine spread. Prepare for quiz.

4 Session 6: Performance Quiz: Instructor will provide an article with several photos. Students will be asked to complete a layout following a specific set of instructions and specifications. Items that will be covered are color modes, resolution, placing images, adding text, packaging, color corrections, bleed and margins use and basic understanding of design. Homework: View the ed video links on s of Illustrator. Session 7: Illustrator. Slide show. Basic Shapes. Flag exercise. Project: Flag Creation. Shape tools, transforming, arranging, color usage, grouping, alignment tools Homework: Read through BA0364 Logo of Letters. Sketch out some ideas for letter based logos for your own company. View the ed video link on the pen tool. Session 8: Illustrator. Logo exercises. Pathfinder, Pen tool. Exercise on pen tool. Project: Create one full color and one black and white letter based logo in Illustrator. Homework: Read over article BA Design a Card the Easy Way Create thumbnails for three versions of a fictitious company s business card. The three versions can be different variations of the same design or 3 completely different designs. Session 9: Download start file and set up file with printer s specs. Work on business cards in program of student s choice. Business cards due at the beginning of next class. How to create one pdf. Homework: Have the following files for turn in as one pdf... 3 versions of business cards Letter logo - one black and white and one color Three Days in Paradise magazine spread Festival flier Potato Head Picture Path Web Banner/Page on Association Session 10: Written Quiz: There will be an online quiz containing 10 multiple choice questions. Complete Uarts class surveys. Project: Create a multi page pdf with all the images from the semester. Name the file as follows: If your name is John Smith you would name it...john.smith.final.csoverview.pdf Class critique of Final pdfs. Individual Q&A.

5 Project Sheet Photoshop Project : Web Header Create a web header for a fictitious company including a menu bar with links to pages contained within the site. Some company ideas that would be visually stimulating might include zoos, symphonies, gardens, garment retail, photographers studio, etc. Goals and Lessons To refresh basic Photoshop skills in Text, Layer management, Photo Placement, Opacity and Color Management. New skills introduced will include gradients, gradient layer masks and the slice tools. You will need Photographs or one photograph for background of header Research Find 5 aesthetically pleasing websites to use as inspiration and guides. Use the hand out for a starting base. Specs 1024 (Width) x144 (Height) px 72 DPI RGB color mode Save As J.Smith.Header.jpg

6 Project: Web Banner Name: CATEGORY A B C D Student Grade Program Fluency lessons plus additional elements. Craftsmanship Excellent craftsmanship aligning and neatness. lessons. Solid craftsmanship Evidence of partial understanding of Good craftsmanship Evidence of little to no understanding of Poor craftsmanship Design Makes excellent use of font, color, graphics, enhance the presentation. Makes good use of font, color, graphics, enhance to presentation. Makes use of font, color, graphics, effects, etc. but occasionally these detract from the Use of font, color, graphics, effects etc. but these often distract from the Instructions And Directions met and exceeded. A few requirements More than one requirement and instructions are not Creativity And Inventiveness Product shows a large amount of Ideas are creative and inventive. Product shows some Work shows new ideas and insights. ideas (giving them credit), but there is little evidence of original thinking. ideas, but does not give them credit. Final Grade:

7 Project Sheet Photoshop & InDesign Project : Create a flyer for a festival or event EX: Octoberfest, Jazzfest, Cherry Blossom Festival, etc. Goals and Lessons Utilize Photoshop to adjust and manipulate images. Use InDesign to create an image heavy flyer focusing on one or more photos that emulate the festival s focus. You will need Sketches and visuals that may aid in the deign of the cards. For example...photos, logos or content. Research Before and After magazine pdf on flyer design. Specs 300 DPI CMYK 8.5 x11 Steps Research festivals Gather high resolution photos to use Incorporate photos with text in a clear and aesthetically pleasing manner Save As J.Smith.Flyer.jpg

8 Project: Event Flyer Name: CATEGORY A B C D Student Grade Program Fluency lessons plus additional elements. Craftsmanship Excellent craftsmanship aligning and neatness. lessons. Solid craftsmanship Evidence of partial understanding of Good craftsmanship Evidence of little to no understanding of Poor craftsmanship Design Makes excellent use of font, color, graphics, enhance the presentation. Makes good use of font, color, graphics, enhance to presentation. Makes use of font, color, graphics, effects, etc. but occasionally these detract from the Use of font, color, graphics, effects etc. but these often distract from the Instructions And Directions met and exceeded. A few requirements More than one requirement and instructions are not Creativity And Inventiveness Product shows a large amount of Ideas are creative and inventive. Product shows some Work shows new ideas and insights. ideas (giving them credit), but there is little evidence of original thinking. ideas, but does not give them credit. Final Grade:

9 Project Sheet InDesign Project : Create a magazine spread with at least one full bleed image and bodies of placeholder text. The theme will be Three Days in Paradise. Goals and Lessons Utilize InDesign s photo placement, text boxes, links palette, and vector elements to create a visually appealing two page article. You will need Three high resolution images of a destination. Research Before and After magazine pdf on Many from One Specs CMYK Print Intent 8.5 x 11 Portrait Facing pages 3 Pages.125 Bleed.125 Margin 1 Column Steps Research festivals Gather high resolution photos to use Incorporate photos with text in a clear and aesthetically pleasing manner Save As J.Smith.Paradise.jpg

10 Project: Magazine Spread Name: CATEGORY A B C D Student Grade Program Fluency lessons plus additional elements. Craftsmanship Excellent craftsmanship aligning and neatness. lessons. Solid craftsmanship Evidence of partial understanding of Good craftsmanship Evidence of little to no understanding of Poor craftsmanship Design Makes excellent use of font, color, graphics, enhance the presentation. Makes good use of font, color, graphics, enhance to presentation. Makes use of font, color, graphics, effects, etc. but occasionally these detract from the Use of font, color, graphics, effects etc. but these often distract from the Instructions And Directions met and exceeded. A few requirements More than one requirement and instructions are not Creativity And Inventiveness Product shows a large amount of Ideas are creative and inventive. Product shows some Work shows new ideas and insights. ideas (giving them credit), but there is little evidence of original thinking. ideas, but does not give them credit. Final Grade:

11 Project Sheet Illustrator Project : Letter or Word Logo created in Illustrator Goals and Lessons Utilize Illustrator s transformation and text tools to create a logo or word that symbolizes a company or group. You will need Rough sketches of ideas. Research Before and After magazine pdf on logo design. Specs 6 x6 square OR 6 x8 rectangle vertical or horizontal Steps Research logos and vector recreations of words. Rough out ideas in illustrator or on paper. Research fonts and create outlines. Save As J.Smith.Logo.jpg

12 Project: Illustrator Logo Name: CATEGORY A B C D Student Grade Program Fluency lessons plus additional elements. Craftsmanship Excellent craftsmanship aligning and neatness. lessons. Solid craftsmanship Evidence of partial understanding of Good craftsmanship Evidence of little to no understanding of Poor craftsmanship Design Makes excellent use of font, color, graphics, enhance the presentation. Makes good use of font, color, graphics, enhance to presentation. Makes use of font, color, graphics, effects, etc. but occasionally these detract from the Use of font, color, graphics, effects etc. but these often distract from the Instructions And Directions met and exceeded. A few requirements More than one requirement and instructions are not Creativity And Inventiveness Product shows a large amount of Ideas are creative and inventive. Product shows some Work shows new ideas and insights. ideas (giving them credit), but there is little evidence of original thinking. ideas, but does not give them credit. Final Grade:

13 Project Sheet Illustrator, Photoshop, and/or InDesign Project : Create 3 business cards for a fictitious company OR your own company or service. Ex: (self service) John Smith s Design Service or (company) ABC Landscaping Goals and Lessons Using any or all of the three programs create a successful business card that emulates the mission of the company or person the business card is for. To create three different variations of one business or service. You will need Sketches and visuals that may aid in the deign of the cards. For example...photos, logos or content. Research Before and After magazine pdf on business card design. Overnightprints.com Specs Three variations of one business on 3 picture planes. Put all final business cards into one 8.5 x11 vertical document. Use measurements from Overnightprints.com start file for business cards. Steps Download start file from overnightprints.com Research and decide on one company or service Sketch out ideas for one sided business cards (digitally or traditionally) Create each card in program of choice Bring all cards together in InDesign document and save as a print pdf. Save As J.Smith.BusCards.pdf

14 Project: Business Cards Name: CATEGORY A B C D Student Grade Program Fluency lessons plus additional elements. Craftsmanship Excellent craftsmanship aligning and neatness. lessons. Solid craftsmanship Evidence of partial understanding of Good craftsmanship Evidence of little to no understanding of Poor craftsmanship Design Makes excellent use of font, color, graphics, enhance the presentation. Makes good use of font, color, graphics, enhance to presentation. Makes use of font, color, graphics, effects, etc. but occasionally these detract from the Use of font, color, graphics, effects etc. but these often distract from the Instructions And Directions met and exceeded. A few requirements More than one requirement and instructions are not Creativity And Inventiveness Product shows a large amount of Ideas are creative and inventive. Product shows some Work shows new ideas and insights. ideas (giving them credit), but there is little evidence of original thinking. ideas, but does not give them credit. Final Grade:

15 CS Overview Uarts - Final Quiz Name: Please circle the correct answer. 1. CMYK is used for... Print Web 2. RGB is primarily used for... Print Web 3. What is the standard resolution (DPI) to use for printing? 300DPI 100DPI 72Dpi 600dpi 4. Adobe Photoshop is used for... A. Image manipulation B. Digital painting C. Graphic design D. All of the above 5. Adobe Illustrator is a vector program. One of the benefits of working in Illustrator is: A. It allows you to modify photos B. It creates work that can be scaled to any size without degradation of quality C. It offers a multi page format similar to a book or magazine D. It allows us to create animation 6. Adobe InDesign is used for... A. Page design B. Creation of Interactive PDFs C. Creation of multiple page projects and small one page projects D. All of the above

16 7. If you scan a picture at 300 DPI at 4 x 6 and want to print it out at 8 x 12 the picture will be... A. A sharp quality B. Blurry or pixelated C. Turn black and white D. All of the above 8. To take a 72 DPI file and change the number in image size to 300 DPI will... A. Make a crisper image B. Make a blurrier image C. Not do anything D. Turn into and animation 9. When saving a file as a JPG your file... A. Becomes lossy and slowly degrades each time you save. B. Flattens all layers C. Becomes a smaller and more manageable file D. All of the above 10. Circle all of the Adobe native file formats..ai.psd.jpg.indd