Portfolio - Heather Holt

PortfolioHeather Holt

Heather Holt:51 North 500 [email protected]

Magazine CoverPrezi PresentationPhotodesignMontageBusiness IdentityInfographicCodingWeb Page MockupBrochure

Contact Information Table of Contents

1 2

Magazine Cover

3

Description:A magazine cover that showcases a self-portrait as well as articles introducing myself.

Date: 9/28/16

Course/Instructor:Comm 130 Section 15Jason Stucki

Program(s)/Tools: Adobe InDesign

Objectives:Learn to create a layout using Adobe InDesign.Apply appropriate typography.

Process: I looked at a lot of magazine covers before beginning this project, and I didn’t love any of them. I did like the CREATE magazine example that we were given, but wanted to do something a little different. I chose to call my magazine Wilder Mind. It was inspired by a music album of the same name. I feel that my magazine would appeal to creatives with varied interests. It’s a magazine that I would want to read.

The article titles are basyed on some of my interests and some different facts about me. “Heather’s Playlist” refers to my varied taste in music, I listen to all genres and you never quite know what you’ll get when you put my music on shuffle. I am a pen and office supply enthusiast, so I can give you some pen recommendations if you’re in need. The subtitle of “Meet Heather Holt” has a few interesting facts. I have been to Yellowstone 24 times, so if you’d like to know where to go, I can help you out. I also love baking, and my favorite thing to make is chocolate chip cookies.

Wilder MindHeather’s

PlaylistIt’s not what

you might expect!

Offi ce Supplies:Which pens

should you get?

September 2016 | Issue 1

Meet Heather Holt:Yellowstone Explorer, ExperiencedPen Collector, and Chocolate ChipCookie Baking Aficionado

5

Description:An instructional presentation created using Prezi.com to demonstrate its features and capabilities.

Date: 10/5/16


Program(s)/Tools: Prezi.comAdobe LightroomAdobe InDesign

Objectives:Create an instructional presentation with 10-15 frames and a catchy title.

Process: Having never used Prezi before, I began by doing some research to see what kinds of presentations this website could create. I brainstormed to come up with some ideas for an instructional presentation. Eventually, I decided to do a presentation about how to make the ultimate chocolate chip cookie (that’s the name of my recipe). I sketched to show the flow of the presentation and how I would place the elements. I looked for some pictures for a background and came up with an image of milk being poured into a glass. What goes best with cookies? Milk, of course. I thought the image had some interest while still being pretty neutral in the colors.I made cookies and photographed the process. I then edited the photos in Adobe Lightroom to compensate for the poor lighting in my kitchen. I also created a .jpeg of the recipe in InDesign that I could include as the final frame.Working in Prezi, using the milk image as the background, I laid out the frames, then inserted my photos. To separate the photos from the background, I added a simple white frame around each picture. I put text with each picture to guide the viewer through the presentation.

Prezi Presentation

7

Description:A full-bleed, 8.5x11 inch photodesign project that includes an original image, a consistent color scheme based on the image, text, and design elements.

Date: 10/12/16


Program(s)/Tools: Adobe Photoshop

Objectives:Create a project using a consistent color scheme in both the image and design elements.Use the basic tools of Adobe Photoshop.

Process: Fall is my favorite season, and I knew I wanted to incorporate the colors of the leaves in my composition. I adjusted the photo in Photoshop by changing the levels, vibrance, saturation, and cropping the image to 8.5 x 11. Seeing as Dr. Seuss is one of my heroes, I knew I wanted to use a quote of his.photodesign-project I chose “It’s opener there in the wide open air,” from Oh, the Places You’ll Go. I tried it in a few different fonts to see how it looked, then added it to my composition. I resized it to fit a little better. I added the leaf shapes at the bottom to act as my swatches. I labeled them using the same font I used for the quote credit. After the critiques, I went back in to add some design elements that better incorporated the color scheme I had chosen. I changed the color of my text. To help my quote stand out from the background, I added a white box behind the text. I reduced the opacity of the box to 39% so you can still see the colors from the background. I added colored bars below the quote for emphasis and to help bring the viewer’s eye around the composition.

