Alexandria Griffiths Portfolio

8/9/2019 Alexandria Griffiths Portfolio

1/21

ALEXANDRIA

designs

PORTFOLIO


2/21

ALEXANDRIAdesigns

2

Alexandria Lenz1361 York Dr.

Vista, CA [email protected]

CONTACT


3/21

MontageLogos

Letterhead

Business Card

Brochure

Flier

Event Ad

Web PageImaging

TABLE

OFCONTENT

CONTACT........................................................PHOTODESIGN........................................BUSINESS CARD...............................................LETTERHEAD.............................................MONTAGE..................................................1LOGO.......................................................1BROCHURE.................................................1FLIER.....................................................1EVENT AD.........................................................1WEBPAGE......................................................2


4/21

ALEXANDRIAdesigns

4

PHOTODESIGN

Blessings of Clover This is my photo design project. I wanted to make my photo the foc

Lightroom, Illustrator, & Photoshop

February 8, 2015

COMM130 BYUI Caryn Esplin- Learn basic photography skills.- Choose a color scheme, take a photo to matchthose colors, then incorporate the colors into thelayout.- Use a digital camera to take a quality image, thendownload it.- Adjust image levels, saturation, color balance,sharpen tool on separate layers for NDE (non-de-structive editing.)

- Size and crop the image, then place on an 8.5×11page layout.- Use layers to design text, and repeating graphicelements in Photoshop.- Print with full-bleed margins. Trim only 1/8″ (0.125)from all four sides.

I rst took around 30 photos of the morning frost on the greeneryalong my fence line. I know that if I have to pick a color scheme rstthat I usually work best with earth tones. That seems to be my natu-ral go to, so naturally, I was out in my yard nding those things thatwould t into the scheme – the Split Complementary. After I tookthe photos , using my Canon 40D, I actually edited about 8 using

Vibrance/Saturation, the Sharp tool, Selective Color, Levels, andColor Balance. After I edited those, I chose this photo and started towork on my title and body copy. I knew that I had to add a repeatinelement, so I added the green circles to the clover stalk using theshape tool. Along with that, I used the custom shape tool to havemy two borders for my copy. The lighter brick background is a loweopacity in order to get a more layered feel. In choosing my fonts,it took a while to get the pairing that I liked, and still was legibleenough for people to easily read. I originally had a slab serif and adecorative, but decided to simplify with a sans serif and a script. Ithink that visually, with the matching color schemes of the designfeatures and the photo, I have accomplished good gestalt and haveheavily focused on the FOCUS technique.

TITLE:

DESCRIPTION:

PROGRAMS:

DATE:

COURSE:INSTRUCTOR:

OBJECTIVES:

PROCESS:


5/21


6/21

ALEXANDRIAdesigns

6

Aztec Graphics Business CardA Business Card design for Aztec Graphics, a design company

Adobe Illustrator & Adobe InDesign

March 1, 2015

COMM130 BYUI Caryn Esplin

- Use the basic tools in Illustrator & InDesign.- Create a new logo to t a company or personalimage. Do not imitate existing logos or use previousdesigns. Don’t use photos or live trace.- Use the new logo to design consistent layouts fora business card and letterhead. Photos are okay onbusiness card and letterhead as additional designelements. Letterhead should be 8.5 x 11, full-bleedoptional, but trim only .125. Business card should be

3.5 x 2 and printed above center on a vertical page.- Apply typography rules, keeping small copy.Keep designs simple with light watermarks and dropshadows and plenty of white space.Include contact information: name, address, phone,website, and email on each piece. Use periods,bullets, or spaces in phone number; no parentheses/hyphens.

I created everything in Adobe Illustrator. With my initial design I submitted for the critique, I was extremely unhappy with it, so I decidedto go a completely different direction.

I decided to create my business card rst. I wanted somethingsimple yet eye catching. I wanted good contrast, but not too manyelements that it would become busy. I went with the Aztec Graph-ics because I wanted a play on my initials as well (AG), I think thathelped me a lot in unifying my design.

