IntroductionWelcome| 00:00 | (Music playing)
| | 00:03 | Hi, I am Jason Osder and I'd like
to welcome you to OmniGraffle Pro 5
| | 00:07 | Essential Training.
| | 00:09 | OmniGraffle is a diagramming program and a
great way to turn your ideas in the pictures.
| | 00:15 | In this course, I will teach to use
canvases and layers to organize larger
| | 00:19 | documents ito understandable parts.
| | 00:22 | I'll show you how to use stencils, which
are pre-made sets of graphics that help
| | 00:26 | you quickly make a wide range of
diagrams, and I'll show you how to use
| | 00:31 | presentation mode to really show off your ideas.
| | 00:35 | I'll even explore advance features such
as adding interactivity to your diagrams.
| | 00:40 | If you are new to OmniGraffle, I
think you are really going to like it.
| | 00:43 | If you are an old hand, I bet you will
find something new in this versatile program.
| | 00:48 | So, if you're ready to get
going, let's jump right into
| | 00:50 | OmniGraffle Pro 5 Essential Training.
| | Collapse this transcript |
| Using the exercise files| 00:00 | If you are a premium member of the lynda.com
Online Training Library, you have
| | 00:05 | access to the exercise files
used throughout this title.
| | 00:09 | The exercise files are in a folder
called Exercise Files and then they are
| | 00:13 | organized by chapter.
| | 00:16 | In each chapter folder, you
have a folder for each video.
| | 00:21 | This is where you find the exercise
files and for most videos in this title,
| | 00:25 | you'll have at least one,
if not more Graffle files.
| | 00:29 | These are diagrams in OmniGraffle.
| | 00:31 | You may also have some other assets.
| | 00:33 | In this case, we have a stencil,
which we'll learn to make in the title.
| | 00:37 | Just double-click to open one of these files.
| | 00:42 | If you don't have access to the
exercise files, you can follow along from
| | 00:45 | scratch or use your own assets. That's it.
| | 00:49 | Let's get started!
| | Collapse this transcript |
|
|
1. Understanding OmniGraffle's StrengthsWhat OmniGraffle does | 00:00 | OmniGraffle is a piece of software for
the Mac that makes a wide range of diagrams.
| | 00:05 | Here, I have a sitemap diagram and a lot
of people think of OmniGraffle and they
| | 00:09 | think of these types of diagram, a
flowchart style with boxes and arrows.
| | 00:14 | That is exactly right.
| | 00:16 | OmniGraffle is great at making these
types of diagrams but it's not limited to
| | 00:20 | this type of diagram.
| | 00:22 | For instance, you can also make very
attractive wireframe diagrams with OmniGraffle.
| | 00:27 | This diagram plans how the
space will be allotted on a website.
| | 00:31 | It does not stop with web
or interactive design either.
| | 00:34 | If you want, you can use OmniGraffle
to do space planning and floorplans.
| | 00:42 | You can even use it to make map style diagrams.
| | 00:45 | A lot of flexibility is
available in the Stencils palette.
| | 00:49 | You can see the Stencils palette here.
Currently, it's displaying a Circuit
| | 00:53 | Engineering Stencil.
| | 00:54 | That should give you a real indication
of just how flexible this program is.
| | 00:58 | So there you have it.
| | 00:59 | OmniGraffle is a diagramming program
that can make a wide range of diagrams.
| | 01:04 | It's great at doing media planning
diagrams, but it's not limited there at all.
| | Collapse this transcript |
| Understanding objects in OmniGraffle| 00:00 | Objects are the fundamental
unit of all OmniGraffle diagrams.
| | 00:04 | There are various types of objects,
including shapes, lines and groups.
| | 00:09 | We'll be looking at all of these in
detail in future movies, but for now, the
| | 00:13 | goal is just to get a really firm
grasp of how objects work in OmniGraffle.
| | 00:18 | This knowledge will serve you well
as you continue to learn the program.
| | 00:23 | I have a sitemap open and it represents
all three types of objects that I mentioned.
| | 00:29 | Shapes are here. Lines connect shapes
together and if I click here, we see that
| | 00:38 | this whole section is put together in a group.
| | 00:40 | I want to draw your attention also to
the Style inspectors up here where you can
| | 00:46 | change visual things about the objects.
| | 00:50 | For instance, I have the fill color
of these objects represented here.
| | 00:54 | Now here is the big point.
| | 00:57 | Objects in OmniGraffle are not just visuals.
| | 01:00 | They are not just pictures.
| | 01:02 | So, when we adjust things about an
object, its object-ness, if you
| | 01:06 | will, stays intact.
| | 01:08 | A fill will never be separated from a
stroke and in fact, an object can exist
| | 01:13 | without a fill or a stoke.
| | 01:16 | It would still be an object.
| | 01:18 | Objects are extremely important in
OmniGraffle because all of your diagrams will
| | 01:22 | be made up out of objects.
| | 01:24 | And objects are not just pictures or icons.
| | 01:27 | They are a fundamental unit in the program.
| | 01:30 | If you keep this in mind in your use of
OmniGraffle, it's really going to help
| | 01:33 | you understand how the program thinks.
| | Collapse this transcript |
|
|
2. Using OmniGraffleNavigating the interface| 00:00 | The main interface window in
OmniGraffle is made up of the Canvas, the
| | 00:05 | Toolbar, and two Sidebars.
| | 00:07 | I have a sitemap open and the
Canvas is the large area in the center.
| | 00:12 | This is where your diagram will really
come together, and the Canvas is very
| | 00:16 | much a WYSIWYG environment,
What You See Is What You Get here.
| | 00:20 | So in the Canvas, you can drag to move
objects, you can select and highlight
| | 00:25 | things, and you can delete things.
| | 00:28 | The Toolbar is the entire area above the Canvas.
| | 00:32 | It contains your Tool palette, which has
different tools to manipulate your diagram.
| | 00:37 | The Tool palette is divided into two sections.
| | 00:40 | They are basic tools to the left and
more advanced tools to the right of
| | 00:45 | this Divider button.
| | 00:47 | If you don't need the advanced
tools, you can hide and reveal them by
| | 00:50 | clicking the Divider.
| | 00:51 | We also have buttons on the Toolbar to
move objects forward and back, to lock
| | 00:57 | objects, and to group and ungroup them.
| | 01:00 | On the far right of the toolbar is a
button to open the Stencils window.
| | 01:04 | This is where we will find a wide range
of pre-made graphics, and the Inspector,
| | 01:09 | which is where we can take
deep control of many attributes.
| | 01:12 | We will cover both those things
in detail in an upcoming video.
| | 01:16 | On the left of the toolbar is a button
for Canvases and a button for Lists, and
| | 01:21 | these are the two Sidebars.
| | 01:23 | Canvases is the far left, and you will
see the different pages in your diagram
| | 01:28 | here as well as different layers.
| | 01:30 | The List or Outline Sidebar is the one
to the right, and it shows all of your
| | 01:35 | objects in a list, which is Flat, or it
has an Outline mode, which shows the same
| | 01:41 | objects but in a hierarchy.
| | 01:43 | Both of the Sidebars can be revealed
or hidden with the buttons, and the
| | 01:47 | Outline/List button will switch
depending on what mode you are in.
| | 01:52 | So, that's the main interface in OmniGraffle.
| | 01:55 | One more thing to point out now is
the Zoom amount in the bottom-right.
| | 01:59 | Right now, we are looking at 100%
of our diagram, its full size.
| | 02:04 | But I can use this to zoom in
or out, and look at details.
| | 02:09 | The main interface window in OmniGraffle
is where a lot of the action takes place.
| | 02:13 | Luckily, it's pretty intuitive.
| | 02:15 | As you work with the interface,
you'll get more and more efficient with
| | 02:19 | this program.
| | Collapse this transcript |
| Understanding the Stencil window and inspectors| 00:00 | The Stencils window and the Inspector
window are two important places to find
| | 00:05 | additional controls in OmniGraffle.
| | 00:07 | Both of my windows are showing, Stencils
here, and this whole group on the right
| | 00:12 | is the Inspector window.
| | 00:13 | If yours are not showing, you may
need to hit one or both of these buttons:
| | 00:18 | Stencils and Inspector.
| | 00:20 | The purpose of the Stencils window is
to house a wide range of pre-made graphics
| | 00:26 | that can help you quickly make custom diagrams.
| | 00:29 | The Stencils window is broken up into a
Library section at the top, a Stencils
| | 00:34 | section, where you can see the current
active stencil, and a Metadata pane, where
| | 00:38 | you can see details about a particular shape.
| | 00:41 | The Inspectors window houses a wide
range of controls that lets you dig deep
| | 00:46 | into basically any attribute
of any object in a diagram.
| | 00:50 | The Inspector window is broken up
into four sections: Style, Properties,
| | 00:57 | Canvases, and Document.
| | 01:00 | Each of these sections can
be collapsed or revealed.
| | 01:04 | Additionally, each Inspector section has
multiple tabs across the top that reveal
| | 01:09 | the actual Inspectors.
| | 01:11 | In the case of Style, we have Fill,
Lines and Shapes, Shadow, Image, and Text.
| | 01:17 | We will be spending a lot of time
looking deeply at both the Stencils window,
| | 01:22 | and all of the Inspectors in future videos.
| | 01:25 | These two windows are both very
powerful, Stencils to quickly build diagrams
| | 01:30 | from scratch using pre-built
graphics, and Inspectors to dig in to any
| | 01:35 | attribute, and change it.
| | Collapse this transcript |
| Creating your first diagram| 00:00 | Knowing your way around the interface
is great, but now it's time to actually
| | 00:04 | make a diagram in OmniGraffle.
| | 00:06 | To start the program, I am going to go
down to the dock, and I am going to click
| | 00:10 | on the OmniGraffle Professional icon.
| | 00:13 | You see that this launches a window that
lets me choose a template for my document.
| | 00:18 | We'll talk about the benefits of
templates in future videos, but for this first
| | 00:23 | diagram, a blank document
is going to be just fine.
| | 00:27 | So, leave that selected, and click New Diagram.
| | 00:31 | This launches a blank document, but I
want to take a moment at this point, just
| | 00:35 | to arrange the interface a little bit.
| | 00:37 | I like to move the main window over to
the left, and I like to have my Stencils
| | 00:43 | available, as well as my Inspectors.
| | 00:47 | So this is getting close to the way I
like to look at the interface, and it's
| | 00:51 | also what you are going to be seeing in a
lot of the exercises we do in future videos.
| | 00:55 | For your very first diagram, you are
probably not going to need the Canvases
| | 00:59 | sidebar, so I'd also close that.
| | 01:01 | Now, we are ready to make our first diagram.
| | 01:04 | I recommend, if you're just starting
out, that you focus on these four basic
| | 01:09 | tools: Selection, Shapes, Lines, and Text.
| | 01:14 | These are the fundamentals, but you really can
make effective diagrams with just these tools.
| | 01:19 | So, start with the Shape tool.
| | 01:22 | If I drag with the Shape
tool, I drag out a new shape.
| | 01:27 | As soon as I release, the shape is made,
and now with the Selection tool, I can
| | 01:32 | move it, and adjust its size.
| | 01:36 | If I am making, let's say, an Org Chart,
I might want to add text to this shape,
| | 01:40 | so I can double-click, and add the word 'Boss',
which is going to be at the top of my Org Chart.
| | 01:45 | Now, it's time for another shape.
| | 01:47 | Once you have two shapes, you
can connect them with a line.
| | 01:51 | Double-click to add a word and so on.
| | 01:53 | You are building your first diagram.
| | 01:55 | One great way to learn
OmniGraffle is just to play with it.
| | 01:59 | Maybe you can make a diagram
for your family or your pets,
| | 02:03 | anything at all really, just a way to
get into the interface, start making
| | 02:07 | objects and start playing with the tools.
| | 02:09 | If you take that approach to OmniGraffle,
I think you'll improve rather quickly.
| | Collapse this transcript |
|
|
3. Working with Basic Diagram ElementsCreating and manipulating shapes| 00:00 | Shapes are the fundamental
unit of all OmniGraffle projects.
| | 00:05 | You'll be making and adjusting
them pretty much all the time.
| | 00:09 | In this video, we'll use the Shape
tool to make new shapes, and the Selection
| | 00:14 | tool to adjust shapes.
| | 00:16 | We'll also take a quick peek at where more
control over shapes is found. Let's take a look.
| | 00:21 | I have a blank document open, and
you'll see that the Shape tool is right here
| | 00:25 | next to the Selection tool.
| | 00:27 | Those are the two that we
will be using in this movie.
| | 00:30 | You'll notice that the Shape tool has a
rectangle and if I click it once, it'll
| | 00:34 | get a little 1 to indicate single use.
| | 00:37 | Now that I have the tool, if I drag
on the Canvas, I'll instantly make a
| | 00:41 | rectangle shape and I can hold the Shift key,
lock the Aspect Ratio and make it a square.
| | 00:49 | Because I chose only one use, I have now
automatically reverted to the Selection tool.
| | 00:55 | But that's great because that will let
me both move the Shape as well as change
| | 00:59 | its size, and shape by
dragging on these handles.
| | 01:03 | The Shape tool doesn't have to be a rectangle.
| | 01:06 | If I click and hold it, you'll see
that Style menu drops down and many other
| | 01:10 | shapes are available.
| | 01:12 | The menu is also dynamic, so it'll add
your frequently used and favorite shapes.
| | 01:17 | Let's change it up into a circle.
| | 01:18 | So, I have changed to a circle, but if
I also click once more on the tool, the
| | 01:23 | 1 goes away and now I have persistent use.
| | 01:26 | That is great to make a bunch of
circles or ovals really quickly.
| | 01:32 | As I said, there are a couple
of other places to find Shapes.
| | 01:36 | One is in the Stencils.
| | 01:38 | My Stencil palette is already set to
the Shapes Stencil, but you can do this
| | 01:42 | with any stencil at all, which is
just to drag and make shapes in that way.
| | 01:46 | And something we'll spend more time on
in a future video, but just a peek, is
| | 01:51 | that the Style palette allows you to
quickly change lots of things about the
| | 01:56 | way the shape looks.
| | 01:57 | For instance, we could change from
a Solid Fill to a Blended Gradient.
| | 02:02 | So there you have Shapes, mostly with
the Shape tool, but also some hints
| | 02:06 | of where else they can be found.
| | 02:08 | Shapes, along with texts and
lines, are the fundamental elements of
| | 02:10 | OmniGraffle and once you get control
of them, you'll be making great diagrams
| | 02:15 | really quickly.
| | Collapse this transcript |
| Connecting shapes with lines| 00:00 | Lines are used to connect shapes in
OmniGraffle and the great thing about lines
| | 00:04 | is they are truly connections.
| | 00:05 | They are not just visual, like
a stroke in a drawing program.
| | 00:09 | They actually connect things.
| | 00:11 | So, let me show you what I am talking about.
| | 00:13 | I have got a document open that has some
shapes and all you need to follow along
| | 00:17 | is some shapes that you
can connect with these lines.
| | 00:19 | The Line tool is right next to Shape
tool and if we click it once, we activate
| | 00:25 | it with the little 1 that gives us single use.
| | 00:28 | Down on the canvas, as soon as I over a
shape, I get that blinking, blue outline.
| | 00:34 | I click once and now I am extending a line.
| | 00:37 | Again, the blinking outline and
now I have connected the two shapes.
| | 00:41 | Because I chose single use, I've now
reverted to the Selection tool and with the
| | 00:45 | Selection tool, you can make
some important adjustments.
| | 00:48 | You can move the shapes and they stay
connected, because like I said, they're smart.
| | 00:53 | You can also click in the middle of
the line, double-click, and you get a
| | 00:58 | midpoint and that will create a bent
line and also, every line has a red starting
| | 01:04 | point and a green ending point and
the Selection tool can move these so you
| | 01:11 | actually connect different things.
| | 01:14 | With the Line tool active again, I can
start the line and then click midway,
| | 01:21 | another way to create a midpoint.
| | 01:23 | I can also connect a line to a line.
| | 01:27 | Also, notice if you hold down the
Line tool, you get a Style menu that has
| | 01:31 | different styles of lines and this is dynamic.
| | 01:33 | It will remember your favorite styles
and control over the look of a line can be
| | 01:39 | accomplished over here in the Lines
and Shapes Inspector and this is where we
| | 01:44 | could adjust the thickness of a line.
| | 01:48 | Also, we have some
sophisticated control over the endpoints.
| | 01:52 | I could start with a dot, for instance.
| | 01:56 | So, the size of the endpoint is always in
relationship to the thickness of the line.
| | 02:02 | If I reduce the thickness of the line, it
changes the size of those endpoints as well.
| | 02:08 | Lines are definitely an
important part of OmniGraffle.
| | 02:11 | Not every diagram has lines, but
anytime you want to connect ideas or people
| | 02:16 | or parts of a process, lines
are going to be very useful.
| | 02:19 | And remember, they're smart. They know
that they are connections and that makes
| | 02:23 | them especially good for diagrams.
| | Collapse this transcript |
| Creating text elements| 00:00 | Text is pretty important. Most diagrams
will have text of some sort, labels or a
| | 00:05 | title or a legend or all of the above.
| | 00:08 | Text in OmniGraffle works like it
works in most software, but there are some
| | 00:12 | things to be aware of.
| | 00:13 | There are three types of text in OmniGraffle.
| | 00:16 | There is text that goes on a shape,
there is text that goes on a line, and
| | 00:21 | there is text that stands alone and we
are going to take a take a look at all
| | 00:23 | of them in this video.
| | 00:24 | I am starting with a diagram that has
some shapes connected with some lines and
| | 00:29 | I want to add text to it.
| | 00:30 | You will notice that there
is a Text tool in OmniGraffle.
| | 00:34 | It's right next to the Line tool,
but we are actually to start with
| | 00:38 | the Selection tool.
| | 00:40 | Because if I double-click on any Shape
with the Selection tool, automatically I
| | 00:45 | get a text field that I can then type into.
| | 00:48 | So at the top of our Org Chart is our Boss.
| | 00:53 | This text is attached to this shape.
| | 00:56 | If I move the shape,
it's going to stick with it.
| | 01:00 | To make the other two types of text,
we want to go to the Text tool and I am
| | 01:04 | going to click it twice so I get persistent use.
| | 01:07 | Then I will be able to
show you both types of text.
| | 01:11 | Standalone text you create
just by clicking on the canvas.
| | 01:15 | I get a text field and this will
be appropriate for the title of the
| | 01:18 | document, Org Chart.
| | 01:21 | Also with the Text tool, I can click on a
line, so it gives me that blue highlight.
| | 01:27 | I click it and I get what's called a
line label and I can type into that as well.
| | 01:35 | So there are the three types of Text,
text with the shape, standalone text
| | 01:40 | and text on a line.
| | 01:41 | A lot of control over the look of the text is
found in the Text inspector of the Style pane.
| | 01:48 | We are going to take a much
deeper look at that in a future video.
| | 01:53 | So, that's how you get text elements involved.
| | 01:55 | And text along with shapes and lines are
the fundamental elements of OmniGraffle.
| | 02:00 | Once you get these three working together,
you will be amazed at how quickly you
| | 02:04 | can make great diagrams.
| | Collapse this transcript |
|
|
4. Taking ControlStyling shapes| 00:00 | One of the great things about
OmniGraffle is not only does it make diagrams
| | 00:03 | really quickly, it can also stylize
them and make them look pretty cool.
| | 00:08 | A lot of control over styles is found
in the inspectors, which are over here on
| | 00:12 | the right and particularly the
Style Inspector, which is up at the top.
| | 00:16 | Notice that I have the Fill Inspector selected.
| | 00:19 | If you don't have that, it's the leftmost tab.
| | 00:22 | With the Fill Inspector, we can
change the color and look of a shape.
| | 00:26 | So, I'm going to select a shape, like the
top one, Sales Manager, and I'm going to
| | 00:31 | click this Fill Color.
| | 00:33 | That's going to bring up a color palette, which
is going to be familiar to a lot of Mac users.
| | 00:37 | It has some choices across the top,
including a color wheel, color sliders.
| | 00:43 | My favorite is actually the crayons.
| | 00:45 | So, if I click light-blue, now
I've changed the color of my shape.
| | 00:50 | Working across the different inspectors in
the Style palette, I also have lines and shapes.
| | 00:56 | We saw this briefly when we were
actually working on lines, but now it's going
| | 01:00 | to work with the stroke of our shape.
| | 01:02 | We have a stroke, but we
can also remove the stroke.
| | 01:06 | With the stroke there, we
can change its thickness.
| | 01:09 | That's pretty standard, but what I
think is interesting here is that we do have
| | 01:13 | a selection of actual shapes.
| | 01:15 | So even after I have created it, if I
didn't want a rectangle, if I wanted a
| | 01:19 | triangle or let's say a star, I could have that.
| | 01:22 | It's going to work better as a
rectangle in this case, however.
| | 01:25 | So, we'll put it back there.
| | 01:26 | The last of the inspectors
that I want to work now is Shadow.
| | 01:30 | It's the next one over.
| | 01:32 | This has control as to whether there
is a shadow or not and also how sharp or
| | 01:39 | diffuse that shadow is and
it's spacing off of the object.
| | 01:46 | I did want to mention the Geometry
inspector, which is actually in the
| | 01:49 | properties grouping just below, because
this is where you could enter numerical
| | 01:53 | information for the exact size of your shape.
| | 01:55 | That can be really convenient if
you want to be consistent and have
| | 01:58 | everything the same size.
| | 02:00 | That's how you get a few of the
inspectors in play to change the look of a shape.
| | 02:05 | It should also highlight that
inspectors, in general, are the place that you can
| | 02:08 | go deep into things and change every attribute.
| | 02:11 | We'll be looking at all of the
rest of them in future videos.
| | Collapse this transcript |
| Aligning and distributing shapes| 00:00 | Generally, we like our diagrams to be neat.
| | 00:03 | That means having things lined up nicely.
| | 00:06 | You'll be happy to know that
OmniGraffle is a neat program.
| | 00:09 | It makes lining things up really pretty easy.
| | 00:11 | I've got an Org Chart here and it's
got the information and it's styled, but
| | 00:16 | things are not lined up.
| | 00:17 | It doesn't look neat.
| | 00:18 | Just with my Selection tool, the
first way I want to align things is using
| | 00:22 | what's called snapping.
| | 00:23 | So as I move this up, when it moves
into alignment with its like shape, I get a
| | 00:29 | horizontal blue line and they're
lined up, same here. As soon as I get into
| | 00:34 | alignment, it snaps into place.
| | 00:37 | That snapping function, if you've never seen
another piece of software, it's very tactile.
| | 00:41 | It's almost like a magnet.
| | 00:42 | It just, boom, snaps there.
| | 00:45 | Snapping also takes place with distribution.
| | 00:49 | So, as I move this, you'll see
that it will also snap when they are
| | 00:53 | equally distributed.
| | 00:54 | So snapping is really useful for
alignment, but we do also have an Alignment
| | 01:01 | inspector over in the Inspectors.
| | 01:03 | So, if I select the whole row with a
marquee, the Alignment inspector will let
| | 01:09 | me, for instance, distribute
them exactly a half-inch apart.
| | 01:13 | For me, the best practice here is to use
snapping when you're building a document
| | 01:17 | and you're just moving things around.
| | 01:19 | So, I'm noticing that vertical and
horizontal alignment are off on the Assistant row.
| | 01:25 | There, I've got them
aligned with each other now.
| | 01:28 | As you go, you're moving
them around and snapping.
| | 01:31 | Then when you get into sort of the final
stages of a document, I like to use the
| | 01:35 | Alignment Inspector to really
make sure everything is exact.
| | 01:39 | At this point in your process, you
may also be grouping shapes together or
| | 01:43 | locking them, so they don't move anymore.
| | 01:44 | We'll look at both of those techniques
in a future video, but they're definitely
| | 01:48 | related in process to aligning.
| | 01:51 | Aligning and distributing shapes is
really pretty easy in OmniGraffle.
| | 01:55 | Snapping makes it almost happen by
itself and then you have the Alignment
| | 01:59 | inspector to put the final touches on.
| | 02:01 | Making your diagrams neat is
important, because it's going to make you
| | 02:04 | look professional.
| | Collapse this transcript |
| Combining shapes into groups| 00:00 | Groups are one way that OmniGraffle
allows us to manage the objects on our canvas.
| | 00:05 | You may have made groups in other
software and it's pretty straightforward.
| | 00:09 | It's probably going to work
the same way in OmniGraffle.
| | 00:11 | But grouping does become important,
especially when you start to work with a
| | 00:15 | really complex diagram.
| | 00:16 | We are working with an Org Chart again
and it's looking pretty good, but we can
| | 00:21 | take a higher level of
control if we add some grouping.
| | 00:24 | Let me show you what I mean.
| | 00:26 | So, this whole area here I'm going
to select with the marquee and now I am
| | 00:32 | going to group them
| | 00:33 | with the Group button up on the Toolbar.
| | 00:36 | Notice that the blue outline is now a
big outline around the whole area and if I
| | 00:42 | move one of the shapes, they all move together.
| | 00:46 | I am going to group the other section
here, because that will really illustrate
| | 00:52 | how this helps with alignment.
| | 00:54 | Now when I move these, the snapping
alignment is referring to the group, not the
| | 01:00 | individual object and if I select both
groups, I can use the Alignment Inspector
| | 01:08 | to further align or distribute them.
| | 01:11 | To take this idea one step further, I
am going to select every object on the
| | 01:18 | canvas and put it in one group.
| | 01:22 | The reason to do that is that will
then allow me, over here in the Alignment
| | 01:27 | Inspector, to Align to Canvas.
| | 01:31 | If I check Align to Canvas, this will
let me do some final aligning steps, like
| | 01:36 | aligning my entire diagram properly on the page.
| | 01:40 | Grouping is a key way to
take control in OmniGraffle,
| | 01:44 | especially if you use it together
with Alignment. It's really useful when
| | 01:47 | you're putting that final
polish on your documents.
| | Collapse this transcript |
| Styling lines| 00:00 | Just like shapes, lines can have various
styles, weights, strokes, colors, and et cetera.
| | 00:06 | This is more than just visually stimulating.
| | 00:08 | It can really add a lot of
meaning to your diagrams.
| | 00:11 | Most of the control over lines can be
found in the Lines and Shapes inspector,
| | 00:15 | which is in the Style group.
| | 00:17 | To change a line, we are going
to start by selecting a line.
| | 00:21 | You will notice that with a line
selected, the Stroke checkbox is both
| | 00:25 | checked and grayed out.
| | 00:26 | That's because you simply can't have
a line that does not have a stroke.
| | 00:30 | We saw, in an earlier video, that you can
change the thickness of the line there.
| | 00:35 | Now, if we pull down the Stroke
Dash Pattern, we have a wide selection
| | 00:39 | of different strokes.
| | 00:41 | For a line that has midpoint, like this one
does, we can adjust the look of those corners.
| | 00:47 | So right now, it's curved, but you
might prefer to have straight corners.
| | 00:52 | In an earlier video, we saw
briefly that we can adjust the endpoints,
| | 00:57 | but what I want to point out here is
that every line has a red dot and that's
| | 01:03 | the tail where you started to make the
line originally, and it has green dot and
| | 01:08 | that's the head where the line finished.
| | 01:10 | Again, this is based on when you
originally made the line, what you clicked
| | 01:14 | first and what you clicked second.
| | 01:16 | So, knowing that, we have separate
controls for the tail, i.e. red, I might make
| | 01:23 | that a big dot and the head, i.e. the green dot,
| | 01:27 | we might make that an arrow.
| | 01:28 | Now, if you reached this point and you
made it backwards, that's no problem
| | 01:33 | either, because the button in the middle
allows you to reverse the direction of the line.
| | 01:38 | And you will notice as I do that that
not only do the endpoints change, but so
| | 01:43 | do the red and green dots.
| | 01:45 | Also, if you have a midpoint, but you
don't want it anymore, you can remove
| | 01:49 | the midpoint and then the line will revert
to just going directly between the shapes.
| | 01:53 | See? There it goes.
| | 01:55 | Line Hops control what a line
looks like if it crosses another line.
| | 01:59 | So, for instance, if something changed on
the Org Chart and now the Sales Manager
| | 02:03 | was going to connect in a different
matter to a different assistant, now we have
| | 02:09 | the line crossing another line here and there.
| | 02:13 | So, I can change line hops to be, for
instance, a round hop over and then you see
| | 02:21 | that the intersections have changed their
look and there's a number of styles in line hops.
| | 02:28 | If you think about it, these techniques
really can be pretty useful in terms of
| | 02:32 | imparting more information, a whole
additional layer of information in your
| | 02:37 | diagram based on the look of
the lines and the endpoints.
| | 02:40 | I encourage you to take advantage of that.
| | Collapse this transcript |
| Controlling text| 00:00 | Like most programs that have text,
OmniGraffle allows text to be styled,
| | 00:05 | adjusted in terms of how it looks.
| | 00:07 | A lot of this is going to be familiar
to other programs that control text in
| | 00:11 | similar ways, but some of it is
going to be special on to OmniGraffle.
| | 00:15 | We have got our Org Chart open and
it's looking pretty good, but we want to
| | 00:19 | change up the way some of the text looks.
| | 00:21 | Select a shape that has text in it.
| | 00:23 | I am going to use this Note down
at the bottom and I've also got my
| | 00:28 | Text Inspector open.
| | 00:29 | That's the far right tab.
| | 00:31 | If yours isn't open, go ahead and open it now.
| | 00:33 | And a lot of these controls will be familiar.
| | 00:36 | So across here we have Justification, we
can justify left, which I think looks a
| | 00:40 | little better for that note.
| | 00:42 | The Font button will open up a full font
palette and this is going to be similar
| | 00:48 | to other Mac programs and also somewhat
similar to the Color palette we used. Close that.
| | 00:54 | And here he can change the color of the text,
which, again, will open that Color palette.
| | 00:58 | Somewhat unique to OmniGraffle, are the
relationships between the text and the shape.
| | 01:03 | Let's see how that works.
| | 01:05 | Currently, we've got it set to Overflow.
| | 01:08 | That means if I were to change the
size of this shape, the text itself will
| | 01:13 | simply flow outside the boundaries of the shape.
| | 01:17 | However, if I change to Clip, it will clip
off the edges in the text that's not showing.
| | 01:22 | Last, Resize to fit will actually
change the size of the shape depending on
| | 01:29 | how much text is there.
| | 01:30 | So to really see this, I will
have to add another line of text.
| | 01:36 | And you see how it just grows like that.
| | 01:38 | If we had a shape with rounded edges,
we could wrap or not wrap to that shape,
| | 01:43 | meaning that the line ends would
actually hug the edge of the shape.
| | 01:46 | And here we have vertical
alignment, top, middle or bottom.
| | 01:51 | Some more familiar controls that
you're probably used to from other programs,
| | 01:54 | Kerning or Tracking, one or the other,
Leading, the space between lines, and
| | 02:01 | then Side and Top and Bottom Margin.
| | 02:03 | To see a couple more features, I want
to switch to one of these other boxes and
| | 02:07 | to really understand Text Rotation,
first we have to rotate the shape itself.
| | 02:11 | So that's turn down here in Properties Geometry.
| | 02:15 | I am just going to give a little spin,
first to my shape, and what you'll notice
| | 02:20 | is that when the shape moves,
so does the text that's in it.
| | 02:25 | The reason for that is that Text
Rotation is set to Relative, meaning that the
| | 02:29 | alignment of the text is
relative to the shape it's attached to.
| | 02:33 | If I change it to Absolute, you see
how the orientation of the text changed.
| | 02:39 | The reason is it's still 0 degrees but
now it's 0 degrees Absolute or 0 degrees
| | 02:45 | in relationship to the whole canvas.
| | 02:47 | So Relative, relationship to the shape,
Absolute ,relationship to the canvas.
| | 02:53 | Last, we have the Line Label.
| | 02:55 | If I click a Line Label, we have got
some additional controls and they are in
| | 02:59 | Properties Geometry, down here.
| | 03:02 | We have Label Location, which
slides the label up and down the line.
| | 03:07 | We have Offset, which determines whether it
sits directly on the line, above, or below it.
| | 03:15 | And then we have this menu, which changes
the relationship that the text has to the line.
| | 03:20 | So, this is Horizontal.
| | 03:22 | It's horizontal on the page.
| | 03:23 | We can go Vertical on the page.
| | 03:25 | We can go Parallel to the line, so
it lines up with the line and that's
| | 03:30 | interesting because if I slide
it around, it stays parallel.
| | 03:36 | Keep it on one page though.
| | 03:39 | We can go Perpendicular, which is just
going to keep it at a right angle to the line.
| | 03:45 | Or we can go Independent, which
will let us move it anywhere we want.
| | 03:48 | So, that's text in OmniGraffle.
| | 03:50 | Probably about 75% of this is totally
familiar to you from other programs and
| | 03:55 | then there's those things
that are special to OmniGraffle.
| | 03:57 | You're definitely not going to need
every single one of these controls for every
| | 04:01 | diagram you make, but it's nice when you
need to take tight control over text, to
| | 04:05 | know where all those controls are.
| | Collapse this transcript |
| Locking and unlocking elements| 00:00 | Locking is pretty much standard
procedure in a lot of programs.
| | 00:03 | When an element or an entire
document is done, or at least done for the
| | 00:07 | time being, you can designate it
Locked and then it won't be editable
| | 00:11 | until you Unlock it.
| | 00:13 | It's very useful in a lot of
programs and it will be no surprise that
| | 00:16 | OmniGraffle is able to lock things.
| | 00:18 | We have got our Org Chart here and
everything is done, but everything is
| | 00:22 | still totally editable.
| | 00:24 | If I select any object and then go
up to the Toolbar where there is
| | 00:29 | the Lock/Unlock button,
| | 00:31 | I can click it once to be locked and
you'll notice that its outline goes gray
| | 00:35 | instead of blue and it also has those Xs and
sure enough, if I try to drag it, it will not drag.
| | 00:42 | It is locked in place.
| | 00:44 | Now if I did want to edit it, I
could just select it and Unlock it, same
| | 00:50 | button, to toggle.
| | 00:52 | Now it's unlocked and again, it can be moved.
| | 00:56 | Oftentimes I will want to Lock a
whole document when I am done, and the
| | 01:00 | convenient and common shortcut is Command+A
to Select All, and then I can lock everything.
| | 01:07 | Now even though these were all Locked
together, if I need to edit one, like I
| | 01:11 | notice this is a little low now, I can
just Unlock a single element, move it,
| | 01:17 | and then Lock it back up again.
| | 01:19 | The whole purpose of a Lock is to feel
secure and it should make us feel secure
| | 01:24 | that OmniGraffle has a simple
locking mechanism that works really well.
| | 01:29 | Locking is useful for several reasons.
| | 01:31 | Sometimes you will use it when things
were just close together on the canvas and
| | 01:35 | you're having trouble selecting the
right part, you can lock the parts that you
| | 01:39 | don't want to edit for the moment.
| | 01:40 | Also, as your document gets close to
conclusion and you have got a lot of time
| | 01:44 | invested in it, you are going to
want to Lock it, just so you don't make
| | 01:47 | inadvertent changes.
| | Collapse this transcript |
|
|
5. Using StencilsUnderstanding stencils and the Stencils window| 00:00 | Stencils are an important part of OmniGraffle.
| | 00:04 | They are pre-made packages of
graphics that allow you to quickly make a
| | 00:08 | wide range of diagrams.
| | 00:10 | In this video, we will be taking a deep
look at how the Stencils Window works.
| | 00:15 | You will be able to navigate it easily,
and also have a deeper understanding of
| | 00:19 | all the possibilities you have with Stencils.
| | 00:22 | Your Stencils palette may not look
exactly like mine and it may not even be open.
| | 00:25 | If you don't see the Stencils palette at
all, you get it by going to Window, and
| | 00:30 | then choosing Stencils.
| | 00:32 | Or the keyboard shortcut is Command+0.
| | 00:35 | If your Stencils palette doesn't
look exactly like mine, that's okay.
| | 00:38 | You should still be able to
follow along with no problem.
| | 00:41 | The top part of the Stencils palette
is called the Library area and this is
| | 00:45 | where we search for and select our Stencils.
| | 00:48 | If we twirl down the Stencil Library,
these are the built-in Stencils that
| | 00:53 | come with OmniGraffle.
| | 00:54 | The Common group has a lot
of frequently use Stencils.
| | 00:57 | The Maps group has a lot of geographic areas.
| | 01:00 | We could take a look at South America.
| | 01:02 | There are some other built-in
Stencils for Organizational Charts, Science,
| | 01:07 | Software, and Space Planning, and each of
these has a specific area that it's good for.
| | 01:13 | Once a Stencil is open, if you
haven't done this before, just drag a shape
| | 01:16 | out onto your canvas.
| | 01:18 | With any Stencil, you can always drag right out
of them and onto the canvas to use the shapes.
| | 01:22 | Let's finish up touring the Window.
| | 01:24 | Up top, we have a choice between the
Stencil View, which shows the whole Stencil
| | 01:27 | intact, or more of a Shape View that
shows each piece of the Stencil separately,
| | 01:33 | each shape in its own little box.
| | 01:36 | When I do have a shape selected in the
Stencil, the Metadata area at the bottom
| | 01:40 | gives me information about that specific shape.
| | 01:43 | At the very bottom, I have a Style
tray, which will let me access specific
| | 01:48 | styles about the shape without
necessarily using the whole shape.
| | 01:52 | And last, I have a button that
will reveal or hide the Metadata.
| | 01:56 | Sometimes you want that area
just to look at more stencil.
| | 01:59 | Stencils are a powerful and
flexible part of the program.
| | 02:01 | Now that we have seen an overview of
the Window, I think you will find that you
| | 02:05 | are using Stencils more and
more for all kinds of diagrams.
| | Collapse this transcript |
| Finding and installing stencils| 00:00 | The Stencil you use can really
help define the look of your work.
| | 00:04 | So deciding what Stencil
to use is pretty important.
| | 00:07 | In this video, we are going to see how
to search for and install new stencils.
| | 00:12 | You'll notice that in the Stencils
palette there is a Search field up top, and
| | 00:17 | if we pull down this little menu
next to it, we see we have some choices,
| | 00:21 | especially that we can search Locally
or search something called Graffletopia.
| | 00:25 | Let's search Local first and then we'll move on.
| | 00:28 | So, if I type 'america' and hit Return,
I get all of the Stencils with the word
| | 00:35 | 'america' in it that are
already loaded on the computer.
| | 00:38 | However, if I switch over to Graffletopia,
I am going to type a different search
| | 00:44 | term, this time 'web' and hit Return,
| | 00:47 | this is going to search graffletopia.com,
which is a web resource and a website.
| | 00:53 | You can go to the website graffletopia.com
and browse all of the Stencils there,
| | 00:58 | but in the latest version of
OmniGraffle, you can access the web resource
| | 01:02 | from inside the program.
| | 01:03 | So you see we have lots of choices here.
One of them is an iPhone Wire Frame Stencil.
| | 01:10 | If I decide that I am making
something for the iPhone, and this is going to
| | 01:13 | benefit me, I can download the Stencil.
| | 01:16 | And it automatically downloads. I can
click Install and now I am able to access
| | 01:21 | this new stencil that was
not previously on my computer.
| | 01:25 | And the selection on Graffletopia is much
larger than the pre-installed default Stencils.
| | 01:31 | Let's bring the iPhone over onto
the canvas, make a wire frame for it.
| | 01:36 | Don't overlook the important
step of choosing your Stencil.
| | 01:39 | At the end of the day, the stencil
you choose is going to affect your whole
| | 01:42 | communication style, so don't take it lightly.
| | Collapse this transcript |
| Using stencils| 00:00 | Stencils and the availability of
free stencils on Graffletopia really set
| | 00:05 | OmniGraffle apart as a creative tool.
| | 00:07 | Stencils are remarkably flexible.
| | 00:09 | There are many things you can do with them.
| | 00:11 | And we're going to look at a
few examples in this video.
| | 00:14 | In the Stencils palette, I want to
scroll down Stencils Library and then
| | 00:19 | Space Planning and the
Stencil I want is Furniture.
| | 00:22 | And then I am going to take the
Sectional sofa and drag it out onto the canvas.
| | 00:27 | Once we have the shape on the canvas, we're
not stuck with how it looks. We can change it up.
| | 00:32 | I can select it and change its Fill Color, for
instance. Maybe I prefer a blue couch.
| | 00:38 | But that's not all.
| | 00:39 | This Stencil shape is actually
multiple shapes that are grouped.
| | 00:43 | So, you see that I have the
choice of Ungrouping the shapes.
| | 00:46 | This is useful because then I
can use parts of them individually.
| | 00:50 | For instance, I can copy this pillow shape,
paste it, and then use it to make an ottoman.
| | 00:57 | Let's look at one more example of flexibility.
| | 00:59 | I am going to get rid of the couch, and
what I want to do is go up into another
| | 01:04 | Stencil area, Maps, and take a look at Africa.
| | 01:08 | And I am going to drag South
Africa out onto the canvas.
| | 01:12 | Now what if I have some sort of
diagram and I do want the Map of South Africa
| | 01:17 | but I don't want it to be that green color.
| | 01:19 | I am going to go back into Stencils,
the Common group, and Textures and that's
| | 01:24 | going to let me use one of these
textures to change the look of South Africa.
| | 01:28 | So, I select one of them, and down
in the Style Tray, I can drag only the
| | 01:34 | attributes that I want.
| | 01:35 | So, I can drag the Orange gradient and
I can drag the image overlay, and now
| | 01:40 | I've got South Africa with an
attractive pattern instead of just a green color.
| | 01:45 | To me, Stencils are more than just
a certain type of special template.
| | 01:49 | They really expand what
you can do with this program.
| | 01:52 | They even expand what you can think to do
or what occurs to you to do with the program.
| | 01:56 | Recognize Stencils as an integral part
of OmniGraffle and it will make all of
| | 02:00 | your documents better.
| | Collapse this transcript |
| Creating a custom stencil| 00:00 | The stencils that are built into
OmniGraffle, as well as the free stencils on
| | 00:04 | Graffletopia, really can take you a long way.
| | 00:06 | But you may reach a point in your work
where you need custom stencils, where you
| | 00:10 | want to design original work and
have it available to you in a stencil.
| | 00:13 | That's what we'll do in this video.
| | 00:15 | To start the process, we need to go to
the File menu>New Resource>New Stencil.
| | 00:20 | This opens up a document that looks
pretty much like an OmniGraffle document,
| | 00:25 | but you see up top that it does say 'Stencil'.
| | 00:28 | So, in this example, what we're going to
do is make a very quick identity package.
| | 00:33 | The idea is that in this company, lots
of diagrams get made and each one has the
| | 00:38 | name and logo of the company on them.
| | 00:39 | So the people that make these
documents at this company said, "Wouldn't it be
| | 00:43 | "great if we could have a stencil, so we can
just drag our identity in when we need to?"
| | 00:47 | So, I'm going to use an
existing shape to make our little logo.
| | 00:52 | I'm going to alter it a little bit, so
it looks like it could be a cool little
| | 00:55 | logo and then we need the name of the company.
| | 00:58 | We'll call it 'electronics international',
lowercase letters to be stylish, and
| | 01:09 | that's our little identity package.
| | 01:11 | So now to make it a stencil, all we
need to do is Save it, and this looks like
| | 01:17 | just saving an OmniGraffle
document but there are some things to notice.
| | 01:20 | One is that the extension is .gstencil and
that's different than the regular .graffle
| | 01:26 | that's an OmniGraffle document.
| | 01:28 | This tells OmniGraffle
that it is, in fact, a stencil.
| | 01:31 | The other thing is that we're
automatically set to save it at a specific location.
| | 01:36 | It's Library/Application/Support/OmniGraffle/Stencils.
| | 01:40 | That's the default location
for stencils in OmniGraffle.
| | 01:43 | So let's give it an informative name,
EI for electronics international, and as
| | 01:48 | soon as we do that, our new custom
stencil is available in our Library.
| | 01:54 | And anytime we need it for a document,
we can just drag this custom identity
| | 01:59 | package onto our document.
| | 02:01 | Stencils are a key part to
getting the most out of OmniGraffle.
| | 02:04 | Custom stencils take it even
further, making it even more flexible.
| | 02:08 | I encourage you to use them in your work.
| | Collapse this transcript |
|
|
6. Time-Saving ShortcutsReplicating shapes with the Rubber Stamp tool| 00:00 | The Rubber Stamp tool is a great time saver.
| | 00:03 | It's a tool that lets you just copy
and paste objects right on the canvas.
| | 00:08 | I've got a partially made site map here.
| | 00:10 | It's got some of the content and pages, but I
want to add more using the Rubber Stamp tool.
| | 00:15 | My Rubber Stamp tool is
currently hidden and yours may be too.
| | 00:19 | The way to reveal it is to click
right here on this Divider button.
| | 00:23 | On the left of the Divider button are four
tools that we've seen in previous videos.
| | 00:28 | If I click the button, the Rubber
Stamp tool is right in the middle, and I'm
| | 00:32 | going to click it twice for persistent use.
| | 00:36 | Now that the tool is active, the
first click will load an object in.
| | 00:41 | Now each additional click
will duplicate that object.
| | 00:45 | If I want to duplicate a different
object, I can Option+Click to load that one
| | 00:50 | in and now all of my clicks will make
duplicates of the one that I loaded.
| | 00:55 | The Rubber Stamp tool is one of several
time saving tools in the extended part
| | 01:00 | of the Tool palette.
| | 01:01 | It's particularly convenient when you
want to make a lot of similar shapes in
| | 01:05 | a hurry.
| | Collapse this transcript |
| Replicating styles with the Style brush| 00:00 | The Style Brush is a handy tool that let's us
just paint styles from one object to another.
| | 00:06 | I've got a partially made site map
here and I want to use the Style Brush to
| | 00:09 | change the look of some of the objects.
| | 00:12 | The Style Brush is in the
extended portion of the Tool palette.
| | 00:16 | Mine is extended already, but you
may need to extend yours by pushing the
| | 00:19 | Divider button here.
| | 00:21 | The Style Brush is the third one over and
I'm going to click it twice for persistent use.
| | 00:26 | Once the Style Brush is activated, the first
click will pick up the style of that object.
| | 00:33 | Now, each additional click will
paint that style onto other objects.
| | 00:38 | If I want to paint a different style, I
can Option+Click a different object and
| | 00:44 | then I'll be painting with that style.
| | 00:48 | The Style Brush is also customizable.
| | 00:51 | If I click and hold the button, I can
decide exactly what attributes get painted
| | 00:56 | from object to object.
| | 00:58 | I can also clear the styles that
are loaded into the brush here.
| | 01:01 | The Style Brush is a really
convenient tool to manage styles with.
| | 01:05 | It will let you quickly pick up style
attributes from one object and paint
| | 01:09 | them right onto another.
| | Collapse this transcript |
| Adding connected shapes with the Diagram tool| 00:00 | The Diagram tool is an efficiency tool
that allows you to add new objects to a
| | 00:05 | diagram that are already connected.
| | 00:08 | I have a partially made site map open here,
and I'm going to use the Diagram tool
| | 00:12 | to add some more content to it.
| | 00:14 | The Diagram tool is located in
the extended part of the toolbar.
| | 00:19 | Mine is extended already, but you may
need to click the Divider button to extend
| | 00:23 | and reveal the rest of the toolbar.
| | 00:26 | The Diagram tool is the second one
over and I'm going to click it twice
| | 00:30 | for persistent use.
| | 00:32 | Once the tool is active, I can
click anywhere on the canvas and I'll
| | 00:36 | automatically get a new object that
matches the top one in the hierarchy.
| | 00:41 | However, if I first click another
object and then I click anywhere on the
| | 00:46 | canvas, I'll get a new object that is
connected to the one I clicked first and
| | 00:53 | matches the one that's
below it in the hierarchy.
| | 00:55 | So, the Diagram tool actually
understands that it's working in a
| | 01:00 | hierarchical system.
| | 01:02 | If I click the Financials object and
then I click here, the tool is smart enough
| | 01:07 | to realize that a child of the
Financials object should be a matching object
| | 01:12 | that looks like this Excel Document.
| | 01:14 | There is a couple of Modifier Keys that
extend what you can do with the Diagram tool.
| | 01:19 | If I first click this object but then I Shift
+Click, I get what's called an Aunt object.
| | 01:26 | It's one level above in the
hierarchy and it's connected down.
| | 01:31 | It's parallel to the parent.
| | 01:34 | Therefore, it's an aunt.
| | 01:36 | If I click this object and then I hold Option,
that will get me what's called a Sister object.
| | 01:45 | It matches the one I clicked first but
it's connected to the one above it and on
| | 01:49 | the same level, i.e. a sister.
| | 01:52 | The Diagram tool is particularly useful
for adding objects to your diagram that
| | 01:57 | are already properly styled and connected.
| | 02:00 | This is very useful in building big
diagrams that have lots of similar shapes
| | 02:05 | that are all connected in a hierarchy.
| | Collapse this transcript |
| Using automatic layouts| 00:00 | The Automatic Layout function is a
really quick way to change the entire
| | 00:05 | layout of your diagram.
| | 00:06 | The feature is found in the Diagram
Layout inspector and that is in the
| | 00:12 | the Canvas section.
| | 00:13 | It's the far one to the right
and I am going to activate it now.
| | 00:16 | Once I turn Automatic Layout on, the
entire layout of my document changes.
| | 00:22 | In this case, I've activated a
hierarchical layout and its top-down, but I have
| | 00:27 | other choices as well.
| | 00:29 | I can change to bottom-up or I can
change from left to right or right to left.
| | 00:37 | In addition, the spacing can be controlled.
| | 00:40 | So, I have Rank Separation,
| | 00:42 | that's the distance between
the layers of the hierarchy,
| | 00:45 | I could change that to 1.5
inches and I have Object Separation.
| | 00:52 | That's the separation between the objects
that are on the same layer of the hierarchy.
| | 00:58 | Hierarchical is not my only choice.
| | 01:01 | There are three others and
these are really interesting.
| | 01:04 | There is Force-directed and again,
we have different tweaks to make.
| | 01:10 | In this case, it's Line Length,
which is the exact length of the lines
| | 01:15 | connecting the objects.
| | 01:18 | There's something called Shape Repulsion which
is the distance between each and every shape.
| | 01:24 | The two are similar but they are
different and you can adjust the look of your
| | 01:28 | diagram by tweaking both.
| | 01:31 | The next choice is called Circular
and this puts what was the top of the
| | 01:35 | hierarchy in the center. The only
adjustment here is Line Length and we can
| | 01:43 | change the look with that.
| | 01:47 | The last is called Radial
Layouts and it pushes things apart in a
| | 01:53 | slightly different way.
| | 01:54 | We have Line Length to
adjust as well as Shape Repulsion.
| | 01:59 | I really like this tool, because I think it's
fun to see your information in different ways.
| | 02:07 | My best practice with this is
actually to play with it a little.
| | 02:10 | Click the different choices and see
if there's something that you like that
| | 02:14 | communicates the
information in a more appropriate way.
| | 02:17 | Not every choice is going to be
appropriate for every diagram, but it's another
| | 02:21 | tool in your tool chest that can
make your diagrams look better.
| | Collapse this transcript |
| Understanding diagram styles| 00:00 | Diagram styles are special documents
that define the appearance of a diagram.
| | 00:06 | Specifically, they define the look of
all the shapes and also a hierarchy as to
| | 00:11 | how they fit together.
| | 00:13 | Let me show you what I mean.
| | 00:15 | I have a blank document and I am going
to start by defining the diagram style so
| | 00:20 | that the objects I add
will already be in that style.
| | 00:23 | To set the diagram style, go to the
Format menu and choose, Choose Diagram Style.
| | 00:29 | This gives us the window
of potential styles to use.
| | 00:33 | I am going to choose the one called
Org Chart Color to start with and Apply.
| | 00:40 | Nothing changes yet, but I've defined
the Diagram style and to see this in
| | 00:45 | action, I am going to use the Diagram
tool that we saw in a previous video.
| | 00:49 | I am going to click the
tool twice for persistent use.
| | 00:53 | Now that it's active, as soon as I click,
I get an object that's automatically
| | 00:59 | part of the diagram style that I set.
| | 01:02 | If I click again, the Diagram tool will
give me a child of the first object and
| | 01:08 | again, it's in a predefined style
that was set in the diagram style.
| | 01:12 | Another click gets me another child
and I can click an existing object to get
| | 01:17 | a child of that one.
| | 01:19 | A really neat thing about diagram
styles is you can change them even once you
| | 01:23 | have started adding objects.
| | 01:25 | So, if I return to the Format menu and
choose Choose Diagram Style again, I can
| | 01:32 | choose from any of the existing ones,
Click and Apply and my existing diagram
| | 01:38 | changes to the new diagram style.
| | 01:40 | As you can see, diagram styles are another
way to take control of styling your diagram.
| | 01:46 | They are particularly
convenient because they are global.
| | 01:50 | You can change the look of an
entire diagram in just one click.
| | Collapse this transcript |
| Creating your own diagram styles| 00:00 | Diagram styles a really useful for
defining the look of a whole diagram and the
| | 00:06 | built-in styles in OmniGraffle are
very useful, but you may reach a point in
| | 00:10 | your work where you want to
create a custom diagram style.
| | 00:14 | To create a custom diagram
style, start in the File menu> New
| | 00:20 | Resource>New Diagram Style.
| | 00:23 | That'll bring up the menu of the
existing diagram styles and we will start with
| | 00:27 | an existing style, tweak its look
and then save that as our new style.
| | 00:32 | Let's start with the one
called Org Chart (plain).
| | 00:35 | I want to add some color to this plain style.
| | 00:41 | Up at the top of the hierarchy, maybe
red, through the middle of the hierarchy,
| | 00:49 | maybe blue, and maybe we
need one more child layer.
| | 00:53 | So, I'll create that with the Diagram tool
and then I want to make that layer yellow.
| | 01:00 | When you're making a diagram style, you
want to stick to a strict simple hierarchy.
| | 01:05 | We don't want to double connect anything,
because that will just confuse the style.
| | 01:10 | This is looking good and now
let's save it as a diagram style.
| | 01:15 | It's just a regular save, and this
looks like a regular save window, but there
| | 01:19 | are some differences.
| | 01:20 | One is the extension.
| | 01:22 | Notice that's .gdiagramstyle, which
is the extension for a diagram style as
| | 01:28 | opposed to .graffle, which is
a plain OmniGraffle diagram.
| | 01:32 | Secondly, location.
| | 01:35 | It's Library/Application Support/
OmniGraffle/Diagram Styles and a document
| | 01:42 | with the extension gdiagramstyle and
in this location will automatically be
| | 01:48 | recognized by OmniGraffle as a custom style.
| | 01:51 | Let's also give it an informative name.
| | 01:53 | We will call it Org
chart color, and then we Save.
| | 01:59 | To see the effects of our diagram style,
I want to go back to our blank diagram
| | 02:05 | and I want to set the diagram
style to be our new custom style.
| | 02:09 | Remember, that's under
Format>Choose Diagram Style.
| | 02:14 | Here I have all of my pre-built
diagram styles and I also have the custom one
| | 02:19 | that I just saved, Org chart color.
| | 02:22 | Let's select our new one and apply, and
now I am going to use the Diagram tool
| | 02:29 | to see the effects of our new style.
| | 02:32 | Click it twice for persistent use, first
click gives me the top of my hierarchy,
| | 02:37 | which was red, and then I can start to
make children, and they will all follow
| | 02:43 | the style that we set.
| | 02:46 | Making your own custom diagram
styles could add consistency across all of
| | 02:50 | the work that you do.
| | Collapse this transcript |
| Quickly building a diagram with the Outline sidebar| 00:00 | The Outline sidebar allows you to
create diagrams very quickly from information
| | 00:05 | that's already organized in an outline.
| | 00:07 | It works particularly well in conjunction
with automatic layouts and diagrams styles.
| | 00:13 | We are going to build a diagram
from scratch using the Outline sidebar.
| | 00:17 | To start this process, we
need to open the side bar.
| | 00:20 | So click the Outline button, but
sometimes this is called the List button,
| | 00:25 | because the sidebar can display a list
mode, which is flat, or an outline mode,
| | 00:30 | which is hierarchical.
| | 00:32 | It's the hierarchical outline
mode that we want to work with.
| | 00:36 | Next, we have to set our diagram style
and that's Format>Choose Diagram Style.
| | 00:42 | This one, called Org chart color,
will work nicely for this example.
| | 00:48 | And last, we have to turn on Automatic Layout.
| | 00:51 | Now as we start to add content in the
Outline sidebar, it's already going to
| | 00:55 | adhere to a diagram style
and to an Automatic Layout.
| | 00:59 | To add that content we just
click once in the sidebar.
| | 01:02 | When we do that, we make both a top-
level entry in the outline as well as a
| | 01:08 | top-level object in the diagram.
| | 01:11 | The top level in an Org Chart is the boss.
| | 01:14 | If I hit Return, I automatically get
another top-level entry in the outline and
| | 01:20 | therefore a top-level object in the diagram.
| | 01:23 | But I don't really want a top-level, so
I hit Tab, indenting in outline mode and
| | 01:30 | making it a child in the diagram,
because that's where the sales force works and
| | 01:36 | there's more than one salesperson.
| | 01:38 | So, each time I hit return, and type
Sales, I get another object at that level.
| | 01:45 | Now that I am working with both an
outline and the diagram, I can manipulate
| | 01:51 | it in either place.
| | 01:53 | So, if I take the salesperson in the
outline and I drag left, I can make it a
| | 01:58 | top-level entry and therefore put it at
the top of the hierarchy in the diagram.
| | 02:04 | I can also drag it in and up and that
will change its position, but keep it at
| | 02:10 | the same level and I can drag it to the
right, indenting it further and making it
| | 02:16 | another child in the hierarchy.
| | 02:19 | The Outline sidebar can be a big
timesaver, if your content is already
| | 02:23 | organized in an outline.
| | 02:25 | You will use it a lot with the types of
content that's inherently hierarchical.
| | Collapse this transcript |
| Making multiple selections with the Selection inspector| 00:01 | The Selection Inspector allows you to
select multiple objects in a document
| | 00:06 | based on their attributes.
| | 00:08 | This is really useful because then you can
change the attributes or styles of these objects.
| | 00:14 | I am working with a site
map that's in your complete,
| | 00:16 | but now I want to tweak some of the
styles and I don't want to have to select
| | 00:20 | everything individually.
| | 00:21 | Here is the Selection Inspector
and it's in the Canvas section.
| | 00:26 | It's the middle tab there.
| | 00:28 | What it has is all of the objects
organized, based on their attributes.
| | 00:33 | So here, I see five lines that have
no end points and four different lines
| | 00:39 | that have an arrow and here, I see all of the
separate colors and styles that are represented.
| | 00:44 | So for instance, if I want to select
all of the lines that have an arrow, I
| | 00:49 | click there and I get all of them.
| | 00:51 | And if I prefer that that arrow head
is solid instead of hollow, I change
| | 00:56 | them in one fell swoop.
| | 00:58 | You can see that this is pretty handy.
| | 01:00 | There's one more thing, which is this
Filter pulldown and it allows you to
| | 01:04 | organize by specific attributes.
| | 01:06 | So if I remove Line Endings
as one of those attributes.
| | 01:11 | Now there's no difference between our lines
because the only difference was the end point.
| | 01:16 | If I click this now, I have
selected every single line and I could, for
| | 01:21 | instance, make them all dashed.
| | 01:25 | The Selection Inspector is one
of my favorite time saving tools.
| | 01:28 | It lets you work on a really large
document, select exactly what you need and
| | 01:32 | make the changes that are necessary.
| | Collapse this transcript |
|
|
7. Advanced TechniquesDrawing custom shapes with the Pen tool| 00:00 | Sometimes you just need to go custom.
| | 00:03 | The shapes available with the Shape tool
and with the Stencils can take you far.
| | 00:08 | But when you need a completely
custom shape, it's time for the Pen tool.
| | 00:12 | I have a blank document open and I
am going to use the Pen tool to make
| | 00:15 | some custom shapes.
| | 00:17 | The Pen tool is on the
left of the extended toolbar.
| | 00:19 | My toolbar is already extended.
| | 00:21 | If yours isn't, you may need to click
the Divider button to reveal these tools.
| | 00:26 | The Pen tool is on the left and I am
going to click it once for single use.
| | 00:30 | Once the tool is active, every click on
the canvas gets me a point and each of
| | 00:35 | these points becomes a vertex in
the custom shape that I am making.
| | 00:40 | I want to make sort of a
house shape or a home plate.
| | 00:42 | While I am making this, if I make a
mistake, the Delete key will let me back up
| | 00:47 | and erase the last point I made.
| | 00:50 | When I am done with my shape, a double-
click or the Return key will stop making it.
| | 00:56 | Since I activated the tool for single use,
I have now reverted to the Selection tool.
| | 01:00 | That's useful because the Selection
tool will move and adjust your custom shape
| | 01:05 | and we'll see that in a more
detail in our future movie.
| | 01:08 | I want to show one other aspect of the
Pen tool, which is making curved shapes.
| | 01:12 | I am going to click it again for
single use, and this time instead of just
| | 01:15 | clicking, I am going to click and drag,
and when I do that, I create curves
| | 01:20 | instead of points and the red
handles are called B?zier lines.
| | 01:25 | We'll be able to adjust them more
and we'll see that in a future video.
| | 01:28 | This shape is going to be like a
thought or a speech bubble and it needs some
| | 01:33 | curves, but also some corners.
| | 01:35 | So, we have made custom shapes
using both corners and curves.
| | 01:41 | I recommend, before you start making
custom shapes, that you check the stencils to
| | 01:45 | see if there's anything that will fit
your needs, but if there's not, then it's
| | 01:49 | time for the Pen tool.
| | Collapse this transcript |
| Editing custom shapes with the Selection tool| 00:00 | Custom shapes are made with the Pen
tool in OmniGraffle, but once you have
| | 00:04 | created a shape, if you want to adjust
it, you need to use the Selection tool.
| | 00:08 | I am starting with two custom shapes
and my Selection tool is already active.
| | 00:13 | Yours is probably active too,
because it is the default tool.
| | 00:17 | But if not, click it here, on
the left hand side of the toolbar.
| | 00:21 | With the Selection tool, I am going to
start by selecting this custom shape that
| | 00:25 | looks a little bit like a house.
| | 00:26 | Once I click it, not only can I move
it around, like all shapes, but if I go
| | 00:31 | directly over the corner point, I can
drag that to change the shape itself.
| | 00:38 | If the corner point becomes hidden,
behind one of these drag handles, you can
| | 00:43 | hold Option and Command while you click
and you'll click through the handle and
| | 00:49 | still be able to move the corner point.
| | 00:52 | If you hold Shift while you drag, you'll
move the corner point in 45 degree angles.
| | 00:57 | I can also use the Delete key
to delete individual points.
| | 01:02 | Selecting the shape with curves, I can
also move the points and in addition, I
| | 01:08 | can adjust the B?zier
handles to find tuning the curve.
| | 01:12 | If I hold Option, I can move one of
the handles without moving the other one.
| | 01:18 | If I drag the handles all the way back
to the point, I'll turn a curve into a
| | 01:23 | corner and if I Command+drag a corner
point, I'll convert a corner into a curve.
| | 01:32 | Custom shapes demand a high level of control.
| | 01:34 | These techniques will allow you to
make detailed adjustments to your
| | 01:38 | custom shapes.
| | Collapse this transcript |
| Controlling connections with magnets| 00:00 | Magnets allow you to control
exactly where lines connect to shapes.
| | 00:04 | This is part of taking fine
control over your diagrams.
| | 00:08 | I'm starting with some custom shapes,
and the first thing I need to do is
| | 00:12 | connect them with a line.
| | 00:14 | I'm just going to click my Line tool
once and connect the two shapes.
| | 00:17 | Now that they are connected with the line,
you can see that if I move the shape,
| | 00:24 | the line adjusts accordingly, just
freely flows around the edge of the shape.
| | 00:29 | To see this more clearly, I
need to make the magnets visible.
| | 00:33 | That's under View > Magnets.
| | 00:36 | As soon as I make the Magnets visible,
these pink dots appear on the shapes.
| | 00:43 | This indicates where the line is
connecting to the shape, but they still move freely.
| | 00:49 | If I move this shape, you see that the
connection and the pink dot just float
| | 00:54 | freely around the edge of the shape.
| | 00:56 | Now it's time to add a magnet.
| | 00:58 | To do so, I need the Magnet tool
and that's located in the middle of
| | 01:01 | the extended Toolbar.
| | 01:03 | My Toolbar is already extended. If
yours isn't, you may need to click
| | 01:07 | the Divider button.
| | 01:08 | I am going to click the Magnet tool
once and then come down to the shape
| | 01:11 | that looks like a house.
| | 01:13 | You can see that it highlights blue,
and if I click, I can add a magnet to the
| | 01:19 | corner of the shape.
| | 01:21 | When I do that, now my line stays
connected to the corner where I place a magnet.
| | 01:28 | Sometimes you'll still see two pink dots.
One represents the magnet, the other
| | 01:33 | represents where the line
actually departs the shape.
| | 01:37 | So, in this case, the line is
connected here to the magnet, but it's traveling
| | 01:42 | behind the shape and exiting there.
| | 01:44 | So, you see two dots.
| | 01:46 | There are some other places to access
magnets. One of them is in a stencil.
| | 01:50 | The stencil is called Magnetized, and you
can find it in the Stencils Library, the
| | 01:55 | Common folder and the stencil called Magnetized.
| | 01:59 | You see that this is a collection of
shapes that already have magnets on them.
| | 02:03 | So, if I use the star from the
Magnetized Stencil and then I connect it to
| | 02:08 | another shape, it's automatically going
to connect to one of the points on the
| | 02:12 | star that already has a magnet.
| | 02:14 | There is one more place in the
interface where you find control of Magnets.
| | 02:19 | It's an Inspector called Connections,
and it's in the Properties group.
| | 02:24 | It's the second tab over.
| | 02:26 | Mine is already open.
| | 02:27 | I am going to select the house shape
and that will make this example clearer.
| | 02:31 | With the shape selected, you see that
there's a checkbox for whether to allow
| | 02:35 | connections to the shape at all.
| | 02:37 | Obviously, we want to leave that selected
because we want lines to attach to the shape.
| | 02:41 | Then there's a pulldown menu that
gives you a lot of control over magnets.
| | 02:46 | First, you have the No magnets choice,
which will eliminate any magnets on the object.
| | 02:51 | Then there are several choices to place
magnets on the cardinal points and then
| | 02:55 | there is a set of choices for
placing magnets on the sides or vertices.
| | 03:00 | If I select magnet on each vertex, I now have
a magnet on every corner of the custom shape.
| | 03:08 | If I move this shape around now,
you'll see that the line that attaches will
| | 03:12 | jump from magnet to magnet.
| | 03:15 | Magnets may not be necessary in every
single diagram you build, but when you
| | 03:19 | reach that point that you want to take
fine control over how lines attach to
| | 03:23 | shapes, magnets is what you need.
| | Collapse this transcript |
| Using connecting shapes| 00:01 | Connecting shapes are shapes
that act kind of like lines.
| | 00:05 | They let you connect things like
lines do, but they offer you the visual
| | 00:09 | versatility that you usually find in shapes.
| | 00:13 | Let me show you what I mean.
| | 00:14 | I'm starting with some basic shapes on
the canvas, just to give us something
| | 00:19 | to connect together.
| | 00:21 | Connecting shapes are
initially found in a stencil.
| | 00:24 | I already have the Connection Stencil
open, but you find it in the Stencil
| | 00:29 | Library, the Common folder and
there is the stencil called Connections.
| | 00:34 | You can see that the stencil
has various line-like shapes.
| | 00:38 | I'm going to drag one of them onto the canvas.
| | 00:41 | You can see immediately that it looks
like a shape, but it also has a red and a
| | 00:47 | green endpoint, which are more
similar to what we're used to with a line.
| | 00:52 | You can see if I drag the endpoints that
I can use them to attach the connecting
| | 00:57 | shape to an object, just
like you would with a line.
| | 01:01 | And just like a line, if I now move the
object, the connecting shape knows it's
| | 01:06 | connected and it will move with it.
| | 01:08 | When it comes to Styles, the
connecting shape is more like a shape.
| | 01:12 | If I select it, I can
adjust its styles like its fill.
| | 01:17 | Maybe I want to go away
from the gradient into a Solid.
| | 01:21 | Connecting shapes are a little
bit like Reese's Peanut Butter Cups.
| | 01:24 | It's two great things that work great together.
| | 01:27 | Really, they're a hybrid between
shapes and lines, they allow you all of the
| | 01:31 | visual control as a shape, but
they connect things, like a line.
| | Collapse this transcript |
| Creating tables| 00:00 | Tables are traditionally used to
house numerical or textual data.
| | 00:05 | I'm starting with some shapes on the
canvas, which we will turn into tables.
| | 00:09 | To start the process, I'm going to use a
marquee to select all six of these boxes.
| | 00:16 | To turn them into a table, I'm going to go
to the Arrange menu and choose Make Table.
| | 00:22 | As soon as I do that,
they all gather into a grid.
| | 00:25 | Like most objects in OmniGraffle,
there are handles to change the size.
| | 00:31 | But if I pull on this handle, it
doesn't just stretch the object.
| | 00:35 | It actually adds columns to the table.
| | 00:38 | Similarly, if I pull this
handle down, I can add rows.
| | 00:43 | One interesting thing about tables in
OmniGraffle is they are still groups of objects.
| | 00:49 | If I Ungroup the table, I can remove the
individual objects and rearrange them further.
| | 00:56 | OmniGraffle is not limited to
making tables out of rectangles.
| | 01:00 | If I select these irregular objects and make a
table out of those, it works just the same way.
| | 01:08 | Tables in OmniGraffle are no
substitute for a spreadsheet program that will
| | 01:12 | actually help you analyze your data,
but they do provide some options for the
| | 01:17 | display of data in a diagram.
| | Collapse this transcript |
| Working with canvases, layers, and shared layers| 00:00 | Canvases and layers are used to
organize OmniGraffle documents.
| | 00:05 | If used properly, these can be a
major efficiency on larger documents.
| | 00:10 | I have the start of a wireframe document open.
| | 00:13 | This is a type of diagram used
in preproduction of websites.
| | 00:17 | Also, it's based on a stencil called
my_wire that we've made available in
| | 00:22 | the Exercise Files.
| | 00:24 | I need to start adding more content to
this diagram, and I want to use canvases
| | 00:29 | and layers to add that
content in an organized way.
| | 00:33 | My Canvases sidebar is already open.
| | 00:36 | If yours isn't, you may need to
click the Canvases button to open it.
| | 00:40 | I want to start adding content to this
page and I want to do that on a new layer.
| | 00:44 | So, I'm going to, down at the
bottom, click the New layer button.
| | 00:49 | You see that a new layer is created and
the name field is already highlighted.
| | 00:54 | So, I'm going to go ahead
and type 'content' in that field.
| | 00:59 | With the layer activated, highlighted
blue, and with the small pencil, I'm going
| | 01:04 | to start adding content and it's going
to be added specifically to this layer.
| | 01:08 | I'm going to add that content by
dragging directly from the stencil.
| | 01:14 | I want to add a picture,
a headline and some copy.
| | 01:20 | Now my wireframe is starting to look a
little more fleshed out, but the content
| | 01:25 | is separated from the background.
| | 01:27 | I can do things like show or hide
only this layer, make this layer alone,
| | 01:33 | printable or non-printable
and lock or unlock this layer.
| | 01:37 | If I want to change the name of a layer, I
can just double-click on its name and change it.
| | 01:42 | We'll call that BG for background.
| | 01:45 | Next, I need to add
another page to this document.
| | 01:49 | This wireframe represents the
homepage, but I need a page for sub-menus.
| | 01:54 | To do this, I want to create another canvas.
| | 01:58 | I could make a new blank canvas, with
the New Canvas button here, but actually,
| | 02:04 | a lot of the content I'm going to
need is already on my current canvas.
| | 02:08 | So instead, I'm going to select the
current canvas, I'm going to go to the
| | 02:12 | Actions menu at the bottom and I'm
going to choose Duplicate Canvas.
| | 02:18 | If I use the disclosure arrow to expand
the layers in this canvas, I see that I
| | 02:23 | have exactly the same
content here as on my other canvas.
| | 02:27 | If I want to change the content layer,
I select it, and then I can start making
| | 02:32 | this more of a sub-menu and less of a homepage.
| | 02:36 | This is going to take a little more
work, but I want to show you one other
| | 02:40 | feature of layers, while we're here.
| | 02:42 | It's called a Shared layer, and its
purpose is a special layer that will allow
| | 02:47 | the content to appear on multiple canvases.
| | 02:51 | Let's see how it works.
| | 02:53 | Again, in the Actions menu, and
I want to make a New Shared layer.
| | 02:59 | There's the new shared layer, and
the purpose of this one is just a
| | 03:03 | simple copyright line.
| | 03:04 | So, I'm going to call it copy.
| | 03:06 | If I click off of it, you notice that
it's got a slightly different color,
| | 03:11 | brown instead of black.
| | 03:13 | That indicates that it's a shared layer.
| | 03:15 | With the Shared layer active, I'm
going to take the Text tool and just put a
| | 03:20 | small credit line here that says,
content by me, put that bottom-right.
| | 03:31 | If I want all the pages in my diagram to
have this layer, I just need to drag it
| | 03:37 | from one layer to another.
| | 03:39 | Now I've got the shared copy layer in
both canvases and if I make an edit, it's
| | 03:50 | in this canvas, but it's in that canvas too.
| | 03:54 | That's techniques in layers and
canvases, but I want to show you the final
| | 03:59 | version of this document,
just to round out our knowledge.
| | 04:03 | If we tour this final
document, we notice a few things.
| | 04:07 | I've isolated the notes on their own layer.
| | 04:11 | So depending on who I'm presenting to,
the notes can appear or not appear, and I
| | 04:17 | can make them non-printing, so we see
them on screen but not in the printout.
| | 04:22 | The content is always on the middle layer.
| | 04:24 | So, Homepage is different than Section
Template and that's different than the Contact page.
| | 04:31 | The Background and Title page is a shared layer.
| | 04:34 | So, in the event that I have to redo
this for another year, I would just unlock
| | 04:41 | the item and make a change.
| | 04:45 | Like we saw we shared layers before, I
now have made that change to every canvas
| | 04:50 | by using the shared layer.
| | 04:51 | There's a couple more choices in the
Actions menu including Use Small Icons,
| | 04:57 | which make the canvases themselves a
lot smaller in the sidebar and a choice to
| | 05:03 | navigate to different layers.
| | 05:05 | These two are particularly important if you get
a really large document with a lot of canvases.
| | 05:13 | Canvases and layers open up whole
new possibilities in OmniGraffle.
| | 05:18 | Your document does not need to
just be a flat one-page picture.
| | 05:23 | It can have multiple pages, known as
Canvases, and each canvas can have multiple
| | 05:29 | layers of information. All of this is a
huge boon to organization, especially in
| | 05:34 | larger and more complex diagrams.
| | Collapse this transcript |
| Creating collapsible subgraphs| 00:00 | Subgraphs are a feature that let your
group objects in a way that's collapsible,
| | 00:05 | and this is convenient if your
diagram is getting a little crowded.
| | 00:09 | You can see in this diagram that we
have a sitemap but the content is starting
| | 00:14 | to get a little crowded at the bottom,
and it's actually going off the page, and
| | 00:18 | subgraphs can help us with this problem.
| | 00:20 | I am going to start by selecting the
objects that I want to put in a subgraph
| | 00:24 | and I'm going to use a Marquee and I'm
going to select things that are already
| | 00:28 | logically in a section.
| | 00:30 | This would be the About section of the website.
| | 00:32 | Now I'm going to go to the
Arrange menu and Group as Subgraph.
| | 00:38 | You see that as soon as I do this, I get
a new box around the group and that has
| | 00:43 | a name and by default, it's called
Subgraph, but I can type into that and change
| | 00:48 | it to something appropriate which
is the name of the section, About.
| | 00:51 | Now a subgraph is not just a regular
group or a regular object because if I
| | 00:56 | right-click it, I can collapse the Subgraph.
| | 01:00 | If we continue this process with the
other sections of the website, I bet we can
| | 01:05 | get the website down onto one page.
| | 01:07 | Let's do financials.
| | 01:08 | I've got everything I want, but one
extra and a Command+Click will deselect
| | 01:13 | contact, which is not part of the
section, and now I can make the Subgraph,
| | 01:18 | Arrange>Group as Subgraph.
| | 01:21 | This one is called Financials,
which is the name of the section.
| | 01:25 | Notice that the subgroup is
in front of the Contact page.
| | 01:30 | So, for the moment, you can't see that,
| | 01:32 | however, if I right-click and
collapse the subgraph, I can see Contact and
| | 01:38 | I'm down to one page.
| | 01:40 | Of course, we would probably do
presentations as well to be consistent.
| | 01:44 | And the other thing to realize is that the
shapes that house the subgraph are styleable.
| | 01:49 | So, if I want a different fill here, I
can change the fill of the subgraph just
| | 01:55 | like a regular object.
| | 01:58 | Subgraphs let you work with your
objects in a way that let you group them and
| | 02:02 | collapse them. This means that you can
save space but also access all of your
| | 02:07 | content when you need to.
| | Collapse this transcript |
| Adding interactivity with the Action inspector| 00:00 | Actions allow you to add
interactivity to your diagrams.
| | 00:05 | This means that a diagram is not limited to
being a static image that just sits on the page.
| | 00:10 | You can have clickable objects and
those clicks can launch websites, open files
| | 00:16 | or focus our attention on
different parts of the OmniGraffle diagram.
| | 00:21 | I encourage you to experiment with actions.
They can really take your diagrams to a new level.
| | 00:27 | I'm starting with a sitemap that's
more or less finished, but I want to add
| | 00:31 | some interactivity.
| | 00:33 | To start this process, I'm just going
to click the Homepage, and what I want to
| | 00:37 | do is add a web link that will be interactive.
| | 00:41 | That happens in the Actions Inspector,
which is in the Property group, and
| | 00:46 | it's the third tab over.
| | 00:48 | You'll notice that, by
default, the Action is Does Nothing.
| | 00:52 | It's not clickable.
| | 00:54 | But if I pull this down, my
first choice is Opens a URL.
| | 01:00 | I click that and I can type in a URL
and hit Return, and I've now programmed
| | 01:07 | this object to launch a URL when clicked.
| | 01:11 | To see this in action, I need
to work with a different tool.
| | 01:15 | It's called the Action Browse tool, and
it's at the far right of the Extended toolbar.
| | 01:20 | I'm going to click the Action
Browse tool once for single use.
| | 01:26 | You see, with the Action Browse tool,
if I roll over the object that has the
| | 01:32 | action, I get an additional overlay
telling me that there is an action.
| | 01:37 | It's that Blue Badge on the top right.
| | 01:40 | Now, if I click this object, I
launch the browser and open the URL.
| | 01:47 | Let's see what else we can do with Actions.
| | 01:51 | Let's say I want to focus our
attention to a specific part of the diagram,
| | 01:56 | maybe this Financial section down here,
and so I would like that action to be on
| | 02:01 | the Financials page.
| | 02:03 | Right now, the Action does nothing,
but what I want to do is Jump Elsewhere.
| | 02:10 | In this case, I want to
jump close up to the section.
| | 02:13 | If I click Jumps Elsewhere, I get
another pull-down with a number of choices.
| | 02:20 | The choice I want to use is
Zoom to Display Rectangle.
| | 02:25 | That's going to let me zoom in to show
the exact part of the diagram that I want.
| | 02:31 | Here is where I have the Zoom control
and the blue rectangle shows me what will
| | 02:37 | be revealed once I jump to
this part of the diagram.
| | 02:40 | So, I zoom in and position my rectangle,
so it will show exactly the part of the
| | 02:46 | diagram that I want.
| | 02:48 | To test this, I need my
Action Browse tool again.
| | 02:52 | I click it once for single use, and then
I click the Object With the Action, and
| | 02:59 | I reposition to the part of the
document that I want to draw my attention to.
| | 03:03 | Another thing Actions can do is reveal a layer.
| | 03:07 | In this case, I have a note that's
associated with the Contact page.
| | 03:13 | If I scroll down my canvas in the
Canvas sidebar, I see that I have a layer
| | 03:18 | called Note, and my goal is when I
click the Contact page to reveal the note.
| | 03:24 | So I am going to select Contact. The
action I want is Show or Hide layers and
| | 03:32 | the layer called Note, I want to
toggle when I click on the Contact object.
| | 03:40 | It's all set and I am going to click the
Action Browse tool twice for persisting
| | 03:45 | use because that's going to let me toggle.
| | 03:48 | Now if I click the object, I
can reveal or hide my Note layer.
| | 03:55 | There are few more options in the Inspector.
| | 03:59 | I can run a script, which will
initiate an AppleScript. That opens up a lot of
| | 04:05 | possibilities on the Mac.
| | 04:07 | I can open a file, which is a lot like
opening a URL, but it's a file that is
| | 04:12 | located locally on the
computer with the diagram.
| | 04:16 | If I click it, I can choose a file. I
will choose one in our Exercise Files.
| | 04:34 | You need to be careful with this,
because this address goes to a specific
| | 04:39 | location on the hard drive of your computer.
| | 04:42 | If that document gets moved,
this link will get broken.
| | 04:46 | There's a lot you can do
with Actions in OmniGraffle.
| | 04:49 | Sure, we usually think of diagrams as
static images that just sit there, but I
| | 04:54 | encourage you to experiment with Actions,
adding interactivity and interesting
| | 04:59 | features to your diagrams.
| | Collapse this transcript |
| Adjusting rulers and unit scale| 00:00 | OmniGraffle has a number of
choices about how you measure things.
| | 00:04 | A lot of these will be reflected in
the Rulers, which are to the top and to
| | 00:08 | the left of the canvas.
| | 00:10 | These are pretty similar to what
you find in other drawing programs.
| | 00:14 | OmniGraffle also has some special
features that are pretty unique to this program.
| | 00:19 | Taking control of rulers and
measurement happens mostly in the Size Inspector.
| | 00:25 | That can be found in the Canvas
section and it's the tab to the far left.
| | 00:30 | The top half of the Inspector deals mostly with
printing and we'll see that in a future video,
| | 00:35 | but starting here, with Ruler Units, we
have some choices that are specific to
| | 00:40 | how we measure in our diagram.
| | 00:43 | You can see that initially, Ruler Units
are set to Pixels, but pixels are really
| | 00:49 | not that useful if we're
measuring the layout of a room.
| | 00:53 | If I pull this down, I have a number
of other measurement choices, including
| | 00:58 | ones that you would expect, like Pixels,
Centimeters, and Inches because those
| | 01:04 | are things that you would
expect to see on a diagram,
| | 01:07 | but also much larger units such as
Miles and Yards, which indicate that
| | 01:12 | OmniGraffle is often used to diagram
things that are much larger in real life
| | 01:17 | than in the diagram.
| | 01:18 | For now, let's switch this to Inches.
| | 01:21 | I am going to come back to Unit
Scale, but let's look at Origin now.
| | 01:26 | The Origin is set, by default, to 00.
| | 01:30 | This means the Rulers start
measuring at the edge of the page.
| | 01:35 | In this case, it might be useful if
the Rulers actually measured the diagram
| | 01:40 | itself, so that when we looked at it, we saw
a measurement that was accurate to the room.
| | 01:45 | If I change the Origin to one inch
in and one inch down, you see that the
| | 01:50 | Ruler shifts and now 0 is actually
lined out with the edge of my room instead
| | 01:56 | of the edge of my page.
| | 01:59 | Unit Scale is pretty specific to
OmniGraffle and it allows us to actually have
| | 02:05 | two separate scales in one diagram.
| | 02:08 | Let me show you what I mean.
| | 02:10 | If I pull this down, we have various
choices that let me associate 1 inch with
| | 02:15 | 1 foot, 1 inch with 8 feet, and so on.
| | 02:19 | This means that I can have one scale
that reflects the size of the diagram, and
| | 02:24 | a separate scale that represents the
size of the thing being represented.
| | 02:30 | In this case, my room is
diagrammed so that 1 inch equals 3 feet.
| | 02:35 | To set that, I need to set a Custom Unit Scale.
| | 02:39 | So choose Custom and then we
want to set 1 inch equals 3 feet.
| | 02:46 | You see that again, the Ruler shifts,
and now these measurements are an
| | 02:52 | expression of feet in our scale.
| | 02:55 | So, if I look here, I see that the
width of my room is approximately 19 feet.
| | 03:01 | Setting a Ruler Unit that's most
appropriate to your diagram is really helpful.
| | 03:07 | Unit Scale takes things to another
level, because you can provide the
| | 03:11 | measurement that's appropriate
for the thing being represented,
| | 03:14 | such as a floor plan, a room,
an apartment or a building.
| | 03:19 | Using these tools can really help
you add precision to your diagrams.
| | Collapse this transcript |
| Exploring preferences| 00:00 | All programs have Preferences.
| | 00:02 | The Preferences in OmniGraffle may
not be necessary for every diagram you
| | 00:06 | make, but in the event that you want
to adjust something, it's good to know
| | 00:10 | where those things are.
| | 00:11 | To open the Preferences window, I am
going to go to the OmniGraffle menu
| | 00:16 | and choose Preferences.
| | 00:18 | The keyboard shortcut is Command+Comma.
| | 00:21 | The Preferences window has a number of
tabs across the top and by default, it
| | 00:26 | opens on the General tab.
| | 00:28 | This is where we find preferences that
have to do with the general operation of
| | 00:31 | the program, such as what happens on
start up, what happens when you make new
| | 00:36 | documents, some details about text
editing, and also details about how
| | 00:41 | selections, help tags, and other things work.
| | 00:44 | The most important thing
here is probably Text Editing.
| | 00:48 | This is where you can control what
the Return and Tab keys do when editing
| | 00:52 | text in OmniGraffle.
| | 00:54 | These keys can do what they do in a
normal word processing program i.e. Return
| | 00:59 | is a hard Return, or they can be used
for OmniGraffle's specific purposes like
| | 01:03 | using Tab to skip to the next
object and start to enter text.
| | 01:08 | Moving to Drawing tools, we have a lot
of details about how the tools function.
| | 01:13 | We can change their keyboard shortcut
and we can also change the details of how
| | 01:17 | you select things in the toolbar.
| | 01:19 | For instance, if you don't like that
you have to click twice in a tool for
| | 01:24 | persistent use, you can change that here.
| | 01:27 | Detailed controls for how lines are made
are also important. They're found here.
| | 01:32 | Other options in Preferences
include preferences that are specific to
| | 01:36 | Presentation mode, and we will
cover that in a future movie,
| | 01:40 | Preferences for ColorSync, and that's
specific to ColorSync systems that involve
| | 01:45 | hardware to synchronize color
profiles across printers, monitors, and other
| | 01:49 | output devices, and a
preference pane for software updates.
| | 01:54 | You're not going to need to dive into
the Preferences all the time, but if you
| | 01:58 | do want to change something,
it's good to know what's available.
| | Collapse this transcript |
|
|
8. Importing ContentImporting images| 00:00 | OmniGraffle has a lot of useful shapes
in the built-in stencils, but sometimes
| | 00:05 | you need to use an image that already exists
or has been designed in a different program.
| | 00:10 | Importing images is not
difficult in OmniGraffle.
| | 00:13 | I've got a diagram here that presents a
basic workflow with some specific stages.
| | 00:18 | Outline to Diagram to Export.
| | 00:21 | I want to enhance this by putting the
Software icon on each stage so we know
| | 00:27 | that we might, for instance,
Diagram using the program OmniGraffle.
| | 00:31 | To import this icon, I need
to go up to File>Place Image.
| | 00:38 | The image I want is located in Ch08
lesson 08_01 and it's called omni.tiff.
| | 00:47 | In this case, we will be importing a
TIFF image, but many image types will
| | 00:51 | work in OmniGraffle.
| | 00:53 | You'll also notice that there's a
choice to either include the image in the
| | 00:57 | document or link to the image file.
| | 01:00 | We are going to include the image in
the document. That means we won't have to
| | 01:05 | worry about any other files.
| | 01:07 | If you link to the image, you need to
make sure that if you send this diagram to
| | 01:11 | anyone else that you also
include the linked image.
| | 01:14 | There is our icon and we can place
it where we want it on the diagram.
| | 01:22 | If I select it again, there is a few
things to notice, and they are found up in
| | 01:26 | the Image Inspector.
| | 01:28 | That's in the Style group
and it's the fourth one over.
| | 01:31 | You see that the pulldown indicates that
this object does indeed contain an image.
| | 01:37 | You can control the transparency of the
image, fading it out or seeing it opaque
| | 01:43 | and you can control whether
the image can stretch or tile.
| | 01:48 | So, if I set it to Tiled and I
expand the shape, it'll fill with a lot of
| | 01:56 | copies of the image.
| | 01:59 | On the other hand, if we set it to
Stretch to fill, the same motion will do
| | 02:04 | something different.
| | 02:07 | In this case, the image is
already the size we want it.
| | 02:10 | Once I import all of the icons that I
need for this diagram, I would proceed to
| | 02:15 | align them properly, probably group
these elements together, and if I was going
| | 02:20 | to do a lot of work in this vein, I might
even make a custom stencil out of this material.
| | 02:26 | The types of images you choose to import
into OmniGraffle are going to depend on
| | 02:30 | the types of diagrams you need to make.
| | 02:32 | Like many features in OmniGraffle,
this just adds to the flexibility of
| | 02:36 | the program.
| | Collapse this transcript |
| Importing from other diagramming applications| 00:00 | OmniGraffle is not the only
diagramming program in town.
| | 00:04 | Notably, Visio is an
equivalent on the Windows platform.
| | 00:08 | But that's not it either.
| | 00:10 | There are a lot of other diagramming
programs out there and some of them have
| | 00:13 | special features that
you may already like using.
| | 00:17 | The nice thing is that OmniGraffle is
compatible with a lot of these programs.
| | 00:22 | You need to be careful though,
because not all information is going to come
| | 00:27 | across in all cases.
| | 00:29 | We are going to run through all of
these details right now, so if you want to
| | 00:34 | use a workflow that moves from one
diagramming program then into OmniGraffle,
| | 00:38 | you'll have that information.
| | 00:41 | OmniGraffle is able to open most Microsoft
Visio documents, templates, and stencils.
| | 00:48 | This is limited to the
new XML-based file formats.
| | 00:52 | It does not open the
older binary formats in Visio.
| | 00:57 | Microsoft Enhanced
Metafiles are also not supported.
| | 01:00 | Grahpviz is a program that
specializes in graphing numerical or
| | 01:05 | textual information.
| | 01:06 | It uses a file type called .dot and
OmniGraffle is able to open that file type.
| | 01:13 | However, not all features are supported.
| | 01:17 | Diagram is a diagramming program
that runs on the OPENSTEP platform.
| | 01:21 | It's supported in OmniGraffle but attached
EPS images, links, and audio will not come in.
| | 01:27 | Xcode is an Apple development environment.
Projects can be opened in OmniGraffle
| | 01:34 | and a diagram will be created
based on the information in the header.
| | 01:39 | Interface Builder is an application used
for designing and testing user interfaces.
| | 01:43 | It uses a file type called .nib and
all of the connections made in this file
| | 01:49 | type are graphed upon import to OmniGraffle.
| | 01:52 | If you're using any of these other
programs, it's probably because there is
| | 01:56 | something specific you like about them.
| | 01:57 | If you then need to move into
OmniGraffle, it is possible, but you need to
| | 02:01 | be careful, because, in most cases,
there are some caveats or things that don't
| | 02:05 | come across.
| | Collapse this transcript |
| Importing from OmniOutliner| 00:00 | OmniOutliner is an outlining
program from Omni Group, the same company
| | 00:05 | that makes OmniGraffle.
| | 00:07 | As you might expect, integration
between these two programs works rather well.
| | 00:11 | I'm starting in OmniOutliner
and I have a basic outline.
| | 00:16 | It resembles our Org Chart information.
| | 00:18 | This is how the document looks in
OmniOutliner and now I need to move to the
| | 00:22 | Finder to where this document is saved.
| | 00:25 | There is the document and I'm going to
drag in the Finder down to the dock and
| | 00:31 | directly to the OmniGraffle icon.
| | 00:35 | When I release, I get some choices
about how to import this outline.
| | 00:40 | I can choose to import just plain
text and the sample diagram shows me
| | 00:45 | that'll just be the words connected by lines,
or I can apply a diagram style on the import.
| | 00:52 | For instance, I could style in the
Org Chart plain document style, which
| | 00:58 | would be appropriate.
| | 01:00 | Last, this section here allows me to map the
Style Fields to the columns in the Outline.
| | 01:08 | In this case, our Outline only has one
column called Org Chart, and that's going
| | 01:13 | to map to the Style Field called Title,
| | 01:16 | in other words, the big
word in all of the objects.
| | 01:20 | I click OK to make our new diagram.
| | 01:26 | Give that a shift over and we see
that all of the hierarchy in our original
| | 01:32 | outline has now been preserved into a
diagram, and of course, we can continue to
| | 01:37 | work on this diagram, adjusting it and
styling it to make it more attractive.
| | 01:42 | OmniOutliner is designed for outlines
and OmniGraffle is designed for diagrams.
| | 01:47 | But when you have that opportunity
where your content was created in terms of
| | 01:51 | an outline, but now you want to make a
diagram, this integration can be very useful.
| | Collapse this transcript |
| Importing folder structures from the Finder| 00:00 | Here's a neat trick.
| | 00:02 | OmniGraffle is actually able to take
the contents of a directory, a folder in
| | 00:07 | your OS, and map the files
within it to create a diagram.
| | 00:11 | Let's take a look at how this works.
| | 00:13 | I've got a folder called website in the
Exercise Files and if I twirl down the
| | 00:18 | folder, you see that it
contains the contents of a website.
| | 00:22 | There are some subdirectories and
within them some additional files.
| | 00:26 | If I take this entire folder and drag it
down to the dock, releasing it directly
| | 00:32 | on the OmniGraffle icon, it's going
to map the contents of that folder.
| | 00:38 | This dialog allows me to set the
maximum number of levels, that's the
| | 00:42 | maximum number of nested folders that will be
mapped and the maximum total number of files.
| | 00:49 | In this example, I have fewer than
five levels and far fewer than 500 files.
| | 00:54 | So, this will do just fine.
| | 00:56 | You see that just like that, all of the
content in that folder has been mapped.
| | 01:01 | All of the connections are made.
| | 01:03 | All of the file names are there, and
the file types are reflected by their
| | 01:07 | icons, which is attractive.
| | 01:09 | I really liked his technique, but at this point,
there are some things I like to do to clean up.
| | 01:14 | First, I'm not a big fan of
these heavy dots and arrows.
| | 01:18 | So, I'm going to use the Selection
Inspector to select all the lines and then
| | 01:24 | I'm going to eliminate the endpoints,
and I am also going to change from this
| | 01:30 | awkward looking
orthogonal line to a curved line.
| | 01:35 | It's starting to look cleaner already.
| | 01:38 | One other thing I would like to do is
eliminate the magnets, which are in going to
| | 01:43 | limit how the connections work.
| | 01:45 | To do that, I can select everything,
Command+A and in my Connections Inspector,
| | 01:52 | instead of Custom magnets, I'll say No magnets.
| | 01:57 | These were small changes, but
they're really going to pay off if we work
| | 02:01 | with automatic layouts.
| | 02:04 | Turning on Automatic Layouts, I
can create a vertical hierarchy.
| | 02:09 | I can separate things out a little more
and then I can start to really play with
| | 02:15 | the other layout options.
| | 02:19 | Importing directory structures is a totally
different technique for creating diagrams.
| | 02:25 | Granted, it's only going to work in
certain situations, but when you do find a
| | 02:29 | use for mapping the contents of a
directory as a diagram, it's hard to beat
| | 02:35 | this tool.
| | Collapse this transcript |
|
|
9. Output and PresentationPrinting| 00:00 | At some point in your work with OmniGraffle,
you're going to want to print your diagram.
| | 00:05 | Printing is not at all difficult.
| | 00:07 | Start by going to the File menu. This
menu has two standard choices that are
| | 00:12 | relevant to printing:
| | 00:13 | Page Setup and Print.
| | 00:16 | If we click Page Setup, we see a
standard selection of menus that let us adjust
| | 00:21 | things like the Orientation,
the Paper Size and so on.
| | 00:25 | The choices that are special to
OmniGraffle are found in the Size Inspector.
| | 00:31 | It's in the Canvas section
and it's the leftmost tab.
| | 00:34 | This lets us adjust the canvas size,
based on the number of printer pages.
| | 00:40 | If I increase one of these numbers,
I'll be making a tile diagram that goes
| | 00:44 | over multiple pages.
| | 00:46 | If I prefer to see the size of the
document as expressed as a measurement
| | 00:50 | instead of pages, I can uncheck this box.
| | 00:54 | I also have controls here as to whether
the canvas Auto-adjusts when objects go
| | 00:59 | off the edge, and I can choose to
Print the entire canvas on one sheet,
| | 01:04 | regardless of how large it is.
| | 01:06 | Last, I have an Orientation control
that will let me set whether a diagram is
| | 01:11 | printed landscape or portrait and I can
base that on the Page Setup or I can set
| | 01:17 | it right here in the diagram.
| | 01:18 | When all of these things are set to your
liking, the only thing left is to print.
| | 01:25 | That's File>Print or Command+P. There really
are no further choices to worry about here.
| | 01:33 | The Print dialog box that you see here is
pretty much standard for Mac applications.
| | 01:38 | So that's printing.
| | 01:39 | You'll find this useful for your final
output as well as printing drafts along
| | 01:44 | the way to mark-up and share with collaborators.
| | Collapse this transcript |
| Exporting | 00:00 | OmniGraffle has a robust set of Export choices.
| | 00:04 | This is a good thing because you
won't always be printing your diagram
| | 00:07 | directly out of OmniGraffle.
| | 00:09 | Sometimes you need to prepare an image
for a print publication or maybe a website.
| | 00:14 | To export your diagram, start with
the File menu, and choose Export.
| | 00:21 | This window works a lot like a Save As
window, but there are a lot of choices
| | 00:26 | here in the Format window.
| | 00:28 | As we look at these, we see
many familiar image formats.
| | 00:31 | Some, like PDF and EPS, are vector images.
Some, like JPEG and GIF, are bitmaps.
| | 00:40 | Another thing to be aware of is that
some of these choices will support any
| | 00:44 | interactive actions that you have put
into your diagram, such as an HTML image
| | 00:49 | map and also SVG vector graphics.
| | 00:54 | I want to export a PDF,
which is the first choice anyway.
| | 00:58 | I have some choices here about
exactly what to export and also the margins.
| | 01:03 | These choices will be slightly different,
depending on what format you are exporting.
| | 01:07 | When all these are set
properly, just click Save.
| | 01:10 | We are all done, but I do want to go to the
Desktop and view the PDF that we exported.
| | 01:17 | There it is, sitemap 7_export.pdf.
| | 01:21 | I double-click to open it.
| | 01:24 | It opens in preview but I want to
point out that the interactive action, the
| | 01:28 | link on the homepage, still works in this PDF.
| | 01:31 | In my work, I am a stickler for workflows
and process, so I really like Export features.
| | 01:40 | This robust set of Exports will let you
make whatever type of document is going
| | 01:44 | to be the most useful for
the next stage of your process.
| | Collapse this transcript |
| Presentation mode| 00:00 | Another way you may share your
diagrams is in a Presentation.
| | 00:05 | OmniGraffle has its own Presentation
mode that lets it go full screen and
| | 00:09 | provide some unique tools
to present your diagram.
| | 00:13 | To enter Presentation mode, go to
View, and then Start Presentation or
| | 00:18 | Option+Command+P. Automatically, we go
to full screen. As I roll over objects,
| | 00:27 | they are highlighted, and this
enables me, in a Presentation, to draw my
| | 00:30 | audience's attention to
different parts of the diagram.
| | 00:34 | Also, if I roll over an object that has
an interactive action, you see the blue
| | 00:40 | action badge, indicating
that the action is available.
| | 00:44 | Here is a web link, here is a re-sender
action, and there's a show/hide layer action.
| | 00:51 | Now there's a little catch here.
When I click this object to reveal my
| | 00:55 | layer, nothing happens.
| | 00:58 | And when I click this object to
go to my web link, nothing happens.
| | 01:03 | This is unfortunate because it robs
Presentation mode of what would be some prime uses.
| | 01:09 | Escape exits Presentation mode and the
only other thing to talk about are the
| | 01:14 | Presentation Preferences.
| | 01:15 | They are found in the OmniGraffle menu,
and then Preferences, and then we have
| | 01:21 | to go to the middle tab, which is Presentation.
| | 01:26 | In this tab, I am able to change
exactly how the highlights work as well as the
| | 01:30 | Color of the highlights and their Width.
| | 01:33 | I can also choose to show or not
show those blue interactive badges.
| | 01:38 | I don't really think that
Presentation mode is going to replace Keynote or
| | 01:43 | PowerPoint but for certain types of
presentations, it can be really useful.
| | Collapse this transcript |
|
|
ConclusionGoodbye| 00:00 | Thank you for joining me for this course.
OmniGraffle is a program that I truly
| | 00:04 | enjoy using and it's
helped me to build my career.
| | 00:07 | I encourage you to build your own documents,
express your ideas, and use OmniGraffle
| | 00:13 | to help you build your career.
| | Collapse this transcript |
|
|
