BA0606CoverPatterns PDF

Before&After
BAmagazine.com
i U X
Design
easycover
patterns
Using this step-and-repeat

technique, you can make artistic
covers in no time!
Continued
Continued
Easy cover patterns 0606
Before&After
BAmagazine.com
i U X
Design easy cover patterns

Using this step-and-repeat technique, you can make artistic covers in no time
Annual Meeting
Sperry Equipment Corporation

Agenda and program notes
May 17, 2005
Johnston Hall
Sofias
Cafe
On the Mall
Natural history
David Klinckner, Ph.
D., Lecturer
T Th 7 p.m. 9 p.m
.
2005
Your Guide
to Services
Garbage
Green waste
Recycling
Neighborhood cleanup
City of
Citrus Heights
Waste Collection
& Recycling
The look of a cover sets the tone, conveys the character and clues the reader to the
value (or not) of whats behind it. Heres a way to make cover designs out of nothing
except a pen and rectangle (or ellipse) tool and some type. The technique is called
step and repeat; you create one object such as a circle, repeat it across your page until
it becomes a pattern, then add your words. The variations? Endless. Youll see.
2 of 11
Before&After
Easy cover patterns
BAmagazine.com
3 of 11
i U X
Fun with circles
Create a decorative pattern by overlapping translucent circles. Circles make especially

good patterns because of their smooth curves and seamless interaction.
Fill a field with circles

that just touch. Group.
Copy the left column, and

move the copy a half-column to the right. Recolor.
Set the opacity to, say,
50%, then step and repeat
across the field. Group.
Repeat from the top

down, different color,
50% opacity. Group.
Remove the corner circles.

Draw a white, translucent
circle for the title pane,
and just like that, you
have a harmonious pattern
made entirely of circles.
3 of 11
Before&After
Easy cover patterns
BAmagazine.com
4 of 11
i U X
Color
Opposite colors create striking patterns, while similar colors harmonize softly.
The amount of opacity, or translucency, determines how much the colors mingle.
Sofias
Cafe
Translucency creates
the interaction between
circles. By modifying even
one setting, you can get
very different looks from
the same shapes.
C0
M65
Y100
K0
50% opacity
C90
M10
Y90
K40
40% opacity
C80
M100
Y0
K0
40% opacity
On the Mall
Same color,
more opacity
50%
90%
Different
color, same
opacity
4 of 11
C0
M65
Y100
K0
50%
Before&After
Easy cover patterns
5 of 11
BAmagazine.com
i U X
Same circles, different look
Turn those flowery, see-through circles into a conservative, low-key texture. Delete the
color fill, add a white stroke, then fill the background with a muted hue.
While a circular title

pane harmonizes with
the circles, here, the
rectangular pane harmonizes with the page.
Together, their large,
squarish shapes dominate the small, busy
circles and push them
into the background
where we want them.
Set the rectangle at
70% opacity, which
allows a hint of pat
tern to show through
and glues the title
pane to the page.
Start with your circle pattern, add a perimeter of circles that bleeds beyond the page edge, Select All, and
delete the color fills. To the circles apply a white stroke,
opacity 30%. Finish with a muted background color.
5 of 11
Before&After
Easy cover patterns
BAmagazine.com
6 of 11
i U X
Focal point
Add your text, then embellish the result with a photographic object. Its depth and
realism make an arresting focal point atop the flat, artificial field.
1
2
Natural history
Natural history
David Klinckner, Ph.D., Lecturer

T Th 7 p.m. 9 p.m.

T Th 7 p.m. 9 p.m.
Low-key and conservative means

no motion, which you will achieve
by centering your type. Set the
title in a bold, condensed face
nothing decorativeabove small,
supporting copy. Note the UPPERCASE title block forms a rectangle
atop a rectangle; its centered
position is symmetrical and static,
which gives the cover a feeling of
permanence and importance.
Now add the zing with a

photographic interrupter.
Different from the field
in every way, the photo
is realistic, dimensional,
organic and off center. Its
one similarity is its shape.
By straddling the title
pane, the photo interrupts
the line and links the
fields together. Cool stuff.
6 of 11
Before&After
Easy cover patterns
BAmagazine.com
7 of 11
i U X
High-tech circles
A field of small, low-contrast circles creates a geometric pattern with cold, high-tech
overtones. Minimalist type in high-contrast white draws the eye immediately.
Annual Meeting

May 17, 2005

Johnston Hall
1/4
Spacing is key to a good

patterntoo little and the
circles clump; too much
and they drift apart. A ratio
of 1:4 is just about right.
Annual Meeting

May 17, 2005
Johnston Hall
B
A
Extreme, top-of-the-page headline puts tension onto

