Create a Magazine Layout in Adobe InDesign | Elias Sarantopoulos | Skillshare
Drawer
Search

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Create a Magazine Layout in Adobe InDesign

teacher avatar Elias Sarantopoulos, Helping You Develop

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      1:59

    • 2.

      Setting Up the Magazine

      2:15

    • 3.

      Document Grid Calculations

      3:17

    • 4.

      Magazine's Margins & Guides

      1:59

    • 5.

      Magazine's Body Text

      2:36

    • 6.

      Body Text Hyphenation

      1:40

    • 7.

      Body Text Justification

      1:28

    • 8.

      Magazine's Baseline Grid

      2:25

    • 9.

      Baseline Grid Visibility

      0:53

    • 10.

      Body Text Paragraph Indentation

      1:56

    • 11.

      Body Text Paragraph No Break

      1:21

    • 12.

      Magazine's Folio Set Up

      2:30

    • 13.

      Styling the Folio

      3:42

    • 14.

      Folio Right Spread

      3:09

    • 15.

      Folio Placement

      1:46

    • 16.

      Designing Your Magazine Cover

      3:03

    • 17.

      Magazine Cover Omitting Page Numbers

      2:00

    • 18.

      Magazine Cover Placing Photos

      2:01

    • 19.

      Magazine Cover Adding Text

      8:00

    • 20.

      Styling TOC Heading

      3:34

    • 21.

      Styling TOC

      3:06

    • 22.

      Setting Up Page Spread

      2:38

    • 23.

      Page Spread Article Headline

      2:13

    • 24.

      Page Spread Article Strapline & Body Text

      3:38

    • 25.

      Magazine's Feature Article

      4:32

    • 26.

      Feature Article Headline & Strapline

      3:23

    • 27.

      Feature Article Drop Cap & Body Text

      4:15

    • 28.

      Page Spread Article Headline and Strapline

      2:20

    • 29.

      Page Spread Article Body Text and Drop Cap

      4:48

    • 30.

      Page Spread Article Text Wrap

      2:39

    • 31.

      Page Spread Article Caption Over Image

      5:15

    • 32.

      Page Spread Article Headline and Body Text

      3:22

    • 33.

      Page Spread Article Line Style

      3:57

    • 34.

      Page Spread Article Photo

      0:58

    • 35.

      Page Spread Article Nested Styles

      2:50

    • 36.

      Understanding Gridify Feature

      1:52

    • 37.

      Adobe Bridge Adding Descriptions

      0:53

    • 38.

      Gallery Placing Photos

      2:31

    • 39.

      Static Captions vs Live Captions

      0:39

    • 40.

      Generating Live Captions

      1:46

    • 41.

      Styling Captions

      2:12

    • 42.

      Exporting the Magazine as PDF format

      2:14

    • 43.

      Thank you

      0:19

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

80

Students

1

Projects

About This Class

Class Overview: The best way to learn Adobe InDesign is by example, creating a 7-page magazine layout from the ground up, applying editorial design principles.

What you will learn:

  • Producing a professional Adobe InDesign magazine layout
  • Setting up the document grid based on the leading value of the body text to create the right margins and guides
  • How to create Paragraph Styles in InDesign to maintain consistency throughout your document
  • How to create Character Styles in InDesign to maintain consistency throughout your document
  • How to create a magazine cover page and its anatomy based on the contents of the magazine
  • Adding and adjusting text wraps
  • Paragraph Shading for background color
  • Custom paragraph lines
  • Paragraph Borders
  • The Gridify feature of InDesign

Why You Should Take This Class:

  • This course is for people familiar with InDesign.
  • Repeating course lectures is part of the learning curve for such a detailed software application.
  • Anyone who wants to use InDesign in their career to create a magazine layout, a personal portfolio, or a research project.
  • To learn the ins and outs of Adobe InDesign to create a professional magazine.

Meet Your Teacher

Teacher Profile Image

Elias Sarantopoulos

Helping You Develop

Teacher

Born in Athens, Greece, Elias migrated to the US where he received his BA and MA degrees. He started his professional career in the mid-90s working for tech startups focusing on web technologies and being a part time faculty in various educational institutions. An educator over the past 28 years teaching in universities and social platforms, covering page layout, animation, vector and interaction design.

In 2016 he became a book author, writing the Church of Chora. The book is the most comprehensive interactive guide describing some of the oldest and finest surviving Byzantine mosaics and frescoes in the Church of the Holy Saviour in Chora, Istanbul, Turkey. A unique reader experience with the use of interactive maps, voice narrations, videos, references to the Bible describing e... See full profile