After I created my basic elements in my business card layout, I designed the back with all my information on it. I wanted a very cleanbasic typeface for my body copy. I did not want to add to any of theheavy colors I had in my scheme.

After the business card was done, I created my letterhead. I wantedthe repeating elements in their that I had designed, but I wanteda lighter feel so that people would be encouraged to write on it

TITLE:DESCRIPTION:

PROGRAMS:DATE:

COURSE:INSTRUCTOR:OBJECTIVES:

PROCESS:

BUSINESS CARD


7/21


8/21

ALEXANDRIAdesigns

8

Aztec Graphics LetterheadA letterhead design for Aztec Graphics, a design company

Adobe Illustrator & Adobe InDesign

March 1, 2015


- Use the basic tools in Illustrator & InDesign.- Create a new logo to t a company or personalimage. Do not imitate existing logos or use previousdesigns. Don’t use photos or live trace.- Use the new logo to design consistent layouts fora business card and letterhead. Photos are okay onbusiness card and letterhead as additional designelements. Letterhead should be 8.5 x 11, full-bleedoptional, but trim only .125. Business card should be

3.5 x 2 and printed above center on a vertical page.- Apply typography rules, keeping small copy.Keep designs simple with light watermarks and dropshadows and plenty of white space.Include contact information: name, address, phone,website, and email on each piece. Use periods,bullets, or spaces in phone number; no parentheses/hyphens.

I created everything in Adobe Illustrator. With my initial design I submitted for the critique, I was extremely unhappy with it, so I decidedto go a completely different direction.

I decided to create my business card rst. I wanted somethingsimple yet eye catching. I wanted good contrast, but not too manyelements that it would become busy. I went with the Aztec Graph-ics because I wanted a play on my initials as well (AG), I think thathelped me a lot in unifying my design.

After I created my basic elements in my business card layout, I designed the back with all my information on it. I wanted a very cleanbasic typeface for my body copy. I did not want to add to any of theheavy colors I had in my scheme.

After the business card was done, I created my letterhead. I wantedthe repeating elements in their that I had designed, but I wanteda lighter feel so that people would be encouraged to write on it

TITLE:DESCRIPTION:

PROGRAMS:DATE:


PROCESS:

LETTERHEAD


9/21


10/21

ALEXANDRIAdesigns

10

MONTAGE

Service MontageThis is a photomontage of the LDS Youth’s 2015 Theme.

Adobe Photoshop

February 15, 2015


- Use the FOCUS design process with strong focalpoint and ow- Unify a layout with a consistent theme and dominantspiritual message- Learn to blend two or more images togethergradually, using masks- Demonstrate more advanced Photoshop skills forlayout with multiple elements- Use a mask to apply a lter to one part of the image

- Apply typography principles (titles, quotes, eventsor scriptures…your choice)- Format type: Legibility; Small copy & Title with varying text size. Theme word(s)

I wanted to nd something that I could hang up, or relate to, sowhen choosing a theme, I kept going back to my Laurel lessons andwhat I teach the girls each week, and this theme is just everywhere,so I decided to make it my own designI went to the LDS image archive and searched for images that hadthe keyword of service, I found so many to choose from. In my naldesign I decided to go with ones that had great lead room thatwould keep the viewer on the page and not be led off.Next I did a Google search for a sailboat. I searched other boats,but I made a conscious decision with the sail boat because I feel itencompasses adventure and the sense of the word embark.I opened all these images in Photoshop and used the lasso, mask,and brush tool to soften the edges and to create the overlappingpixels. All the photos were perfectly saturated, and had nice crisplines. I did not have to do any editing on them. I did however createa screen overlay with the sailboat. It had very contrasting colors andthe best solution for me was to create the overlay to lighten theimage a little.After compiling the photos I continued to create my text format. Thwas the hardest and most time consuming. I played for hours to try

to get it right. I am actually pretty happy with my nal.

TITLE:DESCRIPTION:

PROGRAMS:DATE:


PROCESS:


11/21


12/21

ALEXANDRIAdesigns

12

LOGO

Captured Arrow LogoThis is a logo design of my photography company Captured Arrow

