{"id":182,"date":"2026-08-06T12:04:47","date_gmt":"2026-08-06T17:04:47","guid":{"rendered":"https:\/\/sts.doit.wisc.edu\/training-materials\/?post_type=manual&#038;p=182"},"modified":"2026-08-12T12:03:17","modified_gmt":"2026-08-12T17:03:17","slug":"indesign-creating-documents-with-indesign-layout-and-type","status":"publish","type":"manual","link":"https:\/\/sts.doit.wisc.edu\/training-materials\/manual\/indesign-creating-documents-with-indesign-layout-and-type\/","title":{"rendered":"InDesign: Creating Documents with InDesign: Layout and Type"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"999\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/image-19-1024x999.png\" alt=\"\" class=\"wp-image-606\" style=\"aspect-ratio:1.0247256430390899;width:172px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/image-19-1024x999.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/image-19-300x293.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/image-19-768x749.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/image-19-1536x1498.png 1536w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/image-19-2048x1997.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">About InDesign<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">InDesign is an industry-standard software used to create and publish professional layouts for print and digital media projects. It&#8217;s a great choice for creating multi-page projects, such as brochures, digital magazines, books, and interactive PDFs.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-final-text-1024x680.png\" alt=\"FInished InDesign spread about the UW-Madison History Project\" class=\"wp-image-647\" style=\"aspect-ratio:1.496028001826206;width:555px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-final-text-1024x680.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-final-text-300x199.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-final-text-768x510.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-final-text.png 1102w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-left\">What Is InDesign Best For?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">InDesign is perfect for laying out projects, importing existing elements such as pictures and text, and adding simple lines and shapes to a project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What Is InDesign NOT Suitable For?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It can be helpful to think of InDesign as a tool for organizing <em>existing content<\/em>, rather than a tool for creating <em>new<\/em> content. InDesign does not provide any photo editing tools and is not recommended to create elaborate vector graphics with. Instead, we recommend you use tools like Adobe Photoshop and Illustrator to create these elements to later import into your InDesign project!<\/p>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">The InDesign Interface<\/h2>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">InDesign Workspaces<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"238\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/essentials-workspace.png\" alt=\"\" class=\"wp-image-615\" style=\"aspect-ratio:2.2571336966976596;width:469px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/essentials-workspace.png 550w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/essentials-workspace-300x130.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This manual covers the <strong>&#8216;Essentials&#8217;&nbsp;Workspace<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Different workspace views bring up different tools and panels that may be most productive for a specific kind of project. The Essentials workspace view is usually selected by default, and is often a great option for most projects. However, you can change this to be set to any workspace that you feel would be most beneficial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resetting the Workspace: <\/strong>Accidentally moved or got rid of a panel? Go to this Workspace View and select &#8220;Reset [Workspace]&#8221; to bring back all the original panels. This name changes based on what workspace you are currently selected on.<\/p>\n<\/div>\n\n\n\n<h3 id=\"The InDesign Interface_Interface Components\" class=\"wp-block-heading\">Interface Components<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The InDesign workspace includes features common to other Adobe softwares like&nbsp;Photoshop or Illustrator, such as the Tools Panel, Menu, and Properties Panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here we&#8217;ll explore the layout of the program itself. The different areas of InDesign are defined and summarized here, so if you get lost later in the manual you can always refer back to this section. The terminology here also applies to other Adobe design software like Photoshop and Illustrator.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/sts.doit.wisc.edu\/manuals\/indesign1\/images\/interface.png\" alt=\"screenshot of the InDesign interface\" style=\"aspect-ratio:1.6660000677897162;width:685px;height:auto\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Menu Bar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Menu bar contains File, Edit, Window and other menus. These menus allow you to find and apply more tools and techniques to your project should you need them. We will cover a few of these as needed for our practice project. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Windows Menu is especially helpful when you need help locating a specific Panel! Just click on this menu and select the Panel you&#8217;d like to bring up in your workspaces.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Opened File (Document Window)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After you create a new document or open an existing document in InDesign, it will appear in this area called the Document Window. If you have multiple files opened, each file appears as a&nbsp;<strong>tab<\/strong>&nbsp;in this Document Window.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tools Panel<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Tools Panel contains tools used to create and modify objects on our project. To select a tool, simply click it. Tools with a triangle in the lower-right corner have additional tools hidden beneath them. To display hidden tools, click and hold a tool icon; a drop-down menu showing the hidden tools will appear.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Canvas (A Page)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Canvas area displays the page(s) that will contain all text, shapes, and images to be saved and\/or printed for your project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Properties Panel<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Properties panel is a one-stop shop for additional tools that may be helpful as you work on your project. If there&#8217;s one panel to really get familiar with, it&#8217;s this one! This panel changes depending on the current tool or object you are selected on. When selected on just the canvas (page), this panel will give you the options to change your document size, margins, number of pages, and add rulers or guides.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pages Panel<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Pages panel lets you manually add or remove pages from your project. This is where you can also edit the&nbsp;<strong>Parent Pages<\/strong>. Parent Pages are similar to templates, which allow you to add recurring elements (i.e. page numbers, headings, logo) on multiple pages without having to do so manually on each page. For large multi-paged documents, such as a book or magazine, this feature can save a lot of time and energy!<\/p>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">What Happened to the Tools on the Top??<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"53\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/control-panel-1024x53.png\" alt=\"control panel\" class=\"wp-image-614\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/control-panel-1024x53.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/control-panel-300x16.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/control-panel-768x40.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/control-panel-1536x79.png 1536w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/control-panel-2048x106.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Have you worked with older versions of InDesign? Miss the Control Panel that used to be at the top? The Properties Panel has essentially replaced this with a more effective, less overwhelming list of tools the program thinks would be most beneficial as you work through your project. If you really want the control panel, you can retrieve it from the Windows menu!<\/p>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Navigating the Workspace<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When working on any InDesign project, it is helpful to know how to move around your workspace! Below you will find the tools and keyboard shortcuts to zoom and pan around your project, and more about the Selection Tool.<\/p>\n\n\n\n<h3 id=\"Navigating the Workspace_Zoom Tool\" class=\"wp-block-heading\">Zoom Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Zoom Tool allows you to zoom in or zoom out to increase or decrease the document display size. To zoom in, click on the location as many times as you need. To zoom out, hold down the&nbsp;<kbd>option<\/kbd>&nbsp;or&nbsp;<kbd>alt<\/kbd>&nbsp;key and click.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"48\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/icon-zoom.png\" alt=\"Zoom tool icon\" class=\"wp-image-616\" style=\"aspect-ratio:1.2;width:97px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Keyboard Shortcut:<\/strong>&nbsp;<kbd>Z<\/kbd><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If using a trackpad, you can zoom in and out using the standard pinch-in or pinch-out method. Finally, you can also zoom using the following keyboard shortcuts while selected on any tool:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b4b75a54 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\"><strong>Zoom<\/strong> on Mac <br>(Keyboard Shortcuts)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Zoom In: <kbd>command<\/kbd>&nbsp;+&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zoom Out: <kbd>command<\/kbd>&nbsp;<kbd>-<\/kbd><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fit to&nbsp;<strong>Page<\/strong>: <kbd>command<\/kbd>&nbsp;<kbd>0<\/kbd><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fit to&nbsp;<strong>Spread<\/strong>: <kbd>command<\/kbd>&nbsp;+&nbsp;<kbd>option<\/kbd>&nbsp;+ <kbd>0<\/kbd><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\"><strong>Zoom<\/strong> on Windows<br>(Keyboard Shortcuts)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Zoom In<\/strong>: <kbd>control<\/kbd>&nbsp;+<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Zoom Out: <\/strong><kbd>control<\/kbd>&nbsp;<kbd>-<\/kbd><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fit to&nbsp;<strong>Page<\/strong>: <kbd>control<\/kbd>&nbsp;<kbd>0<\/kbd><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fit to&nbsp;<strong>Spread<\/strong>: <kbd>control<\/kbd>&nbsp;+&nbsp;<kbd>option<\/kbd>&nbsp;+&nbsp;<kbd>0<\/kbd><\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 id=\"Navigating the Workspace_Hand Tool\" class=\"wp-block-heading\">Hand Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Hand tool to pan around Pages\/Spread when the document is zoomed in beyond the workspace.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"52\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/icon-hand.png\" alt=\"hand tool icon\" class=\"wp-image-617\" style=\"aspect-ratio:1.1251098740111338;width:97px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Keyboard Shortcut:&nbsp;<\/strong>Hold the <strong>Spacebar <\/strong>while on any tool (except while entering text in a frame). You can also use your trackpad to move around using a two finger dragging motion.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Selection Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Selection Tool is used to select the different objects placed within your pages, such as text frames and graphics. It also allows you to resize and change the positioning of an object. Anytime you want to move around an object within your project, make sure you are selected on this tool!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"70\" height=\"58\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/icon-selection.png\" alt=\"selection tool icon\" class=\"wp-image-618\" style=\"aspect-ratio:1.1724679403297567;width:108px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Keyboard Shortcut:<\/strong>&nbsp;<kbd>V<\/kbd><\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 id=\"Creating a New Project\" class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Creating a New InDesign File<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open InDesign<\/li>\n\n\n\n<li>Click on the blue&nbsp;<strong>&#8220;New file&#8221;<\/strong>&nbsp;button on the left<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"840\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/new-file.png\" alt=\"new file blue button\" class=\"wp-image-607\" style=\"aspect-ratio:0.7153511149324312;width:236px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/new-file.png 598w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/new-file-214x300.png 214w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. From the New Document pop-up, you will have the option to either choose any of the preset document sizes or change the dimensions and settings for your project manually.<\/p>\n\n\n\n<div class=\"wp-block-group sts-callout-important has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>Measurements!<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"312\" height=\"314\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/picas-default.png\" alt=\"\" class=\"wp-image-610\" style=\"aspect-ratio:0.9938778557563088;width:159px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/picas-default.png 312w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/picas-default-298x300.png 298w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/picas-default-150x150.png 150w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">By default, your new project will be measured in&nbsp;<strong>picas<\/strong> (p0), a standard unit of measurement often used by graphic designers. However, you will probably feel more comfortable in either inches or centimeters, <strong>so make sure you change the units<\/strong> before you begin your project.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"531\" height=\"1024\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preset-details-531x1024.png\" alt=\"preset details dimensions for new indesign project\" class=\"wp-image-611\" style=\"aspect-ratio:0.5233057698526354;width:291px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preset-details-531x1024.png 531w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preset-details-155x300.png 155w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preset-details.png 570w\" sizes=\"auto, (max-width: 531px) 100vw, 531px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Name: <\/strong>Remember to name your project something you can easily identify later! By default, it will be named a variation of &#8220;Untitled-1&#8221;<\/li>\n\n\n\n<li><strong>Units: <\/strong>This is the unit of measurement used for the dimension you enter. Ensure your unit of measurement aligns with your project guidelines. Remember that 10&#215;10 Millimeters is very different from 10&#215;10 Inches!<\/li>\n\n\n\n<li><strong>Dimensions:<\/strong>&nbsp;The size of your each page in your InDesign project<\/li>\n\n\n\n<li><strong>Orientation:<\/strong>&nbsp;Portrait or Landscape<\/li>\n\n\n\n<li><strong>Pages:<\/strong>&nbsp;Number of Pages specifies how many pages the document will start out with. You can always add additional pages once the document is created.<\/li>\n\n\n\n<li><strong>Facing pages<\/strong>: Facing Pages makes left and right pages face each other in a double-page spread, generally for print materials like magazines and books. Deselecting this option will allow each page to stand alone, such as when you\u2019re designing flyers or posters.<\/li>\n\n\n\n<li><strong>Start #<\/strong>: Start Page # is useful for page numbering. It defaults to 1. If you prefer the page numbering to start on 692, for example, you can do so by typing the numerical value in this section.<\/li>\n\n\n\n<li><strong>Columns:<\/strong>&nbsp;How many sections of content to divide your pages into. The default is 1. Based on your selection, the Column Gutter is the space between sections.<\/li>\n\n\n\n<li><strong>Margins:<\/strong> The empty space (border) around your pages.&nbsp;The default is .5, but this can be changed to whatever you&#8217;d like.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">What is Bleed?<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b4b75a54 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"378\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/bleed.jpeg\" alt=\"example of a project with and without bleed\" class=\"wp-image-613\" style=\"aspect-ratio:1.5332951101646326;width:421px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/bleed.jpeg 585w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/bleed-300x194.jpeg 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"572\" height=\"664\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/bleed-slug.png\" alt=\"bleed and slug settings for new indesign project\" class=\"wp-image-612\" style=\"aspect-ratio:0.8655411932471595;width:213px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/bleed-slug.png 572w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/bleed-slug-258x300.png 258w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ever notice how magazines or posters usually have colors extend to the very edge of a page? These projects aren&#8217;t just printed like this! Instead, they have to be cut to the correct size! Bleed allows for color to be printed a tiny bit beyond the designated cut line of a project to ensure no white space is kept along the edge of a final project after it is cut to its final size. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">InDesign lets you add bleed to your project and is shown by a red line on the InDesign document. Color should extend up to or beyond this line to ensure it is included when printing. If saving your project as a PDF prior to printing, you can easily include <strong>Trim Marks <\/strong>to show where your cuts should be made.<\/p>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Pages<\/h3>\n\n\n\n<div class=\"wp-block-group sts-callout-important has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading has-text-align-center\">Facing Pages vs Single Pages<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"380\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/facing-pages.png\" alt=\"\" class=\"wp-image-627\" style=\"aspect-ratio:1.2358042873506792;width:298px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/facing-pages.png 472w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/facing-pages-300x242.png 300w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If &#8220;Facing Pages&#8221; has been checked for an InDesign project, thumbnails within the Pages Panel are aligned along a central bar that indicates the <strong>binding or central fold of a spread.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To set up your document for single pages: Go to&nbsp;<strong>Properties Panel&nbsp;<\/strong>and uncheck &#8220;Facing Pages&#8221;.<\/p>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Adding Pages<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"566\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/pages-1.png\" alt=\"pages panel with one page added\" class=\"wp-image-622\" style=\"aspect-ratio:0.906294944130988;width:279px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/pages-1.png 512w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/pages-1-271x300.png 271w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1. To add a page, first click on the&nbsp;<strong>Pages Panel<\/strong>&nbsp;on the right-hand side of your workspace (right next to the Properties Panel tab) or you can go to&nbsp;<strong>Window &gt; Pages<\/strong>&nbsp;if you do not already see this panel available.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. From the bottom of the Pages Panel, click the&nbsp;<strong>&#8220;Create New Page&#8221;<\/strong>&nbsp;icon (looks like a square with a plus sign inside) to add as many more pages as you need for your project.&nbsp;<strong>For our practice project, we will add 2 pages, so we have a total of 3 pages.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"178\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/add-page.png\" alt=\"add page icon found at the bottom of the page panel\" class=\"wp-image-623\" style=\"aspect-ratio:2.594081234630713;width:348px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/add-page.png 478w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/add-page-300x112.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Need to add a lot of pages?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you need to add more than 10 pages, it may be worth changing the page number from the&nbsp;<strong>Properties Panel<\/strong>&nbsp;right above where it says &#8220;Facing Pages&#8221;. This will save you more time compared to if you add each page manually.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"486\" height=\"256\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/properties-panel-pages.png\" alt=\"Document section of the Properties Panel with the number of pages area highlighted\" class=\"wp-image-626\" style=\"aspect-ratio:1.8640776699029127;width:388px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/properties-panel-pages.png 486w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/properties-panel-pages-300x158.png 300w\" sizes=\"auto, (max-width: 486px) 100vw, 486px\" \/><\/figure>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Deleting Pages<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To&nbsp;<strong>delete a page<\/strong>, simply click on the thumbnail of the page from the Pages Panel you&#8217;d like to remove and click on the icon that looks like a&nbsp;<strong>trashbin<\/strong>&nbsp;next to the &#8220;Create New Page&#8221; icon.Deleting Pages<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"490\" height=\"164\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/delete-page.png\" alt=\"trash icon found at the bottom of the pages panel\" class=\"wp-image-624\" style=\"aspect-ratio:2.8715319109971613;width:382px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/delete-page.png 490w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/delete-page-300x100.png 300w\" sizes=\"auto, (max-width: 490px) 100vw, 490px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Moving Pages<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To&nbsp;<strong>move a page<\/strong>, simply drag the thumbnail of the page from the Pages Panel to the location you would like it to appear in your project.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"280\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/moving-pages.gif\" alt=\"gif of moving a page within the pages panel\" class=\"wp-image-625\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">What Are Parent Pages?<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"324\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/parent-pages-1.png\" alt=\"Pages panel with the &quot;A-Parent&quot; page highlighted as well as the &quot;A&quot; label on page 1\" class=\"wp-image-620\" style=\"aspect-ratio:1.5805482717520858;width:349px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/parent-pages-1.png 518w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/parent-pages-1-300x188.png 300w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For page-heavy projects, Parent Pages are a crucial tool that saves designers time and energy!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Parent Pages allow you to essentially create a template with specific graphics and text that can be added easily to several pages within your project all at once. An example of these kinds of elements are <strong>page numbers, book titles, and chapter titles <\/strong>that appear within pages of many books or magazines.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Parent Pages are found at the top section of the Pages Panel, with a single page named&nbsp;<strong>\u201c[None]\u201d<\/strong>&nbsp;and two facing pages named&nbsp;<strong>&#8220;A-Parent &#8220;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Check out the Parent Pages section below for more information and examples!<\/p>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 id=\"Layout and Basic Tools\" class=\"wp-block-heading\">Organizing Your Project&#8217;s Layout: Rulers, Grids, and Guides<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the great things InDesign offers is very detailed control over positioning of content. All of these can now be found within the <strong>Properties Panel<\/strong> when selected on a page (canvas) in your work area.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"552\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-grids-guides-far-1024x552.png\" alt=\"wide view of an InDesign project with the Properties Panel opened. Rulers, Grids, and Guides section is highlighted.\" class=\"wp-image-630\" style=\"aspect-ratio:1.834645963196596;width:600px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-grids-guides-far-1024x552.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-grids-guides-far-300x162.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-grids-guides-far-768x414.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-grids-guides-far-1536x827.png 1536w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-grids-guides-far-2048x1103.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Using Rulers<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"164\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-icon.png\" alt=\"rulers icon highlighted from the Properties Panel\" class=\"wp-image-629\" style=\"aspect-ratio:2.8368898250755565;width:389px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-icon.png 484w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-icon-300x102.png 300w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on a page with the Selection Tool (from the work area not the Pages Panel)<\/li>\n\n\n\n<li>From the Properties Panel, locate the <strong>Rulers Icon<\/strong><\/li>\n\n\n\n<li>Click to reveal or hide rulers as needed<\/li>\n\n\n\n<li>To change the default units of measurement, go to the Menu Bar and navigate to&nbsp;<strong>InDesign &gt; Preferences &gt; Units &amp; Increments<\/strong><\/li>\n\n\n\n<li>The&nbsp;<strong>Units &amp; Increments Preferences<\/strong>&nbsp;dialog box will appear. Under Ruler Units, change the Horizontal unit of measurement to whatever you&#8217;d like from the drop down menu. Do the same for the Vertical unit, and Click OK.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"614\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-change.png\" alt=\"InDesign Preferences menu with &quot;Units &amp; Increments...&quot;, &quot;Grids...&quot; and &quot;Guides &amp; Pasteboard&quot; options highlighted\" class=\"wp-image-631\" style=\"aspect-ratio:1.4220164906697526;width:452px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-change.png 878w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-change-300x210.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-change-768x537.png 768w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-preferences-1024x393.png\" alt=\"Units and Increments preferences with the &quot;horizontal: and &quot;vertical&quot; ruler units highlighted\" class=\"wp-image-632\" style=\"aspect-ratio:2.552289957420293;width:582px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-preferences-1024x393.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-preferences-300x115.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-preferences-768x295.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rulers-preferences.png 1428w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Document Grid<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The Document Grid<\/strong>&nbsp;is a tool we can use to locate objects precisely where we want them on the page. It works like traditional graph paper, containing evenly spaced horizontal and vertical lines.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"492\" height=\"160\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-icon.png\" alt=\"Properties panel with the grid icon highlighed\" class=\"wp-image-633\" style=\"aspect-ratio:2.95080123699747;width:400px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-icon.png 492w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-icon-300x98.png 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We will use the Grid to place content later, and to create more specific structure using guides. We can also customize our grid. Now we&#8217;ll activate and personalize the Grid for our document.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The Grid is hidden by default. To show the Grid, first click on any page within your project with the Selection Tool<\/li>\n\n\n\n<li>Navigate to the <strong>Properties Panel<\/strong>, and click once on the Document Grid icon (furthest to the right)<\/li>\n\n\n\n<li>To change our Grid sectors divisions to inches, navigate to&nbsp;<strong>InDesign &gt; Preferences &gt; Grids<\/strong><\/li>\n\n\n\n<li>The Grids Preferences dialog box will appear. Under the Document Grid section, change the Horizontal and Vertical grid settings as you see fit.<\/li>\n\n\n\n<li>Make sure to Check&nbsp;<strong>&#8220;Grids in Back&#8221;<\/strong>.<\/li>\n\n\n\n<li>Click&nbsp;<strong>&#8220;OK&#8221;&nbsp;<\/strong>and the grid will appear on your document.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-grids-1024x574.png\" alt=\"InDesign preferences with the Grids section selected and the &quot;Horizontal and Vertical settings highlighted\" class=\"wp-image-634\" style=\"aspect-ratio:1.7659612689972335;width:604px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-grids-1024x574.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-grids-300x168.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-grids-768x430.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/preferences-grids.png 1470w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Snapping to the Document Grid<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When placing objects by eye you can end up with content that looks fine at first glance, but on closer inspection is misaligned. For a clean design we want everything to be aligned correctly on a detailed level. Even slight alignment issues can make your publication look less polished overall.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-snap-to-document-grid-1024x474.png\" alt=\"Snap to Document Grid option highlighted from the Grids &amp; Guides View Menu\" class=\"wp-image-635\" style=\"aspect-ratio:2.1000400160064028;width:447px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-snap-to-document-grid-1024x474.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-snap-to-document-grid-300x139.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-snap-to-document-grid-768x356.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/grids-snap-to-document-grid.png 1192w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Grid offers a feature called Snap to Grid which makes it easier to perfectly position objects on the page. When this setting is turned on, you&#8217;ll find your content boxes naturally want to align with the closest grid line.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How To: <\/strong>To snap objects to the Grid, go to the Menu Bar and navigate to&nbsp;<strong>View &gt; Grids &amp; Guides&nbsp;<\/strong>and select &#8220;Snap to Document Grid&#8221;.<\/p>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Working with Guides<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"462\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/guides-drag.gif\" alt=\"gif showing how to drag guides from the rulers\" class=\"wp-image-636\" style=\"aspect-ratio:1.580352949070657;width:531px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Guides are vertical and horizontal lines that you can create and place individually. These are useful when you want more specific reference lines than those grid provides. We&#8217;ll use these to plan the layout for our magazine spread.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"492\" height=\"168\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/guides-icon.png\" alt=\"guides icon from the Properties panel\" class=\"wp-image-638\" style=\"aspect-ratio:2.818222500671261;width:307px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/guides-icon.png 492w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/guides-icon-300x102.png 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>By default, Guides should be shown. If not, navigate to the Properties Panel and make sure the Guides icon in clicked.<\/li>\n\n\n\n<li>To create a new Guide, click on the ruler on the top or side of the spread and Drag down into the document. A light-blue guide line will follow your cursor. As you drag, a small gray box to the right of your cursor will display the position of your guideline.<\/li>\n\n\n\n<li>Guidelines can be moved to specific locations by selecting it first and changing the X or Y position from the Properties Panel<\/li>\n\n\n\n<li>Once done, lock them to avoid accidentally moving them. To lock your guides, navigate to&nbsp;<strong>View &gt; Grids &amp; Guides &gt; Lock Guides<\/strong> or click on the <strong>Lock Grids Icon from the Properties Panel<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"158\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/guides-lock.png\" alt=\"guides lock icon from the Properties panel\" class=\"wp-image-637\" style=\"aspect-ratio:2.8549734244495064;width:345px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/guides-lock.png 470w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/guides-lock-300x101.png 300w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Preview Mode<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Preview Mode allows you to see your project without any of the guides. Guides (pink and blue borders) aren&#8217;t printed and are there rather to help you align your work within your document.&nbsp;<strong>You can go into &#8220;preview mode&#8221; by simply clicking &#8220;W&#8221; on your keyboard<\/strong>. Just make sure you aren&#8217;t in an active text box!<\/p>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Adding Images with Frame Tools<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"1024\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-frames-716x1024.png\" alt=\"\" class=\"wp-image-640\" style=\"aspect-ratio:0.7021759117376647;width:341px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-frames-716x1024.png 716w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-frames-210x300.png 210w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-frames-768x1098.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-frames.png 852w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Frame tools allow us to create&nbsp;<strong>placeholders<\/strong>&nbsp;for graphics we&#8217;d like to eventually add to our InDesign project. While it is not required to use frame tools within a project, it does help organize a layout!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Similar to a picture frame, InDesign frames have specific dimensions within a project. If we import a graphic that is too small or too large for the frame, it will need to be resized within the frame as necessary.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Frames come in a variety of shapes, but we will focus on the Rectangle Frame Tool for our practice project, which appears within the Tools Panel by default. Other shape frames can be revealed by clicking and holding down on the Rectangle Frame Tool icon from the Tools Panel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Rectangle Frame Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Rectangle Frame tool allows you to create rectangle and square frames to act as placeholders for your project&#8217;s images and graphics.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"62\" height=\"52\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/rectangle-frame-tool.png\" alt=\"rectangle frame tool icon\n\" class=\"wp-image-639\" style=\"aspect-ratio:1.1565141358204605;width:108px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1. <strong>Creating a Frame:<\/strong>&nbsp;Click and drag to create a frame of your preferred size. You can rescale by dragging any of the corners as needed while on the Selection Tool.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"360\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/create-resize-frame.gif\" alt=\"gif showing how to use the rectangle frame tool\" class=\"wp-image-641\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. <strong>Importing an Image:<\/strong>&nbsp;To add an image within an existing frame, first select the frame and then go to the&nbsp;<strong>Properties Panel<\/strong>. From here, click on the &#8220;Import File&#8221; button at the very bottom of the panel. Locate the image you&#8217;d like to use.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"492\" height=\"304\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/import-file-1.png\" alt=\"import file button highlighted from the Properties Panel\" class=\"wp-image-643\" style=\"aspect-ratio:1.5983756345177664;width:352px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/import-file-1.png 492w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/import-file-1-300x185.png 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group sts-callout-important has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Files We Import Are References NOT Copies!<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s very important to know that any time we <strong>Import<\/strong> a file to our InDesign Project, we are NOT making a copy of it. Instead, we are creating a <em>reference<\/em> to the file that lives on the computer we are working on. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This means that if the original file on your computer is deleted, your InDesign project referencing that image will show a red &#8220;Missing Link&#8221; icon indicating it cannot <em>reference<\/em> or <em>find <\/em>the file. If this happens, you will need to save the file to your computer again and relink it. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">InDesign may still save a temporary visual of your media if it&#8217;s missing, but you will need to relink to ensure saving and exporting works as intended.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">3. <strong>Resizing &amp; Moving Image:<\/strong>&nbsp;If you need to&nbsp;<strong>resize<\/strong>&nbsp;or&nbsp;<strong>move<\/strong>&nbsp;the image within the frame, go to the&nbsp;<strong>Selection Tool<\/strong>&nbsp;and hover over the center of the frame to reveal a circle. Click once on the circle to reveal the boundaries of the image within the frame. Click and drag the corners of the image as needed to resize. To keep the proportions of the original image, hold down the Shift key while dragging the corners. To move the image within the frame, click and drag the <strong>middle donut circle <\/strong>to the desired position.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"360\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/import-file-resize.gif\" alt=\"resizing and repositioning an image inside of a frame\" class=\"wp-image-644\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Changing A Frame&#8217;s Appearance<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"504\" height=\"346\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/frame-appearance.png\" alt=\"\" class=\"wp-image-667\" style=\"aspect-ratio:1.443609022556391;width:362px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/frame-appearance.png 504w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/frame-appearance-300x206.png 300w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Did you know you can adjust a frame&#8217;s fill, stroke, corner, opacity, and even give it some effects (fx)? Just select the frame with the Selection Tool and from the Properties Panel, adjust any of the options under Appearance! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note that for the Stroke and Corner options, you can change its appearance from the far right drop-down menus. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To apply effects, click on the &#8220;fx&#8221; word and you&#8217;ll see a list of options to choose from. <\/p>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Working With Text<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Learning to work with the various text tools and settings is important for any and all InDesign projects!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Type Tool<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"72\" height=\"62\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/type-tool.png\" alt=\"type tool icon\" class=\"wp-image-645\" style=\"aspect-ratio:1.136094674556213;width:125px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Type Tool to create new text frames or to edit text in existing frames.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create a text frame with the Type Tool, simply click and drag a box anywhere on your project and begin typing. You can adjust the text frame size with the Selection Tool and change the font and size via the Properties Panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcut:&nbsp;<\/strong><kbd>T<\/kbd><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Formatting Type<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When highlighted on text within a text frame (double click if on Selection Tool), the&nbsp;<strong>Properties Panel<\/strong>&nbsp;reveals tools to format our text beyond the default settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When working in a text frame, the Appearance, Character and Paragraph options allow you to format highlighted text differently within that frame. Note that these options will only appear within the Properties Panel&nbsp;<strong>if text is highlighted<\/strong>&nbsp;within a text frame.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"476\" height=\"1024\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-properties-476x1024.png\" alt=\"\" class=\"wp-image-646\" style=\"aspect-ratio:0.47013071189370204;width:240px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-properties-476x1024.png 476w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-properties-139x300.png 139w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-properties.png 490w\" sizes=\"auto, (max-width: 476px) 100vw, 476px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Appearance<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Appearance<\/strong>&nbsp;controls font color (Fill) and font border color and thickness (Stroke).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Character<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Character<\/strong>&nbsp;controls things like font face and size, tracking, leading, and kerning. You can <strong>click on the three dots<\/strong> near at the bottom of this section to see more Character options.<\/p>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Adjusting Text Spacing in InDesign<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-tracking-kerning-concepts-1024x623.png\" alt=\"visual of the differences between leading, tracking, and kerning\" class=\"wp-image-652\" style=\"aspect-ratio:1.6294762989029186;width:420px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-tracking-kerning-concepts-1024x623.png 1024w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-tracking-kerning-concepts-300x182.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-tracking-kerning-concepts-768x467.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-tracking-kerning-concepts.png 1480w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">While the default text spacing is usually good enough for most projects, InDesign does provide tools to make further text spacing adjustments within the Character area of the Properties Panel. For each of the adjustments below, you will have to make sure to <strong>highlight <\/strong>the exact text you&#8217;d like the adjustments to apply to. <\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b4b75a54 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">Tracking<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"468\" height=\"268\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/tracking-icon.png\" alt=\"\" class=\"wp-image-648\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/tracking-icon.png 468w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/tracking-icon-300x172.png 300w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tracking adjusts the letter-spacing throughout a line or block of text. The default setting for body text is usually fine, but larger display text may need to be adjusted.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">Kerning<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"468\" height=\"268\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/kerning-icon.png\" alt=\"\" class=\"wp-image-649\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/kerning-icon.png 468w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/kerning-icon-300x172.png 300w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Kerning is the spacing between individual characters. You might use this to remove unnecessary white space between two characters.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">Leading<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"468\" height=\"268\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-icon.png\" alt=\"\" class=\"wp-image-650\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-icon.png 468w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/leading-icon-300x172.png 300w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Leading adjusts the space between lines of text. The larger the leading size, the larger the space between lines of text.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Paragraph<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Paragraph<\/strong>&nbsp;options include features like alignment, indentation, and spacing between paragraphs. You can click on the three dots near at the bottom of this section to see more Paragraph options.<\/p>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Turning off Hyphenation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">By default&nbsp;InDesign&nbsp;<strong>hyphenates <\/strong>words that are too long to fit on one line. However, from a design standpoint, it looks better if the word is simply bumped to the next line instead of hyphenating.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>While on the Type Tool, highlight the text you want to remove hyphenation from.<\/li>\n\n\n\n<li>Go to the Paragraph options within the Properties Panel and click on the three dots at the bottom to reveal more options.<\/li>\n\n\n\n<li>Navigate to the checked&nbsp;<strong>Hyphenate box&nbsp;<\/strong>and uncheck the box to turn off the&nbsp;<strong>hyphenation<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"734\" height=\"428\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-paragraph-hyphenate.gif\" alt=\"gif showing how to turn off hyphenation in InDesign from the Properties Panel\" class=\"wp-image-651\"\/><\/figure>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Adding First Indents to Paragraphs<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">A well-designed body of text includes clear indicators of the beginning and ending of paragraphs, and often some white space between them. The example below shows a paragraph with first indent of .25 inches.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"862\" height=\"224\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-indent-example-1.png\" alt=\"example of a paragraph in InDesign with a first indent\" class=\"wp-image-657\" style=\"aspect-ratio:3.7214996174445294;width:421px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-indent-example-1.png 862w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-indent-example-1-300x78.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-indent-example-1-768x200.png 768w\" sizes=\"auto, (max-width: 862px) 100vw, 862px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1. With the Type Tool, highlight the paragraph text<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Go to the Paragraph options within the Properties Panel and click on the three dots at the bottom to expand options so it looks like the image below<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"180\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-more-options.png\" alt=\"\" class=\"wp-image-655\" style=\"aspect-ratio:2.566873636516194;width:354px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-more-options.png 478w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-more-options-300x113.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. To add a first indent, you&#8217;ll need to change the &#8220;First Line Left Indent field&#8221; from 0 to something higher, usually&nbsp;<strong>.25 in<\/strong> is a good amount but it will depend on the project.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"239\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-paragraph-first-indent.png\" alt=\"paragraph options with the first indent icon highlighted\" class=\"wp-image-654\" style=\"aspect-ratio:1.959016393442623;width:351px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-paragraph-first-indent.png 478w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-paragraph-first-indent-300x150.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Adding Spacing Between Paragraphs<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Good paragraph separation looks less intimidating to the reader, makes your text easier to read, and separates your ideas visually. Below is an example of a paragraph with .125 spacing automatically added at the end.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"788\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-space-example.png\" alt=\"\" class=\"wp-image-658\" style=\"aspect-ratio:1.1926617774904706;width:357px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-space-example.png 942w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-space-example-300x251.png 300w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/paragraph-space-example-768x642.png 768w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1. With the Type Tool, highlight the paragraph text<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Go to the paragraph options within the Properties Panel and click on the three dots at the bottom.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"378\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-paragraph-space-after.png\" alt=\"paragraph options within the Properties Panel with the space after icon highlighted\" class=\"wp-image-659\" style=\"aspect-ratio:1.2576361767728674;width:334px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-paragraph-space-after.png 478w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-paragraph-space-after-300x237.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. To add space after a paragraph, in the &#8220;Space After&#8221; field of the Paragraph options, change it from 0 to a higher number, usually&nbsp;<strong>.125 in<\/strong>&nbsp;is a good amount but it will depend on the project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text Frame Columns<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to modifying font color, font size, and paragraphs, InDesign allows us to modify the number of columns within a text frame. By default, there will be one column per text frame, but this can be changed from the Properties Panel.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"372\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-column.gif\" alt=\"gif showing how to adjust text frame columns from the Properties Panel\" class=\"wp-image-660\" style=\"aspect-ratio:1.701279282272803;width:505px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1. With the Selection Tool, select a text frame by clicking on it once (do not highlight any specific text)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. From the Properties Panel, scroll down until you see&nbsp;<strong>Text Frame<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"116\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/textframe-propertiespanel.png\" alt=\"text frame column options from the Properties Panel\" class=\"wp-image-661\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/textframe-propertiespanel.png 472w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/textframe-propertiespanel-300x74.png 300w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. In the first box, change the number to update the columns within your text frame<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. You can also change the spacing between columns in the next box<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text Flow (Linking Text Boxes)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Text Flow allows the text in our document to flow from one text frame to another without having to make or adjust each text frame every time you edit the text. You can set-up your text frames on InDesign to be ready to have text flow between frames by &#8220;linking&#8221; them:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Optional: <\/strong>From the top menu options, go to&nbsp;<strong>View &gt; Extras &gt; Show Text Threads<\/strong>. This will give you a visual as to what text frames are linked in what order. You can turn this off at any point you are comfortable.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"1024\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-threads-menu-954x1024.png\" alt=\"View Menu showing the &quot;Extras&quot; options and selecting &quot;Show Text Threads&quot;\" class=\"wp-image-662\" style=\"aspect-ratio:0.9324178313756927;width:338px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-threads-menu-954x1024.png 954w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-threads-menu-280x300.png 280w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-threads-menu-768x824.png 768w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-threads-menu.png 1092w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Create as many text frames as you need for your project layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. With the Selection Tool, click once on the white square on the lower-right border area of the text frame.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"540\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/in-class-text-thread.gif\" alt=\"gif showing how to link different text frames\" class=\"wp-image-665\" style=\"aspect-ratio:1.1817657241777264;width:429px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. After this, click once on the text frame you&#8217;d like text to flow to. Repeat this process between all your text frames in the order that makes sense for your project. <strong>These text frames are now linked and will allow text to flow between them.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. To unlink text frames, complete the exact same steps you followed originally to link them &#8211; click on the white square and then click on the next text frame.<\/p>\n\n\n\n<div class=\"wp-block-group sts-callout-goodtoknow has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\">Overflow Text Warning<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A text overflow warning appears when you add text to a text frame that is&nbsp;<strong>too long<\/strong>&nbsp;for the text frame size. This visual tells us &#8220;hey there is more text here that is hidden!&#8221;. To get rid of this warning and reveal more of our text, either make the font smaller, make the text frame bigger, or have the text flow into a new text frame. To update the text flow after adding too long of text to a text frame:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"204\" height=\"144\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-overflow-warning.png\" alt=\"text overflow warning example with the red rectangle in the corner of a text frame\" class=\"wp-image-663\" style=\"aspect-ratio:1.3883453849425775;width:250px;height:auto\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>With the Selection Tool, click on the <strong>small square with the red cross<\/strong> in the bottom right-hand corner of the text frame.<\/li>\n\n\n\n<li>This will load your cursor with the overflow text. Now when we place a text frame in another location on the spread, this text will flow into it. Create a text frame anywhere on your document layout. These text frames are now linked and will allow text to flow between them.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"434\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-overflow.gif\" alt=\"Example of clicking an overflow warning and creating a new textbox\" class=\"wp-image-664\" style=\"aspect-ratio:1.4637981559574011;width:572px;height:auto\"\/><\/figure>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Create, Apply, &amp; Update Text Styles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Text Styles are collections of settings that can be saved and then applied to future text content. This can save a lot of time and help to keep the design consistent, especially in a very page-heavy projects! Text styles are great if your project will have lots of headings and paragraph text that will need to be consistent in size, color, and font throughout the entirety of the project. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"270\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-styles-propertiespanel.png\" alt=\"\" class=\"wp-image-666\" style=\"aspect-ratio:1.7494305239179955;width:416px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-styles-propertiespanel.png 480w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-styles-propertiespanel-300x169.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Paragraph Styles<\/strong>&nbsp;which affect paragraphs of text and include things like indentation and spacing (but can also include fonts, colors, etc.) Paragraph styles affect all text within a given paragraph (aka any text between hard line breaks where you&#8217;ve hit Enter\/Return)<\/li>\n\n\n\n<li><strong>Character Styles<\/strong>&nbsp;which affect spans of text within a paragraph and can include things like font face, style, color, etc. A character style affects whatever text is highlighted at the time it is applied.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Any time you see a small plus sign + next to a style name, that means that object has the current style applied but at least 1 setting has been changed from the default style.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Working with Paragraph Styles<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">1. Highlight the text you would like to add a style to and adjust the font, size, color, and spacing as you wish from the Properties Panel to reflect your new paragraph style.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Within the Properties Panel, under the &#8216;Text Style&#8217; options, click on the &#8216;New Paragraph Style&#8217; Icon (square with a plus sign). InDesign will automatically name the new style&nbsp;<strong>&#8220;Paragraph Style 1&#8221;<\/strong>&nbsp;but you can change the name right away while it is still highlighted.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"270\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-styles-addstyle.png\" alt=\"text style options in the properties panel with the &quot;add style&quot; button highlighted\" class=\"wp-image-669\" style=\"aspect-ratio:1.7494305239179955;width:409px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-styles-addstyle.png 480w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-styles-addstyle-300x169.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To rename a style after it is no longer highlighted, click on the drop-down menu from the Text Style options and click on the pencil icon next to the Paragraph Style name you want to update. From here, update the name from the dialog box that appears.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"492\" height=\"340\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-style-edit.png\" alt=\"\" class=\"wp-image-670\" style=\"aspect-ratio:1.4340756934007377;width:389px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-style-edit.png 492w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/text-style-edit-300x207.png 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. <strong>Applying a Paragraph Style: <\/strong>To apply this new style to other text, with the Type Tool selected, highlight subsequent sections of text and click on your new Paragraph Style from the Properties Panel to apply our new style to it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. <strong>Updating a Paragraph Style:<\/strong>&nbsp;To make an update to an existing Paragraph Style, simply highlight text that has the style, make your changes, and then click on the first icon at the bottom of the Text Style section that says &#8220;Redefine Style&#8221; when hovered over it. Notice how all other paragraphs with that applied style change automatically based on the updates made!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/sts.doit.wisc.edu\/manuals\/indesign1\/images\/text-styles-redefine.png\" alt=\"paragraph styles\" style=\"aspect-ratio:1.7494305239179955;width:406px;height:auto\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Creating Basic Shapes and Lines<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Similar to Adobe Photoshop and Illustrator, Adobe InDesign allows us to add shapes and lines to our project. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding Shapes (Rectangle Tool Example)<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"52\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/icon-rectangle.png\" alt=\"rectangle tool icon\" class=\"wp-image-672\" style=\"aspect-ratio:1.1879350348027842;width:112px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Shape tools such as the Rectangle Tool or Ellipse Tool can also function as frame tools, but it is a better practice to use them for color rather than image containers. <strong>To see all the shape tool options hold down your click on the Rectangle Tool.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create a rectangle with the Rectangle Tool, simply click and drag on your document. Change the Fill and Stroke color\/thickness from the Properties Panel to whatever you&#8217;d like. Resize using the Selection Tool.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Similar to Frame tools, you can also change the Opacity, Corners, and add an Effect from the Properties Panel to give the shape a different look.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcut:<\/strong> M<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Creating New Shapes with the Pen Tool and Pencil Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you need to create a specific shape or line that the available shape tools don&#8217;t provide, you can opt to use the Pen Tool or Pencil Tool to do just that!<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b4b75a54 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Pen Tool<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"70\" height=\"56\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/pentool-icon.png\" alt=\"\" class=\"wp-image-673\" style=\"aspect-ratio:1.206896551724138;width:95px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To use the Pen Tool, click once to activate it and keep clicking on other points to create straight lines, or drag to create curves.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Pencil Tool<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"66\" height=\"50\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/penciltool-icon.png\" alt=\"\" class=\"wp-image-674\" style=\"aspect-ratio:1.259016393442623;width:97px;height:auto\"\/><\/figure>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Working with Parent Pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Parent pages help to create consistent publications without having to recreate all the fixed elements on each page. When working with projects with many pages, like books or magazines, it may be helpful to use Parent Pages to apply recurring page elements, such as headers, footers, and page numbers quickly, instead of manually adding them to each page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"324\" src=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/parent-pages-1.png\" alt=\"\" class=\"wp-image-620\" style=\"aspect-ratio:1.5805482717520858;width:408px;height:auto\" srcset=\"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/parent-pages-1.png 518w, https:\/\/sts.doit.wisc.edu\/training-materials\/wp-content\/uploads\/2025\/12\/parent-pages-1-300x188.png 300w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Within the Pages Panel, at the very top there is a section labeled [None] and A-Parent. These are the Parent pages available for every InDesign project and by default, all pages have the A-Parent page applied. A&nbsp;<strong>Parent Page<\/strong>&nbsp;is essentially a template that we can edit and apply to multiple pages within a project to ensure certain objects or elements appear consistently. Any changes made to the Parent Page will automatically update any project pages it has been applied to.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead of manually adding a page number to each page in our project, we can create a footer in a Parent page with a page number that dynamically updates depending on the page of the document. Footers are simply text frames that are located at the bottom of Parent pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding Automatic Page Numbers with Parent Pages<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">We will add page numbers to our document using&nbsp;<strong>Parent Pages.<\/strong>&nbsp;Open the Pages Panel in the Panels Dock or navigate to it in the Menu bar:&nbsp;<strong>Window &gt; Pages<\/strong>.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the Pages Panel, Double Click on the left side of the&nbsp;<strong>A-Spread Parent&nbsp;<\/strong>to center and fit the left Parent Page in the document window.<\/li>\n\n\n\n<li>Open the&nbsp;<strong>Layers Panel<\/strong>. Create a new layer called&nbsp;<strong>&#8220;Parent&#8221;<\/strong>. Putting our page numbers on this layer &#8211; and putting this layer on top of the others &#8211; will ensure that they appear above the elements we have already created.<\/li>\n\n\n\n<li>Select the&nbsp;<strong>Type Tool<\/strong>&nbsp;from the toolbar and Click and Drag out a text frame near the bottom-left corner of the left page.<\/li>\n\n\n\n<li>To enter a dynamically updating page number, right click inside the text frame and navigate to:<\/li>\n\n\n\n<li>To format your page numbers, highlight the letter&nbsp;<strong>&#8220;A&#8221;<\/strong>&nbsp;and navigate to the Properties Panel.<\/li>\n\n\n\n<li>Select the text frame, Copy the frame:&nbsp;<strong>Edit &gt; Copy<\/strong>&nbsp;or&nbsp;<strong>Command<\/strong>+<strong>C<\/strong> To paste the frame:&nbsp;<strong>Edit &gt; Paste<\/strong>&nbsp;or&nbsp;<strong>Command<\/strong>+<strong>V<\/strong><\/li>\n\n\n\n<li>With the selection tool selected, click and move the text frame to the bottom-right corner of the right page in the spread.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Double Click on the document spread to see the page numbers on your project!<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Saving, Exporting &amp; Packaging<\/h2>\n\n\n\n<h3 id=\"Saving, Exporting &amp; Packaging_Saving as an InDesign File\" class=\"wp-block-heading\">Saving as an InDesign File<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It is important to save your project as an InDesign file so you can come back to it at a later time and keep all your updates. Saving as an InDesign file will only allow you to open a project on a computer with InDesign and is not recommended to share your final project to others with.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the top menu bar, go to&nbsp;<strong>File &gt; Save As&#8230;<\/strong><\/li>\n\n\n\n<li>From the pop-up that appears, change the file location and project name as needed, and select &#8216;InDesign [Current Year] document&#8217; as the file format.<\/li>\n\n\n\n<li>Click Save.<\/li>\n\n\n\n<li>As you work on your project, keep saving your project via&nbsp;<kbd>Command + S<\/kbd>,&nbsp;<kbd>Control + S<\/kbd>, or File &gt; Save.<\/li>\n<\/ol>\n\n\n\n<h3 id=\"Saving, Exporting &amp; Packaging_Exporting as a PDF\" class=\"wp-block-heading\">Exporting as a PDF<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Exporting your InDesign project as a PDF will be the best option for you to share your work with others digitally or print it to share with others in physical form. To do this, simply follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the top menu bar, go to&nbsp;<strong>File &gt; Export&#8230;<\/strong><\/li>\n\n\n\n<li>From the pop-up that appears, change the file location and project name as needed, and select &#8216;Adobe PDF (Print)&#8221; as the file format.<\/li>\n\n\n\n<li>Click Save. A PDF settings box will appear &#8211; we recommend you leave the default settings unless you are told otherwise by your assignment.<\/li>\n\n\n\n<li>Click Export<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-group sts-callout-important has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"Saving, Exporting &amp; Packaging_Advanced: Packaging\">Working from Multiple Computers??<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When handing off your InDesign file to a printer or to a project collaborator, they will also need all fonts and linked graphics used in the document. InDesign can do this for you by <strong>Packaging<\/strong> the file. When you package a file, InDesign creates a folder that contains the InDesign document, any necessary fonts, linked graphics, text files, and a customized report.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before packaging you&#8217;ll want to make sure that all of your links are correct. We&#8217;ll learn how to fix broken links, and to use InDesign&#8217;s preflight tool to check for any issues.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To package your document, go to Menu bar&nbsp;<strong>File &gt; Package<\/strong><\/li>\n\n\n\n<li>A dialog box will appear showing the details of the document. Click&nbsp;<strong>&#8220;Package..&#8221;<\/strong>. Click&nbsp;<strong>&#8220;save&#8221;<\/strong>&nbsp;to save the file if prompted.<\/li>\n\n\n\n<li>Select a folder you&#8217;d like as the location for the packaged folder.<\/li>\n\n\n\n<li>Keep all default checked settings as is<\/li>\n\n\n\n<li>Click the&nbsp;<strong>&#8220;Package&#8221; button<\/strong>. You have now created a single folder with all your images, links, and project files!<\/li>\n<\/ol>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-sts-block-sts-custom-sections\">\n<h2 class=\"wp-block-heading\">Additional Tools and Resources<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Downloading Fonts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing the right font can transform your design, whether it\u2019s for titles, bold text, or clean body copy. Although Adobe provides a wide range of fonts, sometimes it can be helpful to download other fonts! Below are great websites and videos to get you started. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Free Font Websites:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Google Fonts \u2192<a href=\"https:\/\/fonts.google.com\/\">https:\/\/fonts.google.com\/<\/a><\/li>\n\n\n\n<li>DaFont &#8211;&gt; <a href=\"https:\/\/dafont.com\/\">https:\/\/dafont.com\/<\/a><\/li>\n\n\n\n<li>Velvetyne \u2192<a href=\"http:\/\/velvetyne.fr\/\"> http:\/\/velvetyne.fr\/<\/a><\/li>\n\n\n\n<li>Fontshare \u2192<a href=\"https:\/\/www.fontshare.com\/\"> https:\/\/www.fontshare.com\/<\/a><\/li>\n\n\n\n<li>TypeType \u2192<a href=\"https:\/\/typetype.org\/freefonts\/\"> https:\/\/typetype.org\/freefonts\/<\/a><\/li>\n\n\n\n<li>Open Foundry \u2192<a href=\"https:\/\/open-foundry.com\/fonts\"> https:\/\/open-foundry.com\/fonts<\/a><\/li>\n\n\n\n<li>Use &amp; Modify \u2192<a href=\"https:\/\/usemodify.com\/\"> https:\/\/usemodify.com\/<\/a><\/li>\n\n\n\n<li>Behance (some are free) \u2192 <a href=\"https:\/\/www.behance.net\/search\/projects?search=free+font\">https:\/\/www.behance.net\/search\/projects?search=free+font<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">How To Install Fonts:<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Watch the videos below to learn how to download and install fonts on either Mac or Windows. After a font is installed, it should automatically appear as a option from the drop-down menu from the Character are of the Properties Panel when text is highlighted.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"[2024] How to Download, Install and Manage Fonts on Mac\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ry54lpZW2h4?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<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How To Install Fonts In Windows 11\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/DWzP-VFJRY4?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<h3 class=\"wp-block-heading\">Working with Layers in InDesign<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Similar to Illustrator and Photoshop, Layers in InDesign provides a way to organize the various elements added to a project. By default, all projects have one Layer per spread (either 1 non-facing page or 2 facing pages) to which sublayers are created for every element you add.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can think of layers as a stack of transparent sheets. You can add as many layers as you need to stack your content. You can reorder and rename layers, hide them, and lock them. Layers is especially helpful when you are working on a very long InDesign project where it will be helpful to lock certain layers or hide elements. If you are working on a project with few pages, Layers may not be super necessary to work with.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Compared to Illustrator or Photoshop, however, Layers in InDesign appear a little differently depending on what page or spread you are selected on. If you add a New Layer to one page\/spread, it will appear as a new empty layer for all pages\/spreads. However, all sublayers (created when objects are added to a page) are specific to whatever page\/spread you are selected on.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Using the Layers Panel<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">First, locate the Layers panel in the Panels Dock on the right, or find it in the Menu bar:&nbsp;<strong>Window &gt; Layers&nbsp;<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Layers panel displays each layer, along with sub-layers showing the content on that layer. To show the sub-layers, simply click the&nbsp;<strong>small arrow&nbsp;<\/strong>to the left of the layer name. Both sub-layers and layers can be reordered the same way pages can. Simply click and drag to change the order or to move a sub-layer to a different layer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To rename a layer, simply double-click on the current name. Labeling layers clearly will make them easy to navigate as your document gets more complex.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Layer Properties<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Each layer has two boxes to the left of it that control the visibility and locking of the layer. We will use these features a lot in our workflow.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Visibility:<\/strong>&nbsp;The box on the far left indicates the layer&#8217;s visibility. By default this box has an eye symbol. Try clicking into this box to turn the visibility on and off. You&#8217;ll see the content on the layer disappear from your work area. This is useful when you want to zero in on one specific part of your document.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Locking:<\/strong>&nbsp;The next box indicates whether or not the layer is locked. By default layers are unlocked and this box will appear empty. Try clicking into this box. When the padlock symbol appears, you won&#8217;t be able to edit any of the content on this layer. It is important to lock layers that you want to leave unadjusted while you work on the rest of your document.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whenever you are adding content, text, images or design elements, get yourself in the habit of checking which layer you are working in, and lock other layers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Working with the Dynamic Spelling Checker<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">InDesign offers spell-checking and correcting in its features. There are three options you can use to check spelling:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Check Spelling<\/strong>&nbsp;uses a dialog box that finds all misspelled words and allows you to correct them.<\/li>\n\n\n\n<li><strong>Autocorrect<\/strong>&nbsp;corrects spelling as you type.<\/li>\n\n\n\n<li><strong>Dynamic Spelling<\/strong>&nbsp;visually indicates which words are suspect in your document.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To use Dynamic Spelling, navigate to&nbsp;<strong>Edit &gt; Spelling &gt; Dynamic Spelling&nbsp;<\/strong>from the Menu bar.<\/li>\n\n\n\n<li>To correct the spelling errors, make sure the&nbsp;<strong>Type tool<\/strong>&nbsp;is selected, then Left-Click on the word and choose the correct replacement.<\/li>\n<\/ol>\n<\/section>\n","protected":false},"author":19,"featured_media":0,"template":"","meta":{"_acf_changed":false,"_uw_seo_meta_title":"","_uw_seo_meta_description":"","_uw_seo_twitter_card_type":"summary_large_image","_uw_seo_meta_image":"","_uw_seo_meta_image_url":"","_uw_seo_meta_image_sizes":[],"_uw_seo_custom_meta_tags":[],"footnotes":""},"categories":[],"class_list":["post-182","manual","type-manual","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/manual\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/types\/manual"}],"author":[{"embeddable":true,"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/users\/19"}],"version-history":[{"count":2,"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/manual\/182\/revisions"}],"predecessor-version":[{"id":930,"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/manual\/182\/revisions\/930"}],"wp:attachment":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/categories?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}