1. Creating an Area Bubble VisualizationUnderstanding the principles of area visualizations| 00:00 | Area visualizations are charts where the
area of a shape represents some bit of data.
| | 00:05 | In the next several videos, we're
going to learn how to create an area
| | 00:08 | visualization using circles or bubbles
| | 00:11 | to re-create an infographic that
originally appeared on mashable.com.
| | 00:15 | But first I want to dig into
the principles of area diagrams.
| | 00:19 | Area charts are all about comparing
objects side-by-side and showing the scale
| | 00:23 | of the difference at a glance, rather
than by reading long strings of numbers.
| | 00:27 | The size of the shape you draw in an
area chart maps to some uniform measurement
| | 00:31 | of objects you're comparing.
| | 00:33 | What that means is we need to be
dealing with like units of measurement for
| | 00:36 | all of our data, then we need to map
that data down to a formula so we can
| | 00:40 | draw the correct sizes.
| | 00:41 | We will have to produce precise
calculations and measurements, and that means
| | 00:45 | using spreadsheet software and some
mathematical formulas which we will get
| | 00:48 | into in a later video.
| | 00:50 | You can use any shape for area chart,
so long as the comparison of the shapes
| | 00:54 | makes it easy to decipher
what you're getting at.
| | 00:56 | In our case, we will be drawing
circles and calculating the area for the
| | 01:00 | infographic in this course.
| | 01:02 | Effective area charts ideally save you time
to digest the information being presented.
| | 01:07 | If the chart doesn't make things
simpler to understand, it's not working.
| | 01:11 | I call circular area visualizations area
bubbles, and in the next few videos we're
| | 01:15 | going to learn how to mathematically calculate
the dimensions for your own
| | 01:19 | area bubble charts and then draw some together.
| | Collapse this transcript |
| Using Excel formulas to determine bubble sizes| 00:00 | A big mistake designers make when
creating area visualizations, is they just
| | 00:03 | eyeball the shapes when they draw them.
| | 00:06 | The problem with that is you distort
your data and risk losing your credibility.
| | 00:09 | The purpose of data visualization
is to let the data speak for itself,
| | 00:13 | quickly and efficiently.
| | 00:15 | You're not doing that unless your
design corresponds to actual data.
| | 00:19 | In this video we're going to walk
through the math behind a circular area
| | 00:22 | visualization, or bubble chart, and use
it to start to re-create this infographic
| | 00:27 | that originally appeared on mashable.com.
| | 00:30 | First things first, we want to
start out with data that we can use to
| | 00:33 | create area bubbles, and we want to
convert all our data points to the same
| | 00:37 | units of measurement.
| | 00:38 | We've got that taken care of here in
our Excel spreadsheet, which is included
| | 00:42 | in the exercise files.
| | 00:43 | You can see here our first
two columns contain our data.
| | 00:47 | We have the biggest brands on Facebook, 12
largest brands in terms of number of Facebook fans.
| | 00:51 | In column B, we have the actual number of
Facebook fans as of the time of this infographic.
| | 00:57 | We're going to take this data and
turn it into circles where the area of the
| | 01:01 | circle corresponds to the
size of each brand's fan base.
| | 01:04 | So we want to know the diameter of
the circles we should be drawing.
| | 01:09 | So we're going to create a formula
that gives us the diameter as the output
| | 01:13 | based on the area that we have here.
| | 01:16 | To make our formula, we first need to
know the mathematical equation for the
| | 01:20 | area of the shape we are drawing.
| | 01:21 | In this case, it's a circle.
| | 01:23 | The area of a circle, I have included down here.
| | 01:26 | It's pi times the radius of the circle
squared, or if you want to talk in terms
| | 01:31 | of diameter, it's pi times
one half the diameter squared.
| | 01:35 | We want to reverse engineer this
equation so we get diameter as the output,
| | 01:39 | since we already know the area, here,
the number of Facebook fans.
| | 01:43 | The area bubbles we're drawing are
showing a comparison between one another.
| | 01:47 | So the first thing we want to do is we
want to compare everything to the largest
| | 01:50 | brand, we are going to compare
everything to Starbucks, so we will set it's
| | 01:54 | initial diameter to 100, representing 100%.
| | 01:58 | So we can see what percentage of
Starbucks each of these other brands makes up.
| | 02:02 | We will do this to start, and then we
can change this number at anytime and all
| | 02:08 | the brands underneath it
will update accordingly.
| | 02:10 | To make our Excel formal a little less
complicated, we are going to do each step
| | 02:14 | in the calculation in its own column
here, across the rest of the spread sheet,
| | 02:18 | and if you need to cheat, I've
created this sheet here called Completed Data
| | 02:23 | that has all the calculations done
already and all the formulas in place.
| | 02:27 | You can refer to this when you are doing
your calculations, or you can follow along.
| | 02:31 | So the first thing we need to do to take
the area of the circle and pull out the
| | 02:34 | diameter is take the square root of the area.
| | 02:37 | To do that I will click here and
press the = sign on my keyboard, which
| | 02:41 | starts our formula.
| | 02:43 | Now I will select the number of
Facebook fans, which is our area, and take it to
| | 02:46 | the one half power, which is the same
thing as a square root, so I will hold
| | 02:49 | Shift and press 6, which gives us a caret,
and in parenthesis I will put 1/2.
| | 02:53 | 1/2 power is the same thing as a square root.
| | 02:57 | So when I hit Enter, here we have the
square root of our number of Facebook fans.
| | 03:02 | In the next column, we'll divide this by pi.
| | 03:04 | So equals, I'll click here to get
our square root, and then divide by 3.14.
| | 03:10 | Down here I have included the
approximation for pi which is 3.14 in case you need it.
| | 03:14 | We'll hit Enter, and now finally
because we have just calculated the radius,
| | 03:19 | but we need the diameter, we will times
this by 2, equals this column, time 2.
| | 03:25 | But now we want to
compare everything to Starbucks.
| | 03:28 | So we want to make this output 100.
| | 03:30 | So to do that, in this colored column,
I will hit equals, take our output
| | 03:35 | diameter, times it by our target
diameter that we want to compare to, and then
| | 03:40 | divide by the output again.
| | 03:43 | This is going to give us 100, because
we are essentially dividing out this
| | 03:46 | column twice, but because we are going
to copy this formula down to everyone
| | 03:50 | else, we want everyone to
be compared to Starbucks.
| | 03:52 | So what I will do is I will set absolute
cell positioning by putting a dollar sign in
| | 03:56 | front of the C and the 2 and the F and the 2.
| | 03:59 | This means anytime this formula is
copied, it will point to these two cells.
| | 04:03 | So now you can see I hit Enter and we have 100.
| | 04:06 | Now we are going to select these
calculations and you will see here on the
| | 04:10 | bottom right corner of my
selection there is this little blue box.
| | 04:12 | When I hover over it, my mouse turns black.
| | 04:15 | If I click and drag that down, it's going
to copy all of these formulas into our rows.
| | 04:19 | So you can see if we click on Coca Cola,
we've just calculated that Coca Cola
| | 04:24 | is 99.1% of the size of Starbucks.
| | 04:27 | These are pretty scary decimals.
| | 04:30 | So we want to round these
to the nearest whole number.
| | 04:32 | To do that, in our final column, I
will hit equals, and type in roundup, open
| | 04:36 | parenthesis, click on the column we want
to round up, and then we want to set the
| | 04:41 | number of digits we want to round to.
| | 04:42 | So I'll hit a comma, and then a 0,
because we are going to round up to a whole
| | 04:46 | number with 0 decimal points.
| | 04:48 | I will close the parenthesis and hit Enter.
| | 04:51 | Now if I click and drag this formula
down, you can see we get nice rounded
| | 04:55 | numbers, rounded up to the nearest whole number.
| | 04:58 | If you look back at our practice
canvas, which we're using to draw this
| | 05:00 | infographic, you will see
that it's 640 pixels wide.
| | 05:04 | So if we draw Starbucks with 100
pixels, that's going to be pretty small
| | 05:08 | on our infographic.
| | 05:09 | Let's pick a size that's a little bigger, so
that we can get a little better comparison.
| | 05:14 | You can change this number here for
our original diameter, to anything you
| | 05:17 | want, say 500, and it will give us a
different number pre-calculated for all
| | 05:22 | the rest of our brands.
| | 05:23 | Since its 640 pixels wide on
our canvas, let's choose 275.
| | 05:29 | Now as you can see here all these are updated.
| | 05:31 | So now in the next few videos, we
can draw our circles to these sizes
| | 05:35 | and anytime we want to change them, all we
have to do is change this original number.
| | 05:40 | So that wasn't so bad, was it?
| | 05:41 | You can use these same concepts
to figure out any shape of any
| | 05:44 | area visualization.
| | 05:46 | Circles and squares are a little more
straightforward to calculate than say
| | 05:49 | hexagons, but all you really need to
do is look up the formula for the area,
| | 05:53 | and then reverse engineer it to figure
out how big to draw your shapes, and now
| | 05:57 | that this math business is over, we
can get on to the fun part, illustrating
| | 06:01 | our infographic.
| | Collapse this transcript |
| Drawing area bubbles to scale| 00:00 | In the last video we started working on
re-creating this area bubble infographic
| | 00:04 | about brands on Facebook.
| | 00:05 | We used Excel to calculate how big
we need to draw our circles or bubbles
| | 00:10 | according to the number of
Facebook fans each brand has.
| | 00:13 | Now that we know how big of diameter
we need to draw for our area bubbles, in
| | 00:16 | this video, we're going to draw
them to scale using Photoshop.
| | 00:20 | Here we are in Excel with
our completed data document.
| | 00:23 | In the far right column we have the
diameters of the area bubbles we want to draw.
| | 00:27 | So we're going to go from Excel to
Photoshop back and forth to draw these bubbles.
| | 00:32 | We'll start with the first one.
| | 00:33 | 275 pixels is the diameter that we want to
draw for Starbucks here on this first row.
| | 00:39 | Here in Photoshop, we have the
exercise file for the practice document for
| | 00:43 | drawing area bubbles.
| | 00:45 | You can see we have an area bubble
here already, but I'll delete it since
| | 00:48 | we'll be re-creating it.
| | 00:49 | The first thing we want to do is use
the Shape tool, which is over here on the
| | 00:52 | toolbar, or it's the U key.
| | 00:53 | We'll make a white shape and
we're going to draw a circle.
| | 00:58 | Hold down Shift, so you can
draw a circle perfectly round.
| | 01:00 | And here as you draw this, you can see we
have no way of knowing how big this circle is.
| | 01:05 | We want it to be 275 pixels wide.
| | 01:07 | So, the easiest way to do this is to go
here to the toolbar to Window > Info.
| | 01:12 | In this Info panel, down here on the
bottom right you'll see width and height.
| | 01:17 | This will tell us the width and
height of our shape as we draw it.
| | 01:20 | So watch as I draw this circle.
| | 01:21 | You can see the width and height getting
bigger and smaller, but these units that
| | 01:26 | it's using are inches.
| | 01:28 | So, let's go change that to pixels.
| | 01:31 | Here on the toolbar click Photoshop >
Preferences > Units & Rulers, and here
| | 01:36 | where it says Rulers,
let's change that to pixels.
| | 01:40 | Now as we click and drag our shape,
you can see the units are pixels.
| | 01:44 | Let's make this 275 pixels and then release.
| | 01:48 | This is our first circle for Starbucks.
| | 01:51 | So, we'll stick it over here in the
corner and now let's go back to Excel and
| | 01:54 | grab the next couple.
| | 01:56 | The next one for Coca Cola is 273.
| | 01:59 | So again, I'll use the Shape tool and
I'll keep an eye here on the Info panel.
| | 02:03 | I'll hold Shift and I'll drag
this to draw a circle till I get 273.
| | 02:10 | I'll move it out of the way.
| | 02:12 | We'll do one more.
| | 02:13 | Let's do this one here for Converse, 198.
| | 02:17 | You can zoom-out if you want, in case
you want to see the whole canvas while
| | 02:22 | you're drawing, but as you draw
you'll notice that the numbers jump in
| | 02:25 | increments by 2 or 4.
| | 02:28 | So sometimes it'll be hard hit
that number you're trying to hit.
| | 02:30 | In our case, 198 is kind of hard to reach.
| | 02:33 | So we're going to zoom-in
until we zero in on 198 pixels.
| | 02:43 | There we go.
| | 02:44 | I'll let you finish drawing these
bubbles based on the calculation we did.
| | 02:48 | Make sure to keep track of which
bubble is which, because we're going to
| | 02:51 | draw labels next.
| | Collapse this transcript |
| Labeling the area bubbles| 00:00 | Here we are in the middle of re-
creating our area bubble infographic.
| | 00:04 | I've drawn all 12 of our bubbles to scale
using what we went over in the last two videos.
| | 00:08 | Now, let's make sure we put some
labels on these area bubbles before we
| | 00:11 | start moving them around.
| | 00:13 | We don't want to lose track of what's what.
| | 00:14 | In fact, you'll often want to start
labeling your shapes as soon as you
| | 00:17 | start drawing them.
| | 00:18 | In our case, I arranged the bubbles
from top to bottom in the order they
| | 00:22 | appear in our spreadsheet.
| | 00:24 | In this video, we're going to whip-up
some labels, and then we'll get ready to
| | 00:27 | move them around for creative placement.
| | 00:30 | As we can see here, the original design
for this infographic used the logos for
| | 00:34 | each brand as the labels.
| | 00:36 | If you're using logos or images as labels,
you can paste them onto a layer above
| | 00:40 | your bubbles, linking to them afterwards.
| | 00:42 | In our case, we're just going to use
text to label the brand and the number of
| | 00:47 | Facebook fans the brand has.
| | 00:48 | So, first let's go back into Excel
and take a look at our first brand.
| | 00:53 | The first label we'll do is Starbucks.
| | 00:55 | It has 16.8 million fans.
| | 00:58 | We drew it to 275 pixels in diameter,
but the label we want is the actual
| | 01:02 | data, 16.8 million.
| | 01:05 | So I'll go back into Photoshop and
put this label on the first bubble.
| | 01:09 | Here we are with the first bubble, Starbucks.
| | 01:11 | I'll select this layer, and then we'll
use the Text tool to draw on top of it.
| | 01:17 | I want to put the label in the exact
center of this bubble, but for now you can
| | 01:21 | just click somewhere inside of it.
| | 01:23 | Using the Text tool, I want to make sure
that text is black and I'm using Myriad Pro.
| | 01:27 | So, we'll type in Starbucks,
hit Enter, 16.8 million.
| | 01:33 | Now I want Starbucks to be a little
more emphasized than the number below it.
| | 01:37 | So select this number, change
it to Regular font, 24 point.
| | 01:42 | So now to align this perfectly in the
middle, we'll select both the label and
| | 01:48 | the bubble, and go up here to the
toolbar and align the vertical centers and
| | 01:52 | the horizontal centers.
| | 01:53 | With two clicks it's now centered exactly.
| | 01:56 | Let's do the next one.
| | 01:58 | Back in Excel, we'll take Coca-Cola
with its 16.5 million Facebook fans.
| | 02:04 | To make this label, I want to use the
exact same font and style as the first label.
| | 02:08 | So I'll just copy this label for Starbucks.
| | 02:11 | I'll hold down the Alt or the Option key, and
then left click and drag that label over here.
| | 02:16 | You can see it disappeared behind our
bubble that we want to use for Coca-Cola.
| | 02:20 | So here on the Layer palette, I'll click
that layer and I'll move it up either
| | 02:24 | above this layer, if I can figure out which
one it is, or just at the top of our canvas.
| | 02:29 | Here we go.
| | 02:32 | Now I'll edit this to say Coca Cola
and 16.5 million.
| | 02:37 | We'll align these by selecting both
layers and clicking these align horizontal
| | 02:42 | and vertical centers.
| | 02:44 | Zooming out you'll see that some
of our bubbles get kind of small.
| | 02:47 | What if we have a label that
doesn't fit inside of the bubble?
| | 02:50 | As you can see here, our 9th label, or
the 4th one from the bottom on row 10, is
| | 02:56 | Converse All Stars, which is a pretty long name.
| | 02:58 | They have 7.1 million Facebook fans and
I'm not sure that'll fit in our bubble.
| | 03:03 | So, we'll draw this to the side.
| | 03:04 | I'm going to copy Coca-Cola down to the
4th bubble from the bottom, and zoom-in.
| | 03:15 | And label it Converse All-
Stars, 7.1 million fans.
| | 03:23 | This label is way too big, and even if
we put it on two lines, it fills up most
| | 03:27 | of the bubble, which doesn't look good.
| | 03:30 | So I want to put it to the side of
this bubble and draw a line from this label
| | 03:33 | into the center of the bubble.
| | 03:34 | I'll draw the line using the Shape tool,
and I'll select the Line tool with a 3
| | 03:39 | pixel weight, with the color
black, so that matches the label.
| | 03:42 | I'll click and drag here into the bubble
holding Shift, so the line is perfectly
| | 03:46 | horizontal, and now, when I let go, I
want to align all three of these shapes,
| | 03:51 | so that the line, the label and
the bubble are vertically centered.
| | 03:55 | I'll do that by selecting the shapes and
clicking Align vertical centers. There we go.
| | 04:00 | Now our label is pointing
directly to the center of our bubble.
| | 04:04 | We can move it out a little bit if we want;
| | 04:05 | holding Shift, to make sure it stays in place.
| | 04:11 | In this infographic, you can see that
our bubbles are all relatively large.
| | 04:15 | In some cases when the size of your
comparison varies dramatically, some of your
| | 04:19 | bubbles will be really small.
| | 04:21 | In that case labeling your bubbles from
the side is almost always the best way to go.
| | 04:25 | I try to label my elements as soon as I
can, at least in a rudimentary fashion,
| | 04:29 | but often with a permanent label, so
that I don't lose track of anything as I
| | 04:33 | start to move stuff around.
| | 04:35 | In the next couple of videos we're going to do
just that, but first, I want to link my labels.
| | 04:40 | Zooming into Converse, I'll select all
three labels and then go to here to the
| | 04:44 | bottom of the Layer palette
and click the Link button.
| | 04:47 | This way any time I move my
bubble, everything comes with it.
| | Collapse this transcript |
|
|
2. Adding the Finishing TouchesAdding details to area bubble graphics| 00:00 | We've been working on
constructing an area bubble visualization.
| | 00:03 | For this particular project I wanted to
make circles that looked like actual bubbles.
| | 00:08 | This is the kind of creative flair you can
think about to enhance any infographic.
| | 00:12 | You start with the initial shapes that
you calculate with math and then dress
| | 00:15 | them up to fit the theme or
the flow of the overall graphic.
| | 00:19 | In this video, we'll learn
how I did it in this graphic.
| | 00:21 | So, here we're looking at our work in
progress with the area bubbles that we've
| | 00:26 | calculated, drawn and started to label.
| | 00:28 | The first thing I want to do is work on
making the Starbucks circle look like a
| | 00:33 | real bubble, and then we'll re-create
that effect across all of the circles.
| | 00:37 | Zooming into Starbucks, I want to
select this circle that we have for Starbucks
| | 00:41 | and change the transparency, because
bubbles are a little bit transparent.
| | 00:45 | I'll press the 4 key on my keyboard to
give it 40% transparency, or over here
| | 00:49 | on the Layers palette, I can
adjust the Opacity here.
| | 00:52 | Because we're on a gradient background
here at the top, you'll see that as we
| | 00:56 | move, the color will change just
like a real bubble would change.
| | 01:00 | Now say we wanted to duplicate this
transparency across all of our circles with
| | 01:04 | the minimum amount of work.
| | 01:05 | Here's how we'll do it.
| | 01:07 | Select this circle;
| | 01:08 | go over to the Layer palette, right
-click and click Copy Layer Style.
| | 01:13 | Now we'll zoom-out, and we'll
select the rest of our circles.
| | 01:19 | Make sure not to select the labels or the lines.
| | 01:22 | Once you have those selected, right-click on
any of those layers and click Paste Layer Style.
| | 01:27 | There we go.
| | 01:30 | As we can see, all of the
bubbles are now 40% transparency.
| | 01:35 | Going back to Starbucks, I want to draw a
cartoon gleam effect to make it look round.
| | 01:40 | We can also make these look round by
adding gradients, but this is the way I
| | 01:44 | want to do it because of my own artistic style.
| | 01:46 | I'll select the Starbucks bubble, and open up
the Pen tool by pressing the P shortcut key.
| | 01:51 | I'll make sure the color is white.
| | 01:54 | And then somewhere near the top of
the bubble I'm going to click one point,
| | 01:58 | come over here to the side of the
bubble and click again, and hold and adjust,
| | 02:03 | so that I can make a curve that roughly
approximates the curve of the circle,
| | 02:06 | and maybe a little bit more.
| | 02:08 | Now I'll hold down Option, and click the
bottom point again to discontinue that
| | 02:12 | curve, and I'll go and I'll click the
top point once more and hold and drag out
| | 02:16 | until I get this little crescent shape.
| | 02:18 | You can adjust this however you want.
| | 02:20 | You can even come back with the
Direct Selection tool and click on this to
| | 02:25 | adjust any of these
curves or the points, like so.
| | 02:29 | Now you'll notice that our layers are
probably starting to get a little bit out
| | 02:31 | of hand, and so before I start copying
this gleam effect to our other bubbles, I
| | 02:36 | want to rename this layer to Gleam.
| | 02:40 | In the next video, we'll work on
organizing and arranging our layers and also
| | 02:43 | organizing our canvas, but for now, I
want to copy this gleam and make all of
| | 02:47 | our bubbles look round.
| | 02:49 | To do this, I'll select the crescent
we just made with the Move tool and I'll
| | 02:53 | hold Alt or Option to copy it and
bring it over to my Coca Cola bubble.
| | 02:57 | If you need to, you can move it
up to the top of the Layer palette.
| | 03:01 | We're going to group these layers later.
| | 03:05 | Now I'll zoom-out, and I'll copy
this over to some more bubbles.
| | 03:08 | But what happens when we start
getting to smaller bubbles?
| | 03:13 | Should the gleam be the same size?
| | 03:14 | You can keep it that way if
you want but it might look weird.
| | 03:17 | So what I like to do is use the Move
tool to show the transform controls and
| | 03:21 | hold Shift to size it
down slightly with each one.
| | 03:26 | If you really love math and
spreadsheets, you can actually calculate the size
| | 03:29 | of this crescent should be using
Excel in the same way we calculated the
| | 03:33 | bubbles, but because this is an
artistic detail that goes on top, it doesn't
| | 03:37 | really matter so much.
| | 03:38 | You can see our bubbles
are starting to take shape.
| | 03:40 | This is a pretty simple way to create a
bubble effect and it gets the job done,
| | 03:44 | but you can and should use your own
techniques and artistic style to riff off of
| | 03:49 | the shapes you draw in your area
graphics, to make them fit the subject matter
| | 03:52 | and your own aesthetic sense.
| | 03:54 | Now that we've got the area bubbles
looking how we want them, we're going to do
| | 03:57 | some arranging and adjusting in the next video.
| | Collapse this transcript |
| Adjusting and arranging elements post-illustration| 00:00 | In this video, we're going to work on
some creative placement for the bubbles we
| | 00:03 | have been designing, in our re-creation
of the mashable infographic we've been
| | 00:07 | using for this course.
| | 00:08 | When you design infographics, you
typically want to think not only about how
| | 00:11 | your diagrams look, in this case our
area bubble visualizations, but how all
| | 00:16 | your elements come together as a larger design.
| | 00:18 | That's one of the funnest parts
about infographics in my opinion.
| | 00:22 | In this graphic, I want to create an
effect with the bubble, so it looks like
| | 00:25 | there's a stream of air bubbling
up from the bottom of the ocean.
| | 00:28 | The first thing I want to do is
combine our bubbles and labels into groups.
| | 00:32 | Since we have so many of them right now, we
don't lose them or lose track of anything.
| | 00:36 | So I am going to zoom in
and show you how to do this.
| | 00:39 | It's pretty simple.
| | 00:40 | Select the layers you want to group
together, before we talked about linking
| | 00:43 | layers, you can also drag the layers
you have selected here in the Layer
| | 00:47 | palette, down to this group icon,
and we have just created a group.
| | 00:50 | Now we can name that group according to the
label we have for it, in this case, Starbucks.
| | 00:55 | We will do the same thing with Coca Cola.
| | 01:03 | Now we can do the same thing with all
the others coming down in our group.
| | 01:07 | There we go.
| | 01:08 | Now we have all of our layers grouped
according to the brand that it corresponds to.
| | 01:13 | You can see we haven't finished all of
our bubbles, but you get the idea.
| | 01:16 | Now when you're doing this, make sure
you select up here on the toolbar, Select
| | 01:20 | Group instead of Select Layer.
| | 01:22 | So that when you click on a group,
you can move the whole group like this,
| | 01:27 | rather than if you select Layer, you
move just the label or just the bubble.
| | 01:32 | So I am going to select Groups, and now
we want to do some creative placement.
| | 01:37 | I will start at the bottom.
| | 01:39 | Now I'm going to move things around using
my Move tool and using my arrow keys, to
| | 01:49 | simulate the sort of snakey, bubble effect.
| | 01:55 | You can play around with this however you want.
| | 01:58 | If you want to make this weave a
little bit more this way, we can.
| | 02:03 | The idea is, I want to make this shape
overall look like it's flowing from the
| | 02:10 | bottom, with perhaps a
little bit of randomness too.
| | 02:13 | If you want to move all of your layers
up a little bit to give yourself more
| | 02:17 | room, just select them.
| | 02:18 | And then you can move them up.
| | 02:20 | If this were a complete infographic, we
would be working off a wireframe, which
| | 02:25 | would probably include some
space for a title and credits.
| | 02:27 | It's very important to give credit
to the sources of your data when you
| | 02:30 | create infographics, but for our
purposes here, since we are just working on
| | 02:34 | specifically how to create area bubbles,
we don't need to cover titles and sources.
| | 02:38 | However, if you are interested in
that topic, please check out the course
| | 02:42 | Infographics: Visualizing Relationships, where
we walk through creating an
| | 02:45 | entire infographic.
| | 02:47 | Also, if you are interested in
wireframes, be sure to check out the course
| | 02:51 | Infographics: Planning and Wireframing.
| | Collapse this transcript |
|
|
