1. Create a new folder in your Communications 1 folder and title it “Adobe InDesign - Page Layout” 
2. Open Adobe InDesign
3. Click on File and create a "New Document" using these settings
   
4. Save this document as “Introduction to Adobe InDesign” (as an InDesign document)
5. Click on "Edit" on the Menu bar and then select "Preferences"
6. Choose "Interface" from the menu
7. Select the lightest gray block at the top and then click "OK"
   
   
   
8. We need to make sure that the "Control" box is enabled (located right under Window in the the actual top menu. Click on "Workspace" and then choose "Advanced." The full control bar (and rulers) will now be displayed. 
9. Using the Type tool, create a text box at the top of the page
   1. Inside this box, type “Adobe InDesign”
   2. Make sure the text boxes width is 696px wide by 82px tall (you can find it’s W and H parameters in the Properties box underneath the menu bar)
   3. Be sure that the text box is sitting right next to the top pink margin box on your document
       
10. Double click inside the texts box and you will notice the cursor blinking at the end of the text. This also changes the options inside the Properties box.
    1. Set the alignment to “Center”
    2. Set the font size to 75pt
    3. Set the font type to “Impact”
    4. Double click the text “Adobe InDesign” and then double click on the black “T” on the toolbar where there is usually a color option.

       • Set Red to 160 Set Green to 0 Set Blue to 0

    5. Save your document (be prepared to do this frequently)
        
11. The text that will use for this next section is located here: https://en.wikipedia.org/wiki/Cupcake
    1. Highlight the “History” portion of this webpage (just the history), making sure to get the entire History.
    2. Copy and paste this content into a Microsoft Word document
    3. Delete the image of the Hostess cupcake
    4. Save this word document as “Cupcake History.doc” in your “Adobe InDesign” folder.
    5. Close out the word document (not doing so will prevent InDesign from being able to import its contents)
        
12. In Adobe InDesign, go to “file” and then to “Place”
    1. Select “Cupcake History.doc” from your folder
       1. When the "Place" dialogue box opens, be sure to check the box that says "Show Import Options"
       2. In the Show Import Options dialogue box, under "Formatting," we want to select the box that says "Remove Styles and Formatting from Text and Tables."
          
          
    2. You will see a little box with small words in it. This is InDesign letting you know that you are about to place your word document inside of the InDesign document. Instead of simply clicking anywhere on the screen, you need to draw a box about a half inch underneath the large “Adobe InDesign” box that you made a the top.
    3. Draw the box so that it is
       1. 696px wide
       2. 280px tall
           
    4. With the text box selected, there should be an option in the Properties box to alter how many “columns” are displayed inside of the text box. By changing this number, we can modify the text box’s “flow” (this is just one of the methods of creating flow)

       Change this from 1 to 2

        

At this point, your document should appear like this:

As you already know, organizing things into layers is essential when working with Adobe Illustrator and Adobe Photoshop. The same rules of organizational control apply in Adobe InDesign as well (in fact, they apply to pretty much all Adobe products). Because we are going to have texts, graphical elements, images, and probably a color scheme, we need different layers for different things.,

1. Open your Layers panel that is located under Window
2. Create three layers
3. Rename the layers to 
   1. Text
   2. Graphics and Images
   3. Guides
   4. Background
4. Reorganize your layers so that the layers look like this (if they don't look like this already):

    

   Notice that each layer has a colored arrow next to it. When you import items into your document, or you create new items within your document, the box that they are contained in will have a certain color. That color is determined by the color associated with the layer. So, in my document, if I created text and it had a green box or a red box, it indicates that my text is definitely not on the right layer. I would need to cut/paste that text into the appropriate layer (light blue, in this case).

1. Using your web browser, navigate here: CUPCAKE IMAGE
2. Right click on the image and save this image to your N - Adobe InDesign - Page Layout folder 
3. In InDesign, you will “Place” this image into your document (be sure to select the image of the delicious cupcake) 
4. InDesign will display a small image of the cupcake. When you click on document, InDesign places the cupcake image into the document – but it’s HUUUUGE!. So, you need to select the box that the cupcake is in and modify these properties so that they are these numbers: (make sure that little lock is checked – it constrains the proportions) 
   
5. So, the image frame is smaller but we can’t actually see the image anymore. To correct this, right click on the box that the cupcake should be in and select “Fitting” and then choose “Fit Content to Frame” (this will make our cupcake visible and also it will fit inside the box now) 
6. Now, reposition the cupcake image so that it is aligned to the right side of the page (aligned with the text boxes right side) while it’s top meets up with the Adobe InDesign text box’s bottom.

As you can see, the text actually overlaps the image of the cupcake (no good). We need to fix this so that the text is readable. In order to accomplish this, we’ll utilize InDesign’s “Text Wrap” function.

Save Your Document

1. Select the box surrounding the cupcake.
2. Under Window, select “Text Wrap,” which will display your Text Wrap panel.
3. Make sure that your settings match what I have here:
   
   

After applying these settings, your document should appear as so:

Please note that there is a difference in terminology between “Wrap” and “Flow.” The text that spans from column to column or from text box to text box “flow.” The text that conforms to the contour of an image “wraps.” Of course, we now have a new problem. Not all of our text is displayed. It appears that when we inserted the cupcake, and wrapped the history text, it didn’t’ leave enough room to present all the text. So, we need to resize the text box. In the properties box, change the cupcake history’s text box so that the height is now 328 px. *The text that is acquired from Wikipedia changes from time to time. It seems that Wikipedia keeps adding more content about the history of the cupcake. If your text box does not look exactly like the above example, do not worry about it. Try to do your best to approximate how it should appear. 

This is actually a good time to see how our document will look like once it’s published.

Under the “View” item on the menu bar, select “Screen Mode” and then select “Preview.” This will modify the display so that your document will hide your image and text boxes (also known as “Bounding boxes”). Be sure to switch it back to “Normal” when you’re done.

Save your document.

1. Navigate to this page and copy the history of the Twinky.
2. Create a new word document and paste the history of the Twinky into it.
3. Save this document as Twinky History.
4. Like you did with the cupcake history, in InDesign, “place” the Twinky history document into your InDesign document. When you go to place your Twinky history, be sure to draw your box (the size does not really matter at this point – you will correct it in the next step)
5. Be sure that the Twinky History box’s dimensions and X/Y location are consistent with this: This will place the Twinky History box exactly where we want it.
    
   

   At this point, our fonts should not be correct. The Cupcake History font is larger than the Twinky history font. And, besides, I have changed my mind regarding the type of font I want to use. I’ve decided that “Ariel” would look better. 

1. Make sure that your Twinky History box is selected.
2. Under Window, select “Styles’ and then “Paragraph Styles”
3. Select “[Basic Paragraph}” from the Paragraph Styles box
4. Now, Select the Cupcake text box and select [Basic Paragraph] from the Paragraph Styles box (this will eliminate any formatting that either we did on the text or that Microsoft Word did to the text.
5.  Click on the button that allows you to Create a New Style 
6.   
7. A new style will be displayed, titled “Paragraph Style 1.” Double click on the text of “Paragraph Style 1” and in the dialogue box that pops up, change the style name to to “History Paragraphs.”
8. While the dialogue box is still open, click on the “Basic Character Formats” on the left hand sidebar and: 
   • Change the Font Family to Ariel
   • Change the size to “12”

     Notice how the font in the Twinky History box has changed. It is no longer what it originally was. But, it’s smaller than the Cupcake History font. We need to make both these paragraphs the same.

1. Open up the History Paragraph style again by double clicking on it.
2. Under “Basic Character Formats,” change the font size to 12.5 pt
3. Click OK. This changed our font in the Twinky History box.
4. Click on the Cupcake history text box and then select “History Paragraph” from the Paragraph styles. This will change the text so that it is the same font family and size that is in the Twinky History box. 
   
   

   Your document should appear like this:
    

What would be nice is some headers to identify our stories. One story is about the history of Cupcakes and the other story is the history of the Twinky. Without any way to help the reader understand where they are at on a page, they can get lost. So, we need column headers.

1. In the Paragraph Styles panel, create a new style (Take notice that every time a new style is created, InDesign labels it as “Paragraph Style 1”)
2. Title the new style as “Colum Header Style”
3. Change the font family to “Ariel”
4. Change the font style to “Black”
5. Change the font size to “24pt”
6. Create a text box and type “Twinky History” in the box. If need be, apply the Colum Header Style.

   Your document should appear like this:

    

   Save your document.

 It appears that we don’t’ have quite enough space to insert a “Cupcake History” column header for the top story that we’ve placed into our document. There’s no worry here. We can simply move things around in order to accommodate it. For this, we’ll use a “Guides” in order to help us relocate things.

1. Create a new layer and label it as “Guides” and position it underneath the “Graphics” layer.
2. There are two rulers that are attached to our document. One is at the top of the page and the other runs down the left side of the page. Click on the white ruler at the top of the page and drag a guide to 165 pt
3. Lock the Guides layer 
   
4. Select everything in the document (except for the “Adobe InDesign” text box and drag everything so that the top of the Cupcake History box meets our guide.
5. Copy the Twinky History column header and then use the “Paste in Place” command under Edit on the Menu Bar.
6. Move the pasted Twinky History column header so that it now rests on top of the Cupcake History text box.
7. Double click on the Twinky History text and change it to “Cupcake History.

Your document should now look like this:

Save your document

1. Lock all of your layers except for the Background layer.
2. Select the Background layer
3. On the Toolbar, select the Rectangle Tool 
   
4. Draw a rectangle underneath the “Cupcake History text box (including the cupcake itself). This will create a rectangle around the area with a black stroke. We need to change this.
5. Swap the stroke color with the fill color (this will color the entire box black and you will not be able to see the text. 
   
6. Double click the foreground color box and change these settings
   • Red: 254
   • Green: 232
   • Blue: 210
      
7. If your text "disappears" after you create the rectangle box, check the following:
   • Are all of your objects in the correct layers? (All text is in the "text" layer, etc.)
   • Is the text wrap on your rectangle box set to "no text wrap"? Go to Window > Text Wrap. Make sure your rectangle box is selected, and then be sure you have the text wrap set to "no text wrap".
   
   

   Your document should look like this:

    

   If you take a good look at our document, it’s starting to shape up nicely. However, the human eye has difficulty resolving any lack of real breathing room between objects. Just like we adjusted the gap between the cupcake and the text, we need to do the same for the actual history text and the background box.

1. Lock the background layer
2. Unlock the Text layer
3. Double click on the “History Paragraph” style and select “Indents and Spacing”
4. Check the “Preview” check box at the bottom of the dialogue box (this will allow us to see our changes as we make them.
5. Set the Left Indent to 8
6. Set the Right Indent to 8
7. Click “Ok”
8. Do the same for the “Column Header” style, using the same settings.
9. Relock your Text layer
10. Unlock your background layer
11. Use the Rectangle Tool and draw a rectangle the size of the document.
12. Color the rectangle with these values:
    1. Red: 255
    2. Green: 251
    3. Blue: 231

Depending on how you did this, the rectangle should cover up the original rectangle you created to fit behind the Cupcake History. We want that rectangle back. So, we need to rearrange these two shapes.

1. Right click on the Yellow rectangle and select “Arrange”
2. Choose, Send to Back

Now, these items are stacked correctly. And, I like them so much that I decided that I want to change the position of things so that we take a real advantage of this whole stacked object thing we have going on.

I have repositioned my cupcake so that it actually sits outside of the darker colored box, both horizontally and vertically. Look at the example I have provided and make your cupcake look the same:

Save Your Document

I really like the look of that chocolate cupcake. I really, really do. But, I think it needs that special something. And, what I think it needs is a cherry on top of it. So, we need to go to the Internet and find one.

1. Navigate here and save this image of a Maraschino Cherry.
2. Make sure your Graphics and Images layer is unlocked
3. Right click on the cupcake image and select Edit With choosing Photoshop CS6, (or Photoshop CC, or just plain ole Photoshop) or, you may have to navigate to it by selecting "Other" on the menu and then: C:\Program Files\Adobe\Adobe Photoshop (whatever year) and then select the blue Photoshop icon.   (This will bring up Photoshop)
   
   This is how to access the "C:\" (otherwise known as the SYSTEM drive, where Windows and all programs are installed to)
   
4. Go to File and select “Place Embedded” and then select the image of the Cherry.
5. Re-Scale the cherry so that it fits your desired tastes.
6. Edit the cherry in such a way that you remove the stem (you will probably have to rasterize the cherry layer first by selecting it's layer, right click and then choose Rasterize Layer)
   
   

I used a combination of tools, including the eraser, layers, and masking (just do your best).

Save your Photoshop documentas Cupcake.psd (photoshop document)

We want to switch out our original delicious cupcake with our new cupcake. In order to do this, we perform a process called “Link/ReLink” in InDesign.

1. In your InDesign document, select the cupcake.
2. Go to Window and select Links panel.
3. In your Links panel, there will be a small image displayed of your cupcake Right click on this image and select “Relink”
4. Choose the Cupcake.psd file from the dialogue box.
5. Click “Open”. This will replace the original cupcake with the new cupcake

   Save Your Document

Everything looks rather nice…except for the boring text at the very top of the page. That Adobe InDesign doesn’t seem to fit (for a variety of reasons). For one, I’m not real sure what InDesign has to do with Cupcakes and Twinkys. Perhaps we should change this to something more appropriate like “My Favorite Treats.” Yeah,…let’s do that.

Of course, it’s still rather boring.

1. Select the text “My Favorite Treats” text box (do not highlight the actual text)
2. Go to Window and then choose “Effects”
3. On the Effects panel, select this button here: 
   
4. Select “Inner Shadow”
5. Set the Angle to “135”
6. Set the Distance to “6”
7. Select “OK”

If done correctly, this is how things should appear:

The only real issue I have here is still with the top text. In most publications, the top text is referred to as the “Masthead,” typically the publications title like “Sports Illustrated” or “Newsweek.” And, it’s pretty dominant. So, I would actually like the text to extend to the edges of the darker rectangle (for framing purposes). 

1. Now, select your text so that it is highlighted
   
   
   
2. On your control bar, select the Double T button (which will make all of your text uppercase
   
   
   
3. Stretch the My Favorite Treats text box so that it’s edges reach the far edge of the actual document.
4. Resize your text so that it is 87 pt (Notice that part of your text disappears?) 
   
   
   
5. Right click on the “My Favorite Treats” text box and select “Text Frame Options”
6. Select “Ignore Text Wrap” in the dialogue box.
7. Click “Okay”
8. In your Layer’s Panel, rearrange your layers so that the Graphics and Images layer is now on top of the Text layer. 

If all goes well, your document should appear like this: (I’ll admit, I nudged my cupcake over and up just a bit so that it overlaps the title more).

Save Your Document