{"id":6230,"date":"2021-03-15T19:32:48","date_gmt":"2021-03-15T19:32:48","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=6230"},"modified":"2021-12-01T20:25:57","modified_gmt":"2021-12-01T20:25:57","slug":"lesson-3-typography-activity","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2021\/03\/15\/lesson-3-typography-activity\/","title":{"rendered":"Typography | Type Hierarchy in InDesign"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/Artboard-1.png\" alt=\"\" class=\"wp-image-7089\" width=\"95\" height=\"19\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/indesing-banner-draft-01-1024x341.png\" alt=\"\" class=\"wp-image-4784\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/indesing-banner-draft-01-1024x341.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/indesing-banner-draft-01-300x100.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/indesing-banner-draft-01-768x256.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/indesing-banner-draft-01-1536x512.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/indesing-banner-draft-01-2048x683.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Typography can be an effective design all by itself. <\/p>\n\n\n\n<p><strong>By the end of this training you will:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Learn how to set up an InDesign document<\/li><li>Create an event poster for a particular brand using only type<\/li><li>Direct the reader&#8217;s gaze using visual hierarchy<\/li><li>Learn how to use Paragraph and Character Styles + alternative characters<\/li><\/ul>\n\n\n\n<p>Here are some examples of typography-only posters:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"991\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/posters-1-1024x991.png\" alt=\"\" class=\"wp-image-7123\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/posters-1-1024x991.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/posters-1-300x290.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/posters-1-768x743.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/posters-1.png 1197w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Getting started in InDesign<\/h2>\n\n\n\n<p>InDesign is a powerful tool for typesetting (arranging type) and document creation. It is best for creating books, brochures, flyers, and magazines.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"308\" src=\"https:\/\/lh4.googleusercontent.com\/i0ZwME4mZiKDGfsvYt6lQCxBj89IBvkOPAC2bKF7e62YJLRiofOjNDe922YUmagE2abYS2SbOi2xZGYDMTKkj0gz4HEVHWCJwmujKv8ODZ6hPu2lgBYsmj9G2iy4McY0f0jE-nhO\"><\/p>\n\n\n\n<p>Many of the text tools you\u2019ll learn in InDesign are also in other applications, like Illustrator and Photoshop.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Creating a Document<\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>Go to &#8220;File &gt; New Document&#8221; and select these basic settings (# of columns is optional). Make sure you have Print and Letter as the document intent and size, respectively. <\/li><\/ol>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"239\" src=\"https:\/\/lh4.googleusercontent.com\/XqtOCLG_V5d7rPp-JVAa4-Na9RFN6gc1Qee_UzzXr4WtbrCqq4vBCL3QvJZnJg9UQSoGW0kENOLvsa8GUcupPAFes0mbgGDzaNcfG6nS0ZMnvHSD48NtXaxSD__CCu1V4oLKZJH3\"><\/p>\n\n\n\n<p><span class=\"has-inline-color has-black-color\">For the poster, we<\/span>\u2019ll use the Letter preset &#8212; and 8.5 x 11 inch page. You\u2019ll notice that the units here are in picas. Picas are a commonly used unit in print design, signifying \u2159 of an inch. There are 12 points (not pixels) in a pica. Increase the column setting to 5 and click Create.<\/p>\n\n\n\n<p>2. Then under detailed settings, choose these settings for your Margins, Bleed, and Slug. These are standard settings.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Margins <\/strong>are the empty space on the side of your document. They give the text room to breathe.<\/li><li><strong>Bleed<\/strong> may be required if the document is going to print. It prevents anything placed at the edge of the document from misalignment while being printed or trimmed. However, do not count on anything in the bleed space showing up in the final.<\/li><li><strong>Slug <\/strong>is an extra space beyond bleed where you can leave special notes to the printer \u2013 it will also be trimmed off. Don\u2019t worry about this unless specified by the printer.<\/li><\/ul>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"186\" src=\"https:\/\/lh5.googleusercontent.com\/3Zh1D0w5pDq5_qfuxkeDUu8ZegOGZkP5amjXfRPAK6LNq8g4z3yxEfplbDX7R6uOIZVzM9TP7xAycHQvfvbvaUzFV1VbH_pSsoE-JVCJq-_awtlljiLvkeUZp7UOs8qND3BALgQ_\"><\/p>\n\n\n\n<p>3. Set your workspace to &#8220;Essentials Classic&#8221; for now, though your preference may eventually shift to another workspace set up.&nbsp;<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"174\" src=\"https:\/\/lh4.googleusercontent.com\/FtIf8ObSvilEIFjkZHsq7GEXB4bUK3WW5j5c51RG5Eu6inIuAsYJ9APLnrMUebkdn8q3pNqe49oiRq5DZJfh-f0fubFGY0wv_TMYrvmWOLnzzwvi6rosyIPvNL1CYNGUotxbTT5Z\"><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>On the doc, <\/em>you have five columns, automatically with a 1 pica (abbreviated 1p) to separate content. <\/li><li><em>On the right-hand bar,<\/em> you have certain controls, like Pages (if we were in a multi-page doc), Align, Paragraph, and more. If you want to add a tool to this toolbar, go to Window &gt;&gt; whatever you want. <\/li><li><em>On the left hand side,<\/em> you have a toolbar, similar to the one you\u2019d have in Illustrator or Photoshop. Here, you can add shapes, photo frames, text, and color.<\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Preparing your document<\/h3>\n\n\n\n<p><strong>Grids, guides, and master templates<\/strong> are key to using InDesign to its full potential.<\/p>\n\n\n\n<p>1. Create a grid for your master template by going to \u201cLayout &gt; Create Guides\u2026\u201d<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"157\" src=\"https:\/\/lh6.googleusercontent.com\/PcdcsrEMEnIpETqf0sdbRDvfuC-u69XjFM6G7jRMAmpjC2U5RoJ4Dtvd1QFv2HHLwqLL2x7-lH9wbLl__IA-R9ojI8ETcmTHnPMnHDuQdr30ep3WJaSccHcC4d7rxGycQ0bUXW8i\"><\/p>\n\n\n\n<p>The grid you need will vary on your design, so feel free to choose your own settings here. If you aren\u2019t sure what you want to design yet, it can help to Google \u201ctypesetting grids\u201d and try to recreate one that inspires you. A good grid will spark creativity and answer design questions.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-black-color\">For this example, we\u2019ve chosen 3 rows and 0 columns <strong>aligned to margins<\/strong>. Gutters are default 1 pica.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"814\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/image-4.png\" alt=\"\" class=\"wp-image-7128\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/image-4.png 982w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/image-4-300x249.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/image-4-768x637.png 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<p><em>Side note: If you are interested in typesetting grids, take a look at the famous <\/em><a href=\"https:\/\/www.fastcompany.com\/3027714\/how-the-creator-of-nycs-hated-subway-map-redesigned-our-nations-parks\"><em>unigrid system<\/em><\/a><em> by world-renowned designer Massimo Vignelli &#8211; people spend their life collecting National Park Service documents that use the unigrid!<\/em><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Learn about HIERARCHY!<\/strong><\/h3>\n\n\n\n\n\n<p>Use these tips and principles while designing your poster. A grasp on visual hierarchy (emphasizing information for the reader via design) is one of the basic tools in any designer&#8217;s toolkit.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design the poster<\/h3>\n\n\n\n<p>1. <strong>Get your content.<\/strong> Your client will often provide the text and images to lay out. <br>For this project, please <a href=\"https:\/\/utexas.box.com\/s\/5q680hsppbvowpsicu8ojhucowgabpru\" data-type=\"URL\" data-id=\"https:\/\/utexas.box.com\/s\/5q680hsppbvowpsicu8ojhucowgabpru\">download the Box assets<\/a> for our Basket Weaving event.<\/p>\n\n\n\n<p>2.<strong> Begin to sketch<\/strong> out how you may lay these assets out within your grid lines.<\/p>\n\n\n\n<p>3. <strong>Insert the speaker&#8217;s photo. <\/strong>InDesign photo resizing tool is sort of funky, watch this short video to understand how to resize photos:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Resizing Images in InDesign\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/GZzk8Zbx6t8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>4. <strong>Insert the type (aka &#8220;copy&#8221;). <\/strong>Similarly to PS or AI, use the Text tool (&#8220;T&#8221;) to paste your text, or copy as we say in the biz, into textboxes. <\/p>\n\n\n\n<p>5. <strong>Text Styling. <\/strong>Aside from font, you can adjust width, tracking, underline styles, hyphenation\u2026 the list goes on. InDesign is a complex type editing software and there is a lot you can do. Unlike other Adobe softwares, the idea is that InDesign type tools are so robust you should never have to edit text by hand &#8211; there is always a setting or style button you can create instead. This just comes with getting to know the program, so it\u2019s totally okay to not know every feature now. Try to use a new tool while styling your body text!&nbsp; &nbsp; &nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"73\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/Untitled-1-1024x73.png\" alt=\"\" class=\"wp-image-7115\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/Untitled-1-1024x73.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/Untitled-1-300x21.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/Untitled-1-768x55.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/Untitled-1.png 1470w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"687\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/image-1.png\" alt=\"\" class=\"wp-image-7109\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/image-1.png 384w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/image-1-168x300.png 168w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><\/figure>\n\n\n\n<p>6. <strong>Make and Use Paragraph and Character Styles.<\/strong> It&#8217;s recommended to use no more than 2-3 fonts\/font styles for a typical design. Paragraph and Character Styles allows you to  recreate styling of a text across your doc with the click of a button. <\/p>\n\n\n\n<p>Once you are happy with your text styling, create a Paragraph Style for it. Press \u201cF11\u201d (or \u201cWindow &gt; Styles &gt; Paragraph Styles\u201d) to open the panel. Highlight your text and press \u201cCreate New Style.\u201d&nbsp;<\/p>\n\n\n\n<p>Use that Paragraph or Character Style elsewhere in your poster to draw the reader\u2019s attention and create unity in the design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"406\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/para-style.gif\" alt=\"\" class=\"wp-image-7110\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"937\" height=\"230\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/char-style.png\" alt=\"\" class=\"wp-image-7111\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/char-style.png 937w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/char-style-300x74.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/char-style-768x189.png 768w\" sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><\/figure>\n\n\n\n<p>7. <strong>Design Considerations:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-6cc5a43a-2292-4965-bf1b-a2c77fa09026\"><li><strong>Make sure to create an obvious hierarch<\/strong>y \u2014 what should my eye be drawn to first?<br><em>How do I know the most important information?<\/em><ul><li>Think about a book cover. Is the author name bigger than the title? Is the fact that it\u2019s a NYT bestseller more important than the author\u2019s name? Use this logic for figuring out hierarchy.<\/li><li>The name of the event and how to attend the event are very important info, wouldn&#8217;t you agree?<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-519d8567-e660-482b-9079-a753950f5c54\"><li><strong>Tone:<\/strong> Consider the title and the subject matter when you pick fonts; make sure they match the mood and tone of the event.&nbsp;<\/li><li><strong>Legibility: <\/strong>Make sure the text on your poster is legible (easy to read from a distance)<\/li><li><strong>Colors: <\/strong>For colors, you can use <a href=\"https:\/\/coolors.co\/88ccf1-c1dff0-3587a4-2d848a-2d898b\">coolors.com<\/a> to quickly generate color schemes. You can create a free account to save them. Use color\/shape\/non-type elements sparingly.<\/li><li><strong>Brand Guidelines: <\/strong>Your client for this training is COLA \u2014 follow the UT brand <a href=\"https:\/\/brand.utexas.edu\/identity\/\">guidelines<\/a>. Familiarize yourself with UT\u2019s rules for on-brand design, like colors and the desired fonts you downloaded in the last typography training (Benton Sans Book and Benton Sans Black, GT Sectra).<\/li><\/ul>\n\n\n\n<p>8. <strong>Alternate Characters: <\/strong>Many fonts also have a feature called alternate characters, which allows you to select an alternative feel for your type while keeping the font style.<\/p>\n\n\n\n<p><strong>Use at least one alternate character in your poster design.<\/strong><br>To use alternate characters, go to Type &gt;&gt; Glyphs in InDesign. A window will pop up. I\u2019m using Raleway Semibold for this tutorial.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"194\" height=\"229\" src=\"https:\/\/lh4.googleusercontent.com\/6tLHhqbGUAHU_q1XShDNGobWxJ-NdiSxrpeggwDS8IHw0UYxIGLjGodoPCEJKr1atgbZYKz7ITUsHzHhBjWvbilTEOTVa82j0QDDAYRNZ4jTjcIwGTgf0p1AJKQ_vBurAnhT8Xla\"><\/p>\n\n\n\n<p>You\u2019ll see some alternate characters. For our purposes, I\u2019ll show you how different the default styling of \u201cffl\u201d looks from the alternate characters. To insert the special character, double click on the desired square.<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/W_FNWl80F0CevIsUO79gIz5x0uFC1I-JqGyQLxMzE7mTPLdf07iIrIgyDOuZCr-Vt8CbPzKcGMob4lCh1oYeSZluv6RS74IKIKVWs28SNxM57-uKHQMLlifS1DA0Of9V-N5bHvir\" style=\"width: 100px\"><\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/YTMRe7EvXj114V6bQihUrTKeOM-fOodqGPbHlmtjln4xI-BXltIvG2Tmv7yRfGq4-L5WR2eu45LU31W8pAqizVmYwkGc7dvFLwlWnAWKoUDegeobYK3k_YOW_VHeMs0qhl61hxc0\" style=\"width: 100px\"><\/p>\n\n\n\n<p>Alternate characters aren\u2019t just for aesthetics. You can also use this panel to insert accented letters or characters from languages with different lettering systems, like Russian.&nbsp;<br>Not all fonts have alternate character options, either, so make sure to do your font research.<\/p>\n\n\n\n<p>9. <strong>Check how your design is coming along <\/strong>by zooming out (Ctrl\/Cmd++\/-). Turn off grids (Ctrl\/Cmd+;) and turn on Overprint Preview (View &gt; Overprint Preview).<br>Continue editing until you are happy with the outcome. Consider styling subtitles, adding a drop cap design, or whatever you like (Google tutorial)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding hyperlinks for online versions<\/h3>\n\n\n\n<p>Sometimes, we publish online versions of print flyers and posters to reach even more people, and it can be helpful to have direct links to RSVP forms or other information. <\/p>\n\n\n\n<p>You can any element in your InDesign document to an external web page, an email address, or another internal place in the document itself. <\/p>\n\n\n\n<p>To add a link, click on the element you want to hyperlink. If it&#8217;s a piece of text, highlight the specific text. Right click and select Hyperlinks &gt; New Hyperlink.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.48.55-PM-1012x1024.png\" alt=\"\" class=\"wp-image-8258\" width=\"368\" height=\"371\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.48.55-PM-1012x1024.png 1012w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.48.55-PM-297x300.png 297w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.48.55-PM-150x150.png 150w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.48.55-PM-768x777.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.48.55-PM.png 1212w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"805\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.49.12-PM-1024x805.png\" alt=\"\" class=\"wp-image-8259\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.49.12-PM-1024x805.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.49.12-PM-300x236.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.49.12-PM-768x604.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/12\/Screen-Shot-2021-12-01-at-12.49.12-PM.png 1130w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This panel will pop up. Paste in the URL in the URL box and click OK. <\/p>\n\n\n\n<p>If you want to link to an email address to somewhere else in the document, click that option from the dropdown menu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Exporting your document<\/h3>\n\n\n\n<p>1. Go to \u201cFile &gt; Package\u201d and select \u201cPackage\u2026\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"764\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/indd27.png\" alt=\"\" class=\"wp-image-3702\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/indd27.png 433w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/indd27-170x300.png 170w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/figure>\n\n\n\n<p>Select \u201cPackage\u201d again. This will create a folder which includes your .indd file, a PDF, as well as any linked photos and fonts. Packaging is necessary if you want to share your .indd with another designer, as they may not have the same images and fonts you do.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"601\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/indd28.png\" alt=\"\" class=\"wp-image-3704\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/indd28.png 631w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/indd28-300x286.png 300w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><\/figure>\n\n\n\n<p>2 If all you need to do is export a final PDF to send to print, you can simply go to \u201cFile &gt; Export\u2026\u201d and save as Adobe PDF &gt; [High Quality Print].<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Congrats! <\/strong>You\u2019ve learned the basics of InDesign and hierarchy!<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-3-1024x341.png\" alt=\"\" class=\"wp-image-5650\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-3-1024x341.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-3-300x100.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-3-768x256.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-3-1536x512.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-3-2048x683.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Typography can be an effective design all by itself. By the end of this training you will: Learn how to set up an InDesign document Create an event poster for a particular brand using only type Direct the reader&#8217;s gaze &hellip; <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2021\/03\/15\/lesson-3-typography-activity\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":755,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[200711,200721,228172],"tags":[],"class_list":["post-6230","post","type-post","status-publish","format-standard","hentry","category-basic-trainings","category-design-fundamentals","category-indesign"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/6230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/755"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=6230"}],"version-history":[{"count":38,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/6230\/revisions"}],"predecessor-version":[{"id":8263,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/6230\/revisions\/8263"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=6230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=6230"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=6230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}