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 Sofia’s Cafe On the Mall NATURAL HISTORY David Klinckner, Ph D., Lecturer T Th • p.m.– 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 what’s behind it Here’s 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 You’ll see of 11 Easy cover patterns 0606 Before&After ® Easy cover patterns BAmagazine.com 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 of 11 Easy cover patterns 0606 Before&After Easy cover patterns ® BAmagazine.com 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 Sofia’s 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 of 11 C0 M65 Y100 K0 50% Easy cover patterns 0606 Before&After ® Easy cover patterns 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 pattern 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 of 11 Easy cover patterns 0606 Before&After Easy cover patterns ® BAmagazine.com 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 NATURAL HISTORY NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • p.m.– p.m David Klinckner, Ph.D., Lecturer T Th • p.m.– 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 Low-key and conservative means no motion, which you will achieve by centering your type Set the title in a bold, condensed face— nothing decorative—above 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 of 11 Easy cover patterns 0606 Before&After ® Easy cover patterns BAmagazine.com 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 Sperry Equipment Corporation Agenda and program notes A May 17, 2005 Johnston Hall 1/4 Spacing is key to a good pattern—too little and the circles clump; too much and they drift apart A ratio of 1:4 is just about right Annual Meeting A Sperry Equipment Corporation Agenda and program notes May 17, 2005 Johnston Hall A C 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 of 11 Easy cover patterns 0606 Before&After ® Easy cover patterns BAmagazine.com of 11 i U X Pinstripes divide the page Vertical pinstripes convey quiet dignity, and they’re 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 Neighborhood cleanup 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 Neighborhood cleanup City of Citrus Heights Waste Collection & Recycling of 11 Easy cover patterns 0606 Before&After ® Easy cover patterns BAmagazine.com 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 Sofia’s Cafe NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • p.m.– p.m 2005 Your Guide to Services Garbage Green waste Recycling Neighborhood cleanup 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? It’s why on a printed page we’re more comfortable with portrait orientation than with landscape and why we look first at eye level *No, not everyone’s head, but they’re close enough that it governs everyone’s perception of 11 Easy cover patterns 0606 Before&After Easy cover patterns ® BAmagazine.com 10 of 11 i U X Article resources Annual Meeting Sperry Equipment Corporation Agenda and program notes May 17, 2005 Johnston Hall 14 Colors Typefaces Kon Tiki Enchanted | 90/70 pt Trajan Regular | 18 pt Sofia’s Cafe Cheltenham FB Bold Condensed | 65 pt ITC Cheltenham Light | 17/22 pt On the Mall Helvetica Neue Bold | 24 pt Helvetica Neue Roman | 9/13 pt 10 (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 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 14 13 NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • p.m.– p.m 2005 7a Your Guide to Services 7b Garbage Green waste Recycling Neighborhood cleanup 7c City of Citrus Heights Waste Collection & Recycling Images Photos.com 7d 10 of 11 Easy cover patterns 0606 Before&After ® Easy cover patterns BAmagazine.com 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 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 Before & After magazine 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 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 Easy cover patterns 0606 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 1–11) For paper-saver format Print: (Specify pages 13–18) Print Format: Landscape Page Size: Fit to Page Save Presentation format or Paper-saver format Back | Paper-saver format Design Sperry Equipment Corporation Agenda and program notes May 17, 2005 Johnston Hall Your Guide to Services Garbage Green waste Recycling Neighborhood cleanup City of Citrus Heights Waste Collection & Recycling Easy cover patterns 0606 Annual Meeting NATURAL HISTORY of 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 what’s behind it Here’s 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 You’ll see David Klinckner, Ph.D , Lecturer T Th • p.m – p.m 2005 Using this step-and-repeat technique, you can make artistic covers in no time! easycover patterns On the Mall Sofia’s 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 0606 50% Easy cover patterns 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 of Before&After | www.bamagazine.com 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 Sofia’s Cafe On the Mall 0606 Easy cover patterns Same circles, different look NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • p.m.– 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 Easy cover patterns 0606 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 pattern 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 of Before&After | www.bamagazine.com Low-key and conservative means no motion, which you will achieve by centering your type Set the title in a bold, condensed face— nothing decorative—above 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 David Klinckner, Ph.D., Lecturer T Th • p.m.– p.m 0606 Easy cover patterns High-tech circles Annual Meeting A A Sperry Equipment Corporation Agenda and program notes May 17, 2005 Johnston Hall C 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 Your Guide to Services Garbage Green waste Recycling Neighborhood cleanup City of Citrus Heights Waste Collection & Recycling B Easy cover patterns 0606 A 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 Sperry Equipment Corporation Agenda and program notes May 17, 2005 Johnston Hall 1/4 Spacing is key to a good pattern—too 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 Neighborhood cleanup 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 of Before&After | www.bamagazine.com 2005 Vertical pinstripes convey quiet dignity, and they’re 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 0606 Easy cover patterns Layout Typefaces NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • p.m.– p.m Kon Tiki Enchanted | 90/70 pt 2005 Your Guide to Services Garbage Green waste Recycling Neighborhood cleanup 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 Easy cover patterns 0606 Annual Meeting May 17, 2005 Johnston Hall Trajan Regular | 18 pt Cheltenham Bold Condensed | 65 pt ITC Cheltenham Light | 17/22 pt Helvetica Neue Bold | 24 pt 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 Sofia’s Cafe On the Mall Did you ever notice that the human head is the same size* and proportions as a letter- size page? It’s why on a printed page we’re more comfortable with portrait orientation than with landscape and why we look first at eye level Article resources Sofia’s Cafe On the Mall Sperry Equipment Corporation Agenda and program notes *No, not everyone’s head, but they’re close enough that it governs everyone’s perception 14 Photos.com Images Helvetica Neue Roman | 9/13 pt 14 7b 7a 2005 Your Guide to Services 10 NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • p.m.– p.m 7c 7d of Before&After | www.bamagazine.com City of Citrus Heights Waste Collection & Recycling Garbage Green waste Recycling Neighborhood cleanup (a-d) Adobe Garamond Regular a) 66 pt, b) 36/36 pt, c)19/23 pt, d) 24/28 pt 12 11 13 0606 Easy cover patterns 0606 Easy cover patterns Subscribe to Before & After 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 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 Before & After magazine 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 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 Easy cover patterns 0606 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 of Before&After | www.bamagazine.com [...]... 36/36 pt, c)19/23 pt, d) 24/28 pt 12 11 3 4 8 13 0606 Easy cover patterns 0606 Easy cover patterns Subscribe to Before & After 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... The variations? Endless You’ll 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 Sofia’s 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... 0606 Easy cover patterns Layout 5 6 Typefaces NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • 7 p.m.– 9 p.m 1 Kon Tiki Enchanted | 90/70 pt 9 2005 Your Guide to Services Garbage Green waste Recycling Neighborhood cleanup 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 Easy cover patterns. ..Before&After ® Easy cover patterns BAmagazine.com 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 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... format Back | Paper-saver format Design Sperry Equipment Corporation Agenda and program notes May 17, 2005 Johnston Hall Your Guide to Services Garbage Green waste Recycling Neighborhood cleanup City of Citrus Heights Waste Collection & Recycling Easy cover patterns 0606 Annual Meeting NATURAL HISTORY 1 of 6 Before&After | www.bamagazine.com The look of a cover sets the tone, conveys the character... 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 David Klinckner, Ph.D., Lecturer T Th • 7 p.m.– 9 p.m 0606 Easy cover patterns High-tech circles Annual Meeting A A Sperry Equipment... 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 Neighborhood cleanup City of Citrus Heights Waste Collection & Recycling B Easy cover patterns 0606 A A field of small, low-contrast circles... pattern made entirely of circles Different color, same opacity 0606 50% Easy cover patterns 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... shapes C80 M100 Y0 K0 2 of 6 Before&After | www.bamagazine.com 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 Sofia’s Cafe On the Mall 0606 Easy cover patterns Same circles, different look NATURAL HISTORY David Klinckner, Ph.D., Lecturer T Th • 7 p.m.– 9 p.m Now add... 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 Easy cover patterns 0606 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