Adobe Illustrator

February 22, 2015


- Create three completely different, original logos tot a company or personal image that will appeal tothe audience. Do not imitate existing logos or useprevious designs.- Use only the Illustrator tools to create and draw yourlogos. (No Illustrator pre-fabricated ares, symbols,etc.. No photos or live-tracing. You may use an imageor drawing as a guide to trace it with the pen/pencil,but delete the image before submitting.)

- Gather opinions from at least ten people aboutwhich logo appeals most to them.

I used Adobe Illustrator to do all of my logos. My rst process wasto sketch out several ideas and pick the ones that I thought I couldrene in a week. I have some other ideas that I would like to try toexecute, but that will have to be at another time. After sketches, Ibrought it to Illustrator to create them digitally. My main tools werethe shape, line, and text tools. For my rst logo, other than the typetool, I used the pen tool to create an arrow shaped head. For my lalogo, the rectangle tool and the pen tool were extremely helpful.In the type with my last logo I used the type on a path tool and did

some creative adjustments to get all the words where they neededto be.

TITLE:DESCRIPTION:

PROGRAMS:DATE:


PROCESS:


13/21


14/21

ALEXANDRIAdesigns

14

TITLE:DESCRIPTION:

PROGRAMS:DATE:


PROCESS:

BROCHURE

Mermaid Designs Brochure

Brochure for Mermaid Designs, a swimsuit company.

Adobe Illustrator, Photoshop, & InDesign

March 29, 2015


- Set up and align a two-sided, folded document.- Create an original, new logo and use it in a bro-chure.- Incorporate quality images. Incorporate at least fourquality images, not including the logo. One shouldbe clipped in Photoshop and text-wrapped inInDesign so the text follows the cutout shape of theimage.- Write at least 250 words of original copy in at least

three paragraphs, headers, and subheaders.Trim for a full bleed and print in duplex (two-sided)color.

I designed the all of the brochure in InDesign. I initially started withAdobe Illustrator to get my logo down, but when I decided to gowith a type logo, and with the help of the pen tool in InDesign, I waable to completely create my brochure.

This time around I started with the color scheme and the repetitionaspect. I wanted to be sure I had a good foundation for good gestain the end. Once I chose my color scheme, based on the ocean, I

started to design my repetitious ‘waves’. I initially started to designwaves like you see name brands using, such as RipCurl and Quiksil-ver, but I decided it was much too harsh for a swimsuit company fowomen. So I went with the more subtle curves.

I played around quite a bit with the inside, I wanted it to not feel sobarren, so I used the color backsplashes to really make the informa-tion and the different sections ‘pop’. My titles for the inside werea little tricky, but thanks to InDesign, I was able to gure out how Iwanted it fairly quickly (path tool!). I used the pen tool, type tool,path tool, paragraph styling, stroke, ellipse, and rectangle tool.


15/21


16/21

ALEXANDRIAdesigns

16

FLIER

Graduate Conference Flier This project is a black and white promotional ier for a conference graduating seniors.

Adobe InDesign

January 25, 2015


- Apply the design principles and use appropriatetypography.- Incorporate basic InDesign skills to improve basicier layout.- Retrieve image and logo from links on this page.- Create a project folder with image, logo and InDesign document to keep links in InDesign intact.

My process started with a 8.5×11 piece of plain printer paper andsketching four rough drafts of my promo ier. When I went to digitaly render my sketches with InDesign, I played around with several othe ideas, but found one of my sketches reasonable for the information given. When it was time to critique and send in my draft, I wasnot completely satised with the font choice or my highlighted textin the black boxes, I really wanted my focal point and ow perfect.After receiving three critiques, I went back to InDesign to ne tunemy ier. With my nal submission, I felt like I created great ow, Ifound the perfect font pairing, my alignment is how I would like it,and it has good asymmetrical balance, giving it good gestalt and focus. I saved my ier as a .pdf and sent it in to my local FedEx OfceI picked it up, did my youtube video, and am now posting it here on

my blog.

TITLE:DESCRIPTION:

PROGRAMS:DATE:


