New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Changing an object's appearance

From: iBooks Author Essential Training

Video: Changing an object's appearance

Now, let's work on changing the appearance of some of our objects on our page. Let's begin by working with the rectangle. Go ahead and click one time on the rectangle and then in your Graphics Inspector, let's begin by changing the fill from a Gradient Fill to a Color Fill and then click inside the color well to bring up your Color window. Go ahead and drag the slider all the way down to the bottom to convert the color into a solid black. Now that we've taken care of the fill, let's address the stroke. The stroke is the small line that goes around the outside edge of the object.

Changing an object's appearance

Now, let's work on changing the appearance of some of our objects on our page. Let's begin by working with the rectangle. Go ahead and click one time on the rectangle and then in your Graphics Inspector, let's begin by changing the fill from a Gradient Fill to a Color Fill and then click inside the color well to bring up your Color window. Go ahead and drag the slider all the way down to the bottom to convert the color into a solid black. Now that we've taken care of the fill, let's address the stroke. The stroke is the small line that goes around the outside edge of the object.

For the top part, we want to get rid of the stroke all together, so we'll click the dropdown menu and select None. Finally, we want to adjust the opacity of this object. We can either grab the slider and simply drag it down to the value that we like or we can type in the value. I'm going to enter in a value of 40 on mine and press Enter or Return. That's going to provide a nice transparent background to this object, so we'll be able to see through to the image, but it will provide enough of a contrast for us when we add our title text directly over top of it.

Next, let's turn our attention to the rounded rectangle. Go ahead and click on that one time and then go up to the Fill dropdown menu, and again, we'll change it to a color fill. Click on the color well. And this time we want to convert the color into a mid- tone gray. So we can make sure that the color is perfectly white by clicking on one of the open cells down in the bottom, and then click the slider and drag the slider down until you reach the midpoint. That will give us a nice middle gray. For the stroke of this line, we're going to go ahead and leave the stroke on, but I want to change the size of the stroke from a half point all the way up to a full point.

That will provide a little extra buffer around the outside edge for us to be able to work with. Go ahead and deselect by clicking Off, and now let's go ahead and work on the image. Click one time on the condor's image. We're going to go and grab that image and drag it up and a little bit to the right. You want to make sure that the bottom edge of the image is overlapping over top of where the bottom of the curve of our rounded rectangle appears. We can then adjust the size down a little bit to get our image a little bit closer to the size that we want.

Then if we click the Edit Mask button, we can then trim in the crop so that it snaps right to the edge of our rounded rectangle. If we need to make any adjustments, we can click one time in the middle so that the outer edges are adjusted and then either use our mouse to move the image around or we can nudge it around using the arrow keys on our keyboard. I'm going to go ahead and nudge mine up just a little bit, and a little bit over to the left. That looks pretty good right there. I'm going to click away to deselect. Now, our image is cropped nicely directly on top our callout.

Finally, let's turn our attention to our text. Go ahead and click and drag the text window into our callout and align the bottom of the text so that it aligns with the bottom of the rounded rectangle. Next, we'll focus on the text itself. Let's begin adjusting our text by adjusting the inset margin first. To do this, click one time on the text to make sure that the entire text box is selected. And then in the Text Inspector down at the bottom, there's the Inset Margin. You can go ahead and drag this up to the desired value or you can type it in.

I'm going to set my value to 10 points. That's going to pull the text in from the outer edge of the text box about 10 points so that we don't have the text lying right up against the edge of our callout window. Next, let's go ahead and select the entire top paragraph by triple-clicking on the word "California Condor." And go up to our Format bar, and we will choose the dropdown menu and we'll select the standard Helvetica Neue font that we've been working with throughout the training. We'll then change the font face to a medium font face.

We'll change the size to 18 points and for the color, I'm going to choose this nice yellow color. It's going to make the text really pop off the page. Over in our Text Inspector, we want to adjust the spacing after the paragraph. We're going to open up that up a little bit by dragging the slider over to the right, until we get to 10 points. The text is looking pretty good. Let's go ahead and check our work by clicking away from the text and we can see how that text really just stands out. Next, let's go ahead and format the center section of the text.

We can do this, again, by triple-clicking on the first paragraph to select it, then hold down the Shift key and click after the word "Years" to select the rest of the second paragraph. Once again, we'll go back up to the top, to the Format menu, and we'll change the font to Helvetica Neue. We're going to leave the font face at Regular and then change the font size down to 14 points. This is going to make the text much more readable. We'll change the color to a nice white color so that it really stands out on that gray background.

We'll also change the alignment of the text so that it's fully justified. This will make the right-hand edge of our text line up as a nice sharp line. Over in the Text Inspector, we will adjust the spacing between lines down a little bit, to 1.2. This will tighten up the text just a little bit. We'll also adjust the spacing after a paragraph up to 14. I'm going to go ahead and select 0 and type in 14 on my keyboard and hit Enter or Return in order to accept that value. We can deselect to check our work by clicking away, and now we can see how the text is lining up inside of our callout.

The final thing we need to do is work on the Explore California URL down at the bottom. To select this, triple-click on it to select it and then we'll go back up to the top. We'll change the font to Helvetica Neue, the size to 14 points. We'll choose the same yellow color that we chose for our California Condors header. We'll make sure that we center the text by clicking on the Center Align tool. And then in our Text Inspector, let's increase the spacing between the characters from 0% up to about 15%.

