{"id":696,"date":"2017-04-17T23:50:53","date_gmt":"2017-04-18T03:50:53","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/part\/chapter-1-the-metaphor-of-using-graphics-applications\/"},"modified":"2020-09-02T15:22:04","modified_gmt":"2020-09-02T19:22:04","slug":"chapter-1-the-metaphor-of-using-graphics-applications","status":"publish","type":"part","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/part\/chapter-1-the-metaphor-of-using-graphics-applications\/","title":{"raw":"ACC Chapter 1: The Metaphor of Using Graphics Applications","rendered":"ACC Chapter 1: The Metaphor of Using Graphics Applications"},"content":{"raw":"<div class=\"textbox\">\r\n<h2>Download Materials for Chapter 1<\/h2>\r\n<div>\r\n\r\n<a href=\"http:\/\/digitalfoundations.net\/downloads\/ch01-files.zip\">Click here to download the chapter 1 work files<\/a>\r\n\r\nYou will use the file Egon_Schiele_009.jpg \u00a0to begin the last exercise in Chapter 1. You can also download the \u00a0final Adobe Illustrator file to see how we completed it. Download the chapter 1 work files \u00a0and view the completed example \"ch1-ourfinalfile.ai\".\r\n<h2>Screencast for Chapter 1<\/h2>\r\nhttps:\/\/www.youtube.com\/watch?v=On05qURhYFE&amp;feature=youtu.be\r\n\r\nView this video (14.38min) for a digital walk-through of the Chapter exercises 1-4. Information is presented that is not in the content shown below. Tips and tricks are also presented on working with color, shapes, layers and more. Reference is made to Adobe Creative Suite version 6 (CS6) but the information still applies to the current Adobe Creative Cloud version.\r\n\r\n<\/div>\r\n<\/div>\r\n<h2>\u00a0Visual References<\/h2>\r\n[caption id=\"attachment_692\" align=\"alignnone\" width=\"500\"]<a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/04\/7538108706_c391320cd0_o.jpg\"><img class=\"wp-image-19\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/04\/7538108706_c391320cd0_o-scaled.jpg\" alt=\"NASA High Speed Flight Station Computer Room\" width=\"500\" height=\"445\" \/><\/a> \"NACA High Speed Flight Station \"Computer\" Room: Early \"computers\" at work, summer 1949.\" by <a href=\"https:\/\/www.flickr.com\/photos\/nasacommons\/\">NASA on The Commons<\/a> is in the Public Domain[\/caption]\r\n<h2>Metaphor<\/h2>\r\nComputer software interfaces are built on metaphors. These metaphors link the digital interface to real life tools and processes.\r\n\r\nAn operating system is software that we use to operate the computer. The operating systems we encounter most often are Mac OS, Windows, or Linux. These operating systems use graphical interfaces to enable us to create, move, and delete files, and use other software to edit the contents of those files.\r\n\r\nRegardless of the operating system you are using, most share a few central metaphors such as document, folder, file system, and desktop. Before today\u2019s so-called \u201cpaperless office,\u201d office workers created documents on paper, filed them in folders, and organized the folders in cabinets near their desks. The most important or current project folders might have been sitting on their desktops. Of course the original paper system persists alongside the computerized system, as well as in the computer\u2019s metaphorical structure.\r\n\r\nIf the operating system is like your home office, design software is like your studio. The metaphors of design software are built around the tools of the artist and designer: pencils, brushes, palettes, artboards, and photographic equipment. These tools do what you would expect: pencils make hard-edged lines, brushes make hard and soft-edged areas of color, colors are mixed in the Color panel.\r\n\r\n[caption id=\"attachment_692\" align=\"alignnone\" width=\"225\"]<img class=\"size-full wp-image-692\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/04\/ch1fig2.png\" alt=\"The Adobe Illustrator panel\" width=\"225\" height=\"656\" \/> A look at the Adobe panels. Starting at the top: Illustrator Panel[\/caption]\r\n\r\n[caption id=\"attachment_692\" align=\"alignnone\" width=\"212\"]<img class=\"size-full wp-image-601\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch1fig3-1.png\" alt=\"Adobe Photoshop panel\" width=\"212\" height=\"717\" \/> Adobe Photoshop Panel[\/caption]\r\n\r\n[caption id=\"attachment_692\" align=\"alignnone\" width=\"225\"]<img class=\"size-full wp-image-602\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch1fig4-1.png\" alt=\"Dreamweaver Panel\" width=\"225\" height=\"685\" \/> Dreamweaver\u00a0panel. The panels are located to the right of your workspace.[\/caption]\r\n\r\n[caption id=\"attachment_692\" align=\"alignnone\" width=\"225\"]<img class=\"size-full wp-image-603\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch1fig5-1.png\" alt=\"Flash Panel\" width=\"225\" height=\"600\" \/> Flash panel. Panel choices will depend on your Workspace setting.[\/caption]\r\n\r\nThese metaphors are consistent across the graphical interfaces of operating systems and design applications. For example, the panels and the tools look and behave in the same way \u2014 despite subtle application differences \u2014 in Adobe\u2019s Illustrator, Photoshop, InDesign, Dreamweaver, and Flash. Learning the metaphors and similarities among these application interfaces will be one of the fastest routes to mastering the tools.","rendered":"<div class=\"textbox\">\n<h2>Download Materials for Chapter 1<\/h2>\n<div>\n<p><a href=\"http:\/\/digitalfoundations.net\/downloads\/ch01-files.zip\">Click here to download the chapter 1 work files<\/a><\/p>\n<p>You will use the file Egon_Schiele_009.jpg \u00a0to begin the last exercise in Chapter 1. You can also download the \u00a0final Adobe Illustrator file to see how we completed it. Download the chapter 1 work files \u00a0and view the completed example &#8220;ch1-ourfinalfile.ai&#8221;.<\/p>\n<h2>Screencast for Chapter 1<\/h2>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"Digital Foundations: Chapter 1 in Illustrator\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/On05qURhYFE?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>View this video (14.38min) for a digital walk-through of the Chapter exercises 1-4. Information is presented that is not in the content shown below. Tips and tricks are also presented on working with color, shapes, layers and more. Reference is made to Adobe Creative Suite version 6 (CS6) but the information still applies to the current Adobe Creative Cloud version.<\/p>\n<\/div>\n<\/div>\n<h2>\u00a0Visual References<\/h2>\n<figure id=\"attachment_692\" aria-describedby=\"caption-attachment-692\" style=\"width: 500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/openoregon.pressbooks.pub\/app\/uploads\/sites\/23\/2017\/04\/7538108706_c391320cd0_o.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-19\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/04\/7538108706_c391320cd0_o-scaled.jpg\" alt=\"NASA High Speed Flight Station Computer Room\" width=\"500\" height=\"445\" \/><\/a><figcaption id=\"caption-attachment-692\" class=\"wp-caption-text\">&#8220;NACA High Speed Flight Station &#8220;Computer&#8221; Room: Early &#8220;computers&#8221; at work, summer 1949.&#8221; by <a href=\"https:\/\/www.flickr.com\/photos\/nasacommons\/\">NASA on The Commons<\/a> is in the Public Domain<\/figcaption><\/figure>\n<h2>Metaphor<\/h2>\n<p>Computer software interfaces are built on metaphors. These metaphors link the digital interface to real life tools and processes.<\/p>\n<p>An operating system is software that we use to operate the computer. The operating systems we encounter most often are Mac OS, Windows, or Linux. These operating systems use graphical interfaces to enable us to create, move, and delete files, and use other software to edit the contents of those files.<\/p>\n<p>Regardless of the operating system you are using, most share a few central metaphors such as document, folder, file system, and desktop. Before today\u2019s so-called \u201cpaperless office,\u201d office workers created documents on paper, filed them in folders, and organized the folders in cabinets near their desks. The most important or current project folders might have been sitting on their desktops. Of course the original paper system persists alongside the computerized system, as well as in the computer\u2019s metaphorical structure.<\/p>\n<p>If the operating system is like your home office, design software is like your studio. The metaphors of design software are built around the tools of the artist and designer: pencils, brushes, palettes, artboards, and photographic equipment. These tools do what you would expect: pencils make hard-edged lines, brushes make hard and soft-edged areas of color, colors are mixed in the Color panel.<\/p>\n<figure id=\"attachment_692\" aria-describedby=\"caption-attachment-692\" style=\"width: 225px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-692\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/04\/ch1fig2.png\" alt=\"The Adobe Illustrator panel\" width=\"225\" height=\"656\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/04\/ch1fig2.png 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/04\/ch1fig2-103x300.png 103w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/04\/ch1fig2-65x190.png 65w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><figcaption id=\"caption-attachment-692\" class=\"wp-caption-text\">A look at the Adobe panels. Starting at the top: Illustrator Panel<\/figcaption><\/figure>\n<figure id=\"attachment_692\" aria-describedby=\"caption-attachment-692\" style=\"width: 212px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-601\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch1fig3-1.png\" alt=\"Adobe Photoshop panel\" width=\"212\" height=\"717\" \/><figcaption id=\"caption-attachment-692\" class=\"wp-caption-text\">Adobe Photoshop Panel<\/figcaption><\/figure>\n<figure id=\"attachment_692\" aria-describedby=\"caption-attachment-692\" style=\"width: 225px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-602\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch1fig4-1.png\" alt=\"Dreamweaver Panel\" width=\"225\" height=\"685\" \/><figcaption id=\"caption-attachment-692\" class=\"wp-caption-text\">Dreamweaver\u00a0panel. The panels are located to the right of your workspace.<\/figcaption><\/figure>\n<figure id=\"attachment_692\" aria-describedby=\"caption-attachment-692\" style=\"width: 225px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-603\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/ch1fig5-1.png\" alt=\"Flash Panel\" width=\"225\" height=\"600\" \/><figcaption id=\"caption-attachment-692\" class=\"wp-caption-text\">Flash panel. Panel choices will depend on your Workspace setting.<\/figcaption><\/figure>\n<p>These metaphors are consistent across the graphical interfaces of operating systems and design applications. For example, the panels and the tools look and behave in the same way \u2014 despite subtle application differences \u2014 in Adobe\u2019s Illustrator, Photoshop, InDesign, Dreamweaver, and Flash. Learning the metaphors and similarities among these application interfaces will be one of the fastest routes to mastering the tools.<\/p>\n","protected":false},"parent":0,"menu_order":5,"template":"","meta":{"pb_part_invisible":false,"pb_part_invisible_string":""},"contributor":[],"license":[],"class_list":["post-696","part","type-part","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/types\/part"}],"version-history":[{"count":6,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/696\/revisions"}],"predecessor-version":[{"id":1383,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/696\/revisions\/1383"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=696"}],"wp:term":[{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=696"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}