Top Banner
Portfolio Amy Bennett’s
21

Amy Bennett's Design Portfolio

May 29, 2017

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Amy Bennett's Design Portfolio

P o r t f o l i o

Am y B e n n e t t ’ s

Page 2: Amy Bennett's Design Portfolio

C o n t a c t I n f o r m a t i o n

A m y B e n n e t t2 2 6 S . 1 s t W .R e x b u r g , I D a h o8 3 4 4 02 0 8 . 3 9 0 . 6 5 1 8a m y @ b e n n e t t s o f i d a h o . n e t

Page 3: Amy Bennett's Design Portfolio

W e b P a g e B r o c h u r eM o n t a g eI m a g i n gL o g o sL e t t e r h e a dB u s i n e s s C a r dF l i e rE v e n t A d

T a b l e o f C o n t e n t s

Page 4: Amy Bennett's Design Portfolio

W e b P a g e

Descr i pt ion: A web page des ig ned to s howcase a persona l l y created logo.

Process (Programs, Too ls , Sk i l l s) : I created th is web page by start i ng out with an HTML in TextWrang le r . Learn ing how to structure a web page was very benef ic ia l to th is process. Once I had everyth ing structured cor rect ly , I l inked the HTML to a CSS f i le . Th is CSS f i le he lped me add the des ign e lements to the web page. Th is a lso was hard to learn but very benef ic ia l . Us ing the CSS f i le , I put in my des i red co lo rs and images that re lated to my logo. I a lso changed my fonts to go a long with the fee l of a young ch i l d ’s lemonade stand. I used the eyedropper too l f rom Photoshop to get the exact co lo rs f rom my logo. I a lso used subt l ed es igns.com to get my background image, which I then took into Photoshop to make ye l low.

Programs/Too ls Used: TextWrang le r/Notepad & Photoshop

Message: A fun and inv i t ing webs ite that se l l s l i ght summer treats and looks l i ke a ch i l d ’s lemonade stand.

Aud ience: Anyone who craves yummy treats ! I t app l ies to peop le of a l l ages.

Top Thing Learned: How to use HTML and CSS and dec ipher what e lements man ipu late what.

Co lor scheme and co lo r hex: Ana logous: Ye l low #fcda4f; Vio let #964a88; Ind igo #414982; Tit le Font Fami l i es & Category: (a l l names) KG Part of Me, Sans Ser i f

Copy Font Fami l i es & Category: (a l l names) “Ar ia l ” , sans ser i f

Changes made to the CSS: I changed the font fami l i es , changed the prev ious comments, changed the background and padd ings, and I a lso changed the co lo rs to match my logo.

Page 5: Amy Bennett's Design Portfolio
Page 6: Amy Bennett's Design Portfolio

Descr ipt ion: A two s ided (dup lex) fo ld ing brochure.

Process (Programs, Too ls , Sk i l l s) : In Adobe InDes ign I set up my pages and drew gu ide l ines to represent where I wou ld fo ld the brochure. I had p icked out my images before I started so I p laced the fu l l b leed cat in the f ie ld image across the f i rst page. Th is wou ld serve as the f ront and back of the brochure. I p laced my des i red images/ logo and text. I later ga ined the sk i l l s to do text wrapp ing. Us ing Adobe Photoshop, I took out the background of the image of the woman. I brought it back into InDes ign and used the ‘text wrap’ opt ion to wrap the text around the image us ing the “a lpha channe l ” .

The l ogo was des igned i n Adobe I l l ust rator . I used to pen too l to trace an image of a paw pr int and create the heart . I combined the two and brought them back into InDes ign.

For the ins ide I b locked of f a sect ion with the tea l co lo r . I p laced the t it le and text on th is page but le ft room for a l i tt le cut out for the logo. I wanted to add an e lement of surpr i se and have the logo be sp l i t up part ia l l y onto two pages. Although they were sp l i t , they st i l l acted as one e lement. I repeated the logo on the back. I p laced the p ictures on the s ide so they wou ld show through whether the brochure was open or c losed. I used the pen too l to create the curved s ides on the p ictures.

Once I had pr inted my pro ject in the Spor i , I t r immed the edges on a cutt ing board and hand cut the s ide and paw pr int of my des ign.

Programs/Too ls Used: Adobe InDes ign, Adobe I l l ust rator , Adobe Photoshop

Message: In form my aud ience about an ima l adopt ion process, how it works, and about who started it .

Aud ience: Sing le adu lts , fami l i es , and an ima l lovers .

Top Thing Learned: I learned how to wrap text around an image in InDes ign and work paragraph sty l ing .