All right, things are looking pretty good there. We'll go ahead and deselect, and now we have a nice callout that's ready to be added into our text. But before we do, we want to make one more final modification and that is to go ahead and click and drag in order to select all of our text and all of our objects. We are then going to go up to the Arrange menu and go down to Group, so now all of these objects are now grouped as one single object that can be grabbed and moved into place.

If you need to ungroup objects, you simply click on the grouping, go up to Arrange, and select Ungroup in order to access all of the individual objects that are contained within your group. A good thing for you to do right now is to go ahead and ungroup the objects, then go in and select each of these three different groupings of text and create a new style like you've already seen how to do in a previous movie, and create a style for Callout Header, Callout Body, and Callout Footer. Then regroup the objects and meet me in the next movie, where we'll go ahead, place our objects within our page, and apply some additional metadata.

Show transcript

This video is part of

Image for iBooks Author Essential Training
iBooks Author Essential Training

89 video lessons · 19883 viewers

Chris Mattia
Author

 
Expand all | Collapse all
  1. 4m 48s
    1. Welcome
      48s
    2. Using the exercise files
      4m 0s
  2. 53m 58s
    1. Installing iBooks Author
      1m 47s
    2. Installing iBooks on an iPad
      1m 9s
    3. Creating a new document
      3m 25s
    4. Understanding the interface
      4m 48s
    5. Creating a book cover
      9m 26s
    6. Adding an intro video
      1m 48s
    7. Creating chapters
      8m 2s
    8. Creating sections
      3m 52s
    9. Creating pages
      2m 15s
    10. Adding visual interest
      4m 54s
    11. Customizing the table of contents
      5m 44s
    12. Creating a glossary
      2m 57s
    13. Previewing your work on an iPad
      3m 51s
  3. 27m 22s
    1. Understanding templates
      3m 18s
    2. Creating a blank layout
      3m 42s
    3. Modifying existing layouts
      5m 13s
    4. Creating a custom layout
      3m 57s
    5. Defining placeholder media
      1m 1s
    6. Defining placeholder text
      50s
    7. Adding auto-updating text
      1m 18s
    8. Creating a photo collage layout
      3m 25s
    9. Sharing a custom template
      1m 55s
    10. Creating a portrait-only book
      2m 43s
  4. 19m 25s
    1. Dragging and dropping plain text
      3m 16s
    2. Inserting text from Pages
      6m 51s
    3. Inserting text from Microsoft Word
      7m 11s
    4. Creating linked text boxes
      2m 7s
  5. 52m 13s
    1. Understanding how to format text
      2m 5s
    2. Formatting text
      8m 6s
    3. Creating lists
      5m 29s
    4. Creating custom styles
      9m 34s
    5. Controlling tabs
      5m 54s
    6. More on text control
      12m 37s
    7. Embedding equations with LaTeX
      3m 53s
    8. Embedding equations with MathType
      4m 35s
  6. 29m 14s
    1. Understanding objects
      7m 33s
    2. Adding objects
      2m 26s
    3. Manipulating objects on a page
      3m 24s
    4. Layering objects together
      1m 36s
    5. Changing an object's appearance
      7m 15s
    6. Adding titles, labels, captions, and descriptions
      5m 25s
    7. Adding accessibility text to objects
      1m 35s
  7. 21m 45s
    1. Adding images
      5m 33s
    2. Removing parts of photos with Instant Alpha
      3m 54s
    3. Cropping and masking images
      4m 0s
    4. Controlling image settings
      3m 0s
    5. Spanning an image across two pages
      5m 18s
  8. 16m 12s
    1. Understanding shapes
      2m 29s
    2. Adding shapes
      2m 29s
    3. Editing shapes
      3m 24s
    4. Drawing shapes
      3m 31s
    5. Creating a custom shape mask
      4m 19s
  9. 25m 57s
    1. Understanding tables
      2m 22s
    2. Creating tables
      2m 9s
    3. Adding and importing data into tables
      3m 3s
    4. Formatting table cells and data
      8m 37s
    5. Performing calculations
      3m 57s
    6. Using conditional formatting
      2m 52s
    7. Sorting table data
      1m 15s
    8. Adding a custom table description
      1m 42s
  10. 22m 33s
    1. Understanding charts
      2m 30s
    2. Adding charts
      3m 59s
    3. Editing chart data
      3m 51s
    4. Formatting charts
      5m 24s
    5. Changing the chart type
      5m 48s
    6. Adding chart descriptions
      1m 1s
  11. 45m 53s
    1. Understanding widgets
      4m 18s
    2. Creating an image gallery
      5m 18s
    3. Adding a movie
      4m 4s
    4. Adding a Keynote presentation
      5m 32s
    5. Adding a 3D object
      4m 24s
    6. Adding an interactive image
      7m 54s
    7. Adding custom HTML
      7m 57s
    8. Creating a scrolling sidebar
      3m 45s
    9. Creating a popover effect
      2m 41s
  12. 17m 4s
    1. Understanding review questions
      2m 26s
    2. Adding a review section
      2m 27s
    3. Creating multiple-choice questions
      7m 16s
    4. Creating matching questions
      4m 55s
  13. 27m 1s
    1. Preflighting on an iPad
      6m 21s
    2. Exporting a book in iBooks format
      2m 26s
    3. Exporting a book as a PDF
      2m 33s
    4. Exporting a book as a text document
      1m 49s
    5. Emailing a book
      2m 24s
    6. Getting ready to publish to the iBookstore
      4m 44s
    7. Publishing to the iBookstore
      6m 44s
  14. 32s
    1. Goodbye
      32s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.