Level: Intermediate

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Welcome everyone to this course, Learning in Design by creating a seven page magazine layout from the ground up. Hi, I'm your host, Elinabulus. I've been an educator over the past 28 years, teaching in universities and social platforms covering page layout, animation, vector and interaction design. A Golden Award published author producing the Church of a, an interactive museum guide describing some of the oldest surviving Byzantine mosaics and frescos in Istanbul. I'll start the course understanding how to create the magazines layout grid based on the leading value of the magazine type with margins, columns, and guides it. We'll create the magazine folio for both page spreads. We'll talk about the anatomy of the magazine cover, going through its different parts and learning terminology. From there on, we'll build the content space identifying it spread. We'll add a magazine feature article with headline and strap line to spice up graphs will use drop caps and line caps as decorative elements and caption over image. Lastly, we'll add a photo gallery using Gridify based on live captions. In this professional magazine, I'll cover a variety of concepts and techniques, ranging from elementary to intermediate, step by step. I'll guide you through the entire process. By the end of the course, you have a firm knowledge of how to use in design to create your own page layout. 2. Setting Up the Magazine: All right everyone inside a Pin design CC. I'll go ahead and start the soft by creating a new document. Inside the document set up dialog box, I will click on the presets. From the list of presets, I'll choose the letter size preset which is the most common size in the United States. I'll give it a name of digital magazine for the units of measurement, I'll choose inches and that will give me 8.5 " by 11 ". I'm also going to make sure that I check on the facing pages option, which means the magazine will be laid out as a two page spread. For now, I set the number of pages to be four. Now, margins define the content, which may include text images. Another content design. Typically we set the margins here. But for now, I'll go ahead and zero out and I'll set the margins in A different step. Bleeds is the area extending past the edge of the page. It is used to avoid strips of white paper showing on the edges of your print. In this case, I'll set the bleeds to 0.1 to 5 ", or an eighth of an inch. And I'm just going to click to create the new documents. Now it is time to determine the size of the margins, which we play such an important part of a design and creates a document grid. Because we want this to appear in the entire magazine, it is very important that we work inside the a parent page spread, which will appear on the entire magazine. In this case, I'll go ahead and double click on the A Parent thumbnail to work on both pages. 3. Document Grid Calculations: Grids provide rhythm to your designs. They help give your page balance structure and readability. I'll go ahead and create a document grids with rows and columns separated by gutters. To calculate this, we are looking at the page size of 8.5 " by 11 ", or 612 points by 792 points. Since this is the unit of measurement, we will use as the letting size is always measured in points. Now the letter size of this document has an aspect ratio of one to 1.3 To maintain that aspect ratio, our document grid will have 13 rows and ten columns. That will give us the most square grid for the layout. The height of its row needs to be as big as one line of text, two lines of text, or three lines of text, and so on. For this Pred magazine, I'll set the height of its row with three lines of text. That will be 13 times three, and that equals 39. Now let's not forget the space in between each of these rows, that will be the gutter space. In this case, we will have a total of 12 gutters, 39 plus 12 gutters. That equals to 51 lines from the top margin down to the bottom margin. Here we need to make one important design decision. That is to set the leading value of the magazine, which is the distance between two lines of text. On my end, I'm making the design decision to set the letting size to 13 points, 51 lines times 13. This is going to give me a height of 663 points, where most of the content will be contained. To determine the amount of space for the top and bottom margins, I'll take the page height of 792 points and subtract the 663 points. That leaves me with 129 points, which is the top and bottom margins combined. Now it is a personal choice how to distribute the 129 points between those margins. For this print magazine, I'll make the top margin smaller, since the bottom margin will include the folio, Referring, for example, to the page numbers, the name of the magazine, and the publication dates. As for the inside and outside margin space, I will divide the 129 points by half so I can center the entire magazine. 4. Magazine's Margins & Guides: Inside our magazine in progress. I'll make sure that I'm still inside the parent page. At the bottom of the toolbox, I'll click hold switch between the privy mode and the normal mode, or I can also use the keyboard shortcuts. Now under the Layout menu, I'll bring up the margins and columns. As you can see, the units of measurement is set to enter. In this case I will cancel this out. Right here, where the rulers intersect or re click and change that two points. It's just easier to calculate this. Back on the layered menu and margins and columns, I'll set the top margin to be 59 points and the bottom margin to 70 points. Since I will have the folio for the inside margin, I'll set this one to 64.5 points, the outside also to 64.5 points. To center the entire magazine into the page spreads as for the Gatto space, well, that correlates with the size of the body text leading value. As I mentioned previously, I have made the design decision to set mine to 13 points. Then click Okay. Back on the lead menu. I'll go ahead and create the guides for the number of rows. I'll set this one to 13 and the number of columns to ten. Again, the gut of space will be set to the lead value of 13 points. 13 points. Make sure that fit guides to margin and then click Okay. 5. Magazine's Body Text: To set the alignment of the text first algoheads and create the body text of the magazine. I will exit the a parent page spreads and just double click on pages 2 and 3. I grab the type rule and just click and drag to create a text frame as such. Here's the cursor blinking under the type algoheads and fill this with placeholder text to keep myself re organized inside the layers panel. Click on it, click on on layer one, and I rename this text, since all text frames will reside on this text layer. Now under the object menu, I'll go ahead and bring up the text frames options. I'll set the number of columns two and they got of space. It will be equal to the letting value. That will be 13 points. And then click Okay. The only reason I'm doing this is because right now, text is the only element on this magazine progress. As well as to see how multiclumn paragraphs appear on the spreads. Now go ahead and set the phone family and the size for the body. Take double click to get into the paragraph. I will select everything inside the character formata controls. I'll set the phone family to data. That would be a data regular. Now Data Pro is a free fund from Google Fonts. It's an organic slab seripund designed by Eta Typographica. The other funds to use, this is just a personal choice for the point size. I'll set this 110 points and the letting to 13 points. Now with everything selected, I'll click on the paragraph styles panel. I'll click on the icon to create the first paragraph style. I double click on it to get to the paragraph styles options and rename these two body texts. And inside the basic character formats, I would double check my work for family and data pro style to regular size ten and let it value to 13 and then click okay. 6. Body Text Hyphenation: Setting up the body text still needs some work. So I'll go ahead and double click on the paragraphs. Those options, I'll talk about the high phonation options, which determine whether words can be hyphenated, if they can, and which breaks are allowable. I will start with the words with at least and the number of letters. This specifies the minimum number of characters to get hyphenated. I'll set mine to seven letters. Then I have the after first and before last. The specifies the minimum number of characters at the beginning or the end of a words that can be broken by hyphen. In this case, I will have four characters, four letters before the first hyphen, and at least three characters carried down to the next line. Next we have the hyphen limit option that specifies the maximum number of hyphens that can appear on consecutive lines. Just a quick note here, If you set this one to zero, that means you will have a limited hyphens. In this case, I'm going to set mine to one. Then for the better spacing slider, I'll slide this all the way to the left and then uncheck all these boxes and then click Okay. 7. Body Text Justification: To continue refining the body text. Once again I'll click selected and then double click to get into the paragraph Les options and talk about the justification. First choice here is the word spacing, which is the space between words that result from pressing the space bar. In this case, I'll make the word spacing a little bit tighter and I'll set this one to 85% I press the tab on the keyboard twice to get to the maximum field. Here. I'll set this one to 115% for the letter spacing, which is the distance between letters including curting or tracking values. I'll change that to be a bit tighter to -2% I press the tab key twice to go to the maximum field and set this one to 2% for the glyph scaling, which refers to the width or the horizontal scaling of characters. I'll bring this down to 90, 80% I press the tab key for the maximum. I'll set this one to 100% and then I will leave everything as is and then click Okay. 8. Magazine's Baseline Grid: A base langrige is a grid of horizontal lines, evenly spaced across the document for aligning columns of text. That's what we're going to create here. Horizontal guidelines that keep lines of text consistent from page to page. First I'll turn on the base language, which can be accessed from the view, menu, grids and guides and then show base language. I'm also going to switch between the preview mode and the non mode. Here's the base language, we just have to customize this for the digital magazine. In this case, I'll bring up the design preference panel on the grids here, The options for the baseline grid. First I'll change the color to something much lighter. So I'll go for the light gray for the start position. We don't want the grid to go outside the type areas, I'm just going to zero this out. That would be relative to the top margin for the increment. Every refers to the spacing between grid lines which corresponds to the letting value of the body text which is on my end, is set 213 points. Finally, I'll check off the grids in back option, so the baseline grid stays in front of any object like a photo or a solid filled object on the page, and then click Okay. All right, now we've got that. We also have to set the body text to be locked to the baseline grid. In this case back on the paragraph styles double click to get into the body text. Paragraph styles options under the indecent spacing, I will align to grids and I'll set this to all lines and then click Okay. Whatever I move the body text around the magazine, it would always snap to the baseline grids. 9. Baseline Grid Visibility: Now there is a chance you're not seeing the base line grids on your monitoring. Thus, because the Fit spread in window is below the baseline grid default value, which is set to 75% for example, if I drop the zoom level below the 75% threshold, my base language also is not visible. In this case, I'll head back to indesign preferences and undother grids. I'll change the view threshold from 75% to, let's say, to 40% athenticly. Okay, that should work in case you're working on a smaller resolution. 10. Body Text Paragraph Indentation: Continuing improving upon the body text paragraph style is to indicate to the reader of the start of a new paragraph by creating an indentation. I'll go ahead and double click on the body text paragraph style. Under the indecen spacing, I will change the first line indent value. The first line indent should be the same value as the point size of the body text, which in my case is set to ten points. Then click Okay. Now I have an indication of when paragraphs begin throughout this text frame. Here's a paragraph, another paragraph, another paragraph, and so on. One thing to be mindful though is first line indents are not necessary at the starts of a new paragraph. You see this is the start of a new paragraph, or when the body text follows a heading or a subhead. I'll make a variant of the body text paragraph style by pressing holding the L K of the option key. And then click and drag this right on top of the plus Cicon. And then just double click to get into the body text copy. I'll rename this Two No indent under the indecent spacing. I will zero out the first line indent, then click Okay. Now to remove the indentation from the first paragraph. I'll go ahead and zoom in a bits and then double click. All I have to do is to apply the non dents on the first paragraph. 11. Body Text Paragraph No Break: On many occasions some single letter words still get hyphenated inside the body text. It's a good idea to prevent that. I'll go ahead and zoom in a bit. Here's an example of this word. This is a single letter word that gets hyphenated. Double click. To get into the paragraph, select the words that inside the character panel. I'll click on the fly out menu and then apply the break. Then after that I'll create a character style inside the character style spanel, all the way at the bottom I will create a new character style. All I'm going to do is just double click and give it a name of no break and then click Okay. All I have to do now is whenever I find a hyphenated single letter word in the body text, apply the no break character style, and that will be throughout the entire magazine. Here's an example, I'm just going to double click on that. Select Select a Single letter Words and apply the no break character style. 12. Magazine's Folio Set Up: For the folio to appear throughout the magazine, at least for most of the pages. That means I will create that inside the A parent page. I'm also going to press the letter W on the keyboard to switch between the previous mode and the normal mode to be able to see the base language. In addition, inside the layers panel, I'll click on the Create a new layer and name this folio. All right. I'll grab the type tool. Just click and drag to create a text frame all across and then release that. All right. Now the first element that we're going to insert here is the page number under the type menu, Insert special character markers, and then insert current page number. I'll go ahead and zoom bits. Now on this page, it gives me the letter A and that's because I am on the A parent page spread. But that will change once I navigate throughout the document pages of the magazine. Next, I will insert white space instead of using the space bar on the keyboard to do that. Actually in design can do this for us under the top menu, Insert white space and I will use the space. After that, I will insert a vertical line or something that is called the pipe single n. I can do this inside the glyphs panel. I'm just going to search that. That will be vertical. There we go. When I have it over, it gives me the name vertical line. I'll double click to insert this into the text frame. I don't need the glyph spanel anymore. What I need is another white space. Back on the type menu, Insert white space, and insert space. After that, I'm just going to use the name of the magazine in this case. Mine is named Archaeological Times. 13. Styling the Folio: Now I'll go ahead and assign a paragraph style to the folios of double click to get into the text frame, I will select everything. And inside the paragraph style spanel I'll click on the plus icon to create a new style. I'll double click on it and give it a name of folio left spread. That's because I'm planning to have folio on both page spreads. Now look inside the general and the style settings. This is based on non endent, which means I need to make sure that I remove paragraph and character formats. I will assign this to a basic paragraph under the basic character formats. I'll change the font family to monsterats. Monorat is another great free front from Google Fonts. Phone style will be set regular, the size will be set to 7.5 points. No need to change the letting, since I'm not planning to have anything under the folio. As for the casing, I'll choose all caps and then click. Okay. Now, in the event that you have this Plc ex to the folio left spread, that means we need to clear some overrides. Click and then apply folio left spread clear overrides, and that removes paragraph and character formatting. That's a great beginning, but more styles are needed. To take this even further, I would like to have the page number with a different font weight to it. I will double click to get into the text frame and then just select the page number character. And then working inside the character formatic controls from the drop menu, I'll choose the Extra Bolton family. From here I will assign a new character style. I'll click on the double click and rename this new character style to follow a page number. And then click Okay. Now I'll head back to the paragraph styles and double click to edit the folio of spreads and click on the drop caps and nested styles. In this case, I will create a new nest style. Nested style is a paragraph style that can include character styles to format individual words randomly, I will click on the new nest style button from the drop down menu here. These are all the existing characters that have created. I will select the folio page number. Through how many words? Well, I only need the very first words. I will leave this as I'll click away here. And then create another nest style for the remaining words. For the remaining words, I will not apply any character style, but now we need to calculate how many words. While we have 12.3 I will change the number from 123 and then click Okay. Now I'm ready to go to the next pay spread and create another folio. 14. Folio Right Spread: All right, so the folio left spread, the scripts. I'll go ahead and duplicate this and move it to the other page spread. Press the oltkey, the option key, click and drag. And press the shift key at the same time to constraint the movement. I'll zoom a bit here and then double click and rename the two special edition. After all, this is going to be a special edition magazine. All right. Now go ahead and duplicate the folio left spreads and give it a name of folio right spreads. Inside is the spacing. I'll change the alignment to be to the right side, then just apply the folio right spread. Okay, that looks good. It's just the order is not correct. I would double click on it. Just select the page number. And then under the edit menu, I'll cut this one. I'll place the mouse right here. And then press the back space to remove those extra spaces and the pipe symbol. And I'll click right here. Back on the type menu. I'll insert a white space. Insert pipe symbol. I'll double click on it. I'll close the Glyph Spanl. Then inserts another white space and space. And then back of the edit menu. And then paste the page number. All right, that's almost correct. We do have some issues here and these come from the nested styles. Double click that. Then inside drop caps and ness styles, I will remove the existing nest styles and create new ones. For the first one, I'm not going to assign any character style through how many words that will be 123. I'll change the number, 23 words. I'll create another nest style with the folio pitch number attached to it for the remaining one words. Then click. Okay. Let's see how that works. First of all, let me go ahead and the selected. And I'm getting the plus sign here. I'll make sure that I apply folio spreads and clear overrides. Now I'll go ahead and apply the folio left spreads, then back to apply the folio D spreads. And things are great. I'm just ready to go to the next step and actually change the placement of these two folios. 15. Folio Placement: Those two text frames are glued to the bottom margin of the page, I will need to add Morel states in between with the text frame selected right here at the center. I'll double click to fit the text to the contents. Instead of randomly moving things around. I will calculate the distance. Now from the very beginning, the Letting value in the gut of space I have been using is 13 points. I will be calculating this in blocks of 13 with the text frame selected. I'll head right here to the y location and use the plus sign to add 13 plus another 6.5 which is half of the 13. And then press Enter, Return now 13 plus 6.5 that equals 19.5 points. I'll do the same on this right here. Double click to fit the text frame to the contents and add altogether 19.5 And then press Enter Return right. I'm also going to switch between normal modes and preview modes. And just double check my work by double clicking on pages 23, the name of the magazine and the special edition. That is the placement of both spreads in this magazine in progress. 16. Designing Your Magazine Cover: A good magazine cover should grab attention and appeal visually. It is an opportunity to invite and inform readers to explore the publication. Here are the most essential elements of a magazine cover. The masthead represents the name of the publication. It is what makes your magazine instantly recognizable and is the most prominent feature of the entire cover. The strip line is a subheading that is usually found at the top of the magazine or above the mastheads. It serves as a persuasive reason to buy the publication. The magazine issue and dateline usually contains the date, the month, the year, and the magazine issue of the publication. The magazine deck or selling line is a short sharp description of the titles, main marketing point, or the type of publication. The main image of the magazine cover is usually a representative illustration of the content within the magazine. It is a high quality photo that stands out reflecting what the issue is all about. The lead article highlights the cover story, the magazines issue, which usually receives the largest size for more prominence on the cover. The supporting cover lines are brief descriptions of the article stored inside the magazine issue. Key here is to balance placing the cover lines with a subtle font and smaller size to avoid distracting the reader from the main attractions. Now, some tips when designing your magazine cover. Always be consistent with the layout. When designing your cover page, remember that each magazine should have the same design concepts and style. Keep your target audience in mind. Think of the people who will be reading your magazine and then come up with creative ideas for those videos reflecting the subject of the magazine. Give your magazine a specific identity. Topography plays such a huge part in visual interest. Having a unique voice and typographic hierarchy with different font sizes, weights, and styles catch reader's attention using colors with contrast that can magnify your message, engage your audience, and reflect your brand identity. 17. Magazine Cover Omitting Page Numbers: Some document pages, such as a cover page or an advertisement, do not need page numbers. A couple ways we can do this. The first way to remove a page number is by keeping the parent page applied to the cover page. And remove the page number by using a keyboard shortcuts. I will unlock the follo layer inside the layers panel. Then I'll use the keyboard shortcuts, and there will be control shifts and click on this text frame. This creates a local overrides of the parent page item. Now I can move the frame, changes, contents, fill color, or size, or delete it altogether. With this method, I get the chance to keep the document grids without a page number. For the second method, first I will reverse this under the edit menu. I will undo this a couple of times, then assign the non parent to the page inside the page spanel, I'll drag the non parent right here. This one right on top of the cover page. Now I can see the black border around it. Then I release to apply it. With this method, both the document grids and page numbers are removed. I'll actually go ahead and use this method since I only need the margins to align things up putting together the cover page. I'm also going to lock the podiolayer. Again, as for the rest of the magazine numbering appears since the A parent is still applied to each of these pages. 18. Magazine Cover Placing Photos: I. Looking inside Photoshop, I have a couple of documents open. The cover backgrounds with the filter applied to it and the head of the Alexander the grades, with a transparent backgrounds. The reason I'm keeping those two photoshop file separate is to have the flexibility aligning the statue around the cover page. I will head back to design. Still inside the cover page spreads. I'll click to create a new layer. Click and drag this under the text layer. I'll click once. And we name this two photos where all the photo layers will reside here. Then I grab the rectangle frame tool from bleed to bleed, I will create a rectangular frame. Then under the file menu, al gohide and place inside my photos folder, I'll place the cover background, and then click to open. I'm also going to lock the layers I don't accidentally move it. Still with the rectangle frame selected goes from bled to bleeds and create another frame here. And then I use the keyboard shott to place the heads of the Alexander, like so. All right. Now, end design images are always nested inside their frames. You see, this is the frame for the statue. Now, when I double click on that, I can select the image inside the frame. Using the shift hey I'm just going to move this down just a tad here, to create a bit of moial estate for the text frames to follow. Also going to double click again to return to the frame states and lock the layer so don't accidentally move it. 19. Magazine Cover Adding Text: All right. I've got the magazine cover at least when it comes to the photos n time to work on the text here. I'm going to lock the photos layer and make sure that I'm on the text layer. I'll grab the rectangle tool from bleed to bleed. I will create the first rectangle shape. Let's see around here inside my library. I have already assigned favor colors I will be using for the magazine. I will use this color here for the fill color. Perhaps I can just stats, I will lock this one inside the texts. I don't extent move it. I'll grab the rectangle tool again from bleed to bleed. I'll create another rectangle shape, fill this with this color here. I will lock this one as well. I've already created some nodes for the texture. I would double click to get into that. I'll copy this with the type tool selected. I will click and to create a text frame. I'll paste that in, Select that, change the color of the texts. I will be using Montserrat bold, Most bolds set to 18 points. Now, in order for me to center this to the spread first, I'll double click on the sides here to fit the text frame to the contents. Then I'll make sure that I align this to the spreads horizontally. There you go. I'm just going to sing a bit here. Press the toggle between those modes and bring this down here. Perhaps I need more real estate here. I'm just going to expand this a bit. Thing is this one also needs to go down just a tad. All right. This one can just be placed around here. All right. I will continue this and press the Lew again. I will add the archaeological times. I'll copy this, grab the title, click and drag to create a text frame. I'll paste that in, I highlight everything. I'll apply this color of my choice, and that will be actually set to another fund. That will be the Laura Semi Bold. Another great free font from Google funds be Laura Semibold. I'll set the point size to 48. I'll double click on it, then center this as well. So far, so good. I'll continue this, I'll go for the summer 2023. I'll copy this, grab the type tool, click and drag Paste that In. Select the, change the color to white. I believe that will be the Monserrat, let's see, semi bold. And I'll set this one to ten. I'll zoom in, double click on this and place it on top of the times, say around here. All right, let's see how that looks. Press the letter, that looks good. Maybe I can bring this up just a third and so on. Now the process continues for other text layer. Just going to continue this to the next step and show you a couple of other ideas. Continuing improving upon the magazine cover is still on the text layer. I'll go ahead and double click to copy the featuring. That will be the featuring story. I will click and drag to create a text frame and then paste that in. Okay, for that I'm just going to select all of this. I'll set this one to all caps color would be set to wait for. The text will be monserrat medium, 12, Monserrat medium, and 12 excutes. That is one thing. I'll zoom in a bit here and select all here. Inside my paragraph styles, I will create just style for this one. Click on the plus sign to create a new paragraph style. I will double click on it, give it a name of featuring inside the paragraph shading. I would turn this on. This is set to black, but the tint is only set to 20% I'll click on the drop down menu, assign 100% the width. It will be the width not of the column, but just of the text. I will up the offset for all values top, left, bottom, and right to three points. And then click okay. I'm also going to double click right here to fit the text to the content. Then move this one carefully to the right side of the margin, like All right, that looks good. Now what do I have next? That will be the featuring story. That will be the Elysian Sarcophagus. I'll copy this one click and to create a text frame. I'll paste that. Select all that, I'll align to the text to the right. I'll give it a color, Let's say this one. That would be most extra bolt 21. Most extra bolts numerically. I'll type that in to 21 points. All right, for this here, just going to bring this. There we go, The lesion, sarcophagus, no brakes whatsoever. Maybe what I can do is just select all and then reduce the letting size. Perhaps I can do this as well. Just make sure everything lines up to the margins here, like, All right, one more thing I want to show you, and that is the sign. I will select the type tool and then click and drag to create a text frame. I'm just going to use the plus sign that will be set to most semibold, 48, most semibold, and 48. That's about it. Perhaps I can just change the color to this. Then double click to fits to the text frame and move it to the sites. In a nutshell, that's the process, using text frames with different font sizes and weights, perhaps adding some paragraph styles for the rest of the magazine cover. 20. Styling TOC Heading: Moving forward to the magazine cover, I'll start working on the content space spreads still inside the text there. I'm also going to switch between the privy modes and the normal modes. I grab the rectangle tool from bleed to bleed. I'm just going to create a rectangular shape. As such, I will release that. I'm also going to give a fill color of my choice. And zoom in quite a bit to make sure this lines up to the column grids. Now looking inside the text layer, here's a rectacular shape. I'll click and drag this at the bottom of the layer stack. I click once to rename this to frame. I'm also going to lock it. Are done accidentally move it. Now I'll start this. I'll style the Istanbul Archaeological Museum. That will be the heading inside the paragraph styles. I will create a new paragraph style. I'll double click on it and give it a name of contents heading under the basic formats. I'll set this one to Laura font style set to bold size. I will type this in 22 points for the case that will be all caps. That looks good. But I'll go ahead and continue this and I add a paragraph shading. I will turn the shading on for color. I will assign weights for the offsets. I'm actually going to make sure that I disable the chain icon so I can set the offset values independently. I have my preview on. I will set the top offset to three. That's the change the bottom also three and the left, which will take place right here. I'll set this one to six, then click Okay. Now all I have to do is just not this to the right. It lines up with the content grid, the next element of style, that will be the contents. I'll click on that. Inside the paragraph styles panel, I'll create a new paragraph style. I'll double click on it, give it a name of contents. Inside the basic character formats, I'll set the phone family two monserrat font style will be set to semi bold and size to 24. I'm also going to add a paragraph border. I will click on that to turn on the border with the previion. We can see that we have a border right now all around, which is the top, bottom, left and right on my end I will zero out all the borders. I will disable the chain icon so I can set those independently. The only value I'll change will be the bottom border. I'll set this one to three. I'm also going to make sure that the border only affects the text and not the entire column. Inside the offsets. Forthwidth, I will assign the text and not the column click. Okay. And then I'm also going to double click to the bottom right here to fit the text to contents. 21. Styling TOC: Paragraph rules are attributes that move and resides along with the paragraph. Which means the width of the rule is determined by the width of the column. That's what we have here. All of these text frames have one thing in common, and that is the column width is the same for all. Now one thing that I notice is I would like to extend this frame here. Back on the layers panel, I will unlock the frame selected, extended just a tad, and lock it back again. I'll click to select this text frame. And inside the paragraph styles I will create a new style. I'll double click on it and rename these two TOC. Toc stands for Table of Contents. For the basic character formats, I set the fore family to Monserrats. Font style will be set to bolts size 13. That will be all caps. The color of the text would be weights. Now I will assign a paragraph rule. First I will turn on the rule here. As you can see, the width of the rule is from the left edge of the column to the right edge of the column. I'll change the weights to ten points. The color will be black. Now I'm going to offset this to go above the text frame that the offsets. I'll set this one to 13 points on my end. I'm going to change the right indent. I just want to have a little bit right here and not covering the entire column here. I'll change the right indent numerically. I'll set this one to 200. Press the tab key and then increase that to let's say 224 dialect skits. I'll click okay. I will shift, select these text frames and apply the TOC paragraph. That looks great. How about these guys here? This basically is reading text, that is body text. I will apply the body text. I'll double click to have the non indent for all the non dent paragraph style. I do have a Hi phonation here. I will select that. Inside the character styles, I will apply the non break. Now this one gets Hi phonation. That's me. I'll do the same. I apply the non break. I believe the rest look great. Here is styling the contents page. 22. Setting Up Page Spread: All right, moving on to the third space spread. I'll switch from the preview mode to the normal mode. And the first element I will place will be a photo, which means I need to make sure I'm inside the photos layer. I will grab the rectangle frame two and just click and drag to create a rectangular frame. As such, I will release that and then use the keyboard shckuts to place the front view of the archaeological museum inside the property spanel under the frame fitting options, I'll use the film frame proportionally. That resizes the content to fill the entire frame while preserving the contents proportions. I will lock the photos layer and just make sure I'm inside the text layer since text will appear beneath the photo. I'll grab the type tool and just click and drag to create a text frame till the very bottom of the page spreads. Now the cursor is blinking, which means I need to add some texts. I've already created some text I will be using. I'm going to cap this to the clipboards and I'm going to paste that in. Now looking at the text, I need to clear any formatting and character styles. I will double click to get into the paragraph. I will select everything inside the paragraph styles. I will apply the basic paragraph. Now I do get the plus sign, which means I need to clear the overwrites, click Clear overrides, click again and then clear character styles, Now I'm back to the base. Now the text inside the frame for now has two forced paragraph spaces. I can see that by viewing the non printing characters under the type menu, I'll choose show hidden characters. Here there are two breaks, this one and this one. In addition, under the object menu and inside the text frames options, I would like to have three columns. And the gut of space will be set to the leading value of the magazine, which is set to 13 points. And then click okay. 23. Page Spread Article Headline: A headline is the first thing that grabs reader's attention and leads us into reading more about the article. That is the first thing I'm going to style in this text frame. I'll double click to get into the paragraph and then mark you select the portion of this text. I will create a new paragraph style. I'll double click on it and give it a name of article headline inside the basic character formats. I'll set the phone family to Monserrat. The phone style will be set to extra bolts for the size. I will type the scene, set this to 20 points, perhaps the letting can be set to 22 points. Now, there's not going to be any hy, phonation. I will check that off. As for the text itself, for the headline, I would like to span this all across, inside the span columns. I'll choose span columns. And then I will span this, set this 23 columns. Another thing I can do is go inside the incent spacing and balance rugged lines and that gives me a more balanced headline text and then click Okay. All right. Now looking at this headline, the larger the type, the more I need to pay attention. Since things have become already proportionally larger with the phone that I'm using, I can see that I have some word spacing with nothing selected. A double click on the article headline inside the justification. I'll change the letter spacing two. I'm using the arrow key on the keyboard to minus six. I press the tab key and then use the arrow key that will be also set to -6% and click. Okay, I'm ready to go to the next step style the strap line and the rest of the text. 24. Page Spread Article Strapline & Body Text: A strap line is a headline beneath the main headline. It is written in a smaller font and gives the reader further teaser information about the article. And that's where I'm going to style. Next, I'll double click to get into the paragraph. Make select this portion of the text. I will create a new paragraph style. Double click on it and give it a name of articles line inside the basic format character formats. I'll set this one to a pro phone style would be set to semi bold. I will up the size to 14. I will set the letting value numerically to 16 points. There's not going to be any hyphonation. I will check that off. As for spanning this, I'll span it to two columns. Span columns set to two. All right. How about aligning the strip line to the baseline grid as we do with the body text? Let's see how that works. Inside the interesting spacing align to grids. I'll set this one to all lines, but that gives me an issue that gives me so much space between the lines. Instead of setting this to all lines, I'll set this one first line. Only I click okay. Also going to zooming to show you what I just did. Here it is only the first line has been aligned to the baseline grid and not very many of the text. Now I need space above the paragraph and below without using paragraph breaks with nothing selected. A double click on the article strip line on the indecent spacing. I will add one line of space which is equal to 13 points, which is the letting value space before will be set to 13 points space after also set to 13 points. And now have great breathing space above and below. How about the remaining of the texts? I would double click on that. To get into the paragraph mark, you select the remaining of the text and apply the body text. I also need to create some paragraphs here for the end user to be able to decipher between so much text here perhaps. Right here. I'll press Enter Return on the keyboards here. Two and maybe one more here. Two for this one right there, I'll use the non intense, since it's the beginning of the paragraph. Looking at this text, I do have some single letter words that get hyphenated. For example, this one gets half edited inside the character styles. I'll apply the non break. Here's another one I need to apply the non break on, that I have to do for the rests of the paragraph here it is, styling the third page spread. 25. Magazine's Feature Article: The following page will be about the feature article of the magazine. And on my end that would be the lesion sarcophagus double click to get into the fourth page spreads. And I'll switch between the preview modes and the My modes. Now I will be placing a couple photos here. Look inside my layers panel. I'll make sure that I'm inside the photos layer. I will grab the rectangle frame to just click and drag creates a rectangular frame that spans across these columns. I would release the mouse and use the keyboard circa to place the les and sarcophagus, the front view right next to it. I'll create another frame to place another photo and that would be the detail view. And then click to open. I'll grab the selection tool and then Mark selects two frames and then apply the film frame proportionally. All right, great. No more photos for this feature article. Which means no need to be inside the text layer since this is going to be the feature article. L goo heads and create the kicker. Basically, the kicker is another design element for your print magazine. It usually serves as an introduction for the column to follow and is usually found above the headline. I'll grab the type tool and just click and drag to create a text frame, I will be using this text, that will be the feature article. All right. With all the text selected inside the paragraph styles, I will click on the ply second to create a new paragraph style, then click once. Once I do, I can see that I have some formatting options. Before I get into the paragraph style, I will re click and then clear character styles. And now I'm back to the base. I'll double click on that and give it a name of kicker inside the basic character formats. I'll set the phone family to Monserrat. Phone style will be set to semi bolts and I will up the size to 14. In addition, I'll have some shading on, so I will turn the shade on from the color drop of menu. I need to assign one of these colors. But the thing is my color swatches do not have the color that I would like to use for now. Sc to click okay. This is not done yet. I will make sure that I disselect everything with nothing selected. I'll go inside my libraries. Here's the color I'm going to be using. I will relic and add this color to my swatches. Here is at the very bottom back on the paragraph styles. I'll double click on the kicker for the paragraph shading. I'll click on the drop down menu and choose the scaler which is at the very bottom on the list for the tint is going to be 100% for the offsets, I'll make sure that I break the chain icon so I can set those values independently. For the top offset, I'll set this 13 points. The bottom of sets to another three points. The left offset to five points, and the right off set also to five points. Now for the width, I want there with only to affect the text and not the entire column. As for the character color, it's going to use like an off white. And then click Okay, that looks good. I'm going to click on it. And then double click on the side here to fit the text frame to content. I'll zoom in a bit and then place this one right at the center and perhaps use my Paro key to center. This is, the kicker is exactly what I was aiming for. 26. Feature Article Headline & Strapline: All right, following the feature article kicker, now add the feature headline and the feature strap line still inside the text layer. I'm also going to switch between the preview mode and the non my modes. And then I grab the type two. Just click Andre to create a text frame. I release that and then back on my notes. I select this text Elysium sarcophagus. Copy this then. As you can see here, this one takes the same paragraph style as the kicker. I'll click on the paragraph styles and I will apply the basic paragraph. I do get the plus, which means I need to basically clear all kinds of formatting. I'll click and clear everything. Now back to the base for this. I will create a new paragraph style. I'll double click on it and give it a name of feature headline under the basic character formats. I'll set this one to Laura. Font style will be set semi bolts font size numerically. I'll set this one to 34 points. I'm also going to have all caps. And then click Okay. The double click to fit the text frame contents. And just center it. All right. I'll continue with more texts. This time is going to be the feature strap line. I'll grab the type to click and drag to create some text here, this text frame back on my notes. I'll copy this to the clipboards and then paste that in. Same story here I need to clear all kinds of formatting basic paragraph or click clear everything Back on the base I will create a new paragraph style double click on it, give it a name of feature strap line. And inside the basic character formats, I'll set this sat for style will be set to light side will be set 13 and letting to 15 points. As for the incense spacing, I will align this to the center and I'm only going to align the first line to the baseline grid. Then click Okay. All right, let's see here. Looking at this paragraph here, I do have some hyphenation, so I will double click to get into the paragraph. I'll select that, then apply the don't break character style. And I'll do the same one for the single letter words. Apply the non brake. All right, so let's see how this looks. I can actually bring this up just a tad. And this one right here. There we go. Maybe just bring this text frame right there. Both the feature headline and the feature strap line have been styled number to go to the next step and work on the article, body text. 27. Feature Article Drop Cap & Body Text: For the body text of the feature article. I'm still inside the text layer. I'm just going to grab the type tool and then click and drag to create a text frame. I release that and then back on my notes, just going to copy all this to the clipboards and then paste that in. Once again, back on the paragraph styles, I will apply the basic paragraph and then click to clear everything, all kinds of formatic controls and options. This time around, under the object menu and then text frames, options. I will have two columns and set the gotta space, as well as 213 points, which is the letting value of the magazine. And then click okay. Now looking at this paragraph here, I do have some forced brakes. So I would double click to get into the paragraph and then press the backspace to remove those one by one. Like then. For now I'll apply the body text paragraph style to this paragraph. One thing I can do to spicing up is to add a drop cap. Now I can actually spicing up and add a drop cap which is a large letter in the beginning of the paragraph. That will be the letter on my hands. For that inside the character style spannel, I select none first, then clickacon to create a new character style double clickone. Give it a name of drop cap for the basic character formats. I'll set this 12 and data app which is the same phone family I've been using throughout. For the body text, phon style will be set drextabolts, and the size will be set to test points, which is the point size of the body text. Then click Okay, I've got that. Now I need to apply this to the very first paragraph. But if I do that, that will affect all the paragraphs throughout the magazine. Since the body text is the paragraph style that I use throughout the magazine, the solution here is to create a new paragraph style that is based on the body text with nothing selected. I'll goheads and click on the plate to create a new paragraph style Dolon and give it a name of first letter. I will reset this to the base and that will be based on and the body text inside the drop caps and nest styles. For the drop cap, I would like to have three lines of text. The drop cap to affect three lines of text, only one character, that would be the letter on my end. The character style will be based on the drop cap. And then click. Okay. All I have to do is just double click to get into the paragraph and apply the first letter. All right, that looks great. One thing here is to actually remove the space that comes actually from the body text with nothing selected back on the first letter. Since this is based on the body texts, let's see. I'll go to the ends in spacing, and I will zero out the first line indent. Then click Okay. These are looking one little thing to change and that is the high phonation for the single letter words. I'll double click on that. Selected. Back on the character styles and apply the break. There you go. Here is styling the feature story of the magazine. 28. Page Spread Article Headline and Strapline: All right, moving on to the next page, spreads. And inside the page s panel, all the way at the very bottom, I'll click on the plus second. To create a new page spreads, I will switch between the preview modes and the num modes. The first two elements I will add will be a headline and line, which means I'll make sure that I'm inside the text layer. I will grab the type to then click and drag to create a text frame. I'll release that inside my notes. I'll copy the morning women text. I will paste that in inside the paragraph styles panel. I'll apply the basic paragraph, then re click to clear character styles. Now for styling this headline, I will not create a new paragraph style. I'm just going to use the feature headline style. Since this works on my ends, I'll double click to fit the text frame to the contents. I'll center this to the padspreads, and then use the arrow key on the keyboard to not this to the top or the margin. I'll continue this. I'll grab the type tool again. Create another text frame here. I will release that back on my notes. I'll capy this text to the clipboards. I'll paste that in. I will apply the basic part of style and then re click to clear character styles. Once again, I will not create a new paragraph style for this strap line. I'm just going to re use the feature strap line style to it. All right, So looking at this strap line here, I do have a single letter word that hyphenates. I would double click on it to get into the paragraph. I'll select that. Then inside the character styles panel, I will apply the break. 29. Page Spread Article Body Text and Drop Cap: Moving forward with the article, the headline, and the strap line. I will add some reading text, which means I'll make sure that I'm still inside the text there. I'll grab the type role and click and drag to create a text frame as such. And then back on my notes, I'll copy this text to the clipboards and then paste that in. First I'll make sure that I clear any formatting options inside the paragraph style spanel. I will apply the basic paragraph and then re click to clear character styles and apply the body text for this paragraph. I'll do something similar with this paragraph, which means I will create another drop cap for the letters, but this time around with a twist inside the character styles panel, I will click on the plus cycle to create a new character style. I'll double click on it. I'll rename to Block Cap. This is not going to be based on anything we select, none. Inside the basic character formance. I'll keep everything as is and then click Okay. Now I'm going to create a new paragraph style that is based on the body text for the very first paragraph. Which means I will create a new paragraph style, double click on it and rename this two block first letter. I will reset everything to base and this is going to be based on the body text. Since I want to keep most of the formatic controls inside the drop caps S styles. The drop cap will occupy three lines of text and one character, which is the letter. As for the character style, that would be the block cap. And then click Okay to apply this to the very first paragraph. I'll double click to get into the paragraph and apply the block first letter paragraph style. All right, that looks fine. Right now, it's exactly the same as the previous drop cap, which means I'll go back to the character styles here. Then inside the character size options. First I'll change the character color to this color of my choice. I'm also going to add a background actually, this is under, the underlying option is going to be a thick underline. I would turn this on for the weights. I'll assign this to 40 points. Now this is the same color as the letter S, which means I'll change the color to black. Now I need to offset this to cover the entire letter S. I would do this offset here. I select one point, then I use the narrow key on the keyboard to offset this. A negative value of perhaps -16 or 17. All right, that looks good. We still have some work to do here. And that is, I need to have some space on the rights of the S, because right now the letter S is glued to the body text back on the block cap here. The basic character formats, I'll add some tracking 50 or perhaps 75, then click Okay. The other issue that I have here is that this needs to align to the left for the rest of the body text back on the block first letter inside the drop caps and as styles, I would check off what he says, a line left edge. Since the block first letter is based on the body text, that means inside the intent spacing, I need to zero out the first line intent. Now everything lines up on the left side. 30. Page Spread Article Text Wrap: The next element to place will be a photo related to the article with the reading text wrap around the photo. Which means I need to make sure that I'm inside the photos layer. I will grab the rectangular frame too and just click and drag creates a rectangular frame spans across these columns. I'll release the mouse and then use the keyboard shot to place this photo choice and then click to open with the photo selected. I'm also going to use the fill frame proportionally. Now to wrap the text around the photo, I'll go up to the Window menu and then bring up the text wrap panel in order for this to work. First I will select the photo. And I'll do this actually inside the photos layer. Just to make sure that I do this correctly, I'm targeting the photo here. For the options here, I'm just going to choose the second option, which is the wrap around the butting box. All right, this is a great beginning, but I do need to have some breathing space on the right at the bottom. I can do this by changing some of the offset values with the chain icon broken. So I can set those values independently. I'll change the bottom of sets to be equal to 13 points. Member 13 points is actually the gotta space. I'll do the same for the right of set. I'll set this one also to 13 points. There you go. Now I do have the space on the right and bottom, but looking at this text here, I do get the plus icon which means there is more text inside the text frame. All I have to do is just click and drag and expand the text frame. Things are looking great. I'm just going to double check my work. I do have this single letter word that hyphenates, we select that. Then back on the character styles panel, I'll apply the non brake. Here's another one. I'll do the same for this one. I'll apply the non brake. This one seems to be also gets hyphenated. I'm also going to apply the no brake. 31. Page Spread Article Caption Over Image: For the remaining of the page spreads. And following this reading text, I will place another photo, which means I need to be inside the photos layer. I'll grab the rectangle frame to just click and to create a rectangular frame, I'll use the keyboard circuit to place the side view of the sarcophagus. And I'm also going to apply the fill frame proportionally. All right, I'll double click to get into the photo and then use the arrow key to nudge this a little bit so I can have a bit more space here. And then I'll lock this photo layers. I don't accidentally move anything. The reason I'm doing this is to go to the text layer and then create a caption that will help the reader to know more about this photo. I'll grab the type tool and then click and drag to create a text frame. Back inside my notes. I'll copy this text to the clipboards and then I'll paste that in. All right, the first thing to do is to apply the basic paragraph format. I'll add a background color to be able to see between this black backgrounds, the photo, and of course the text inside. To get into the paragraph, I'll select everything. I'll create a new paragraph style. I'll double clcones, give it a name of caption over image for the basic character formats. I'll set this one to Monserrat medium for the font style. I'll size this down to eight points and let set tonight points for the character color. I'll use white for indecent spacing. I'll center this one and then click Okay. All right, that's a great beginning here, but there are other things I can do to spice things up. One of them is to go inside the property spanel and add a corner here. The first I'm going to do is zero out all the corner sizes. Just make sure that the chain icon is pressed. I use the zero, then I press the tab key and then I will break the chain icon. To set those independently, I'm only going to set the bottom left here to 25 points for the shape, I'll use the rounded corner. That out, that's one thing. Another thing is to actually add some space within this frame. I can do this inside the object menu. Take Firms options, allow, increase the inset spacing. Perhaps set two points or three points. Cuts, Click okay. Maybe I can just size it down just to Ted, this one. All right. Now many times using captions over photos, the background, this background has some transparency to be able to see the remaining of the photo in the back under the window menu, I'll bring up the effects panel. I will click on the fill here, because I'm dealing with the fill here. And I'll change the capacity, let's say to 75% I think that looks good. Let's see how this looks overall. It looks great. I like that. But there's one more thing I would like to do and that is to have the option of re, using the caption over other photos inside the magazine. I can do this by creating an object style that will give me the ability to repeatedly apply this to other elements. I will select this text frame. Then under the winner menu styles, I'll bring up the object styles. I will create a new object style. I'll double click on it, give it a name of caption. I'm also going to make sure that the paragraph styles are included and then click Okay. Now let's go ahead and do a demo here. I'm just going to create a text frame just randomly, just type something, then just apply with one click, the caption. As you can see, this works locker charm because we created the opposite style. There is creating and styling another article inside the magazine in progress. 32. Page Spread Article Headline and Body Text: All right, moving on to the next page. Spreads inside the layer panel and look inside the text layer. I have already added a couple of text frames for the headline and the strap line, both with no paragraph styles attached to them. I'm just going to a bit here and I'll start with the headline. Inside the paragraph styles panel, I will create a new paragraph style. I'll double click on it and give it a name of headline border inside the basic character formats. I'll set the phone family to monserrat the phone style. I'll set this one to extra bolts. I will up the size to 36 points for the case I'll use all caps far. I'm also going to add a paragraph border, hence the name headline border. I will turn the border on first. I will zero out all the stroke values, then break the chain icon. So I can set those values individually. I'll set the top stroke to two points, the bottom stroke also to two points. As for the offsets, the only thing I'm going to change will be the width to only occupy the text and not the entire column. And then click okay. I'm going to zoom in a bit here, Select the text frame and then use the Don arrow key to just not this, It's within the margins. All right, we'll select this text frame and just bring this down one line of space. So I'll go ahead and create a new paragraph style for the strap line. Click on the cycle, click on that and give it a name of strap line, small caps inside the basic character formats. I'll set the font family to Monserrat. I'll set the phon style regular. I'll the size to 13 points and the letting will be set to 15 points. As for the casing, hence the name small caps. I'll set this 12 small caps inside the. It is in spacing. I will only align the first line to the baseline writs. I'll set this one to first line only. As for the hyphenation, there is not going to be any hyphenation. And then click Okay. All right. So the only thing I need to do now here, since I can see this plus icon, which means this text frame has more texts. Just going to expand this text frame. One more line of text. There you go. Now both the headline and the strap line have been styled. 33. Page Spread Article Line Style: All right, so still inside the text layer and following the headline and the strap line, I have already inserted the articles reading text with no paragraph style attached to it. The plan here is to have only the first line of texts with all caps, A heavier fun weight and different color. That means inside the character style spanel. I will create a new character style clones, give it a name of all caps. This is going to be based on nothing. For the basic character formats for the phone family, I will assign the data pro. The phone style will be set to extra bodes, size will be set to ten points, and letting will be set to 13 points. As for the case, I'll set this one to all caps, hence the name, all caps for the character color. Here, looking inside, the color swats The color of my choice does not appear on the list of colors. Click Okay. Then I head back to my libraries. This is the color my choice. I will re click to add this color to the swatches. Here is at the very bottom of the list. Back on the all caps character styles for the character color. And all the way at the bottom, I will assign this colum choice and then click Okay. All right. Next step is to create a new paragraph style that is based on the body text. Which means first I will select the entire paragraph here and assign the body paragraph style to it. I would diselect everything and then click to create a new paragraph style, double clickonents. I'll give it a name of all caps line. I'll reset everything to base. And this is going to be based on the body text is I want to keep most of the formatting options. Now looking inside the basic character formats, everything looks great. I'm just double checking my work here. But the magic happens inside the drop caps and nested styles. Click on that. This time around, I will create a new line style. Click on the button. The line style will be set to the all caps and only affect the first line. And then click. Okay. All right. Now to apply this all caps line paragraph style to the very first paragraph, I'll double click on the first paragraph to get into the paragraph. Then apply the all caps line. That looks good. Just now I have here the indentation that comes from the body text with nothing selected. I'll double click on the all caps line and then inside the incident spacing, I'll zero out the first line, dent and then click. Okay. All right. Now whatever there is a single letter words that hyphenates, I will apply the non break character styles. For example, this one Dolt. Select that. Then back on the character styles, I will apply the non break. I will do the same for the rest of the words that hyphonates throughout this entire paragraph. 34. Page Spread Article Photo: Since this is another article for the magazine in progress, placing a reference photo will be a great idea. Switch from the preview modes to the Olema modes. And I'm also going to make sure that I'm working inside the photos layer. I grab the rectangle frame to just click and drag to create a rectangle frame that stretches out beyond the defined margins. I release that and then use the keyboard shortcuts to place the articles reference photo. I must go on to apply the film frame proportionally. All right, the photo looks great and placed the entire article styled. And I'm ready to move on onto the last page spreads. 35. Page Spread Article Nested Styles: All right, moving on to the last page. Spreads inside the text layer, I have already placed a headline that needs to be styled. First, I will create a new character style, because I want some of these words to have a different color with nothing selected. I will create a new character style. I'll click on the double click on that and give it a name of color text for the character color. I'm just going to assign this color of my choice. And then click Okay. All right. I'll go ahead and select the headline and creates a new part of style, Tapo. Click on it and give it a name of Headline Colors. This is not going to be based on anything. For the basic character formats and for the phone family, I'll use the Monserrat. The phone style will be set to extra bolts. I'll up the size to 18 points. Numerically, I'll set the lighting value to 20 points for the case that would be all caps for the indecent spacing. I will align this to the center and I'm also going to align the first line to the baseline rates. Okay, that's a good beginning here, but the magic happens inside the drop caps and nested styles. I'll click on that now. We'll create a bunch of nested styles will affect different words. Click on the new nest style for the first two words, there's not going to be any nested style. The first words are sculptures from following that. The next word, which is the Hellenistic, I will create a new nest style that is going to be based on the color texts. There we go. We can see the preview here. Following that, which is the end, there's not going to be in style, but for the fifth word, which is the Roman, the nest style would be based on the color text. And then click Okay. All right. First of all, I'll go ahead and bring this up to the first line here. I'm also going to center this to the spreads. Now, one note here, and that is the trick, is to not to have any forced paragraph breaks, the words follow hierarchy, which means 1,234.5 36. Understanding Gridify Feature: Following the headline, I'll use the powerful gratify to create a layout of photos and captions combining paragraph styles and object styles. Which means I'll make sure that I'm inside the photos layer. To better see the example, I'll double click to bring up the layers options change, previewing the layer color from green to, and then click. Okay. I grab the rectangular frame to just click and to create a rectangular frame. Now with the mouse still held down, I'll tap the right arrow key on the keyboard. That's going to divide the frame into two columns. Tapping the right arrow key one more time is going to add another column. If I keep using that, it will split the rectangular frame into more divisions. If I tap the up arrow key on the keyboard, that will add rows as I'm drawing the opposite to using the Don arrow key, the left arrow key, where we move rows and columns, depending how many I want. Still with the mouse held down, in the event that I want to change the gatto space as I'm drawing, using the control commands and left arrow key will decrease the gatto space, or using the control command key and the right arrow key will increase the gatto space. When I let go, it is going to draw as many shapes as I want. 37. Adobe Bridge Adding Descriptions: Adobe Bridge is an asset manager that lets you preview, organize, edit, meta data, add keywords, labels, and so on to generate captions. I'm also using Adobe Bridge to add meta data descriptions to my images. Before I import them inside Adobein design, I click to select a photo. And under the PTC core section I click on the description field and add the photos metadata. Now I have already done that on my end for each photo with a corresponding description. So I highly recommend you spending a few minutes since this is going to come in handy inside Adbbin design. 38. Gallery Placing Photos: To create the photo gallery still inside the photos layer, I'll use the rectangle frame tool and just click and drag to create a rectangular frame that spans across these columns. With the mouse still held down, I'll tap the right key twice to add an additional two frames and release. I'll grab the selection tool. Since I want to have more than three photos, I will duplicate this. I'll shift option shift and then create one more duplicate. Right there I will mark select all of these empty frames and then use the keyboard circut to place these photos here. I will click to open. Now the loaded cursor indicates that the number is 99 images are ready to be placed inside. Nice and slow click on load one by one of these images into these frames. Now the event that you missed, as I did, all you have to do is just undo that, like so. All right? Okay. Now look at these photos. They do not fit proportionally into these frames. To address that, I will create an op style and automate this task for future use. Under the window menu styles all bring up the opsec style panel. I'll create a new objects style double click on it. Give it a name of fit photos under the Basic Attributes and inside the frame fitting options. I'll click on the drop down menu. I'll choose Fill Frame Proportionally, and then click Okay. All I have to do now is just mark, select all these frames with the selection tool and just apply the fit frames object style. 39. Static Captions vs Live Captions: Now that its photo has a description attached to it. I first need to set up the captions in Sanny design. That gives us a couple of options. A static caption pulls a caption one time. If the image or description changes, the caption will not update with the live caption option. When an image gets replaced, the caption also gets updated. 40. Generating Live Captions: To generate the description from these frames. Here, these photo frames and the photo gallery with the selection tool. I will mark you, select all of these frames under the Object menu and inside the captions. First I'll set up the caption. I'm not going to have any text before the caption. I will set up the metadata to be the description. That's what I did in inside Adobe Bridge. I'm not going to have any text after. As for the position and style, the alignment of the caption will be below the image with an offset of one point. As for the paragraph style, I will set this up on a later step and then click Okay. Still will. All these photo selected. I'll go back to the Object menu captions and I'll generate a live caption. Here they are. All of these come from the Adobe Bridge. Look inside the photos layer, I can also see those text frames. I would diselect everything, then I'll press the shift on the keyboards, and then one by one I would target the text frames here. Then under the edit menu, I'll cut those. I'll make sure I'm inside the text layer. And then under the edit menu, I will paste them in place. And I do this because I want to have my text and photos separate as I have been doing throughout this magazine in progress. 41. Styling Captions: Now that I have all these separate text frames inside the text layer, it is time to style those. I'll go ahead and select one of these text frames. Inside the paragraph styles panel, I will create a new paragraph style. I'll double clkont and give it a name of captions for the basic character formats. I set the phone family to Monserrat. For the phone style, I set this one to medium, the phone size set this one to nine points. The case will be all caps for the incident spacing. I will align the texts to the center. All right, that's a great beginning, but I will continue the styling by adding a paragraph shading. I'll turn on the shading, set the color to this color of my choice, and set the tint to 100% I will change the character color to whites. And I'm also going to add a paragraph border. I will turn the border on. The first I'm going to do is zero out all the stroke values. Then I will break the chain icon. So I can set those individually. I'll set the top stroke to one point and the bottom stroke to one point. As well as for the color, I'll change to this color, My choice. And then click Okay, I believe that looks great. As for the remaining of these text frames, I will shift select and then apply the captions paragraph style. There you go. That was the last page spread using gratify to create animus gallery, generating live captions and combining paragraph styles. 42. Exporting the Magazine as PDF format: Now that the magazine layout is complete, I'll export the design document as a PDF file format under the file menu exports. And for Saas type I'll choose Adobe PDF print inside the PDF dialog box. We can choose predefined presets from the drop down menu, which is a group of settings that affect the process creating a PDF. And are designed to balance file size with quality. Depending on how the PDF is used, we can adjust the compatibility when we create PDF and which version to use. By choosing an option from the drop down menu under Pages, we can select all pages, a range of pages, or spreads. Compression specifies if artwork should be compressed and downsampled. If so, which method and settings to use. Marks and bleeds specify printers bleed and slug areas. We can have crop marks, bleed marks, or use documents bleed settings, which is quite useful in the output. We can have a color conversion, some advanced options and security like password protection. Lastly, the summary of everything, I'll go ahead to export as pages. Then head back to the file menu and the magazine layout as spreads inside the Adobe reader. The one exported as pages is ideal for professional printing purposes and the one exported as spreads. The left and right pages are nicely glued together, which is ideal for screens. 43. Thank you: Thank you very much for spending time with me and learning how to effectively use and design for your own projects. Reach out. If you have any questions or feedback about the course, it would be very helpful to hear from you.