Co lor scheme and co lo r names: Sp l i t Complementary Tea l , Red, and Green.

Tit le Font Name & Category: Mikado bo ld / Sans ser i f (decorat ive)

Copy Font Name & Category: KG Gir l on Fi re/sans ser i f

Word count: 269

B r o c h u r e

Page 7: Amy Bennett's Design Portfolio
Page 8: Amy Bennett's Design Portfolio

M o n t a g e

Descr i pt ion: An i nsp i rat iona l montage made by the b lend ing of two or more images, and the use of typography.

Process: I dec ided on three images; a g i r l, the ga laxy, and a moon. I n Photoshop, I used the g i r l as the background; I layered the ga laxy on top o f her and brought the opac ity down so you cou l d see her face. Then I masked and brought her eyes back out. I d id th e same th i ng to the moon on the l e ft s ide. Her eyes were or ig ina l ly brown so I used Replace Color. I cou ld n’t f igu re out how to get it to work i n CS6 Photoshop, so I used Corel Photopaint. I t d id the same effect. Ieye-d ropped the d es i red colo r of b lue. I brought a l itt l e more cont rast to the eyes by br i ng i ng out the b lack eye l ashes. I a lso added a s l ight f i lte r. I chose to go with the D i f fuse Glow fi lter so it d i dn’t ta ke away f rom the image. I added the tex t i n last. I b roug ht down the opac i ty on the word ‘Dreams’ so the body copy wou l d stand out more.

Message: I wanted to convey more of a myster ious message. One that anyone can i nter pret howeve r they want to.

Aud i ence: Anyone and everyone who l i kes to wonder.

Fi l ter: Di ffuse G l ow – a pp l ied to the white sta rs.

Co lo r scheme: Ana l ogous

Col o r Names: Pu rp l e, I nd i go a nd Blue.

Top Th i ng Lea rned: Layer i ng and opac ity. I a lso l ea rned about download i ng new fonts fo r Photoshop.

Font #1 Name & Category: Tit l e: Str i pesCaps – Mod e rn/Decorat i veFont #2 Name & Category: Copy: KG Pa rt o f Me – Sans Ser i f

Page 9: Amy Bennett's Design Portfolio

Thumbnai ls Used

Page 10: Amy Bennett's Design Portfolio

I m a g i n g

Desc r i p t i on : Imp rove and show photog raphy sk i l l s . Use the new ly taught Photoshop sk i l l s to my image .

P rocess (P rog r ams , Too l s , Sk i l l s ) : I f i r s t dec i ded my co l o r scheme . I chose the comp l imenta ry pu rp l e and ye l l ow because i t seemed l i k e a more comp l i c a ted scheme to t ry . I had a ye l l ow sca r f that I a r r anged w i th a co f f ee mug . My hopes were that the ye l l ow wou l d g i ve i t a warm inv i t i n g fee l i n g and the pu rp l e wou l d d raw the at tent i on i n . I shot the image w i th my T2 i Rebe l Canon camera and ed i t ed the backg round to be pu rp l e . I used the i ns t r uc ted des i gn techn i ques a l so : l e ve l s , sha rpness , satu r a t i on , and co l o r ba l ance . I added the des i gn e l ements o f the repeat i ng l i n es and the tex t . Afte r the c r i t i que , my g roup suggested I ta r ge t the fema l e aud i ence . So I Photoshopped a l i p s t i c k ma rk on the mug . Ove ra l l i t i s ve ry s imp l e , but that i s what I was i n tend i ng .

Message : I wanted to appea l to the g i r l s wa l k i ng a round on campus . I wanted th i s to po r t r ay the message to come get f r ee hot choco l a te and warm up wh i l e ta l k i ng to new f r i ends . The co l o r scheme i s i n tended to be g i r l y and warm.

Aud i ence : BYU- I daho fema l e students

Top Th i ng I Lea rned : I l ea rned that p i c k i ng a co l o r scheme be fo r e a photo can be ve ry d i f f i c u l t . A l though i t i s d i f f i c u l t , i t imp roved the p rocess fo r me . I d i dn ’ t s ta r t ove r mu l t i p l e t imes and expe r iment w i th d i f f e r ent co l o r schemes . Once I dec i ded on the co l o r s and took the p i c tu r e , I knew exact l y what I needed to do .

Co l o r scheme : Comp l imenta ry

Co l o r names : Ye l l ow and Pu rp l e

T i t l e Font Name & Catego ry : Centu ry Goth i c , Sans Se r i f Font Name & Category: n/a

Page 11: Amy Bennett's Design Portfolio

Original I mage

Page 12: Amy Bennett's Design Portfolio