PROCESS:


17/21

GraduateLEADERSHIP CONFERENCE

Do you want to have

the competitive edgein business?Come learn how at Vouant Communication’s

annual Graduate Leadership Conference.

Vouant Communications is devoted to helping

tomorrow’s leaders gain essential leadership

skills in the workplace. During this dynamic

three-day seminar, attendees will meet with

top executives of Vouant Communications to

discuss breakthrough leadership techniques,

while cultivating attributes of leadership that

will market to any employer.

Conference is available to

graduating seniors.

Space is limited.

Registration and more

information available at:

www.vouantcomm.com/leaders

October 21

8 a.m. – 5 p.m.

Lincoln Convention Center


18/21

ALEXANDRIAdesigns

18

EVENT AD

Girl Scout Fundraiser Event Ad

Project 2 is an event ad for a Girl Scout Cookie Fundrais

Microsoft Word

February 1, 2015


- Comprehend image sizing (how pixels and incheswork together)- Find, scan and import a high-quality image.- Create a full-bleed design.- Choose a color scheme and typeface(s) that work foryour message and audience.- Learn to use only Word design features withoutusing any Adobe programs, including Photoshop

In order to design this Event Ad, I used my scanner, a Girl Scoutmagazine, and Microsoft Word. After scanning and sketching outsome ideas, when I went to Word to design, I was surprised to ndhow easy it was to navigate. As for my actual design, I knew thatI wanted it to have a youthful feel. Girl Scouts seems to have twocolor schemes, super girly and youthful or the solid earth tones,blue, brown, and green. I decided to go with the youthful scheme,not only does it appeal to children, and Cookie is in big letters, butthe bold colors do catch the eye of the passerby. The FOCUS desigprinciples played an important role in designing this peace. I feltlike I had good repetition with the circles (or the cookie shapes), my

contrasting colors were eye catching, I had a little bit of a diagonal/creative alignment, I wanted good rhythm to make the ow consis-tent and cohesive.

In Word I used the shape tool, the crop tool, the masking tool, the“eliminate background” tool, and the photo editor tool to accom-plish my nal design.

TITLE:DESCRIPTION:

PROGRAMS:DATE:


PROCESS:


19/21

Girlscout

CookieFUNDRAISER

February 25

5 – 8 pm Walmart Vista Storefront

1800 University Drive

Have you

boughtyour

Cookies

yet?


20/21

ALEXANDRIAdesigns

20

WEB PAGE

Captured Arrow Web PageA web page designed to showcase a personally created logo

NetBeans, Illustrator, & Photoshop

March 15, 2015


- Size and optimize an original logo as a .png for a web page so thlong side is 300 – 500 pixels.- Write content to describe the process of creating your logo andhow it appeals to a target audience. (Minimum of 200 words. Inclurationale for colors, appeal to target audience, design skills, etc,)- Acquire a working knowledge of HTML. (Include all required tagDoctype (provided), html, head, title, meta charset (provided), bodh1, h2, p, ol or ul (with li tags), img, br, and a link to blog)- Acquire a working knowledge of CSS. (Customize the provided

CSS provided to format the HTML to complement the logo designChange at least the following: The h1 text color & h1 backgroundcolor, font colors for the paragraphs & list items, the backgroundcolor, font families and add at least one css comment.)- Identify hex colors to match logo, using Photoshop color picker.- Open the HTML page in a web browser and capture a qualityscreen shot with .5 inch margins for printing

I created this web page using Netbeans and Google Chrome. I usethe html and css templates for my basis of the design. After I in-stalled the logo, I used Adobe Photoshop and Google Chrome CSEditor to extract the matching colors for my color scheme.

I used Adobe Illustrator to create the background with the arrows,using the pen tool.

After I made the necessary changes to the CSS and the HTML lesI validated them using http://validator.w3.org/ website to check myCSS and HTML.

TITLE:DESCRIPTION:

PROGRAMS:DATE:


PROCESS:


21/21

Alexandria Griffiths Portfolio

Documents

Transcript of Alexandria Griffiths Portfolio