{"id":25458,"date":"2021-09-16T00:24:07","date_gmt":"2021-09-16T04:24:07","guid":{"rendered":"https:\/\/studentwork.prattsi.org\/infovis\/?p=25458"},"modified":"2021-09-17T21:04:47","modified_gmt":"2021-09-18T01:04:47","slug":"the-history-of-adobe","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/timelines\/the-history-of-adobe\/","title":{"rendered":"The history of adobe"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ms-f7-sites-01-cdn.azureedge.net\/docs\/stories\/adobe-partner-professional-services-azure\/resources\/d8a9afad-51c3-4f8d-a25b-e4efe56fb9cc\/1099376719246518507_1099376719246518507\" alt=\"Microsoft Customer Story-Adobe runs its vast open-source application  portfolio in Azure\" width=\"604\" height=\"298\" \/><\/figure><\/div>\n\n\n\n<p>Speaking of visualization, the first thing that came up to my mind was Adobe\u2019s software. I believe every incoming designer must have seen a job requirement that says \u201cproficient in Adobe Creative Suite\u201d during recruitment. Thus, in this lab report, I\u2019ll be exploring the history of Adobe, particularly the invention of its major design software and how the software impacts us today.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1BpdjEkpaLSjLwYUGsZ7DwNdiW9RN1NzQN4HFRs07loM&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650\">View the timeline<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Process<\/h2>\n\n\n\n<p>To illustrate how Adobe has paved the path for the design field, a timeline visualization was created in&nbsp;<a href=\"https:\/\/timeline.knightlab.com\/\">TimelineJS<\/a>. TimelineJS is an open-source tool from Knight Lab that creates visual and interactive storytelling for a timeline of events. Data was manually inputted into a Google spreadsheet template provided by TimelineJS and linked to the timeline visualization. This data included dates, written descriptions, and images for the historical events selected.<\/p>\n\n\n\n<p>The primary data points were collected from three key sources.&nbsp;The first one is <a href=\"https:\/\/www.computerworld.com\/article\/2517120\/adobe-creative-suite--the-history.html\">Adobe Creative Suite: The history<\/a> which lists the 20-year history of Adobe&#8217;s graphics software. The second one is the <a href=\"https:\/\/www.zippia.com\/adobe-careers-189\/history\/\">Adobe Company History Timeline<\/a> listed by Zippia, which contains more information about Adobe\u2019s executive team and its business impacts. The third source is a summarized <a href=\"https:\/\/www.siliconvalleyhistorical.org\/adobe-corporation-history\">Adobe Corporation History<\/a> provided by Silicon Valley Historical Association, which gives more details about the two founders John Warnock and Chuck Geschke.<\/p>\n\n\n\n<p>Most of the images that were chosen are logos of the Adobe software that people are familiar with, so people can understand what the event is about at first sight without even reading the texts. Some of the images are used to illustrate the development of certain software functions so that the shift can be conveyed more clearly.<\/p>\n\n\n\n<p>After I completed the first draft of the History of Adobe, I sent my timeline to Rachel for review. Rachel provided me constructive feedback that I could improve my visualization by including more interactive visuals like videos rather than just images. Therefore, I replaced the images of the first Adobe Illustrator and Photoshop with videos in which the creators demonstrated the first version of the products. Including videos not only conveys the initial version of the products more clearly but also makes reading the timeline more engaging.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=740%2C331\" alt=\"\" class=\"wp-image-25469\" width=\"740\" height=\"331\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=1024%2C458&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=768%2C343&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=1536%2C686&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=2048%2C915&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=800%2C358&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?resize=400%2C180&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/%E6%88%AA%E5%B1%8F2021-09-15-%E4%B8%8B%E5%8D%8811.25.16.png?w=2520 2520w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><figcaption>Replaced Image with Video<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Results<\/h2>\n\n\n\n<p>The resulting <a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1BpdjEkpaLSjLwYUGsZ7DwNdiW9RN1NzQN4HFRs07loM&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650\">timeline<\/a> illustrates a succinct visual history of the progression of Adobe\u2019s software. Found in 1982 by John Warnock and Charles Geschke, Adobe has been delivering award-winning software and technologies that have redefined and advanced business and personal communications since then.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.csdsinc.com\/wp-content\/uploads\/2018\/03\/Adobe-Postscript-logo.png?resize=336%2C148&#038;ssl=1\" alt=\"\" width=\"336\" height=\"148\" \/><\/figure><\/div>\n\n\n\n<p>Their first product, PostScript\u00ae, incorporates a page-description language that enables a computer file to be printed exactly as it appears on the screen. By the late \u201980s and early \u201990s, digital documentation and work systems were quickly progressing, and their graphic and print technologies were revolutionizing the print industry as a modern publishing workflow. The growing success of their technologies would establish the company as a reliable and high-quality solutions provider. Today, enterprises around the world rely on Adobe PostScript for accurately printing documents from any application.<\/p>\n\n\n\n<p>From their early success, the two men quickly expanded their focus to desktop software applications, helping ignite the desktop publishing revolution. Released in 1986 and 1990, Adobe Illustrator\u00ae and Adobe Photoshop\u00ae were groundbreaking software that redefined the quality and complexity of images that could be created for print, and now, in later versions, extends those benefits to video, film, and the Web. Nowadays, more than 90% of creative professionals worldwide have Photoshop software, for digital image editing and creation, on their desktops.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/i.pinimg.com\/originals\/6a\/2c\/7f\/6a2c7fbba876d5406dd408489aa056f6.png?resize=362%2C201&#038;ssl=1\" alt=\"\" width=\"362\" height=\"201\" \/><figcaption>The first Adobe Illustrator<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/petapixel.com\/assets\/uploads\/2013\/02\/photoshopv1a.jpg?resize=396%2C202&#038;ssl=1\" alt=\"\" width=\"396\" height=\"202\" \/><figcaption>The first Adobe Photoshop<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>The 1990s saw more exciting additions to Adobe\u2019s line of powerful, creative solutions. Adobe Premiere and Adobe After Effects became essential tools for motion graphics, visual effects, and digital video editing. In 1996 Adobe Flash\u00ae\u2014which today is installed on nearly 98% of all Internet-connected desktops\u2014began providing the most advanced way to create interactive Websites, interact with digital games and entertainment, and drive mobile content. In 1997 Adobe Dreamweaver became the must-have application for designing, developing, and maintaining Websites. And in 1999 Adobe launched InDesign\u00ae, a professional layout and design software that provides sophisticated graphics and typography.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/fixthephoto.com\/blog\/UserFiles\/Image\/img\/premiere-1-0-version-interface.png?resize=413%2C275&#038;ssl=1\" alt=\"\" width=\"413\" height=\"275\" \/><figcaption>Adobe Premiere 1.0<\/figcaption><\/figure><\/div>\n\n\n\n<p>In January 2000 Adobe was named one of the 100 best companies to work for in America by Fortune. As Adobe approached a new era, it planned to increase profitability and continue developing cutting-edge technological solutions for publishers, graphic and Web designers, and businesses.&nbsp;<\/p>\n\n\n\n<p>After 21 years, Adobe\u2019s commitment to revolutionizing how people engage with ideas and information is as strong today as it was in 1982. Nearly all text and images seen in magazines, on billboards, in movies, and digital devices\u2014have been touched by Adobe software. With its focus on innovation, Adobe continues to reinvent how the world creates, perceives, and engages with information.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/ladyoak.com\/wp-content\/uploads\/2020\/12\/1609158002_maxresdefault.jpg?fit=1280%2C720&amp;ssl=1\" alt=\"\" width=\"637\" height=\"358\" \/><figcaption>Adobe Products 2021<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Reflections<\/h2>\n\n\n\n<p>I personally enjoyed using TimelineJS a lot because it is highly beginner-friendly and enables to accomplish a simple visualization very easily. As TimelineJS only requires a <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1BpdjEkpaLSjLwYUGsZ7DwNdiW9RN1NzQN4HFRs07loM\/edit?usp=sharing\">Google Spreadsheet<\/a>, creators can visualize timelines by simply filling in a spreadsheet and pulling in media from different sources, which makes TimelineJS very intuitive and quick to update for creators. The interactive feature also makes the navigation more engaging and visually appealing for readers. However, there are still a few weaknesses of this tool. Though I understand that TimelineJS wants to make the visual layout as concise and clean as possible, I still found it a bit frustrating that I could not have multiple paragraphs displayed for the same event no matter how I edited the Google Spreadsheet. Moreover, regardless of how I changed the font styles to bold or italic, none of them can be shown on the published page. I also hope that creators can upload more than one media per event so that the content could be more enriched.<\/p>\n\n\n\n<p>For this visualization of Adobe\u2019s history, the current timeline is primarily focused on the invention of Adobe software from the 1980s to 2000. Since the timeline only shows a small corner of the history of Adobe, it is limited on the length and breadth it covers. In the future iterations, I would like to add more events to the timeline and link the development of Adobe more closely with the cultural and economic backgrounds back then, including the evolution of graphics and printing industries as well as the digital era in the 21st century. I look forward to how Adobe continues to innovate and reinvent the way the world creates, perceives, and engages with information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">References<\/h2>\n\n\n\n<p>\u201cAbout Adobe.\u201d <em>Adobe<\/em>, 2021, www.adobe.com\/about-adobe.html.<\/p>\n\n\n\n<p>\u201cAdobe Company History Timeline.\u201d <em>Zippia<\/em>, 28 July 2021, www.zippia.com\/adobe-careers-189\/history\/.<\/p>\n\n\n\n<p>\u201cAdobe Corporation History.\u201d <em>Silicon Valley Historical Association<\/em>, 2008, www.siliconvalleyhistorical.org\/adobe-corporation-history.<\/p>\n\n\n\n<p>\u201cAdobe Creative Suite Products 2021.\u201d <em>Ladyoak<\/em>, i0.wp.com\/ladyoak.com\/wp-content\/uploads\/2020\/12\/1609158002_maxresdefault.jpg?fit=1280%2C720&amp;ssl=1.<\/p>\n\n\n\n<p>\u201cAdobe Illustrator 88.\u201d <em>Pinterest<\/em>, i.pinimg.com\/originals\/6a\/2c\/7f\/6a2c7fbba876d5406dd408489aa056f6.png.<\/p>\n\n\n\n<p>\u201cAdobe Photoshop 1.0.\u201d <em>PetaPixel<\/em>, 14 Feb. 2014, petapixel.com\/2013\/02\/14\/photoshop-v1-0-1-source-code-released\/.<\/p>\n\n\n\n<p>\u201cAdobe Postscript Logo.\u201d <em>California Surveying &amp; Drafting Supply<\/em>, 27 Mar. 2018, www.csdsinc.com\/blog\/adobe-postscript-improves-printing\/.<\/p>\n\n\n\n<p>\u201cAdobe Premiere 1.0.\u201d <em>Fix the Photo<\/em>, 2021, fixthephoto.com\/adobe-premiere-versions.html.<\/p>\n\n\n\n<p>Yegulalp, Serdar. \u201cAdobe Creative SUITE: The History.\u201d <em>Computerworld<\/em>, Computerworld, 12 Apr. 2010, www.computerworld.com\/article\/2517120\/adobe-creative-suite&#8211;the-history.html.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Speaking of visualization, the first thing that came up to my mind was Adobe\u2019s software. I believe every incoming designer must have seen a job requirement that says \u201cproficient in Adobe Creative Suite\u201d during recruitment. Thus, in this lab report, I\u2019ll be exploring the history of Adobe, particularly the invention of its major design software&hellip;<\/p>\n","protected":false},"author":3908,"featured_media":25583,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[339],"tags":[1680,5,189,120],"coauthors":[1670],"class_list":["post-25458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-timelines","tag-history-of-adobe","tag-information-visualization","tag-timeline","tag-timelinejs-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/adobe-logo-2.jpg?fit=800%2C241&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-6CC","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/3908"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=25458"}],"version-history":[{"count":8,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25458\/revisions"}],"predecessor-version":[{"id":25581,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25458\/revisions\/25581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/25583"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=25458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=25458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=25458"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=25458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}