an otherwise placid page. Common spacing and points
of alignment make this design work. (A) Page margins
are defined by the x-height of the headline. (B) Small
type fits within large. (C) Vertical alignment ties text to
the pattern beneath.
7 of 11
Before&After
Easy cover patterns
BAmagazine.com
8 of 11
i U X
Pinstripes divide the page
Vertical pinstripes convey quiet dignity, and theyre very easy to make. This simple
pattern shrinks the field from a full page to a half, which is easier to design.
2004
Big
Your Guide
to Services
Medium
Garbage
Green waste
Recycling
Small
City of
Citrus Heights
Waste Collection
& Recycling
Repeating vertical lines divide the space in half, neatly pushing

the text into one, easy-to-read column. Set your type straight
down that column, one item after another, aligned left, differentiating elements only by size and color.
2005
Your Guide
to Services
Garbage
Green waste
Recycling
City of
Citrus Heights
Waste Collection
& Recycling
8 of 11
Before&After
Easy cover patterns
BAmagazine.com
9 of 11
i U X
Layout
We relate to a page the same way we relate to a face; our eyes rest at eye level,
which is a natural place for a headline or title plate.
Sofias
Cafe
Natural history
T Th 7 p.m. 9 p.m.
2005
Your Guide
to Services
Garbage
Green waste
Recycling
On the Mall
City of
Citrus Heights
Waste Collection
& Recycling
Did you ever notice that the human head is the same size* and proportions
as a letter- size page? Its why on a printed page were more comfortable with
portrait orientation than with landscape and why we look first at eye level.
*No, not everyones head, but theyre close enough that it governs everyones perception.
9 of 11
Before&After
Easy cover patterns
BAmagazine.com
10 of 11
i U X
Article resources
Annual Meeting

May 17, 2005
Johnston Hall
1
14
2
5
6
Typefaces
Colors
1 Kon Tiki Enchanted | 90/70 pt
2 Trajan Regular | 18 pt
Sofias
Cafe
10 C80 M100 Y0 K0
3 Cheltenham FB Bold Condensed | 65 pt

4 ITC Cheltenham Light | 17/22 pt
On the Mall
11 C90 M10 Y90 K40
5 Helvetica Neue Bold | 24 pt
6 Helvetica Neue Roman | 9/13 pt
10
7 (a-d) Adobe Garamond Regular

a) 66 pt, b) 36/36 pt, c)19/23 pt,
d) 24/28 pt
12 11
C0 M65 Y100 K0
12 C100 M50 Y0 K0
13 C30 M25 Y55 K10
14 C0 M100 Y100 K40
14
3
4
8
13
Natural history
T Th 7 p.m. 9 p.m.
2005
7a
Your Guide
to Services
7b
Garbage
Green waste
Recycling
7c
City of
Citrus Heights
Waste Collection
& Recycling
7d
Images
8 Photos.com
Related articles
0623 | 0688 | 0662
Article revised on 07/15/10
10 of 11
Before&After
Easy cover patterns
11 of 11
Subscribe to Before & After

Did you enjoy this article? Subscribe, and
become a more capable, confident designer
for pennies per article. To learn more, go to
http://www.bamagazine.com/Subscribe
BAmagazine.com
i U X
Before & After magazine

Before & After has been sharing its practical approach
to graphic design since 1990. Because our modern world
has made designers of us all (ready or not), Before &
After is dedicated to making graphic design understandable, useful and even fun for everyone.
To pass along a free copy of this article to
John McWade Publisher and creative director

Gaye McWade Associate publisher
Vincent Pascual Staff designer
Dexter Mark Abellera Staff designer
others, click here.
Editorial board Gwen Amos, Carl Winther
E-mail this article
Join our e-list

To be notified by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email

323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-mail mailbox@bamagazine.com
www http://www.bamagazine.com
Copyright 2005 Before & After magazine, ISSN
1049-0035. All rights reserved
You may pass this article around, but you may not alter
it, and you may not charge for it. You may quote brief
sections for review. If you do this, please credit Before
& After magazine, and let us know. To feature free
Before & After articles on your Web site, please contact
us. For permission to include all or part of this article in
another work, please contact us.
11 of 11|Printing formats
Before&After
BAmagazine.com
i U X
Before & After is made to fit your binder

Before & After articles are intended for permanent reference. All are titled and numbered.
For the current table of contents, click here. To save time and paper, a paper-saver format of this article,
suitable for one- or two-sided printing, is provided on the following pages.
For presentation format

Print: (Specify pages 111)
For paper-saver format

Print: (Specify pages 1318)
Print
Format: Landscape
Page Size: Fit to Page
Save
Presentation format or
Paper-saver format
Back|Paper-saver format
Design

