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

The anatomy of a button

From: Encore CS5 Essential Training

Video: The anatomy of a button

Now we're going to turn our attention to look at buttons, but what exactly is a button? What makes up a button? That's what we're going to look at in this movie here. I have here a menu, and we have several buttons here. If you look, we have a few components. We have the text of the button. We have a little graphic element that suggests the button even when we're not activating that particular button. So even if we had success stories activated, we could still see there's little rectangles for these other buttons here.

The anatomy of a button

Now we're going to turn our attention to look at buttons, but what exactly is a button? What makes up a button? That's what we're going to look at in this movie here. I have here a menu, and we have several buttons here. If you look, we have a few components. We have the text of the button. We have a little graphic element that suggests the button even when we're not activating that particular button. So even if we had success stories activated, we could still see there's little rectangles for these other buttons here.

There's another component as well. I'm going to right-click on this NTSC_ Organic menu and choose Preview from Here. When we select a button with our DVD remotes, there is often a little extra picture here called a subpicture highlight, or often referred to as just a highlight. This denotes that a button is selected. So it doesn't mean that we've actually chosen that option. It just means that that is the option that we have currently selected. This, of course, tells the viewer that if they want to watch, for example, 30-year plan, go ahead and push play now, because that's what you have selected.

So we have here three components, but they're not always necessary. Let's go ahead and close this. I'm going to click either Exit here or Exit and return. With this menu selected here, I'm going to click in the Menu Viewer to select it. Let's go over to the Layers panel. Again, if you're familiar with Photoshop, this will feel very second nature to you, because basically the layers here are referring to the layers in the Photoshop file. Buttons are actually a layer group in the Photoshop file.

If we open up the layer group, in other words, these little folders here, we could see these different components. As mentioned, we have the Bracket here, the graphic element. We have the text, denoted by the little T here, the T icon, mission statement in this case. Then we also have the Highlight. Notice that the visible elements have Eyes next to them, and there is no Eye icon next to the subpicture Highlight, so we can't see it right now. We'll talk much more about subpicture highlights towards the end of this chapter. But we don't necessarily need all of these components, and we could have several more.

So some of these, like the Bracket, are just design elements, and Encore doesn't necessarily need those. What I do recommend that you have is text and a subpicture Highlight. This tells people what they are selecting and if something is selected or not. Now later on when we get in the fun and games section of Encore, the advanced stuff later on the training series, we'll talk about how you can create a button without text, without a bracket and just a secret subpicture highlight, and you could use that to store secret content on your discs.

We refer to that type of content as Easter eggs. So we'll talk about how to do that later on. Let's look at another example of buttons. I'm going to open up this NTSC_Atomic menu. This is a little bit more complex menu. There are these things called replacement layers here, which we'll talk about later. There's also a Motion menu background, and yet still, what makes buttons up here are the same. We have a green background, and then we have the text, and there's a subpicture highlight. So if we open up one of these, say, for example, Alpha here, we could see that there's a subpicture highlight, ALPHA text, and the button background.

So be aware that that is really the nuts and bolts of what a button is. It's a folder in Photoshop with these special codes. This is what tells Encore when you bring in a Photoshop document, what exactly this object is. So this code means something. This code means a highlight. We'll talk a lot later about these different codes that we could put in our documents in Photoshop. But for now, just know that a button is a series of objects grouped into a folder.

Show transcript

This video is part of

Image for Encore CS5 Essential Training
Encore CS5 Essential Training

100 video lessons · 21651 viewers