Photodesign

9

Description:A spiritual psoter montage using a blend of images and type.

Date: 10/19/16



Objectives:Blend photographs together using layer masks in Adobe Photoshop.Use filters in Adobe Photoshop.

Process: Realistic images really appeal to me, so I knew I wanted to do something that had a realistic feel. I found a quote I thought would be good for this project: “How much of life do we miss by waiting to see the rainbow before thanking God that there is rain?” by Dieter F. Uchtdorf. I then searched out some photos to use and came up with four that I really liked. I blended my four images together. The road is the base, then the raindrop texture. The rainbow and the clouds were added in last. I used a variety of layer masks, blending modes, and the brush tool to combine the images. I added a Water Paper artistic filter to the clouds for a little variety. I then added the quoted text.

Montage

11

Description:Design a logo and create consistent layouts and branding for a business card and letterhead.

Date: 10/26/16


Program(s)/Tools: Adobe IllustratorAdobe InDesign

Objectives:Create three logo options using Adobe Illustrator.Use Adobe InDesign to make a letterhead and business card.

Process: I brainstormed some ideas for a company name, then sketched a few logo ideas on paper. I started drawing some of the logo ideas I had sketched in Illustrator. I kept tweaking the whale shapes until I was happy with them. I added text to the logos, using two fonts each and making sure the fonts contrasted. After I had a few good options for logos, I narrowed it down to the three I thought were best and posted those for review by my classmates and by my facebook friends. I tallied the votes from my friends and classmates. Their feedback was helpful, and I took it all into consideration before moving forward. (In the end, I stuck with my gut and went with the design I liked best.) I made some changes to my final logo design to help with the consistency throughout each element. I created the letterhead and business cards using InDesign.

Business Identity

15

Description:An infographic detailing the number and frequent locations of Yellowstone’s large mammals.

Date: 11/2/16


Program(s)/Tools: Adobe Illustrator

Objectives:Apply the design principles and use appropriate typography.Create at least four graphics or icons using Adobe Illustrator.

Process: I researched to find out how many of each large mammal lives in the park, as well as where they can be seen within Yellowstone. I sketched a few layout ideas. I knew I wanted to use graphics of the animals as icons, as well as a map of Yellowstone. I used the pen tool to create the map of Yellowstone and all the animal graphics. I made sure that the animals where the population is displayed are to scale (relative to each of the other animals). I used textures to create the background and add a little interest to the map. I created each of the graphs using Illustrator, then placed each of the elements in the layout.

Infographic

Sources:

https://www.nps.gov/yell/planyourvisit/upload/RI_2016_FINAL_Wildlife_web.pdf:

https://en.wikipedia.org/wiki/Animals_of_Yellowstone

https://www.nps.gov/yell/planyourvisit/viewanim.htm

https://www.nps.gov/yell/learn/nature/mammals.htm

https://www.tripadvisor.com/ShowTopic-g60999-i481-k9487218-Mountain_Goats_in_Yellowstone-Yellowstone_National_Park_Wyoming.html

Yellowstone s Big 10’Large Mammals of Yellowstone National Park

0

3000

6000

9000

12000

15000

329 bighorn sheep

575 Black bears

15000 elk

36 Cougars

99 Wolves

208 Mountain goats

< 200 Moose

150 GriZZly bears

In Yellowstone, there are:

Where can you see these mammals?

Hayden Valley

Lamar Valley

Fishing Bridge

West Thumb

Tower

Mammoth

Old Faithful

Madison

NorrisCanyon

Mt. Washburn

035 yards100 yards

Remember to give the animals their space!

Yellowstone is home to the largest concentration of mammals in the lower 48 states.Did

