►
From YouTube: Tips for Working with a Graphic Designer
Description
Dan Phairas with the Communication and Public Engagement Department shares tips for working with a graphic designer.
A
These
are
some
tips
that
might
help
clear
up
a
few
things
and
maybe
make
it
a
little
easier.
The
next
time
you
work
with
a
graphic
designer
when
you're
working
on
a
graphic
design
project.
You
can
usually
work
out
everything
between
you
and
your
designer
by
just
talking
about
what
you
need.
A
good
designer
knows
the
questions
to
ask
to
get
the
information
they
need,
but
there
are
times
when
you
both
just
seem
to
be
speaking,
two
different
languages
and
things
can
get
confusing
and
frustrating.
A
A
They
are
types
of
graphics,
types
of
graphic
files
and
resolution,
so
graphics,
there
are
two
and
only
two
types
of
graphics.
There
are
raster
graphics
and
there
are
vector
graphics.
Every
image
you
ever
encounter
will
be
one
of
these
two
types
of
graphics,
no
matter
what
the
image
it's,
either
a
raster
graphic
or
a
vector
graphic.
A
Now
some
folks
might
call
raster
graphics,
bitmaps
and
that's
totally.
Fine,
raster
and
bitmap
are
interchangeable
terms,
but
raster
is
the
preferred
term,
so
pro
tip,
if
you
say
raster
designers
will
think
you
know
what
you're
talking
about
just
a
side
note.
There
are
several
different
graphics
programs
out
there,
but
most
likely
your
designer
uses
adobe
photoshop
to
work
with
raster,
graphics
and
adobe
illustrator
to
work
with
vector
graphics.
A
This
is
why
photoshop
and
illustrator
are
the
two
big
programs
you
always
hear
about,
because
one
of
the
other
of
these
two
can
work
with
every
type
of
graphic.
There
is
photoshop
for
raster,
graphics
and
illustrator
for
vector,
graphics,
so
raster
and
vector
you
can
see
in
this
side
by
side
comparison.
A
A
This
is
the
essence
of
a
raster
graphic.
Every
raster
image
is
composed
of
a
grid
of
colored
pixels,
like
this
on.
The
right
is
a
vector
image
of
that
e
vector
graphics,
are
composed
of
a
series
of
points,
lines
and
shapes
based
on
mathematical
formulas,
and
just
even
saying
the
words
mathematical
formulas.
That's
as
deep
as
I'm
going
to
get
on
that.
A
So
looking
at
that
larger
vector
e
on
the
right,
it's
been
scaled
up
from
that
little
e
right
above
it,
and
we
see
that
the
most
important
aspect
of
a
vector
graphic
is
that
we
can
scale
them
up
to
any
size,
with
no
loss
of
quality,
that
small
e
can
be
scaled
up
to
a
hundred
times
its
size,
but
that
larger
e
will
always
be
clean
and
sharp.
This
is
one
of
the
most
important
distinctions
and
advantages
of
a
vector
graphic
that
no
matter
how
big
or
small
you
scale
it.
It
will
always
remain
sharp.
A
This
difference
in
bitmapping
and
not
bitmapping
is
why,
when
we're
working
on
a
print
piece
that
involves
a
partner
or
affiliate
organization,
you'll
always
hear
me
ask
if
we
can
get
a
vector
file
of
their
logo,
because
we
always
use
a
vector
graphic
of
our
city
logo
in
print
pieces.
So
it
always
looks
sharp
and
perfect.
A
A
A
A
Now,
let's
look
at
the
types
of
graphic
files,
we're
going
to
look
at
a
few
raster
file
types
and
a
few
vector
file
types,
but
we're
only
going
to
touch
in
a
few
and
just
the
ones
that
you
might
need
to
be
familiar
with.
On
the
raster
side,
there
are
jpeg
ping
and
gif
files,
and
on
the
vector
side
there
are
pdf
eps
and
svg
files,
and
really
those
are
probably
the
only
files
you'll
ever
encounter.
A
A
A
Let's
look
at
these
file
types,
so
you
can
get
a
sense
of
what
they
are,
how
they're
different
from
each
other
and
why
one
might
be
preferable
over
another
in
a
given
situation.
First,
we'll
look
at
raster
files.
The
first
type
of
raster
file
is
the
jpeg
you've
all
seen
jpegs
a
million
times.
This
is
the
number
one
graphic
file
type
in
the
world.
Jpeg
is
the
most
popular
most
commonly
used
file
type
with
a
wide
range
of
uses.
A
A
So,
as
an
example,
we've
all
seen
this
a
logo
gets
added
to
an
image,
but
the
logo
is
a
jpeg
so
because
it
doesn't
support
transparency,
it
has
that
white
background
box
behind
it,
which
really
isn't
the
best
look
we're
going
to
touch
on
common
uses
for
all
these
file
types.
The
most
common
uses
for
jpegs
are
photography,
detailed
images
and
graphics,
web
graphics
and
presentation
and
document
graphics,
where
transparency
is
not
needed.
A
The
next
type
of
raster
file
is
the
ping
file.
A
ping
file
also
has
a
wide
range
of
uses.
A
ping
can
also
be
lores
or
hi-res,
and
the
big
advantage
of
a
ping
file
is
that
it
does
support
transparency
so
back
to
the
logo
over
an
image,
a
ping
file's
transparency
makes
it
look
a
lot
nicer
over
an
image.
This
just
looks
more
clean
and
professional
than
this,
so
popular
uses
for
ping
files
are
web-based
images
and
graphics
and
presentation
and
document
graphics
when
transparency
is
needed.
A
A
A
Jpegs
and
pings
support,
16
million
colors,
so
gifs
are
a
very
simple
and
basic
file
type,
but
like
ping
files,
gifs
do
also
support
transparency
because
they're
low
res
and
only
support
web
colors
gifs
are
mostly
used
for
web
graphics
and
it's
jiff
files
that
are
also
used
to
make
those
cute
little
animations.
You
see
on
the
web,
so
those
are
the
three
basic
raster
file
types,
jpeg
ping
and
gif.
A
Now,
let's
look
at
types
of
vector
files.
The
first
type
of
vector
file
is
a
pdf
similar
to
jpeg.
On
the
raster
side.
The
pdf
is
the
most
commonly
used
vector
file
in
the
world,
largely
because
of
its
versatility
and
wide
range
of
uses.
The
pdf
supports
both
raster
and
vector
graphics.
So,
whether
your
designer
is
working
on
a
graphic
in
photoshop
or
in
illustrator,
they
can
export
that
graphic
as
either
a
raster
file
or
a
vector
file.
A
A
The
most
common
uses
for
pdfs
are
professional,
printing,
single
page
documents
and
graphic
pieces
like
flyers
and
multi-page
documents
and
presentations.
Next
are
eps
files,
and
this
is
also
an
old
file
format.
It's
no
longer
being
developed,
but
it
is
still
around
similar
to
pdfs.
Eps
files
can
also
support
both
raster
and
vector
graphics.
A
The
most
common
way
that
I
encounter
eps
files
is
when
I
purchase
and
download
vector
images
from
stock
image
websites.
This
is
because
eps
files
are
compatible
with
any
vector
graphics
program,
so,
even
if
a
designer
is
using
software
other
than
adobe
illustrator,
their
software
can
still
open
and
use
eps
vector
files.
A
Eps
files
are
also
most
commonly
used
in
professional
printing,
although
not
nearly
as
much
as
pdf
files
and
you'll,
most
often
find
them
as
stock
vector
images
and
sometimes
as
logo
files
now
svg
files.
This
is
a
file
type
that
I
hardly
ever
deal
with.
I've
only
been
asked
to
output,
vector
graphics
as
svgs
on
a
few
occasions.
I
work
mainly
with
pdf
eps
and
illustrator's
ai
files,
but
svg
files
are
very
popular
for
their
use
on
the
web.
A
This
is
because
svg
graphics
are
scalable,
with
no
loss
of
quality,
which
makes
them
perfect
for
responsive
websites
and
viewing
on
any
device.
Also
the
little
favicon
icons
that
you
see
in
urls
and
in
bookmark
bars.
They
used
to
be
little
ping
or
jiff
graphics,
but
at
those
tiny
sizes
they
pixelated
and
never
looked
super
sharp.
A
But
now
they're,
usually
svg
vector
graphics,
so
they
always
look
sharp
and
clean
svg
files
also
support
accessibility
because
they
can
contain
metadata
that
identifies
what
their
images
are
using
image,
recognition,
apps
and
that's
helpful
with
seo
too
web
developers
like
svg
files,
because
they
can
be
used
with
css
when
coding,
websites
and
developers
also
like
them,
because
they
can
write
code
to
animate
svgs.
So
they
do
little
animations
similar
to
animated
gifs.
A
So
svg
files
are
used
for
vector
images
on
websites,
icons,
favicons
and
logos
on
the
web
and
web-based
animations
by
way
of
coding.
So
those
are
your
most
common
types
of
vector
files,
although
you'll
really
probably
only
ever
deal
with
pdfs
and
last.
Let's
look
at
resolution
resolution
is
definitely
the
most
common
issue
that
I
deal
with
on
city
projects.
It
happens
all
the
time
that
I'm
given
a
tiny
little
image
with
low
resolution
to
be
used
on
some
nice
print
piece
and
that's
just
never
going
to
look
good.
A
So
if
you
take
away
anything
from
this
presentation,
I'd
like
you
to
better
understand
resolution
and
why
it's
important,
when
you're
working
with
your
designer
resolution,
refers
to
the
amount
of
detail
in
an
image
the
higher
the
resolution.
The
more
detail,
the
lower
the
resolution,
the
less
detail,
a
graphics
resolution
is
measured
in
how
many
pixels
there
are
in
a
square
inch,
which
is
indicated
as
ppi
or
pixels
per
inch
and
for
the
purpose
of
this
presentation.
A
But
it's
also
for
any
image
that
you
use
in
a
document
that
might
be
printed
here
on
office
printers,
so,
whether
it's
for
professional,
printing
or
just
for
office
printers,
you
always
want
clean,
high-res,
300,
ppi
images,
if
we're
considering
an
image
at
either
72
ppi
or
300
ppi
we're
considering
the
level
of
detail
in
that
image.
So
here
we
see
two
proportionally
correct
representations
of
72,
ppi
and
300
ppi
resolutions,
where
you
can
see
the
pixels
for
each
one.
Now,
you've
heard
me
use
the
terms,
low
resolution
and
high
resolution.
A
The
definitions
for
those
are
simple
on
the
left,
an
image
at
72,
ppi,
that's
considered
low
resolution
and
on
the
right,
an
image
at
300.
Ppi
is
considered
high
resolution.
It's
pretty
straightforward!
So
if
you
send
an
image
to
a
designer,
they
might
say.
Oh,
this
is
low-res,
but
I
need
a
high-res
image.
What
they're
telling
you
is
they
have
a
72
ppi
image,
but
what
they
need
is
a
300
ppi
image,
and
maybe
that's
because
the
low
res
image
is
just
such
poor
quality.
A
It's
not
going
to
look
good
or
because
the
project
is
intended
for
print
and
regardless
of
how
clean
the
low
res
image
is,
it's
still
not
suitable
for
printing
so
to
compare.
If
you
were
to
zoom
way
in
on
these
72
ppi
and
300
ppi
images
you'd
see
on
the
left
that
the
72
ppi
image
has
just
72
pixels
per
inch
and
on
the
right.
The
300
ppi
image
has
300
pixels
per
inch.
So
if
say,
a
logo
was
low
resolution
and
made
up
of
the
pixels
on
the
left
at
only
72
ppi.
A
You
can
imagine
that
it
would
lack
a
lot
of
detail
and
definitely
be
prone
to
the
jaggies
if
you
had
to
scale
it
up.
If
that
logo
were
high
resolution
at
300
ppi
on
the
right
with
all
those
pixels,
it
would
obviously
have
much
greater
detail
and
sharpness
so
back
to
our
city,
logo
and
our
partner
logo
in
a
print
piece,
and
I'm
specifying
a
print
piece
where
you
definitely
want
high
resolution
images.
A
The
city
logo
at
300
ppi,
looks
nice
and
sharp,
while
the
poor
partner
logo
at
72
ppi
has
a
serious
case
of
the
jaggies
and
generally
just
looks
bad
in
comparison
and
just
as
an
aside
here
for
print
pieces.
Our
first
option
is
always
to
try
to
get
a
vector
file
of
logos
because
that's
always
going
to
be
the
most
sharp
and
clean
option,
but
sometimes
our
partners
just
don't
have
vectors
of
their
logos.
A
A
So
if
the
original
graphics
are
tiny
little
things
to
start
with,
and
you
need
to
scale
them
up
to
sizes
like
this,
for
your
presentation,
they're
going
to
get
the
jaggies
and
they're
going
to
look
bad,
so
the
original
72
ppi
graphics
need
to
be
at
least
this
size
or
larger.
To
display
this
nicely
and
that's
it.
Those
are
the
design
basics
that
might
be
helpful.
The
next
time
you
work
with
a
designer
and
again
this
is
just
basic
information.
There's
plenty
more.
A
We
could
get
into
on
this
topic
and
all
sorts
of
related
topics,
but
these
are
the
basics
that
should
be
most
helpful,
so
hopefully
now
you're
a
little
more
familiar
with
types
of
graphics,
types
of
graphic
files
and
resolution,
and
now
the
next
time
you
and
your
designer
are
discussing
a
project
and
they
throw
some
crazy
word
at
you.
You'll
know
how
to
respond
like
a
pro
thanks.
Everyone.