Chad Perkins
Author

 
Expand all | Collapse all
  1. 4m 43s
    1. Welcome
      57s
    2. What is Encore?
      1m 33s
    3. Using the exercise files
      1m 15s
    4. Reconnecting unlinked media
      58s
  2. 16m 10s
    1. Project overview
      1m 12s
    2. Importing content
      1m 55s
    3. Using included content
      2m 2s
    4. Adding a menu to a project
      2m 42s
    5. What are timelines?
      2m 3s
    6. Creating links and navigation
      3m 13s
    7. Exporting
      3m 3s
  3. 21m 28s
    1. Understanding disc formats
      3m 7s
    2. About television standards
      1m 40s
    3. What is transcoding?
      4m 47s
    4. Exporting video for Encore
      2m 39s
    5. Bits vs. bytes
      2m 3s
    6. The importance of bit budgeting
      1m 46s
    7. About pixel aspect ratios
      2m 52s
    8. About overscan and safe areas
      2m 34s
  4. 13m 5s
    1. Creating a new project
      2m 57s
    2. Touring the interface
      4m 44s
    3. Importing assets as Encore objects
      1m 35s
    4. Using the Project panel
      3m 49s
  5. 16m 47s
    1. Understanding menus
      40s
    2. Creating menus with the Library panel
      4m 37s
    3. Editing menus
      3m 41s
    4. The Menu Viewer vs. the Menus panel
      1m 20s
    5. Creating motion menus
      4m 16s
    6. About submenus
      2m 13s
  6. 20m 34s
    1. The anatomy of a button
      3m 42s
    2. Creating buttons
      1m 55s
    3. Editing buttons
      1m 24s
    4. Viewing and adjusting button routing
      3m 27s
    5. Creating video buttons
      3m 19s
    6. Understanding subpicture states
      1m 45s
    7. Changing subpicture colors
      5m 2s
  7. 13m 35s
    1. Using the Monitor
      55s
    2. Creating chapter markers
      3m 18s
    3. Setting poster frames
      3m 38s
    4. Creating chapter points automatically
      1m 47s
    5. Editing video in the timeline
      2m 35s
    6. The Timeline Viewer vs. the Timeline panel
      1m 22s
  8. 8m 9s
    1. Creating navigation with the Flowchart
      2m 45s
    2. Setting a "first play" object
      1m 12s
    3. Auto-selecting button names from links
      1m 20s
    4. Creating user permissions for a disc
      2m 52s
  9. 11m 13s
    1. Creating and adjusting text
      4m 5s
    2. Applying styles
      2m 27s
    3. Automatically arranging objects
      1m 8s
    4. Transforming objects
      3m 33s
  10. 17m 30s
    1. Introducing slideshows
      4m 45s
    2. Adjusting slideshow properties
      3m 26s
    3. Adding motion and transitions
      4m 26s
    4. Syncing slideshows to audio
      3m 20s
    5. Slideshows and bit budgeting
      1m 33s
  11. 6m 43s
    1. What is a playlist?
      3m 45s
    2. Using chapter playlists
      2m 58s
  12. 17m 25s
    1. Using audio in Encore
      1m 47s
    2. Adding audio to a menu
      1m 1s
    3. Allowing users to change languages
      6m 27s
    4. Creating subtitles
      2m 8s
    5. Importing and exporting subtitles
      2m 47s
    6. Changing subtitle color
      3m 15s
  13. 17m 28s
    1. The power of end action overrides
      2m 52s
    2. Using replacement layers
      2m 4s
    3. Looping motion menus
      3m 7s
    4. Replacing a menu
      1m 54s
    5. Creating a chapter index
      2m 32s
    6. Using photos as subpictures
      4m 59s
  14. 12m 41s
    1. Creating "Easter eggs"
      2m 13s
    2. Making games
      2m 13s
    3. Using menu transitions
      1m 49s
    4. Using subpictures as art
      3m 22s
    5. Creating a video menu
      3m 4s
  15. 5m 17s
    1. Why use Encore as a presentation tool?
      37s
    2. Creating slideshows with manual advance
      1m 35s
    3. Creating captions on slides
      1m 29s
    4. Adding data content to discs
      1m 36s
  16. 11m 37s
    1. Making menus in Photoshop
      1m 42s
    2. The button set codes
      1m 41s
    3. The subpicture highlight codes
      1m 18s
    4. The replacement layer code
      2m 34s
    5. The video button code
      1m 42s
    6. The submenu navigation codes
      1m 38s
    7. Using pre-built menus as templates
      1m 2s
  17. 7m 33s
    1. Introducing Blu-ray discs
      2m 55s
    2. Creating Blu-ray pop-up menus
      2m 59s
    3. Previewing pop-up menus over a timeline
      1m 39s
  18. 11m 5s
    1. Encore's automatic letterbox
      2m 27s
    2. Checking your project for errors
      2m 18s
    3. Outputting to disc
      2m 40s
    4. Creating Flash web sites
      3m 40s
  19. 5m 36s
    1. Duplication vs. replication
      2m 8s
    2. About copy protection
      1m 6s
    3. About region encoding
      1m 9s
    4. Fixing the audio_TS problem
      1m 13s
  20. 4m 54s
    1. Importing sequences from Premiere Pro
      1m 42s
    2. Creating motion menus in After Effects
      1m 49s
    3. Making buttons and subpictures in After Effects
      1m 23s
  21. 24s
    1. Goodbye
      24s

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
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Encore CS5 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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.