New Industry began 1984 and 1985 Apple Macintosh; first desktop computer that was easy to use and had enough graphics power GUI- Graphical User Interface GUI computer - First computer to use file and folder icons, drop-down menus, and mouse to perform actions with the computer Apple LaserWriter; laser printer with high speed and resolution to print graphicsquality images Aldus PageMaker; electronic page layout software Prior to computers, traditional workflow included: Hand-drawn presentations Process cameras Mechanicals Platemaking The Design Revolution Development of new graphic software Printers go digital Computer systems more powerful Workflow faster and more efficient It Starts With Creativity Good design is created with a basic understanding of: - Design processes - Theories and concepts of design Designer/client relationship governs the entire design process The Design Process Define the problem What does the client want? Print or digital media? Budget? Timeframe? Target market Research the project Research to understand the client and the project Research sources: - Internet - Company salespeople/showroom - Visit competitors and compare products and services 1 Create thumbnails and roughs Thumbnails: –Small, fast sketches used to explore solutions Roughs: Tighter, more visually refined, Manually or on the computer, with required or potential formats, layouts, typography, and color for each idea Prepare comprehensives -An accurate reproduction of potential solutions to the client’s problem -Often created on the computer, with type, photography, and illustrations in position to show the client what each idea looks like -Also known as “comps” Review and refine the design -Comps submitted to client -Client and Designer work together to choose which idea will work best -Sometimes ideas are combined -Process continues until client is satisfied Design elements –Line - Line properties are Length, Width, Style, Color, Shape, Value, Color, Texture, Space Design principles –Balance, Proximity, Alignment, Unity, Emphasis, Rhythm Introducing Vector-Draw Adobe Illustrator- Produce fine art drawings –Vector objects are paths plotted by mathematical points –Resolution-independent –Fully scalable Retains high-quality output Beautiful detail and style Adobe Illustrator- Produce fine art drawings -Complex technical drawings -High degree of realism -Simulate airbrush and watercolor -Advanced typography Create Shapes Using Stroke and Fill -Process color-Combines four ink colors printed one on top of other to re-create full color Referred to as CMYK Cyan Magenta Yellow K for Black Stroke - Applied to any line. Thickness, color, line style or, texture. A color model is how color is described within a system of color reproduction Grayscale -Shades created by varying combinations of black and white Computer graphics printers output 256 shades of gray Grayscale handled as screen tint of black –Limited budgets, one-color jobs 2 Microsoft Word Drawing Toolbar 3 Print Graphics Questions 1. ________________ ______________ are independent of the text; inline graphics are attached to the text and move with it. 2. _______________ is a picture or drawing created with the intention that artwork will be used by others. ________________ is packaged with desktop publishing software or can be purchased separately. 3. What graphic file types can you use in print documents? ______________________________ and ______________________________ 4. What are two options for text wrapping? 5. In desktop publishing, what is one use for a watermark? Introduction to Computer Graphics Book Questions 6. Prior to computers, what methods were used to create design publications? Please list 3 of the 4 methods. 7. Please explain the 4 steps in The Design Process and briefly describe each one. 8. What is the difference between vector and bit mapped software? Please name an example of each one and briefly describe what they are used for. 9. Give 3 examples of how you could research a project. 10. Process color combines four ink colors printed one on top of other to re-create full color. What does CYMK stand for? 11. What are thumnails and why are they an important process in design? 12. You are working in Photoshop and you placed an image on the page. You have 5 layers of pictures. You realize that the picture you just pasted is too large. What steps and tools will you do in order for the image to fit? 13. How does a flatbed scanner work? 4