Interface Design / Background pt. 1
Subtitles of the Movie
I'm going to show you how this actually works. So we'll come down here and move this down here. Put that just right there. Can see how it's just right. If I move it one pixel to the right there's a space in there. So put it right there. And what we want to do is we want to make this job, I don't want to keep copying and pasting or duplicating. I want to use some tool that'll make it quick for me to make a whole bunch of copies right across the way here. So what I'm going to do is I'm going to come and duplicate this. Now, if I try to duplicate it, it's going to try to move the body down because it goes six pixels right, six pixels down. We don't really want that. So I'm going to go ahead and select all this, move it up a little bit and then we'll try duplicating it. Ok? One, two, three, four, five, six, using the arrow keys to move it. And then I'll use them to move it over here, get it just the right spot. Now, the key to this trick, which I'm going to show you in a second, is to make sure you don't de-select the object, because once you do that, this feature won't work. So you can use the arrow keys or the mouse, just as long as you don't click somewhere else or on another object it won't de-select this and this trick'll work. And if we go up here and duplicate now, you notice that it doesn't offset six to the right and six down. It goes exactly where you moved the other piece. And we can keep on duplicating. In fact, I'll use the keyboard command. I can quickly make as string of these, offset exactly the same amount, and then the last one I have to move over a little bit here. Get it just right. You can see how easy that made it for us. So I'll go ahead and select all this and I'm going to group it also to make it easier to move because you'll probably want to move that bottom section all together and put it right down at the bottom of the body. And then we're going to do exactly the same thing with the rest of it. In fact, I think I'll give us a little bit more space here. Move that down like that. And I'll position this piece right there. So we're going to move it down. And you can see they don't quite meet up here. This one doesn't have as much room there, but that's no big deal. We're just going to move this over a little bit. Get it just right. And we'll take care of this yellow stuff that's showing through in a second. In fact why don't we do it right now? We can see that yellow showing through there. We really don't want that, so I'm going to change the body color and we're going to have to make this a little bit bigger, the window, to a light gray. And you see how that perfectly matches everything. So we've got this right here. We're going to duplicate it. One, two, three, four, five, six. Get up in just the right spot. There we go. Look very closely at the screen and now we have a deselected object so now we can duplicate and I'll use the keyboard command. Get to just where we want it. Probably right about there. And then we'll do the same with this one. Position it just right. And I think that's about right but I click out so I can see better. Click on it, we'll duplicate one, two, three, four, five, six, move it up and then we'll move it down and then again use the keyboard command, the same as doing the menu item here, no difference, and duplicate till it's the same height as the other one. That looks about right. I often will do this, draw a little selection, not meaning to select anything, just to measure and make sure the same height. And they turned out perfectly. So that's a quick little way of, of lining things up. There are other features, of course, in layout mode, but I like that one as a real quick way to do that. So what you're going to see when we come back in the next section is that we'll have made this interface larger and we'll go over how we did that, but we do need to make sure that the body part is, is as tall as you want it for the screen resolution you're working with and this last object is over to the right far enough. So it's a process of going between layout and browse, but we'll cover it a little bit on the next section, but don't be surprised when you come back and all of a sudden the interface is bigger because I've enlarged it off line. We won't leave you hanging. We'll cover how to do that. here. It works great. So now all we have to do is move this down here, move this over here to where we want it to be. I'm not paying a lot of attention to where I'm putting them because it's going to take a lot of time to make sure you get these in the right spot so that it's the right size when you go to browse mode. And we'll cover that a little bit in the future, but we're going to show you how this actually works.
Tutorial Information
| Course: | FileMaker Pro 9: Intermediate |
| Author: | John Mark Osborne |
| SKU: | 33823 |
| ISBN: | 1-934743-30-5 |
| Release Date: | 2007-11-13 |
| Duration: | 10.5 hrs / 130 lessons |
| Work Files: |
Yes |
| Captions: | For Online University members only |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 81,350 Video Tutorials (20,800 free)
- Video Available as Flash or QuickTime
- Over 782 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 