{"id":4020,"date":"2025-01-22T13:53:54","date_gmt":"2025-01-22T13:53:54","guid":{"rendered":"http:\/\/mycours.es\/digitalmedia\/?page_id=4020"},"modified":"2025-03-10T13:02:20","modified_gmt":"2025-03-10T13:02:20","slug":"artificial-creativity-speculative-publication","status":"publish","type":"page","link":"http:\/\/mycours.es\/digitalmedia\/artificial-creativity-speculative-publication\/","title":{"rendered":"Artificial Creativity: Speculative Publication (InDesign)"},"content":{"rendered":"<p><strong>Assignment: Compile your AI-generated &#8220;artifact&#8221; into a magazine article or a print ad.<\/strong><br \/>\n<strong>You should try to generate the text with ChatGPT but feel free to edit it or write your own words.<br \/>\n<\/strong><strong>As a writing style reference you should use the Smithsonian magazine, a history\/science\/technology\/art\/travel publication.<br \/>\n<\/strong><strong>You can use up to 6 pages, depending on the project.<br \/>\n<\/strong><br \/>\n<a href=\"https:\/\/drive.google.com\/file\/d\/1Hf3bnM87ZbTBUWOd9UZfARXkWon0MexX\/view?usp=sharing\"><strong>We will use this InDesign template as a starting point.<\/strong><\/a><br \/>\nFeel free to change the layouts entirely, just try to keep it consistent so they articles will look like they belong to the same magazine.<\/p>\n<p>Let&#8217;s look at some physical magazines<br \/>\nYou can find a lot of references if you look up specific magazine titles on <a href=\"https:\/\/archive.org\/search?query=smithsonian+magazine\">Archive.org<\/a><\/p>\n<p><a href=\"https:\/\/www.zekagraphic.com\/10-common-graphic-design-mistakes-to-avoid\/\">10 Graphic design mistakes to avoid<\/a> (plus a <a href=\"https:\/\/www.entheosweb.com\/8-common-print-design-mistakes-and-how-to-avoid-them\/\">couple of extra ones<\/a>)<\/p>\n<h2>Basic InDesign tips<\/h2>\n<p>To change units: edit &gt; preferences &gt; units &amp; increments<\/p>\n<p>Pan &#8211; space left click<\/p>\n<p>Zoom &#8211; alt + scroll<\/p>\n<p>View &gt; screen mode &gt; preview and normal<\/p>\n<p>You can change the layout of the interface on the top right. Default is essentials, I&#8217;ll be using the advanced preset.<br \/>\nIf you can&#8217;t see a panel go to the &#8220;window&#8221; menu.<\/p>\n<p><iframe loading=\"lazy\" title=\"Learn Adobe InDesign in 11 MINUTES! | Formatting, Tools, Layout, Text Etc. | 2023 Beginner Basics\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/wF_fu1wcT0Y?start=181&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Layers and groups<\/h2>\n<p>Like most applications inDesign has layers and groups.<\/p>\n<p>Let&#8217;s do a quick recap.<\/p>\n<h2>Fills and Strokes<\/h2>\n<p>A key aspect of vector graphics. Let&#8217;s play around with them.<\/p>\n<h2>Text<\/h2>\n<p>A few things to try.<\/p>\n<p>Changing advanced typographic settings.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=d_5QoSK3ZAo\">Linking textboxes<\/a> with the import and outport handles.<\/p>\n<p>Anchoring a graphic element to a text box with the anchor handle.<\/p>\n<p>Let&#8217;s briefly look at the <a href=\"https:\/\/www.youtube.com\/watch?v=pG9JkAPLgs8\"><strong>paragraph styles<\/strong> and <strong>character styles<\/strong><\/a>.<\/p>\n<h2>Bleed, gutter, and safety margins.<\/h2>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/Screenshot-2025-01-26-173500.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4036\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/Screenshot-2025-01-26-173500.png\" alt=\"\" width=\"1061\" height=\"691\" srcset=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/Screenshot-2025-01-26-173500.png 1061w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/Screenshot-2025-01-26-173500-800x521.png 800w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/Screenshot-2025-01-26-173500-1024x667.png 1024w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/Screenshot-2025-01-26-173500-768x500.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<h3>Fonts<\/h3>\n<p>The template provided uses on fonts from the Adobe cloud. You want to ADD them the first time you open the document.<\/p>\n<p>Let&#8217;s install some free fonts from Adobe creative cloud<br \/>\n<a href=\"https:\/\/fonts.adobe.com\/fonts\/source-serif\">https:\/\/fonts.adobe.com\/fonts\/source-serif<\/a><br \/>\n<a href=\"https:\/\/fonts.adobe.com\/fonts\/ofl-sorts-mill-goudy\">https:\/\/fonts.adobe.com\/fonts\/ofl-sorts-mill-goudy<\/a><\/p>\n<p>From Google<br \/>\n<a href=\"https:\/\/fonts.google.com\/\">https:\/\/fonts.google.com\/<\/a><\/p>\n<p>From dafont<br \/>\n<a href=\"https:\/\/www.dafont.com\/\">https:\/\/www.dafont.com\/<\/a><\/p>\n<h2>Frames<\/h2>\n<p><iframe loading=\"lazy\" title=\"Understanding Frames in InDesign | Digital Publishing with Your Students\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/wKA6zgBy6sQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>A designer may start to layout a project before all the content is ready by using frames, typically text boxes and image frames.<\/p>\n<h2>Placing\/importing images<\/h2>\n<p>Indesign will import the image but also retain the link to the original file in case you need to edit it.<br \/>\nSo create a folder for the project and put all of your images in there before you import them.<br \/>\nLet&#8217;s try to modify an imported image.<\/p>\n<p>Use the central circle to position the image within the frame (it will be cropped) or the handles to change the box.<\/p>\n<p>Right click on the image and try fitting the content to the frame proportionally or vice versa.<\/p>\n<h2>Image Resolution<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4037\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/imaginejpg_74e3fabd16.jpg\" alt=\"\" width=\"1600\" height=\"1380\" srcset=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/imaginejpg_74e3fabd16.jpg 1600w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/imaginejpg_74e3fabd16-696x600.jpg 696w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/imaginejpg_74e3fabd16-1024x883.jpg 1024w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/imaginejpg_74e3fabd16-768x662.jpg 768w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/imaginejpg_74e3fabd16-1536x1325.jpg 1536w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/imaginejpg_74e3fabd16-1200x1035.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/>Use 72 DPI for project that will be seen on screen (website, social media designs) and 300 DPI for high quality print.<\/p>\n<p>Let&#8217;s see what happens when we change the resolution in photoshop.<\/p>\n<p>You can also use an <a href=\"https:\/\/imgupscaler.com\/\">AI upscaler<\/a> or the <a href=\"https:\/\/www.youtube.com\/watch?v=G5gEGmWSHfo\">Photoshop&#8217;s super zoom<\/a> to <strong>allucinate<\/strong> the details preserving the crispness of the image.<\/p>\n<h2>CMYK vs RGB<\/h2>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/rgb-cmyk-edited.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4042\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/rgb-cmyk-edited.png\" alt=\"\" width=\"1280\" height=\"500\" srcset=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/rgb-cmyk-edited.png 1280w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/rgb-cmyk-edited-800x313.png 800w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/rgb-cmyk-edited-1024x400.png 1024w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/rgb-cmyk-edited-768x300.png 768w, http:\/\/mycours.es\/digitalmedia\/files\/2025\/01\/rgb-cmyk-edited-1200x469.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>Additive vs subtractive<br \/>\nModern printing techniques generally accept RGB files but it&#8217;s a good idea to convert your images in CMYK mode to avoid discrepancies with the final product.<\/p>\n<p>.TIFF is the most common file format for CMYK but it&#8217;s uncompressed so the files are big. Jpg also support CMYK.<\/p>\n<h2>Master Pages<\/h2>\n<p>In the paces panel above, you will see a series of master pages. Double-clicking and changing the master will affect all the pages that are under that master.<\/p>\n<h2>Exporting<\/h2>\n<p>When your project is ready for print you want to check it in preview mode and export it as High Quality PDF.<br \/>\nFile &gt; Adobe PDF presets &gt; high quality<br \/>\nAfter you select the file location you can select various options like the range (ie export only page 2-3)<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Assignment: Compile your AI-generated &#8220;artifact&#8221; into a magazine article or a print ad. You should try to generate the text with ChatGPT but feel free to edit it or write your own words. As a writing style reference you should use the Smithsonian magazine, a history\/science\/technology\/art\/travel publication. You can use up to 6 pages, depending &hellip; <a href=\"http:\/\/mycours.es\/digitalmedia\/artificial-creativity-speculative-publication\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Artificial Creativity: Speculative Publication (InDesign)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":83,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4020","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/4020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/comments?post=4020"}],"version-history":[{"count":24,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/4020\/revisions"}],"predecessor-version":[{"id":4052,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/4020\/revisions\/4052"}],"wp:attachment":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/media?parent=4020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}