{"id":3480,"date":"2023-08-26T14:53:49","date_gmt":"2023-08-26T14:53:49","guid":{"rendered":"https:\/\/williamcromar.com\/newmediawiki\/?p=3480"},"modified":"2024-01-12T14:58:28","modified_gmt":"2024-01-12T14:58:28","slug":"tension","status":"publish","type":"post","link":"https:\/\/williamcromar.com\/newmediawiki\/tension\/","title":{"rendered":"Tension"},"content":{"rendered":"\n<div class=\"wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/2d-digital-art\/\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" data-attachment-id=\"15\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/campfire300\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" data-orig-size=\"300,300\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"campfire300\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" alt=\"\" class=\"wp-image-15\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\"\/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/2d-digital-art\/\">2D digital art<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/williamcromar.com\/newmediawiki\/the-neverending-story\/\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" data-attachment-id=\"76\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/2d-digital-art\/neverending\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png\" data-orig-size=\"520,520\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"neverending\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png\" alt=\"\" class=\"wp-image-76\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending.png 520w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending-300x300.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending-150x150.png 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/neverending-100x100.png 100w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/the-neverending-story\/\">6 | neverending<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image is-style-rounded\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"773\" data-attachment-id=\"2213\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/the-neverending-story\/tension2\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2.png\" data-orig-size=\"773,773\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tension2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2.png\" alt=\"\" class=\"wp-image-2213\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2.png 773w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2-300x300.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2-150x150.png 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2-768x768.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension2-100x100.png 100w\" sizes=\"auto, (max-width: 773px) 100vw, 773px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong>tension<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/div>\n<label for=\"ez-toc-cssicon-toggle-item-69f1233220180\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f1233220180\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Multiples_creating_tension\" >Multiples: creating tension<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Deconstruction\" >Deconstruction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#First_things_first_a_controversy\" >First things first: a controversy<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#How_to_approach_this_exercise\" >How to approach this exercise<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Required_skills_to_demonstrate\" >Required skills to demonstrate<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Our_sample_general_conventions_for_faster_workflow\" >Our sample: general conventions for faster workflow<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Font_styling\" >Font styling<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Layer_locking_and_hiding\" >Layer locking and hiding<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Effects_palette\" >Effects palette<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Precision_versus_accuracy\" >Precision versus accuracy<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_tension_with_Master_pages\" >Creating tension with Master pages<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#B-Master_text_manipulation\" >B-Master text manipulation<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_tension_with_type\" >Creating tension with type<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_type_layers_and_boxes\" >Creating type layers and boxes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Placing_and_styling_the_essay_text\" >Placing and styling the essay text<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Choosing_and_spec-ing_a_font\" >Choosing and spec-ing a font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_frame_breaks\" >Creating frame breaks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Columns_and_justification\" >Columns and justification<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Placing_and_styling_featured_text\" >Placing and styling featured text<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_tension_with_images\" >Creating tension with images<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_image_layers_and_frames\" >Creating image layers and frames<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Understanding_image_frame_and_content\" >Understanding image frame and content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_a_second_layer_and_image\" >Creating a second layer and image<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Using_a_Hue_Blending_mode\" >Using a Hue Blending mode<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_tension_with_effects_and_manipulations\" >Creating tension with effects and manipulations<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Manipulate_text_box_anchors_for_non-rectangular_shape\" >Manipulate text box anchors for non-rectangular shape<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Manipulate_text_legibility\" >Manipulate text legibility<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_a_Drop_Shadow_Effect\" >Creating a Drop Shadow Effect<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Making_a_%E2%80%9Cdouble_exposure%E2%80%9D_technique\" >Making a &#8220;double exposure&#8221; technique<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Drawing_with_type_using_Create_Outlines\" >Drawing with type using Create Outlines<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Its_a_wrap\" >It&#8217;s a wrap!<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Image_credits\" >Image credits<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Creating_a_QR_code\" >Creating a QR code<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Sharing_the_file_PDF\" >Sharing the file: PDF<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Save_the_native_file\" >Save the native file<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Export_the_PDF\" >Export the PDF<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Make_images_to_share\" >Make images to share<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/#Credits\" >Credits<\/a><\/li><\/ul><\/nav><\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#eeeeee\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p class=\"has-text-align-center\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/tension.zip\">Download sample file here<\/a><\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Multiples_creating_tension\"><\/span>Multiples: creating tension<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>For this exercise, we will use the untouched Page 2 from the <strong>Unity<\/strong> exercise. This will become the platform for an approach to graphic design that resists the rules of the grid. Creating tension with a sense of chaos among type and images was part of the Futurist, Constructivist, and Dadaist anti-art aesthetic in the early 20th century.<\/p>\n\n\n\n<p>The urge to stray from the rigid surface of the grid resurfaced in the latter part of the 20th Century. Designers started taking a vested interest in a more subjective interpretation of the content that they were designing. Punk, Grunge, graffiti, and Hip Hop began to infuse visual design with a street sensibility. Neville Brody&#8217;s work on Fuse Magazine and David Carson&#8217;s Ray Gun Magazine are examples that define this aesthetic. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"750\" data-attachment-id=\"3511\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/brody_calendar\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/brody_calendar.jpg\" data-orig-size=\"750,750\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"brody_calendar\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/brody_calendar.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/brody_calendar.jpg\" alt=\"\" class=\"wp-image-3511\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/brody_calendar.jpg 750w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/brody_calendar-300x300.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/brody_calendar-150x150.jpg 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/brody_calendar-100x100.jpg 100w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\"><em>Neville Brody, Research Studios 2010 calendar<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"708\" data-attachment-id=\"3512\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/293_raygun\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/293_raygun.jpg\" data-orig-size=\"595,708\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"293_raygun\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/293_raygun.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/293_raygun.jpg\" alt=\"\" class=\"wp-image-3512\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/293_raygun.jpg 595w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/293_raygun-252x300.jpg 252w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/293_raygun-300x357.jpg 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><figcaption class=\"wp-element-caption\"><em>David Carson, Ray Gun magazine cover<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>It is important to note that Brody&#8217;s and Carson&#8217;s work can feel as chaotic as a montage by Hannah Hoch or Raoul Haussmann. But the Dadaists\u2014especially the Germans\u2014were motivated by their passionate feelings about World War I and the Industrial Revolution. The designers in the late 20th century were responding visually to a sense of stagnation in graphic design, as computer graphics made Modernist minimalism a little <em>too<\/em> easy for anyone to achieve. Today&#8217;s Deconstruction and Neo-Expressionism are descendants of these trends toward visual tension.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Deconstruction\"><\/span><strong>Deconstruction<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Carson&#8217;s work is often referred to as <strong>deconstruction<\/strong> in graphic design. In the Hillman-Curtis documentary short film about him, Carson says, &#8220;When I started doing magazines I just did what made sense to me. I read an article and tried to interpret it&#8230; So as we get more computerized, I think it becomes more important than ever that the work become more subjective, more personal&#8230; so that you pull from who you are as a person and put that into the work.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"ARTIST SERIES: David Carson\" src=\"https:\/\/player.vimeo.com\/video\/18770585?dnt=1&amp;app_id=122963\" width=\"720\" height=\"480\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Deconstruction is also a philosophical movement led by Jacques Derrida in the 1960s in which the structure of a linguistic system is revealed through a critical analysis of how it is being used. Carson&#8217;s interpretation of the essays he designed in Ray Gun attempted to expose the underlying meaning of the copy with graphic design. His method of using graphic design to reveal the hidden meanings of a text is similar to Derrida&#8217;s notion of deconstruction, albeit by using a visual methodology.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"First_things_first_a_controversy\"><\/span>First things first: a controversy<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In our exercise, we will approach a provocative text with a deconstructivist mindset. The copy we will design in response to is an essay by David Carson. Published on his website, the essay is titled <strong>first things first:<\/strong> <strong>the men in the mirror, recent thoughts on some old ideas<\/strong>. In the essay, Carson critiques the <strong><a href=\"http:\/\/maxbruinsma.nl\/index1.html?ftf2000.htm\" target=\"_blank\" rel=\"noreferrer noopener\">First Things First Manifesto 2000<\/a><\/strong>. This manifesto was an initiative of <strong>Adbusters<\/strong> magazine and others to renew the ideals outlined in an earlier manifesto, First Things First, created in 1964. The manifesto encourages graphic designers to take a critical position against value-neutral design and sparked a great deal of debate. Some designers, Carson among them, did <strong>not<\/strong> sign the manifesto. Carson&#8217;s essay revealed some of his thinking regarding why when he posted it in 2002. Originally destined for publication in <strong>Adbusters<\/strong>, it was never published. As Carson comments:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>note: this piece was orginally<\/em> [sic]<em>&nbsp;submitted as requested to adbusters magazine.they refused to publish it saying:<\/em><\/p>\n\n\n\n<p><em>\u201cThe point of the manifesto was not to hold up 33 shining examples to the design world, but to stimulate much-needed debate,\u2026\u2026\u201d<\/em><\/p>\n\n\n\n<p><em>go figure-dc<\/em><\/p>\n<cite>\u2014 David Carson<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_approach_this_exercise\"><\/span>How to approach this exercise<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Our exercise encourages you to take a subjective approach to Carson&#8217;s essay. Read it! <\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/www.davidcarsondesign.com\/t\/2002\/05\/19\/first-things-first\/\" style=\"background-color:#bbbbbb\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Read Carson&#8217;s essay at his website<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p>Then come up with a design based on your subjective understanding of the text. <\/p>\n\n\n\n<p><strong><em>That means you won&#8217;t be emulating what you see below!<\/em><\/strong> Instead of following all the data and exact design decisions in the sample file, you&#8217;ll do something else. You&#8217;ll apply a set of required skills in InDesign to your composition and organization. In other words, you are required to include every software skill we cover in the exercise, but you are free to do so in your own way.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Required_skills_to_demonstrate\"><\/span>Required skills to demonstrate<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>There are 8 software skills required to demonstrate in a successful response to this exercise. We cover how to do each of these in our sample:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Manipulate an existing <strong>Master page<\/strong><\/li>\n\n\n\n<li>Create and manipulate <strong>layers<\/strong><\/li>\n\n\n\n<li>Create <strong>text boxes<\/strong> with a variety of <strong>justifications<\/strong><\/li>\n\n\n\n<li>Manipulate <strong>images<\/strong> by understanding the difference between the <strong>frame<\/strong> and the <strong>content<\/strong><\/li>\n\n\n\n<li>Use <strong>Direct Selection<\/strong> to create non-rectangular text boxes<\/li>\n\n\n\n<li>Apply <strong>effects<\/strong> like transparency, blending modes, and drop shadows<\/li>\n\n\n\n<li>Create a <strong>QR Code<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Along the way, remember skills you already have, such as: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Changing fonts and character styles<\/li>\n\n\n\n<li>Linking text boxes<\/li>\n\n\n\n<li>Creating shapes<\/li>\n\n\n\n<li>Applying colors<\/li>\n\n\n\n<li>Working with InDesign menus, toolbars, and palettes.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Our_sample_general_conventions_for_faster_workflow\"><\/span>Our sample: general conventions for faster workflow<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The design approach in our sample file creates a sense of chaos, tension, and disarray. Some of the text is covered by other portions of the text. Images may obscure words. The type is set in non-rectangular columns. Nevertheless, there is a visual hierarchy, established through contrast, scale, and value.<\/p>\n\n\n\n<p>The following global instructions will help speed up the workflow.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Font_styling\"><\/span>Font styling<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>When we refer to defining text stylings in this exercise, we&#8217;ll be defining the font face, style (regular, bold, etc.), point size, leading (space from baseline to baseline), and if necessary tracking (spacing among a group of letters). This can get quite wordy, so we will refer to the values in a common rubric as follows: <strong>font style size\/leading tracking<\/strong>. So, for example, if we define the typeface<\/p>\n\n\n\n<p><strong>Helvetica font in Regular style at 24 points and a leading set at 28.8 points with a tracking of 200<\/strong><\/p>\n\n\n\n<p>we&#8217;ll simply say:<\/p>\n\n\n\n<p><strong>Helvetica Regular 24\/28.8 200<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Layer_locking_and_hiding\"><\/span>Layer locking and hiding<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>The exercise depends heavily on complex layering that would quickly overwhelm simple <strong>Object&gt;Arrange<\/strong> options like&nbsp;<strong>Send to Back<\/strong>. To ease the workflow, we&#8217;ll rely on the <strong>Layers Palette<\/strong> to lock objects, hide or make them visible, and allow other manipulations. Note that in the screenshots below, you will often see objects locked or hidden <em>without this operation explicitly being mentioned in the instructions<\/em>. In general, things should always be locked if you&#8217;re not working on them, and things should be hidden if helps to understand an active operation.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Effects_palette\"><\/span>Effects palette<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Layering means some objects will outright obscure others, so we&#8217;ll rely on the <strong>Effects Palette<\/strong> to provide quick access to blending modes like <strong>Multiply<\/strong> or<strong> Hue<\/strong>, as well as effects like <strong>Drop Shadow<\/strong> or <strong>Transparency<\/strong>. Effects is not a default palette, so go to <strong>Window&gt;Effects<\/strong> to open it, then drag it by the top bar over the right-side palette column until you see a blue field appear. Release the palette, and it docks for quick access during your working session.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Precision_versus_accuracy\"><\/span>Precision versus accuracy<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Unlike the <strong>Unity<\/strong> exercise, which relied on an easily quantifiable sense of <strong>precision<\/strong> and order, some of the manipulations here are intuitive and a little hard to express in terms of data. Putting it another way, you can build your file so that it is about right and<strong> accurate<\/strong> in terms of instructions and illustrations. Know the difference between <strong>precision<\/strong> and <strong>accuracy<\/strong>, and aim for accuracy!<\/p>\n\n\n\n<p>With that, we&#8217;re ready to dive into tension!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_tension_with_Master_pages\"><\/span>Creating tension with Master pages<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Recall your <strong>unity.indd<\/strong> file had a blank Page 2 linked to a B-Master page, which itself was generated from an A-Master. Recall also that we performed a minor manipulation of the text on B-Master\u2014changing the color \u2014 to demonstrate that the placement of A-Master items could be modified. We&#8217;ll take that a step further in this new exercise.<\/p>\n\n\n\n<p>Find your copy of <strong>unity.indd<\/strong> and save a copy, renaming it as <strong>tension.indd<\/strong>. Open this new file.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"B-Master_text_manipulation\"><\/span>B-Master text manipulation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Look for the <strong>B-Master<\/strong> in the <strong>Pages Palette<\/strong>, and double-click to highlight it and present it in the viewport. You&#8217;ll see our old friend &#8220;<strong>tschichold<\/strong>&#8221; in 15% value for all channels in CMYK.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3518\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/01_tension_bmaster_tschichold\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_tension_bmaster_tschichold.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"01_tension_bmaster_tschichold\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_tension_bmaster_tschichold-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_tension_bmaster_tschichold-1024x779.png\" alt=\"\" class=\"wp-image-3518\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_tension_bmaster_tschichold-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_tension_bmaster_tschichold-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_tension_bmaster_tschichold-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/01_tension_bmaster_tschichold.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>It&#8217;s possible to alter this text radically from this original placement of the A-Master text element. Select the type and change it to something that honors Carson or his essay.<\/p>\n\n\n\n<p>In our sample this is what we do:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change the text to &#8220;cARSOn&#8221; with the &#8220;c&#8221; and &#8220;n&#8221; lowercase, all others uppercase.<\/li>\n\n\n\n<li>Change the font to <strong>Arial Black<\/strong> or a similar bold sans-serif font.<\/li>\n\n\n\n<li>Change the paragraph justification from left to right.<\/li>\n<\/ul>\n\n\n\n<p>Highlight Page 2 to see the changes displayed there. Ours looks like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3519\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/02_tension_bmaster_carson\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_tension_bmaster_carson.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"02_tension_bmaster_carson\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_tension_bmaster_carson-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_tension_bmaster_carson-1024x779.png\" alt=\"\" class=\"wp-image-3519\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_tension_bmaster_carson-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_tension_bmaster_carson-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_tension_bmaster_carson-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/02_tension_bmaster_carson.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_tension_with_type\"><\/span>Creating tension with type<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_type_layers_and_boxes\"><\/span>Creating type layers and boxes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>We copied the text of Carson&#8217;s essay into the cloud-based text file we used for the <strong>Unity<\/strong> exercise. Open this document in another browser window to copy and paste from as instructed below.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/docs.google.com\/document\/d\/1-WIErSuXokP363ob-hz2i-EdJz-doydERt9dsDTYzJA\/edit?usp=sharing\" style=\"background-color:#bbbbbb\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Visit Unity and Tension shared text file<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Placing_and_styling_the_essay_text\"><\/span>Placing and styling the essay text<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Create a large new text box on the Artboard outside of page one. While the cursor is blinking in the text box, go to the text file and choose the text labeled for&nbsp;<strong>PAGE 2- archive review layer- copy and paste text below the line<\/strong>, starting with &#8220;&#8216;First Things&#8230; &#8221; and ending with &#8220;&#8230; repeating itself.&#8221; This body text is ten paragraphs long.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Choosing_and_spec-ing_a_font\"><\/span>Choosing and spec-ing a font<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Style this text with a font of your choosing.<\/p>\n\n\n\n<p>In our sample, we used a freeware font called&nbsp;<strong>Adler<\/strong>, designed by Carini Type Foundry in 1997, inspired by Carson&#8217;s style of digital grunge. It can be found at many free font sites. We downloaded ours from&nbsp;<strong><a href=\"http:\/\/www.fontspace.com\/carini-type-foundry\/adler\" target=\"_blank\" rel=\"noreferrer noopener\">Fontspace.com<\/a><\/strong>. If you don&#8217;t find a font you like for this text, go ahead and install one you like in your font library. Add it to your computer using the same <strong>Font Book<\/strong> method you learned in the <strong>Unity<\/strong> exercise.<\/p>\n\n\n\n<p>Select the contents of the essay text box and define the type. In our sample, we defined it:&nbsp;<strong>Adler Regular 8\/9.6<\/strong> (Remember our type spec convention described above!).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_frame_breaks\"><\/span>Creating frame breaks<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>When working with body type this long, it&#8217;s nearly inevitable it will break into many separate text boxes. InDesign allows a designer to not only\u00a0link the text boxes but also set breaks in the boxes so the amount of text in the box does not change when the shape of the box is modified. This kind of text box is called a\u00a0<strong>frame<\/strong>. A frame break is like a page break in Microsoft Word. You may wish to break the text into one or more boxes controlled this way.<\/p>\n\n\n\n<p>In our sample, we put the cursor at the end of the 7th paragraph, right after the phrase \u201cshould shape up&#8230;&#8217;\u201d and click <strong>Type > Show All Menu Items > Insert Break Character > Frame Break<\/strong>. The frame ends at the end of this word. Use the Selection Tool to click on the red plus sign at the right edge of the frame, the cursor is loaded with the rest of the body copy. Draw a new text box, and the remaining 3 paragraphs will occupy this. Be sure to not modify any of the text as it will cause the text in the following frames to move.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Columns_and_justification\"><\/span>Columns and justification<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Move and resize the two frames so that they are organized into approximate columns, something similar to the illustration below. In our sample, we create two columns, one larger and one smaller. In our larger frame at left, we set the paragraph justification to&nbsp;<strong>Right Justify<\/strong>&nbsp;and keep the justification set to&nbsp;<strong>Left Justify<\/strong>&nbsp;for the smaller frame. If you want to set this for your exercise, Justification icons are found to the far right of the Options Palette when text is active.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3521\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/04_tension_essay_font\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_tension_essay_font.png\" data-orig-size=\"1306,992\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"04_tension_essay_font\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_tension_essay_font-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_tension_essay_font-1024x778.png\" alt=\"\" class=\"wp-image-3521\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_tension_essay_font-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_tension_essay_font-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_tension_essay_font-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/04_tension_essay_font.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Placing_and_styling_featured_text\"><\/span>Placing and styling featured text<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As mentioned, layers will help keep work organized and accessible, so we&#8217;ll start to develop the layer structure for the next set of text frames. Thus\u00a0far, all operations have occurred on Layer 1. Open the Layers Palette and change the name of <strong>Layer 1<\/strong> to <strong>essay<\/strong>. Turn this layer off, by clicking the eyeball icon next to the layer name just as you do in Illustrator. You can also lock the layer in the same way Illustrator functions.<\/p>\n\n\n\n<p>Create a new layer \u2014 again, similar to the method in Illustrator \u2014 and rename it <strong>archive review<\/strong>.<\/p>\n\n\n\n<p>With this layer active, create a new text box. Go to the cloud-based text file and find the material under <strong>PAGE 2- archive review layer- copy and paste text below the line<\/strong>, select it, starting with the word &#8220;archive&#8221; and concluding with the phrase &#8220;go figure-dc&#8221; and copy it. Back in the new text box, paste the text.<\/p>\n\n\n\n<p>Split the text into two linked text frames after the phrase &#8220;david carson usa&#8221; and move the first half to the top of the page, the second half toward the bottom. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3523\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/05_tension_archivereview_paste\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_tension_archivereview_paste.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"05_tension_archivereview_paste\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_tension_archivereview_paste-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_tension_archivereview_paste-1024x779.png\" alt=\"\" class=\"wp-image-3523\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_tension_archivereview_paste-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_tension_archivereview_paste-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_tension_archivereview_paste-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/05_tension_archivereview_paste.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Style this text as you wish, but use a font that gives the feature text a hierarchic emphasis.&nbsp;<\/p>\n\n\n\n<p>In our sample, we use <strong>Impact Regular 24\/28.8<\/strong>\u00a0and we place the text boxes approximately as seen below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3524\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/06_tension_archivereview_style\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_tension_archivereview_style.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"06_tension_archivereview_style\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_tension_archivereview_style-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_tension_archivereview_style-1024x779.png\" alt=\"\" class=\"wp-image-3524\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_tension_archivereview_style-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_tension_archivereview_style-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_tension_archivereview_style-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/06_tension_archivereview_style.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_tension_with_images\"><\/span>Creating tension with images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_image_layers_and_frames\"><\/span>Creating image layers and frames<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>There are two images in the folder you unzipped from your download. You may use these, or you can search for and use your own images. If you find your own, make sure they are similar in size and resolution to our samples.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" data-attachment-id=\"3526\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/grunge-texture\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture.jpg\" data-orig-size=\"2500,1529\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1304287275&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"grunge-texture\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture-1024x626.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture-1024x626.jpg\" alt=\"\" class=\"wp-image-3526\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture-1024x626.jpg 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture-300x183.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture-768x470.jpg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture-1536x939.jpg 1536w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge-texture-2048x1253.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>grunge-texture.jpg, modification of<\/em> <em>a texture file downloaded from<\/em> <em><a href=\"https:\/\/lostandtaken.com\/downloads\/light-tan-grunge-texture\/\">https:\/\/lostandtaken.com\/downloads\/<br>light-tan-grunge-texture\/<\/a><\/em><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"605\" data-attachment-id=\"3527\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/grunge_1\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge_1.jpg\" data-orig-size=\"910,605\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;4&quot;,&quot;credit&quot;:&quot;Gabriel Bucataru&quot;,&quot;camera&quot;:&quot;NIKON D40&quot;,&quot;caption&quot;:&quot;01&quot;,&quot;created_timestamp&quot;:&quot;1379509788&quot;,&quot;copyright&quot;:&quot;photogabi 2013&quot;,&quot;focal_length&quot;:&quot;50&quot;,&quot;iso&quot;:&quot;200&quot;,&quot;shutter_speed&quot;:&quot;0.0005&quot;,&quot;title&quot;:&quot;01&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"grunge_1\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;01&lt;\/p&gt;\n\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge_1.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge_1.jpg\" alt=\"\" class=\"wp-image-3527\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge_1.jpg 910w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge_1-300x199.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/grunge_1-768x511.jpg 768w\" sizes=\"auto, (max-width: 910px) 100vw, 910px\" \/><figcaption class=\"wp-element-caption\"><em>grunge_1.jpg, a low-resolution free texture file&nbsp;downloaded from<\/em><br><em><a href=\"http:\/\/photogabi.com\/free-friday-stenciled-numbers-on-asphalt-textures\/\">http:\/\/photogabi.com\/free-friday-<br>stenciled-numbers-on-asphalt-textures\/<\/a><\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>Create a new layer for a texture background image and give it a name. <\/p>\n\n\n\n<p>In our sample we name it <strong>grunge 2<\/strong> and move it to the bottom of the list in the Layers Palette, because it will be a background. Then we place <strong>grunge-texture.jpg<\/strong> in this layer. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Understanding_image_frame_and_content\"><\/span>Understanding image frame and content<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>When you place an image in InDesign, you can manipulate it in two ways. This can be confusing if you are used to manipulating placed images in Illustrator.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>By default, the first manipulator is the <strong>frame<\/strong>. It functions like a clipping mask in Illustrator. The frame, expressed with borders and anchors that match the layer color, can crop the image contained within it.<\/li>\n\n\n\n<li>The second manipulator is the <strong>content<\/strong>, the image object itself. To access the content, look for the <strong>double circle<\/strong> at the center of the image, and click on the <strong>inner circle<\/strong>. The content, expressed with borders and anchors that are a <em>complementary color to the layer color<\/em>, can now be resized or moved or rotated within the frame.<\/li>\n\n\n\n<li>Once you&#8217;re done with the <strong>content<\/strong>, return to the <strong>frame<\/strong> by deselecting and reselecting. With the frame active, you can do one of two things:\n<ul class=\"wp-block-list\">\n<li>Crop the content. To do this, grab a handle and drag it to hide a portion of the image.<\/li>\n\n\n\n<li>Resize the frame so it doesn&#8217;t interfere with other objects in the file. To do this, right-click on the selected frame, and in the dropout menu select <strong>Fitting>Fit Frame to Content<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Now that we understand the role of fame and content, you may rotate, scale, and position the image as you wish.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3528\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/07_tension_grunge2_rotate\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_tension_grunge2_rotate.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"07_tension_grunge2_rotate\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_tension_grunge2_rotate-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_tension_grunge2_rotate-1024x779.png\" alt=\"\" class=\"wp-image-3528\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_tension_grunge2_rotate-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_tension_grunge2_rotate-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_tension_grunge2_rotate-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/07_tension_grunge2_rotate.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Notice we rotate and scale the image to bleed<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>In our sample, to fill the page size, we make sure to overlap the edge for bleed. To reduce the contrast, we set the <strong>Opacity<\/strong> for this element to around <strong>20%<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3529\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/08_tension_grunge2_effect\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_tension_grunge2_effect.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"08_tension_grunge2_effect\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_tension_grunge2_effect-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_tension_grunge2_effect-1024x779.png\" alt=\"\" class=\"wp-image-3529\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_tension_grunge2_effect-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_tension_grunge2_effect-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_tension_grunge2_effect-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/08_tension_grunge2_effect.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Opacity around 20%<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_second_layer_and_image\"><\/span>Creating a second layer and image<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Create another new layer, name it <strong>grunge 1<\/strong>&nbsp;(because it will be in the foreground), and move this layer below <strong>essay<\/strong> but above <strong>archive review<\/strong>. Place an image on this layer.<\/p>\n\n\n\n<p>In our sample, we place <strong>grunge_1.jpg<\/strong>. We move the image so the\u00a0top of the &#8220;1&#8221; lies adjacent to &#8220;cARSOn&#8221; and approximately centers on the left-hand Rule of Thirds grid. We want the whole &#8220;1&#8221; to be visible in the frame and on the page, as seen below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3533\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/13_tension_archivereview_eyedropper\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"13_tension_archivereview_eyedropper\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1024x779.png\" alt=\"\" class=\"wp-image-3533\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>With the <strong>Free Transform Tool<\/strong>, we finish up by rotating the image about 2 degrees counterclockwise.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using_a_Hue_Blending_mode\"><\/span>Using a Hue Blending mode<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You might start to notice conflict in your file layering. In our sample, we sure did!<\/p>\n\n\n\n<p>One way to solve that is by moving layers. But just like Photoshop, we have access to blending modes that allow information in lower layers to interact with the information above.<\/p>\n\n\n\n<p>In our sample, notice the image completely obscures the bottom text frame for the\u00a0<strong>archive review<\/strong>\u00a0layer. So, we apply a\u00a0<strong>Hue<\/strong>\u00a0blending mode to the image in\u00a0<strong>Effects<\/strong>, and the hidden text appears! We lock the <strong>grunge 1<\/strong> layer, keep the <strong>essay<\/strong> layer locked and hidden, and select all the text in the remaining visible frames. With the text selected, we use the <strong>Eyedropper Tool<\/strong> to capture the yellowish &#8220;1&#8221; color and apply it to the text.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3534\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/13_tension_archivereview_eyedropper-1\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"13_tension_archivereview_eyedropper-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1-1024x779.png\" alt=\"\" class=\"wp-image-3534\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/13_tension_archivereview_eyedropper-1.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>We deselect the text and note the interesting effect the blending mode has on this operation. The text behind the layer turns bluish at the asphalt, and yellowish where it intersects the &#8220;1&#8221; in the image.<\/p>\n\n\n\n<p>As a finishing touch in our sample, we move and scale the layer frames to compose as seen here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3535\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/14_tension_archivereview_boxes\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/14_tension_archivereview_boxes.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"14_tension_archivereview_boxes\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/14_tension_archivereview_boxes-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/14_tension_archivereview_boxes-1024x779.png\" alt=\"\" class=\"wp-image-3535\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/14_tension_archivereview_boxes-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/14_tension_archivereview_boxes-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/14_tension_archivereview_boxes-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/14_tension_archivereview_boxes.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_tension_with_effects_and_manipulations\"><\/span>Creating tension with effects and manipulations<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In this section, we cover several techniques that may \u2014 or may NOT \u2014 work with your version of the exercise. Read them over, and decide if any or all or none of them are appropriate for your version of this exercise.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manipulate_text_box_anchors_for_non-rectangular_shape\"><\/span>Manipulate text box anchors for non-rectangular shape<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Our next job is to manipulate the text boxes on the <strong>essay<\/strong> layer, so turn this on and unlock it. For clarity, turn off and lock the<strong> archive review<\/strong> layer.<\/p>\n\n\n\n<p>Your first job will be to change the color of the text in response to the colors and values of the image underlays.<\/p>\n\n\n\n<p>In our sample, we change the color from black to white. We select all the text and use the&nbsp;<strong>Color Picker<\/strong>&nbsp;as we do with other Adobe applications to generate white text.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3537\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/15_tension_essay_color\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/15_tension_essay_color.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"15_tension_essay_color\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/15_tension_essay_color-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/15_tension_essay_color-1024x779.png\" alt=\"\" class=\"wp-image-3537\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/15_tension_essay_color-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/15_tension_essay_color-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/15_tension_essay_color-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/15_tension_essay_color.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Use the Color Picker on selected text&#8230;<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3538\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/16_tension_essay_boxes\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/16_tension_essay_boxes.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"16_tension_essay_boxes\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/16_tension_essay_boxes-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/16_tension_essay_boxes-1024x779.png\" alt=\"\" class=\"wp-image-3538\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/16_tension_essay_boxes-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/16_tension_essay_boxes-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/16_tension_essay_boxes-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/16_tension_essay_boxes.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>&#8230; and change it to white.<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>Text boxes don&#8217;t have to be rectangular! To create dynamic trapezoids or other more complex, non-orthogonal shapes, use the <strong>Direct Selection Tool<\/strong> on the corner anchor points of a text box.<\/p>\n\n\n\n<p>This manipulation is highly intuitive, and does not have to be precise (although the data is available in the sample file if you want to know the precise location of each anchor point \u2014 but that&#8217;s not the point here!). <\/p>\n\n\n\n<p>In our sample, the first visual goal is to take the base anchor points of each justified edge to roughly coincide or intersect with the interior corner between the serif and the upright stroke of the &#8220;1&#8221; in the image.&nbsp;<\/p>\n\n\n\n<p>The second visual goal is to have the two justified edges taper toward each other toward the upper right, nearly intersecting each other at the &#8220;S&#8221; in the &#8220;cARSOn&#8221; text.<\/p>\n\n\n\n<p>The overall effect is an odd, perspective-like negative shape, almost alluding to a long shadow cast by the &#8220;1&#8221; in the image.<\/p>\n\n\n\n<p>So we use Direct Select, move, and rotate manipulations to create the conditions you see illustrated below, making sure that all the text is visible.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3539\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/17_tension_essay_directselect\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/17_tension_essay_directselect.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"17_tension_essay_directselect\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/17_tension_essay_directselect-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/17_tension_essay_directselect-1024x779.png\" alt=\"\" class=\"wp-image-3539\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/17_tension_essay_directselect-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/17_tension_essay_directselect-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/17_tension_essay_directselect-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/17_tension_essay_directselect.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manipulate_text_legibility\"><\/span>Manipulate text legibility<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Don&#8217;t mistake legibility for communication.<\/em><\/p>\n<cite>\u2014 David Carson<\/cite><\/blockquote>\n\n\n\n<p>This quote may be a good summary of  Carson&#8217;s entire design philosophy. He even once infamously typeset a Ray Gun magazine interview with singer Bryan Ferry using <strong>Zapf Dingbats<\/strong> font! What do you think his opinion of Ferry is with a punk choice like that?? Let&#8217;s lean into this.<\/p>\n\n\n\n<p>There are places where this page will toy with legibility. By now, you probably already see instances of that in your file.<\/p>\n\n\n\n<p>We certainly see it in our sample! The white font on the light background in the top quarter of the page is one of those places. To keep this white-on-white schema but not lose legibility altogether \u2014 we just want to make the reader work a bit more  \u2014 we&#8217;ll apply an effect below. This is a fairly common technique and one you&#8217;ll want to look for an opportunity to use.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_Drop_Shadow_Effect\"><\/span>Creating a Drop Shadow Effect<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>In our sample, this is the workflow we used for a drop shadow. First, we turn the<strong> archive review<\/strong> layer back on, but keep it locked.<\/p>\n\n\n\n<p>With the <strong>essay<\/strong> layer text boxes selected, we enter the <strong>Effects Palette<\/strong> and change <strong>Transparency<\/strong> to<strong> 80%<\/strong>. This seems incredibly counterintuitive, but wait&#8230;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>While still in Effects, we click on the dropout menu at the upper right-hand corner of the palette and select <strong>Effects > Drop Shadow<\/strong> from the options. In the dialog that opens, we set the <strong>Blending Mode <\/strong>for <strong>Screen<\/strong> and set the <strong>Position Distance<\/strong>, <strong>X Offset<\/strong>, and <strong>Y Offset<\/strong> all to <strong>0p0<\/strong>. Again, very counterintuitive, but&#8230;<\/p>\n\n\n\n<p>The net effect of this manipulation is to create a subtle, shadowy <em>anti-glow<\/em> around the letters, to help them stand out just a bit. The effect is subtle enough that it&#8217;s visible in the light ground areas, but not visible at all in the dark ground asphalt image areas!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3540\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/18_tension_essay_effects\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/18_tension_essay_effects.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"18_tension_essay_effects\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/18_tension_essay_effects-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/18_tension_essay_effects-1024x779.png\" alt=\"\" class=\"wp-image-3540\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/18_tension_essay_effects-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/18_tension_essay_effects-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/18_tension_essay_effects-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/18_tension_essay_effects.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Making_a_%E2%80%9Cdouble_exposure%E2%80%9D_technique\"><\/span>Making a &#8220;double exposure&#8221; technique<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>In your file, you might wish to play around with featured text as well as body text. We did so in our sample. <\/p>\n\n\n\n<p>First, we want to toy with the legibility around the &#8220;cARSOn&#8221; text brought in by the master layer. We can overlay text boxes and apply colors and blending modes that create interesting effects with the essay author&#8217;s name as a featured text element.<\/p>\n\n\n\n<p>So we create a new layer, rename it <strong>david carson<\/strong>, and place it at the very top of the Layers Palette list. We make all other layers visible and lock them.<\/p>\n\n\n\n<p>Next, we create a new text box and enter the text &#8220;Car Son&#8221; with a space between &#8220;Car&#8221; and &#8220;Son&#8221;&#8230; an interesting visual pun.&nbsp;We style the text&nbsp;<strong>American Typewriter Bold 60\/72 240<\/strong>.&nbsp;<\/p>\n\n\n\n<p>With the text selected, we use the&nbsp;<strong>Eyedropper Tool<\/strong>&nbsp;to apply the bluish color at the archive review Impact-styled text under the asphalt image. We move the text box so it obscures the &#8220;cARSOn&#8221; text.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3542\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/20_tension_car_son\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/20_tension_Car_Son.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"20_tension_Car_Son\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/20_tension_Car_Son-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/20_tension_Car_Son-1024x779.png\" alt=\"\" class=\"wp-image-3542\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/20_tension_Car_Son-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/20_tension_Car_Son-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/20_tension_Car_Son-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/20_tension_Car_Son.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Finally, with the text box still active, we enter&nbsp;<strong>Effects<\/strong>&nbsp;and apply a&nbsp;<strong>Multiply<\/strong>&nbsp;blending mode. Hello, double exposure!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3543\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/21_tension_car_son_effects\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/21_tension_Car_Son_effects.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"21_tension_Car_Son_effects\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/21_tension_Car_Son_effects-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/21_tension_Car_Son_effects-1024x779.png\" alt=\"\" class=\"wp-image-3543\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/21_tension_Car_Son_effects-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/21_tension_Car_Son_effects-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/21_tension_Car_Son_effects-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/21_tension_Car_Son_effects.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Drawing_with_type_using_Create_Outlines\"><\/span>Drawing with type using Create Outlines<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Remember the drawing with type technique we learned in Illustrator or our second project? We can do that in InDesign, too!<\/p>\n\n\n\n<p>In our sample, we stay in <strong>david carson<\/strong> the layer, and create another text box. We enter the text &#8220;baVID&#8221; with a b suggesting a backward &#8220;d&#8221; and the last three letters in uppercase. We apply the same styling and color used for &#8220;Car Son.&#8221;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3545\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/22_tension_bavid\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/22_tension_bavid.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"22_tension_bavid\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/22_tension_bavid-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/22_tension_bavid-1024x779.png\" alt=\"\" class=\"wp-image-3545\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/22_tension_bavid-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/22_tension_bavid-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/22_tension_bavid-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/22_tension_bavid.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>With this selected, we go to Menu and select <strong>Text > Create Outlines<\/strong>, a process familiar in Illustrator. This converts the type to editable geometry.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3546\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/23_tension_bavid_outline\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/23_tension_bavid_outline.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"23_tension_bavid_outline\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/23_tension_bavid_outline-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/23_tension_bavid_outline-1024x779.png\" alt=\"\" class=\"wp-image-3546\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/23_tension_bavid_outline-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/23_tension_bavid_outline-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/23_tension_bavid_outline-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/23_tension_bavid_outline.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>In typography, any area entirely enclosed in a letterform or symbol is known as a&nbsp;<strong>counter<\/strong>. The &#8220;b,&#8221; &#8220;a,&#8221; and &#8220;D&#8221; in our text all contain counters. Using the <strong>Direct Selection Tool<\/strong>, we select the anchor points for the counters and delete them. The net effect of this manipulation is to create a bold figure out of each of these forms. The counter-less &#8220;b&#8221; is illustrated below \u2014 but we eventually do all countered letters.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3547\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/24_tension_bavid_island\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/24_tension_bavid_island.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"24_tension_bavid_island\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/24_tension_bavid_island-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/24_tension_bavid_island-1024x779.png\" alt=\"\" class=\"wp-image-3547\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/24_tension_bavid_island-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/24_tension_bavid_island-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/24_tension_bavid_island-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/24_tension_bavid_island.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Our final manipulations here will be to rotate the element about 2 degrees, align it with the top of the asphalt and the &#8220;1&#8221; in the image, and apply a <strong>Multiply<\/strong> blending mode in <strong>Effects<\/strong>. Below, we&#8217;ve turned off the <strong>essay<\/strong> layer temporarily to see our work.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3549\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/25_tension_bavid_effects\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/25_tension_bavid_effects.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"25_tension_bavid_effects\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/25_tension_bavid_effects-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/25_tension_bavid_effects-1024x779.png\" alt=\"\" class=\"wp-image-3549\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/25_tension_bavid_effects-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/25_tension_bavid_effects-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/25_tension_bavid_effects-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/25_tension_bavid_effects.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Its_a_wrap\"><\/span>It&#8217;s a wrap!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We&#8217;re back to some mandatory moves in this final section. Two more items will go into <strong>david carson<\/strong> layer to finish up the exercise, then we can output it as a PDF.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_credits\"><\/span>Image credits<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong><em>Always<\/em><\/strong> credit illustrations or photos used in any work. Here, create a text box near the bottom right corner of the page, then copy and paste the information from the cloud-based text file found under <strong>PAGE 2 &#8211; image credits<\/strong>.&nbsp;<\/p>\n\n\n\n<p>In our sample, we styled the text <strong>Letter Gothic Standard Medium 6\/7.2 50<\/strong>, with CMYK values <strong>47\/82\/0\/0<\/strong>, and a paragraph right justify.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3551\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/26_tension_credits\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/26_tension_credits.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"26_tension_credits\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/26_tension_credits-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/26_tension_credits-1024x779.png\" alt=\"\" class=\"wp-image-3551\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/26_tension_credits-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/26_tension_credits-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/26_tension_credits-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/26_tension_credits.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_QR_code\"><\/span>Creating a QR code<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>InDesign supports the internal creation of a QR code that can be scanned with a mobile device to access websites and other goodies. Find this in the Menu at <strong>Object > Generate QR Code&#8230;<\/strong><\/p>\n\n\n\n<p>In the dialog that opens, select <strong>Type: Web Hyperlink<\/strong>, then copy the URL for David&#8217;s essay<\/p>\n\n\n\n<p><a href=\"http:\/\/www.davidcarsondesign.com\/t\/2002\/05\/19\/first-things-first\/\">http:\/\/www.davidcarsondesign.com\/t\/2002\/05\/19\/first-things-first\/<\/a><\/p>\n\n\n\n<p>and paste it into the URL field. Finally, choose a Color and hit OK. In our sample, we selected white in response to our use of a background image.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3552\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/27_tension_qr\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/27_tension_qr.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"27_tension_qr\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/27_tension_qr-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/27_tension_qr-1024x779.png\" alt=\"\" class=\"wp-image-3552\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/27_tension_qr-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/27_tension_qr-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/27_tension_qr-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/27_tension_qr.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Scale and place the code in response to your design.<\/p>\n\n\n\n<p>In our sample, we place it above the image credits and below the last line of the essay, applying a slight rotation.<\/p>\n\n\n\n<p>The white is rather stark. QR code scanners use contrast to read these two-dimensional bar codes, but the codes are quite redundant and can withstand some manipulation. To make it interesting, we apply an <strong>Exclusion<\/strong> blending mode under <strong>Effects<\/strong>. But <strong>CAUTION<\/strong>: ALWAYS test the scan to make sure it still has enough contrast for a mobile device scanner to read it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" data-attachment-id=\"3553\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/28_tension_qr\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/28_tension_qr.png\" data-orig-size=\"1306,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"28_tension_qr\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/28_tension_qr-1024x779.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/28_tension_qr-1024x779.png\" alt=\"\" class=\"wp-image-3553\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/28_tension_qr-1024x779.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/28_tension_qr-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/28_tension_qr-768x584.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/28_tension_qr.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>The file design is done! OUR Page 2 appears like this in the full viewport:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" data-attachment-id=\"3554\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/29_tension_final\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/29_tension_final.png\" data-orig-size=\"1307,993\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"29_tension_final\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/29_tension_final-1024x778.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/29_tension_final-1024x778.png\" alt=\"\" class=\"wp-image-3554\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/29_tension_final-1024x778.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/29_tension_final-300x228.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/29_tension_final-768x583.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/29_tension_final.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sharing_the_file_PDF\"><\/span>Sharing the file: PDF<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>It is important to always save a file as you are working on it. The InDesign file, designated by the file extension .indd, is the native file. A .pdf file is most commonly used for sharing a document to view or proof and it can also be used for printing. When a .indd file is exported as a .pdf file, the graphics and fonts are <strong>embedded<\/strong> in the document, making it a portable package that is easy to share with others. While printers can print .indd files, we often suggest sending a .pdf file to your printer to avoid common problems such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the service bureau does not have InDesign (or maybe not the version of the application you used)<\/li>\n\n\n\n<li>the service bureau does not have the fonts you used in your layout<\/li>\n\n\n\n<li>links to externally referenced objects such as fonts and images can easily be broken by sending the native file without the project folder containing all that stuff.<\/li>\n<\/ul>\n\n\n\n<p>Sending a PDF file is more efficient\u2014you only have to send one file containing the whole package.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Save_the_native_file\"><\/span>Save the native file<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Save the InDesign file by choosing <strong>File>Save As<\/strong>. Specify a name and location for the file and then click the Save button. The .indd file should land in your project folder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Export_the_PDF\"><\/span>Export the PDF<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Now we\u2019ll export a copy of the file as a .pdf file for sharing, viewing, or printing purposes. Choose <strong>File&gt;Export<\/strong>. In the <strong>Export<\/strong> dialog box, choose <strong>Adobe PDF (Print)<\/strong> from the <strong>Format<\/strong> pull-down menu. Specify a name and location for the file and click the <strong>Save<\/strong> button.<\/p>\n\n\n\n<p>In the <strong>Export Adobe PDF<\/strong> dialog, there are many categories in the menu at left:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the <strong>General<\/strong> category, notice the <strong>Pages<\/strong> area, which contains three choices: <strong>All<\/strong>, <strong>Range<\/strong>, and <strong>Spreads<\/strong>. For this exercise, leave the <strong>All<\/strong> option selected so that all the pages are exported. Leave the <strong>Spreads<\/strong> option <em>deselected<\/em> since we did not design the layout with facing pages.<\/li>\n\n\n\n<li>In the <strong>Marks and Bleeds<\/strong> category, observe the different options under <strong>Marks<\/strong>, which you select or not depending on the goal of your output. To send to a client, leave alone. To send to a service bureau for printing and trimming, you&#8217;ll choose several. For this exercise, because we have a bleed on both pages, select <strong>Crop Marks<\/strong>. Under Bleed and Slug, since we have a bleed setting defined, check <strong>Use Document Bleed Settings<\/strong>. Otherwise, you can define a <strong>Bleed:<\/strong> value of <strong>0p9<\/strong> for all four options.<\/li>\n<\/ul>\n\n\n\n<p>Notice the <strong>Compatibility<\/strong> pull-down menu at the top right corner. If you know that the person you are sharing this PDF with has an older version of Acrobat, or if you need to comply with specifications from a commercial printer, choose an option from this pull-down menu to format the PDF document for a particular Acrobat version. For now, just be aware of this.<\/p>\n\n\n\n<p>Click the Export button. When the process is complete, open the file in Acrobat or Preview. You can view the file and see the bleed with crop marks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Make_images_to_share\"><\/span>Make images to share<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Lastly, do one final Export to .jpg or .png to create an image of each page, the Unity page, AND the Tension page, to post to your blog or process journal.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Credits\"><\/span>Credits<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"198\" height=\"201\" data-attachment-id=\"2566\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/color-relativity\/df\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/df.jpg\" data-orig-size=\"198,201\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"df\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/df.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/08\/df.jpg\" alt=\"\" class=\"wp-image-2566\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-small-font-size\"><em>For portions of these sections:<\/em><\/p>\n\n\n\n<ol class=\"wp-block-list\" style=\"list-style-type:1\">\n<li class=\"has-small-font-size\">Multiples: creating tension<\/li>\n\n\n\n<li class=\"has-small-font-size\">It&#8217;s a wrap!<\/li>\n<\/ol>\n\n\n\n<p class=\"has-small-font-size\"><em>Contents have been adapted from <a href=\"http:\/\/wiki.digital-foundations.net\/index.php?title=Main_Page\" target=\"_blank\" rel=\"noreferrer noopener\">Digital Foundations<\/a> by xtine burrough and Michael Mandiberg, modified by williamCromar.&nbsp;Please see the newMediaWiki <a href=\"http:\/\/newmediawiki.pbworks.com\/w\/page\/126122399\/licensingNotes\">licensingNotes<\/a> regarding Digital Foundations derivatives, which are governed by a <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\" target=\"_blank\" rel=\"noreferrer noopener\">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported license<\/a>.<\/em><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>2D digital art 6 | neverending tension Download sample file here Multiples: creating tension For this exercise, we will use the untouched Page 2 from the Unity exercise. This will become the platform for an approach to graphic design that resists the rules of the grid. Creating tension with a sense of chaos among type&#8230; <a href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/\">read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,11],"tags":[],"class_list":["post-3480","post","type-post","status-publish","format-standard","hentry","category-2d-digital-art","category-exercises"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tension - newMediaWiki<\/title>\n<meta name=\"description\" content=\"Tension: inspired by the work and writings of David Carson, create a design that explores deconstruction of a text, creating visual tension.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tension - newMediaWiki\" \/>\n<meta property=\"og:description\" content=\"Tension: inspired by the work and writings of David Carson, create a design that explores deconstruction of a text, creating visual tension.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/williamcromar.com\/newmediawiki\/tension\/\" \/>\n<meta property=\"og:site_name\" content=\"newMediaWiki\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-26T14:53:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-12T14:58:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif\" \/>\n<meta name=\"author\" content=\"williamCromar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"williamCromar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/\"},\"author\":{\"name\":\"williamCromar\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"headline\":\"Tension\",\"datePublished\":\"2023-08-26T14:53:49+00:00\",\"dateModified\":\"2024-01-12T14:58:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/\"},\"wordCount\":4839,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"image\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"articleSection\":[\"2D digital art\",\"Exercises\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/\",\"name\":\"Tension - newMediaWiki\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"datePublished\":\"2023-08-26T14:53:49+00:00\",\"dateModified\":\"2024-01-12T14:58:28+00:00\",\"description\":\"Tension: inspired by the work and writings of David Carson, create a design that explores deconstruction of a text, creating visual tension.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#primaryimage\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"contentUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/campfire300.gif\",\"width\":300,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/tension\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tension\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#website\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/\",\"name\":\"newMediaWiki\",\"description\":\"because all media are new\",\"publisher\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\",\"name\":\"williamCromar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"width\":1754,\"height\":1754,\"caption\":\"williamCromar\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\"},\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/author\\\/williamcromar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tension - newMediaWiki","description":"Tension: inspired by the work and writings of David Carson, create a design that explores deconstruction of a text, creating visual tension.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/williamcromar.com\/newmediawiki\/tension\/","og_locale":"en_US","og_type":"article","og_title":"Tension - newMediaWiki","og_description":"Tension: inspired by the work and writings of David Carson, create a design that explores deconstruction of a text, creating visual tension.","og_url":"https:\/\/williamcromar.com\/newmediawiki\/tension\/","og_site_name":"newMediaWiki","article_published_time":"2023-08-26T14:53:49+00:00","article_modified_time":"2024-01-12T14:58:28+00:00","og_image":[{"url":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","type":"","width":"","height":""}],"author":"williamCromar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"williamCromar","Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/#article","isPartOf":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/"},"author":{"name":"williamCromar","@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"headline":"Tension","datePublished":"2023-08-26T14:53:49+00:00","dateModified":"2024-01-12T14:58:28+00:00","mainEntityOfPage":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/"},"wordCount":4839,"commentCount":0,"publisher":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"image":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/#primaryimage"},"thumbnailUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","articleSection":["2D digital art","Exercises"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/williamcromar.com\/newmediawiki\/tension\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/","url":"https:\/\/williamcromar.com\/newmediawiki\/tension\/","name":"Tension - newMediaWiki","isPartOf":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/#primaryimage"},"image":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/#primaryimage"},"thumbnailUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","datePublished":"2023-08-26T14:53:49+00:00","dateModified":"2024-01-12T14:58:28+00:00","description":"Tension: inspired by the work and writings of David Carson, create a design that explores deconstruction of a text, creating visual tension.","breadcrumb":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/williamcromar.com\/newmediawiki\/tension\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/#primaryimage","url":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","contentUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/campfire300.gif","width":300,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/williamcromar.com\/newmediawiki\/tension\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/williamcromar.com\/newmediawiki\/"},{"@type":"ListItem","position":2,"name":"Tension"}]},{"@type":"WebSite","@id":"https:\/\/williamcromar.com\/newmediawiki\/#website","url":"https:\/\/williamcromar.com\/newmediawiki\/","name":"newMediaWiki","description":"because all media are new","publisher":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/williamcromar.com\/newmediawiki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3","name":"williamCromar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","url":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","contentUrl":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","width":1754,"height":1754,"caption":"williamCromar"},"logo":{"@id":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1"},"url":"https:\/\/williamcromar.com\/newmediawiki\/author\/williamcromar\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/comments?post=3480"}],"version-history":[{"count":19,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3480\/revisions"}],"predecessor-version":[{"id":6126,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3480\/revisions\/6126"}],"wp:attachment":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/media?parent=3480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/categories?post=3480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/tags?post=3480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}