100 computer/press skills & abilities adobe illustrator...

Adobe Illustrator Worksheet:Package Design: From Template to Mockup

Pick an item that you would like to create a package design for: video game package, cereal box, candy package, or any item you create (that is school appropriate). The item can be one like the examples or one that you create. All ideas must be pre-approved. You will need to redo any product design that you imitate. You should come up with your own design idea. All information should be royalty free (from schools clipart) do not use information from the internet. If the product design you use for this design is on the internet do not use it, create your own! Consider different elements that might need to be on the package (see below). There is lots of artwork on our graphics server, too. Don’t forget the elements and principles of design.

Your design should include 75% of the following information: UPCCode Weight Manufacturers’Address Ingredients Flavor/Color BrandName Quantity Size ServingSize DistributedBy WarningLabels TablecontainingNutritionalFacts ManufacturedBy Instructions

STEP 1 CreateThumbnailsketchesofyourproductandgetapprovalbytheinstructor.

CORNY CEREALCORNY CEREALGreen WaveGreen WaveGreen Wave



CORNY CEREALCORNY CEREALGreen WaveGreen WaveGreen WaveCORNY CEREALCORNY CEREAL

Green WaveGreen WaveGreen Wave

Ingredients: Milled corn, sugar, soluble corn fiber, contains 2% or less of molasses, salt, hydroge-nated coconut and soybean oil, wheat starch, annatto color, BHT for freshness.

Vitamins and Minerals: Vitamin C (sodium ascorbate and ascorbic acid), niacinamide, zinc oxide, reduced iron, vitamin B6 (pyridoxine hydrochloride), vitamin B2 (riboflavin), vitamin B1 (thiamin hydrochloride), vitamin A palmitate, folic acid, vitamin D, vitamin B12.

CONTAINS WHEAT INGREDIENTS. CORN USED IN THIS PRODUCT CONTAINS TRACESOF SOYBEANS.

WAVE MAZE

The contents of the Roberts Company web site are protected from copying and distribution under national and international copyright laws and treaties throughout the world. Copyright © 2006 Roberts Co. All rights reserved.

CRUNCHY&

SWEET

NET WEIGHT 3.5 OZ.

� COMPUTER/PRESS�SKILLS�&�ABILITIES

IGC A. 17; IGC C. 38, 40, 49, 51, 52, 64; GD B. 4, 5, 6, 7, 8 9, 10, 11, 12, 13; GD C. 43;GD D. 62, 63; GD E. 67, 69, 71; GD F. 76, 77; DFPO B. 13, 15, 18, 19, 33, 34;

DFPO C. 42, 43, 44, 54, 56, 59; DFPO D. 70, 71, 71, 72; DFPO I. 139; BF A. 100

Box Design Thumbnails


STEP 2

CreateanewAdobeIllustratordocumentthatis11”wideby8.5”high.

SelecttheRectangleTooland“Option”clickwiththemouse.Thiswillbringupadialogboxwithoptionstosetthesize.

Createthefirstrectangleat3”wideby5”high.

STEP 3

GointotheViewMenuandturnonSmartGuides.Thesewillbehelpfulforliningupalltherectanglesweareabouttocreate.

STEP 4


Thistimesetthesizeto1.5”wideby5”high.


STEP 5

Aftercreatingtherectanglelinethetwoupnexttoeachother.

STEP 6

UsingtheSelectionToolandtheShiftKey,selectbothboxes.Copyandpastethetworectangles(ordragthemwithoption+shift)andplacethecopiesnexttotheoriginals.

STEP 7


Thistimesetthesizeto.5”wideby5”high.


STEP 8

PositionthisnewrectangleattheendofthetemplateandusetheDirectSelectiontooltotapertheendpointsdownwardalittlesowehaveaglueflap.

STEP 9


Thistimesetthesizeto3”wideby1.5”high.

STEP 10

Linethisupasshowntomaketheboxtop.


STEP 11

Copyandpastetherectangle(ordragitwithoption+shift)andplacethecopyontheboxbottom.


Thistimesetthesizeto3”wideby1”high.

STEP 12

Linethisupasshowntomaketheflapthatgoesunderthetop.

Addaduplicateofthistomakethebottomflap.

STEP 13


Thistimesetthesizeto1.35”wideby.75”high.


STEP 14

Duplicatetheseboxesandlinetheseupasshowntomaketheinsideflaps.

ThelaststepofthetemplateistodoaSelect>Allandmakesurethereisnofill,onlyablackstrokeonallrectangles.

Savethisasan“IllustratorBoxTemplate.eps”fileinyourfolder,createanewfoldercalledCerealBox.

Adobe InDesign Worksheet:Package Design: From Template to Mockup