May 17, 2005
Johnston Hall
Your Guide
to Services
Garbage
Green waste
Recycling
City of
Citrus Heights
Waste Collection
& Recycling
Annual Meeting
Natural history
1 of 6
Before&After | www.bamagazine.com
The look of a cover sets the tone, conveys the character and clues the reader to the
value (or not) of whats behind it. Heres a way to make cover designs out of nothing
except a pen and rectangle (or ellipse) tool and some type. The technique is called
step and repeat; you create one object such as a circle, repeat it across your page until
it becomes a pattern, then add your words. The variations? Endless. Youll see.
David Klinckner, Ph.D

., Lecturer
T Th 7 p.m. 9 p.m.
2005
Using this step-and-repeat

technique, you can make artistic
covers in no time!
easycover
patterns
On the Mall
Sofias
Cafe
0606 Easy cover patterns
Fun with circles
C0
M65
Y100
K0
40% opacity
50% opacity
Repeat from the top

down, different color,
50% opacity. Group.
50%
90%
C0
M65
Y100
K0
Remove the corner circles.

Draw a white, translucent
circle for the title pane,
and just like that, you
have a harmonious pattern
made entirely of circles.
Different
color, same
opacity
50%
Copy the left column, and

move the copy a half-column to the right. Recolor.
Set the opacity to, say,
50%, then step and repeat
across the field. Group.
Create a decorative pattern by overlapping translucent circles. Circles make especially good patterns because of their smooth curves and seamless interaction.
Fill a field with circles

that just touch. Group.
Color
C90
M10
Y90
K40
40% opacity
Translucency creates
the interaction between
circles. By modifying even
one setting, you can get
very different looks from
the same shapes.
C80
M100
Y0
K0
2 of 6
Same color,
more opacity
Opposite colors create striking patterns, while similar colors harmonize softly.
The amount of opacity, or translucency, determines how much the colors mingle.
Sofias
Cafe
On the Mall
Same circles, different look
Natural history
T Th 7 p.m. 9 p.m.
Now add the zing with a

photographic interrupter.
Different from the field
in every way, the photo
is realistic, dimensional,
organic and off center. Its
one similarity is its shape.
By straddling the title
pane, the photo interrupts
the line and links the
fields together. Cool stuff.
While a circular title

pane harmonizes with
the circles, here, the
rectangular pane harmonizes with the page.
Together, their large,
squarish shapes dominate the small, busy
circles and push them
into the background
where we want them.
Set the rectangle at
70% opacity, which
allows a hint of pat
tern to show through
and glues the title
pane to the page.
Turn those flowery, see-through circles into a conservative, low-key texture. Delete the
color fill, add a white stroke, then fill the background with a muted hue.
Start with your circle pattern, add a perimeter of circles that bleeds beyond the page edge, Select All, and
delete the color fills. To the circles apply a white stroke,
opacity 30%. Finish with a muted background color.
Focal point
3 of 6
Low-key and conservative means

no motion, which you will achieve
by centering your type. Set the
title in a bold, condensed face
nothing decorativeabove small,
supporting copy. Note the UPPERCASE title block forms a rectangle
atop a rectangle; its centered
position is symmetrical and static,
which gives the cover a feeling of
permanence and importance.
Add your text, then embellish the result with a photographic object. Its depth and
realism make an arresting focal point atop the flat, artificial field.
Natural history
T Th 7 p.m. 9 p.m.
High-tech circles
Annual Meeting
A
A
May 17, 2005
Johnston Hall
Extreme, top-of-the-page headline puts tension onto

an otherwise placid page. Common spacing and points
of alignment make this design work. (A) Page margins
are defined by the x-height of the headline. (B) Small
type fits within large. (C) Vertical alignment ties text to
the pattern beneath.
Your Guide
to Services
Garbage
Green waste
Recycling
City of
Citrus Heights
Waste Collection
& Recycling
A field of small, low-contrast circles creates a geometric pattern with cold, high-tech
overtones. Minimalist type in high-contrast white draws the eye immediately.

May 17, 2005
Johnston Hall
1/4
Spacing is key to a good

patterntoo little and the
circles clump; too much
and they drift apart. A ratio
of 1:4 is just about right.
Medium
Big
Your Guide
to Services
Small
2004
Garbage
Green waste
Recycling
City of
Citrus Heights
Waste Collection
& Recycling
Repeating vertical lines divide the space in half, neatly pushing

the text into one, easy-to-read column. Set your type straight
down that column, one item after another, aligned left, differentiating elements only by size and color.
4 of 6
2005
Vertical pinstripes convey quiet dignity, and theyre very easy to make. This simple
pattern shrinks the field from a full page to a half, which is easier to design.
Pinstripes divide the page
Annual Meeting
Layout
5
6
14
7a
7b
7c
7d