L o G o s

Des c r i p t i o n : Th r e e d i f f e r e n t l o g o d e s i g n s f o r a c ompan y .

P r o c e s s (P r o g r ams , Too l s , Sk i l l s ) : I wo r k e d i n Ado b e I l l u s t r a t o r o n a l l t h r e e l o g o s . I u s e d t h e p e n t o o l a n d t h e p a t h f i n d e r w i n d ow mos t o f a l l . I f i r s t d r ew t h e t h r e e r e c t a n g l e s a n d b e g a n t o a l t e r t h em w i t h t h e p e n t o o l . Fo r t h e f i r s t l o g o , I p u l l e d i n a s i d e a n d c r e a t e d t h e c u r v e d e d g e . I e x t e n d e d t h e c u r v e w i t h two l o n g t h i n l i n e s . I t h e n p l a c e d t h e t e x t i n s i d e t h e c u r v e . Th e s e c o n d l o g o r e c t a n g l e was n o t a l t e r e d . Th e t e x t o n t h e o t h e r h a n d was . I t y p e d i t a n d d r ew a d i a g o n a l l i n e t h r o u g h e a c h l e t t e r . I t h e n u s e d t h e p a t h f i n d e r w i n d ow - d i v i d e t o s p l i t t h e l e t t e r s i n h a l f . F r om t h e r e I s e p e r a t e d t h em an d c o l o r e d / o u t l i n e d e a c h h a l f . Fo r t h e t h i r d l o g o , I d r ew a sma l l s q u a r e . I p u l l e d i n t h e s i d e s a g a i n u s i n g t h e p e n t o o l l i k e t h e f i r s t l o g o . I p u l l e d i n e a c h s i d e a n d r e c o p i e d t h e s q u a r e . Onc e I r e c o p i e d i t a n d l a y e r e d t h em t o g e t h e r , I u s e d t h e p a t h f i n d e r w i n d ow ag a i n a n d u s e d t h e d i v i d e o p t i o n . I b r o u g h t a p a r t t h e s i d e s , c o l o r e d t h em go l d a n d y e l l ow an d a l t e r e d t h em t o a l l ow t h e wh i t e t o s h ow t h r o u g h . I t h e n a d d e d t h e l o g o t e x t a n d b o d y c o p y t e x t i n .

P r o g r ams/Too l s Use d : Ado b e I l l u s t r a t o r

Me s s a g e : To p r o v i d e a p r o f e s s i o n a l me s s a g e t o p o r t e n t i a l i n v e s t o r s a n d c u s t ome r s .

Aud i e n c e : Anyon e l o o k i n g f o r a t r u s two r t h y a n d p r o f e s s i o n a l i n v e s tmen t f i rm .

Top t h i n g s l e a r n e d : How t o b e t t e r u s e t h e p e n t o o l a n d I l l u s t r a t o r .

Co l o r s c h eme : Sp l i t Comp l emen t a r y – L ime , B r i c k , I n d i g o Mono c h r oma t i c - G r e e n Ana l a g o u s - Go l d , O r a n g e , B r i c k

T i t l e Fon t Name & Ca t e g o r y : 1 . Sc r i b b l e Bo x – Mod e r n 2 . A r i a l - San s Se r i f 3 . Be r l i n San s - San s Se r i fB o d y Copy Fon t Name & Ca t e g o r y : 1 . A r i a l - San s Se r i f 2 . Be r l i n San s - San s Se r i f 3 . Be r l i n San s - San s Se r i f

Page 13: Amy Bennett's Design Portfolio
Page 14: Amy Bennett's Design Portfolio

L e t t e r h e a d

Des c r i p t i o n : Ma t c h i n g l e t t e r h e a d a n d b u s i n e s s c a r d ( n e x t p a g e ) d e s i g n e d u s i n g a p e r s o n a l l y c r e a t e d l o g o .