You

Know?

17

Description:A customized web page showcasing a logo design and detailing the design process.

Date: 11/9/16


Program(s)/Tools: TextWranglerAdobe Illustrator

Objectives:Use HTML and CSS to customize a web page.

Process: I used the logo from our previous business identity project as the focus for this web page. I made sure to save it as a .png file (to preserve transparency), then resized it to be 300px on the long side. I began customizing the HTML file to contain the appropriate tags and my content. I linked the CSS code to the HTML file and began to customize that as well. I used the colors from my logo as the colors for the web page. I changed the fonts of the page to create contrast in the type while still keeping the text easy to read. When I had finished with my code, I validated both the HTML and CSS. After the critiques, I made some additional changes to the code, including creating an image in Adobe Illustrator to be used as a bullet point.

I was given the text file to customize for this project.

Coding

19

Description:A mockup of a web page for a real or fictional business.

Date: 11/16/16



Objectives:Design a web site homepage using a grid.

Process: I decided to use the logo from the business identity project as the company for my website. I started sketching a few layout ideas for the page. I decided to use projects from my own portfolio as images. After sketching, I picked a layout and opened the 12 column grid in Photoshop. I created a wireframe so I would have something to work from. I started adding content to the document, following my wireframe pretty closely. As I finished my design, I did end up leaving more space between the categories at the bottom, I felt like they were just too close together.

Web Page Mockup

21

Description:A full-color, folding brochure to help promote a business.

Date: 11/30/16


Program(s)/Tools: Adobe IllustratorAdobe PhotoshopAdobe InDesign

Objectives:Use Illustrator to create a logo and icons.Use Photoshop to cut out part of an image for a text wrap.Use InDesign to design a brochure with cutouts, folds, and formatted text.

Process: I created the logo in Illustrator, as well as the smaller bees and the beehive. I created a basic layout of the brochure in InDesign, then began adding in additional elements. I created a background image in Photoshop using a pattern I found online that emulated the honeycomb shapes. I repeated this shape throughout the brochure, keeping all my images in hexagons. I used Photoshop to cut out the bee in the photo from the honeycomb background. I wrote my body copy, then added it into the brochure. I gave each panel a subtitle and created text wraps where appropriate. I created the social media icons using Illustrator and inserted them into the brochure.

Brochure

Busy working to satisfy your sweet and savory honey cravings.

Honeybee Sweets & Eats1520 Artisan Way Logan, UT 84321Pick-up Orders: 435.555.1234Catering: 435.555.5678www.honeybeesweetsandeats.comFind us on social media: @honeybeesweetsandeats

HoneybeeSweets & Eats

To provide our customers with fresh baked pastries and breads enriched with quality local honey. Because fresh artisan bread makes the best sandwiches, we serve a variety of delicious made to order sandwiches for lunch and dinner. We strive to provide a friendly and comfortable environment that every member of the family will enjoy.

Our Mission:Our honey i s loca l ly sourced and the very best quality. All of our breads and

pastries include Newswander’s honey. The Newswanders are old family friends, and we

know their honey is the best around. Besides being a great natural sweetener, honey

has some great health benefits.

Honey is full of flavonoids, which can helpto reduce the r isk of some cancers and heart disease. It helps to reduce coughing and throat irritation, and it can help to

regulate blood sugar. We have jars of honey for sale along with our breads and pastries.

HoneyCatering is available for any occasion, andwe book private events. Come for a Queens’ night out where you can learn to make honey-infused face masks, or you could try Honey Brunch with a craft tutorial to make honeycomb shelves or honey-sweetened pastries. Bring your “honey” for date night on a Winds-day and have your l i tt le bees watch Winnie the Pooh movies while you enjoy a meal. Check the calendar on our website for available dates

or to make reservations.

Cate

ring

& P

riva

te E

vent

s

Art & Photos

Portfolio - Heather Holt