T Th 7 p.m. 9 p.m.
Natural history
Typefaces
1 Kon Tiki Enchanted | 90/70 pt
2 Trajan Regular | 18 pt
3 Cheltenham FB Bold Condensed |
65 pt
5 Helvetica Neue Bold | 24 pt
4 ITC Cheltenham Light | 17/22 pt

6 Helvetica Neue Roman | 9/13 pt
7 (a-d) Adobe Garamond Regular
a) 66 pt, b) 36/36 pt, c)19/23 pt,
d) 24/28 pt
Images
8 Photos.com
Related articles
0623 | 0688 | 0662
2005
Your Guide
to Services
Garbage
Green waste
Recycling
City of
Citrus Heights
Waste Collection
& Recycling
C0 M65 Y100 K0
10 C80 M100 Y0 K0
11 C90 M10 Y90 K40
12 C100 M50 Y0 K0
13 C30 M25 Y55 K10
14 C0 M100 Y100 K40
Article revised on 07/15/10
Annual Meeting
May 17, 2005
Johnston Hall
2005
Your Guide
to Services
Garbage
Green waste
Recycling
City of
Citrus Heights
Waste Collection
& Recycling
5 of 6
Colors
We relate to a page the same way we relate to a face; our eyes rest at eye level,
which is a natural place for a headline or title plate.
Sofias
Cafe
On the Mall
Did you ever notice that the human head is the same size* and proportions
as a letter- size page? Its why on a printed page were more comfortable with
portrait orientation than with landscape and why we look first at eye level.
Article resources
Sofias
Cafe
On the Mall
Natural history
T Th 7 p.m. 9 p.m.

*No, not everyones head, but theyre close enough that it governs everyones perception.
1
14
2
9
10
12 11
3
4
8
13
Subscribe to Before & After

Before & After has been sharing its practical approach
to graphic design since 1990. Because our modern world
has made designers of us all (ready or not), Before &
After is dedicated to making graphic design understandable, useful and even fun for everyone.
John McWade Publisher and creative director
Gaye McWade Associate publisher
Vincent Pascual Staff designer
Dexter Mark Abellera Staff designer
Editorial board Gwen Amos, Carl Winther
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-mail mailbox@bamagazine.com
www http://www.bamagazine.com
Copyright 2005 Before & After magazine, ISSN
1049-0035. All rights reserved
You may pass this article around, but you may not alter
it, and you may not charge for it. You may quote brief
sections for review. If you do this, please credit Before
& After magazine, and let us know. To feature free
Before & After articles on your Web site, please contact
us. For permission to include all or part of this article in
another work, please contact us.
Did you enjoy this article? Subscribe, and

become a more capable, confident designer
for pennies per article. To learn more, go to
http://www.bamagazine.com/Subscribe
E-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notified by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email
6 of 6

BA0606CoverPatterns PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

BA0606CoverPatterns PDF

Uploaded by

Copyright:

Available Formats

Before&After

Using this step-and-repeat

Easy cover patterns 0606

Design easy cover patterns

Sperry Equipment Corporation

Easy cover patterns 0606

Easy cover patterns

Fun with circles

Create a decorative pattern by overlapping translucent circles. Circles make especially

Fill a field with circles

Copy the left column, and

Repeat from the top

Remove the corner circles.

Easy cover patterns 0606

Easy cover patterns

Easy cover patterns 0606

Easy cover patterns

Same circles, different look

While a circular title

Easy cover patterns 0606

Easy cover patterns

David Klinckner, Ph.D., Lecturer

David Klinckner, Ph.D., Lecturer

Low-key and conservative means

Now add the zing with a

Easy cover patterns 0606

Easy cover patterns

Sperry Equipment Corporation

May 17, 2005

Spacing is key to a good

Sperry Equipment Corporation

Extreme, top-of-the-page headline puts tension onto

Easy cover patterns 0606

Easy cover patterns

Pinstripes divide the page

Repeating vertical lines divide the space in half, neatly pushing

Easy cover patterns 0606

Easy cover patterns

Easy cover patterns 0606

Easy cover patterns

Sperry Equipment Corporation

1 Kon Tiki Enchanted | 90/70 pt

3 Cheltenham FB Bold Condensed | 65 pt

11 C90 M10 Y90 K40

5 Helvetica Neue Bold | 24 pt

6 Helvetica Neue Roman | 9/13 pt

7 (a-d) Adobe Garamond Regular

Article revised on 07/15/10

Easy cover patterns 0606

Easy cover patterns

Subscribe to Before & After

Before & After magazine

To pass along a free copy of this article to

John McWade Publisher and creative director

others, click here.

Editorial board Gwen Amos, Carl Winther

E-mail this article

Join our e-list

Before & After magazine

Easy cover patterns 0606

Before & After is made to fit your binder

For presentation format

For paper-saver format