P r o c e s s (P r o g r ams , Too l s , Sk i l l s ) : I wo r k e d i n Ado b e I l l u s t r a t o r o n b o t h p r o j e c t s . I u s e d many o f t h e s ame t o o l s . I f i r s t d r ew t h e b a l l o o n s w i t h t h e p e n t o o l . To g e t t h em pe r f e c t l y s ymmet r i c a l I u s e d t h e r e f l e c t i o n t o o l . I t h e n a d d e d l i t t l e wh i t e h i g h l i g h t s t o t h e b a l l o o n s w i t h t h e p e n t o o l . A l s o u s i n g t h e p e n t o o l , I c r e a t e d t h e b a l l o o n s t r i n g s c om i n g d own t o mee t t o g e t h e r . Fo r t h e s t a t i o n e r y I p l a c e d t h i s l o g o i n a l i g h t b l u e b o x a t t h e b o t t om t o s e t i t a p a r t f r om t h e r e s t . I t h e n r e p e a t e d d o t s a c r o s s t h e t o p a n d b o t t om o f t h e s t a t i o n a r y t o g i v e i t a n o t h e r e l emen t . I b r o u g h t d own t h e o p a c i t y o f t h e s e t o a v o i d t a k i n g away f r om t h e l o g o . I wan t e d t h e ma i n f o c u s t o b e t h e t e x t / i n f o rma t i o n a n d t h e b a l l o o n s , s o I p u t i n my c o l o r s c h eme t o t h e d o t s , c h o o s i n g v e r y l i g h t p a s t e l c o l o r s b y d r o p p i n g t h e o p a c i t y t o 50% a n d 20% .

P r o g r ams/Too l s Use d : Ado b e I l l u s t r a t o r & I nDe s i g n

Me s s a g e : I wan t e d t o g o f o r a b r i g h t i n v i t i n g c h i l d l i k e f e e l . I wan t e d t o p r o v i d e a s e n s e o f o r g a n i z e d f u n .

Aud i e n c e : Anyon e l o o k i n g f o r a p l a c e t o t a k e t h e i r c h i l d f o r s ome f u n , o r f o r a p a r t t ime d a y c a r e s e r v i c e .

To p t h i n g s l e a r n e d : How t o b e t t e r u s e t h e p e n t o o l a n d I l l u s t r a t o r a n d I nDe s i g n

Co l o r s c h eme : Sp l i t Comp l emen t a r y – Ye l l ow , Pu r p l e , G r e e n

T i t l e Fon t Name & Ca t e g o r y : C i n n amon c a k e – Mod e r n Human s t52 1 L t BT – s a n s s e r i f

Page 15: Amy Bennett's Design Portfolio
Page 16: Amy Bennett's Design Portfolio

b u s i n e s s c a r d

Des c r i p t i o n : Ma t c h i n g l e t t e r h e a d a n d b u s i n e s s c a r d d e s i g n e d u s i n g a p e r s o n a l l y c r e a t e d l o g o .

P r o c e s s (P r o g r ams , Too l s , Sk i l l s ) : I wo r k e d i n Ado b e I l l u s t r a t o r o n b o t h p r o j e c t s . I u s e d many o f t h e s ame t o o l s . I f i r s t d r ew t h e b a l l o o n s w i t h t h e p e n t o o l . To g e t t h em pe r f e c t l y s ymmet r i c a l I u s e d t h e r e f l e c t i o n t o o l . I t h e n a d d e d l i t t l e wh i t e r e f l e c t i c t i o n h i g h l i g h t s t o t h e b a l l o o n s w i t h t h e p e n t o o l . A l s o u s i n g t h e p e n t o o l , I c r e a t e d t h e b a l l o o n s t r i n g s c om i n g d own t o mee t t o g e t h e r . My p u r p o s e f o r d o i n g t h a t was f o r t h e b a c k o f t h e b u s i n e s s c a r d , t h e b a l l o o n s wou l d a t t a c h t o t h e t e x t . I p l a c e d t h e t e x t a n d a r r a n g e d a l l my o b j e c t s . I t h e n p u t i n t h e c o l o r s . I wan t e d t o g o f o r a b r i g h t i n v i t i n g c h i l d l i k e f e e l . I p u t i n my c o l o r s a n d c h o s e v e r y l i g h t p a s t e l c o l o r s b y d r o p p i n g t h e o p a c i t y t o 50% a n d 20% .

P r o g r ams/Too l s Use d : Ado b e I l l u s t r a t o r & I nDe s i g n

Me s s a g e : I wan t e d t o g o f o r a b r i g h t i n v i t i n g c h i l d l i k e f e e l . I wan t e d t o p r o v i d e a s e n s e o f o r g a n i z e d f u n .

Aud i e n c e : Anyon e l o o k i n g f o r a p l a c e t o t a k e t h e i r c h i l d f o r s ome f u n , o r f o r a p a r t t ime d a y c a r e s e r v i c e .

To p t h i n g s l e a r n e d : How t o b e t t e r u s e t h e p e n t o o l a n d I l l u s t r a t o r a n d I nDe s i g n

Co l o r s c h eme : Sp l i t Comp l emen t a r y – Ye l l ow , Pu r p l e , G r e e n

T i t l e Fon t Name & Ca t e g o r y : C i n n amon c a k e – Mod e r n Human s t52 1 L t BT – s a n s s e r i f