STEP 15

OpenupAdobeInDesigninthedockingstationandcreateanewdocumentusingthesesettings.

STEP 16

CreateapictureboxandFile>Placeyour“IllustratorBoxTemplate.eps”intoit.

ThistemplatewillnowactasaguideforwheretopositionyourgraphicsintoInDesign.


STEP 17

Forthisnextpartyoucancreatealogoforthecerealhoweveryouwant.ForthedemoIcreatedthelogoinAdobeIllustratorandsaveditasan.epstobringitintoInDesign.


STEP 18

Idownloadedclipartandphotosfromschools.cliparttoaddtotheboxdesign.

Youcaneventakeyourownphotostouseinyourdesign.

STEP 19

OpenyourcolorswatchesinInDesign.(Windows>Swatches.

Togetmorecolors,ontheSwatchespalette,clickonthepulldownintheupperright,

Dependingonyourdesignyoucanfilltheseshapeswithasolidcolororagradient.

STEP 20

File>Placeyourgraphicfilesandplacethemintoindividualboxesinyourdocumentsoyoucaneasilymovethemaround.

Tofityourimagetothebox,inthecontrolpanel,(justrightofFX),clickonthebox‘fitcontentproportionally’.


STEP 21

Copythelogoontoallpanelsofthebox.

AddtheUPCcodetothebox.ItislocatedontheGraphicArts1ServerintheProjects>Boxfolder.

STEP 22

UsingtheTextContentTooldrawTextboxesandputincopyforthecerealbox.(Size,weight,ingredients,contains,disclaimers,etc.,)

STEP 23

Youcanfindanutritionalcerealboxontheinternettosaveintoyourfolderoryoucancreateyourown.


STEP 24

Youcanalsocreateputsomethingfunontheback,likeamazeorpuzzle.

STEP 25

Whenyoufinish,makesureyouspellcheckeverything.(apple/command+I)

MakesureyousavesaveittoyourfolderwithallthefilesthatyouImportedin.

STEP 26

ThistimeyouareprintingoncardstockwhitepaperontheXeroxPhaser6280N.

Whentheprintdialogboxcomesup,makesuretoselecttheXeroxPhaser6280N.

Thenclickonthepagesetupbutton.


STEP 27

MakesuretoselecttheXeroxPhaser6280N.

STEP 28

Onceitprints,youaregoingtouseanExactobladeandametalrulertocutoutyourcerealbox.

BE CAREFUL AND PAY ATTENTION WHILE USING THE EXACTO BLADE.

STEP 29

Usingtheburnishertoolandtherulerfoldtheboxup.Thenusingthegluesticktogluetheboxshut.

ShrinkwrapyourboxandturnitinwiththeRubriconthedesk,donotputitintheturninboxoritcouldgetcrushed.

� COMPUTER/PRESS�SKILLS�&�ABILITIESPackage�Design�Project

Student Name ____________________________________________ Date __________________

Mastery 20-30 Acceptable 10-19 Not Acceptable 9 or less

Commendable 4-5 Acceptable 2-3 Not Acceptable 0-1 ScoreMath and Measurement All measurements

are correct.Some measurements are correct.

None measurements are correct.

Layout Demonstrates superior knowledge of Typography and Composition.

Demonstrates understanding of Typography and Composition.

Does not demonstrate the knowledge of Typography and Composition.

Design Demonstrates superior knowledge of the Elements and Principles of Design.

Demonstrates understanding of the Elements and Principles of Design.

Does not demonstrate the knowledge of the Elements and Principles of Design.

Content Has at least 75% of the information that should be on the package.

Has at least 50% of the information that should be on the package.

Has at least 25% of the infor-mation that should be on the package.

Printing and Binding Correctly printed, cut out, scored and folded, and shrank wrapped the box.

Had a problem with one of the following: printing, cutting out, scoring and folding, and shrink wrapping the box.

Had a problem with more than one of the following: printing, cutting out, scoring and folding, and shrink wrapping the box.

Proofreading and Grammar

No punctuation or grammatical errors.

One punctuation or grammatical errors.

More than one punctuation or grammatical errors.

Total Score

IGC A. 17; IGC C. 38, 40, 49, 51, 52, 64; GD B. 4, 5, 6, 7, 8 9, 10, 11, 12, 13; GD C. 43;GD D. 62, 63; GD E. 67, 69, 71; GD F. 76, 77; DFPO B. 13, 15, 18, 19, 33, 34;

DFPO C. 42, 43, 44, 54, 56, 59; DFPO D. 70, 71, 71, 72; DFPO I. 139; BF A. 100

100 computer/press skills & abilities adobe illustrator...

Documents