Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Let's go ahead and apply some formatting to our text here in the Big Sur Retreat section of our Explore California Travel Guide. Let's start with this first paragraph of text. To select it, we need to triple-click anywhere inside of the text to select the entire paragraph. Then let's go ahead up to the Format bar and look at some of the options that we have available to us. The first one we can do is choose our font family. At the top of the menu, you can see all of the recently chosen fonts that you've used while using iBooks Author. Below that, you can see all of the fonts that are available on an iPad specifically.
Now, you may have additional fonts installed on your system, but they won't be listed here if they're not available on an iPad. This way, you're only able to choose fonts that are going appear correctly on the iPad when you export your final iBook. All of these fonts are arranged in alphabetical order and they're displayed in the actual font face, so you can see what they look like. If you want to choose a font that's not displayed, you can simply move your mouse to the bottom of the screen to scroll down in the list, or you can type the first letter of the font, which is T, to jump down to the T section and then begin to find the font that you're interested in.
Let's go ahead and select Times New Roman and see what that looks like. As soon as you select the font, the font face changes on your paragraph of text. You can then go back to the Font menu and you'll notice that that font has now been added to our recently used fonts. I'm going to go ahead and stay with Helvetica Neue for my font face. Next, we can choose the typeface for this particular font in the next menu. These are all the available typefaces that are available for each individual font. For this block of text I'm going to go ahead and choose Bold Italic.
You can choose whatever font face that you would like and then we can go ahead and select the size of the font. Now for the size of the font, there is a variety of different sizes that are predefined as part of the font itself that we can choose from. So, say we wanted to choose 24. Well that looks a little bit big. And we can come back down to a little bit smaller size, 18. That's still looking a little bit large. So let's go ahead and type in our own custom size. So we'll simply select the size of 18 and we'll type in 15 over top of that and then hit Return on your keyboard to accept that change.
That's looking pretty good. Next, we can choose the font color. Click the color swatch and you can see the initially selected color is highlighted. We can then choose a slightly darker color to apply a little bit darker highlight to this text. The next block allows us to choose the background color for our text. So let's go ahead and choose something nice and contrasty like one of these red colors, and deselect so you can see that applied. Now, that's not the effect that we're looking for here, so we'll go ahead and triple-click inside of our paragraph of text to reselect it and then click the background color, and then if we click this first square, which is the white box with the line through it, that chooses no background color.
If we deselect our text, we can see that the background color is removed. Okay, go ahead and triple- click again to reselect the text. Now since I chose my font face of being Bold Italics, the next section here already shows bolding and italics of my font. If I also wanted to add an underline, I could click the Underline and then the text would be underlined as well. I can turn that off by simply clicking on it one more time to turn off the underline. The next section here in the Format bar allows us to choose the alignment of our paragraph. By default, the alignment is set to left align.
We could also choose to center align our text, right-hand justify, or set up a justification so that both the right and left side of our text shows up tight along this edge. That's looking a lot better for this first paragraph of text, so we'll go ahead and leave it set to Justification. Now let's turn our attention to the Inspector in the Text tab. You can see that our new font color is already selected here for us and that our alignment is also set. To look at how the alignment within the text cell works, let's go ahead and click inside of our other paragraph of text over here on the right-hand side.
Since we're going to apply this formatting to the entire text box, all we need to do is just select inside of the text. We don't need to have anything else selected. The first option here allows us to set the alignment to the top of the text box. Now if you notice, the text box is this outlined box around our text, and it's right now aligned to the top. The next option allows us to center that text within the text box. And the final option allows us to align the text with the bottom of the text box. I'll go ahead and leave this set up here to the top of the text box alignment.
Let's go ahead and reselect our first paragraph of text under the overview and triple-click to select that entire paragraph. The next part of our Text Inspector allows us to control the specific spacing of the letters and words within our paragraph. We can see this effect a little more drastically by dragging the slider for Character first. We'll first drag it to the right. You can see that the spacing is greatly increased in between each character. If we drag it to the left, then the text is tightened up and the spacing between the letters is greatly reduced.
I like to increase the default spacing between my characters just a little bit more, so I'll go ahead and move this up a little bit. And if I want to type in a precise amount, I can either use the up and down arrows to the right of the text box or simply select the box and type in a value, such as 7, and then hit Enter or Return to accept that change. That opens that text up a little bit further and makes it a little bit easier to read. Next, we can control the spacing between the lines. Again, to practice this, simply grab the slider and drag right and left to see what the effect looks like.
I like a line spacing just a little bit more opened up, so I'll go ahead and type in a value of 1.1, and hit Enter or Return on my keyboard to open that text up a little bit more there as well. The next parameter is Before Paragraph, and if we drag this slider over, we can see that what it's doing is it's moving the space that appears before the paragraph. We can move it back over here to the left to close that space back up. The After Paragraph text does a similar thing, only it controls the alignment after the paragraph. I'm going to go ahead and leave this set back down to the default as well.
The final control for our text inside of the Text Inspector is to control the Inset Margin. Now to control the Inset Margin, I'm going to deselect my text and then just click one time on the entire sidebar text box. Now when I go ahead and increase the Inset Margin, you can see that what it's doing is it's creating a buffer around the entire text box. I'd like to leave my Inset Margin set to only about 5 points. That way I get just a little bit of extra buffer off the edges. Now that our text is starting to take shape, let's make a quick modification to our layout and add a solid color background to our sidebar.
To do this, let's go ahead and pull down our Layouts and scroll around until you find the Section Backpack layout that we're using for these pages. Then come on up to Shapes and select the box shape. We're then going to simply drag the box shape directly over top of our sidebar and drag the lower right-hand corner until it is the exact same size. We'll then go ahead and go up to the Arrange menu and select Send to Back. This will put the background color of the sidebar behind the text.
Let's go ahead and choose a better color though. We'll go over to our Graphics Inspector and instead of a Gradient Fill, let's choose Color Fill, click on the color square, and then click on the magnifying glass, and let's choose one of the lighter colors out of our Backpack California logo. There, that's looking pretty good. Now, we can close our Color window and we can apply those changes by clicking Apply Changes to our layout. And now when we look at all of our other sidebars, they all have a nice solid color that matches our logo and it's applied to all of the different section layouts.
In the next movie, we'll turn our attention to these featured items for the tour and convert them into a list.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57678 Viewers
119 Video lessons · 67222 Viewers
84 Video lessons · 16616 Viewers
125 Video lessons · 29509 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.