Page 17: Amy Bennett's Design Portfolio

F r o n t

Ba c k

Page 18: Amy Bennett's Design Portfolio

f l i e r

•Desc r i p t i on : Graduate Leade r sh i p Con fe r ence p romot i on . B l ack and wh i te f l i e r f o r an event .

•P rocess (P rog r ams , Too l s , Sk i l l s ) :

I sketched out fou r des i gns I had i n m ind fo r the mate r i a l and I went to I nDes i gn w i th a l l f ou r sketches . I p l anned on on l y us i ng the one I l i k ed the most , but ended up comb in i ng a l l f ou r . I s ta r ted ove r comp l e te l y s i x t imes because I wanted to get i t j u s t r i g h t . I d i dn ’ t l o ve i t because the cont r as t wasn ’ t r i g h t yet . I f ound the cont r as t by mak i ng the bo l d b l a ck boxes and round i ng the co rne r s . I used the boxes and two s imp l e wh i te l i n es fo r r epet i t i ons th roughout the f l i e r . I f ocused on mak i ng eve ry th i ng a ho r i zonta l r ec tang l e . I was g i ven the tex t , image , and content fo r th i s f l i e r so I a r r anged those unt i l I got the f i n i s hed p ro j e c t .

•Message : I am t ry i ng to send th i s message to students who recent l y g raduate h i gh schoo l so they can get a head sta r t i n the wor l d o f commun i ca t i ons . They can l ea rn the p rocess and l eade r sh i p sk i l l s they need to j o i n i n .

•Aud i ence : Recent l y g raduated teenage r s . 18-20 yea r s o f age . Anyone who wants to be a l eade r . A l l ages .

•Top Th i ng Lea rned : I l ea rned how impo r tant cont r as t i s and how i t makes eve ry th i ng l ook bet te r .

I a l so l ea rned how ha rd i t i s to avo i d cente r i ng .

•T i t l e Font Name & Catego ry :

Bodon i Bk BT – Mode rn

•Copy Font Name & Catego ry :

Ar i a l – Sans Se r i f

•L i nks to images used i n th i s p ro j e c t :h t tps : // 130 .commbyu i . o r g/wp-content/up l oads/20 13/0 1/VouantLogo . j p g

ht tps : // 130 .commbyu i . o r g/wp-content/up l oads/20 13/0 1/ Ju l i ePete r son-Leade r sh i p-con fe r ence-bus i ness- r e xbu r g- I daho_7530-as-Smar t-Ob j ec t- 1 .j p g

Page 19: Amy Bennett's Design Portfolio
Page 20: Amy Bennett's Design Portfolio

e v e n t a d

Desc r i p t i on : A p romot i on fo r a fund ra i s e r . Us i ng on l y a scanned image and M i c r oso f t Word to des i gn i t .

P rocess : I thought about a fund ra i s e r and g roup I wou l d l i k e to des i gn about . Once I had an i dea I began l ook i ng fo r an image . I chose to go w i th a s imp l e page o f mus i c because i t wou l dn ’ t take away f r om the who l e and wou l d be a repet i t i v e des i gn . I scanned the image and made su re i t was the p rope r r equ i r ements . I j u s t added shape boxes and co l o r ed them wi th the va r i an ts o f tea l . I added some s imp l e wh i te l i n es and the tex t . I a l i g ned the tex t w i th some o f the wh i te l i n es . I thought the tea l and mus i c had a b i g cont r as t to each othe r . P rog r ams I used : M i c r oso f t Word , HP Photosma r t C4600 Scanne r , PDF2JPG.net (PDF conve r te r ) .

Message : The Bonnev i l l e H i gh Schoo l Orchest r a i s put t i ng on a pe r f o rmance act i ng as a fund ra i s e r fo r a ch i l d at Sh r i ne r s Ch i l d r en Hosp i t a l .

Aud i ence : Students at the h i gh schoo l and membe r s o f the commun i ty .

Top th i ng l ea rned : I l ea rned how to scan an image and how co l o r schemes a re what d raw the eyes i n .

Co l o r scheme and co l o r names :Monoch romat i c Tea l

T i t l e Font Name & Catego ry : Goudy Stout – Mode rn

Copy Font Name & Catego ry : Ca l i b r i (Body) – Sans Se r i f

Scanned images used , sou r ces , o r i g i na l s i z es :

Sheet mus i c

Th i s image was scanned f r om a comp i l a t i on book o f mus i c my mom made fo r me l a s t yea r .

Or i g i na l l y an 8x 10

Page 21: Amy Bennett's Design Portfolio