13a melissa marriott

1

CONTACTMelissa Marriott 503.258.0126 [email protected] www.gatestead.com

Table of contentsPrezi PresentationMontagePhoto DesignBusiness IdentityInfographicMagazine CoverCodingWeb MockupBrochure

2468

1012141618

23

Prezi PresentationDescription: Prezi presentation on how to get rid of writer’s block.

Date: May 12, 2016

Course: Visual Communications 130 Section 13

Instructor: Sara Tranberg

Programs Used: Photoshop

Objective: Description: Prezi presentation on how to get rid of writer’s block.

Process: First I just started doodling anything that came into my head to get my creativity flowing. I came up with a few ideas and my favorite was a collection of doodles inside a head surrounding images. I selected images that have to do with the different steps of combating writer’s block and then I opened Photoshop and created a shape map of where I wanted the images to go. Then I arranged some of my doodles around this shape map. Once I had this done I placed the images. The images needed something to tie them in with the hand-made feel of the doodles so took a piece of paper and played around cutting out frames, tearing frames and folding back the edges of the frames. I finally came up with a scan of the piece of paper that made the images look stressed around the edges.

This Prezi can be found here: https://prezi.com/w7zmq5lhgha8/got-writers-block/

45

MontageDescription: Montage featuring a spiritual message about my son.

Date: May 26 2016




Objective: Create a photo montage

Process: First I selected the message I wanted to relate. The quote was “Stellar Spirits are often housed in imperfect bodies”. Then I selected an image of my finger next to my preemie son’s hand. I sketched some ideas around this and decided on the idea of having this image surrounded by clouds. I used Photoshop to meld these two images together using masks. Once I had these two images melded together someone suggested incorporating a “Stellar” image of stars or galaxies. I selected an image from nasa.gov of a field of stars. I used masking in Photoshop to place a field of stars behind the clouds. I added a sun flare above the quote but after a suggestion from my teacher I moved the flare to be behind the quote.

67

Photo DesignDescription: PhotoDesign project about gardening featuring a color scheme.

Date: May 19, 2016




Objective: Create a photo design with color scheme

Process: First I selected a quote I wanted my PhotoDesign to be about. I chose one having to do with two things I love, books and gardens. I sketched out a few ideas of things to do and selected one with one of my children reading in my garden. I took various photographs of my children reading in the garden and chose one that looked good. I looked for the predominant color in the photograph. The only color I couldn’t change was the green of the leaves in the garden. I also saw a bit of violet. I selected a color scheme that involved green and violet which ended up being a split complimentary color scheme. This required a brick color to be added to the photograph so I used a color replacement tool to change my daughter’s shirt from hot pink to brick. I added shapes to the photograph and used the pen tool to create colorful swoops on the right side of the photograph. This felt a little too boring so I changed the transparency of the inside swoop.

89

Business IdentityDescription: Letterhead and business cards featuring a newly designed logo.

Date: June 2, 2016



Programs Used: Photoshop and Adobe Illustrator

Objective: Design a logo then create a business identity.

Process: I chose to do a revamp of the logo for my dad’s business Arise Mentors. I talked to him about his logo and then I wrote down the messages he portrayed with the original logo and his company’s mission. The main theme of his work and logo is helping disabled people through support and improvement. I sketched several ideas that involved the spirit of his message and some of the original elements of his logo. I decided on a logo where the “I” in Arise Mentors was an icon of a person rising up. Once I had this selected I used Adobe Illustrator’s pen tool to manipulate the letter I to look like a person. I selected a base color that was close to the colors Arise Mentor’s website and selected a triadic color scheme to go with it. Once I had the logo designed I went with a circle theme on the letterhead and business cards to echo the circle on the person icon.

1011

InfograhicDescription: An infographic on the benefits of gardening.

Date: June 9, 2016



Programs Used: Adobe Illustrator

Objective: Create an infographic with at least one graph

Process: First I brainstormed ideas around the garden theme. I selected a layout with a flower as the central image. My main color would be green so I chose a analogous color scheme to go with the green. I brainstormed ideas of how to incorporate my one required graph with the image and decided on a set of hills to show how much calories are burned when you garden. I used Adobe Illustrator to design everything from the banner to the blue ladybug. My teacher asked me to somehow incorporate soil to go with my soil fact. I made it look like a cross section of the dirt, giving my flower some roots and putting a worm next to the soil fact to give it more weight.

Gardening gets you out in

the sun where you can soak up some

vitamin D.

185 calories 165

calories 145calories

It’s really good for you

Calories burned per hour from cdc.gov at http://www.cdc.gov/healthyweight/physical_activity/

Gardeningrelievesstress.

Gardening givesyou fresh veggies

Soil contains a friendly bacteria that acts as an anti-depressant.

1213

Magazine CoverDescription: A magazine cover introducing me and featuring articles about my interests.

Date: May 5, 2016



Programs Used: Photoshop, InDesign

Objective: Design a magazine cover to showcase yourself

Process: First I brainstormed what I wanted to say about myself. I knew I wanted it to be about more than just one of my interests. I taught myself most of what I know about my hobbies so I decided on a theme of growing. I sketched ideas that had to do with gardens. I decided on an image of me holding a plant or with a plant in front. I had some photographs taken of me with various plants. Once I had a photograph I liked I selected the predominant color in the photograph and added other colors to form a triadic color scheme. I then created a shape map of where the image and text of my magazine cover would look like. Using Photoshop I made a cut out around myself and my flowers. Then I put them on a colorful background to match the flowers.

Grow

Knit a scarf in one hour!

May 2016

Improve Everyday

Container Gardening with:MelissaMarriott

Learn how to make beautiful hand-bound journals.

1415

CodingDescription: HTML and CSS project on the process behind creating a logo.

Date: June 16, 2016



Programs Used: Netbeans, Adobe Illustrator, Photoshop.

Objective: Use HTML and CSS to create a webpage

Process: First I sketched out some ideas for the layout of my web page based on the logo from the Business Identity assignment. I designed a tiling background of overlapping circles in the colors of my logo in Adobe Illustrator and then adjusted the brightness in Photoshop to make them fainter so they would be less distracting in the design. To match the roundness of the circles I also rounded the edges of the main web page element. I used SVG to add the logo to the top of the web page.

1617

Web MockupDescription: Mockup of a webpage for gatestead.com

Date: June 23, 2016



Programs Used: Adobe Illustrator, Photoshop.

Objective: Create a mock web page design

Process: First I brainstormed ideas for my web page design using old drawings for characters I designed a while a go. Since the character drawings almost had a comic-book feel to them, I gave the web page mockup a comic-book layout. In Adobe Photoshop I created a shape map for the design. I used Adobe Illustrator to trace over my old drawings and color them so that the color would be crisp and neat. I designed the mockup in Photoshop using a clipping mask to drop my character images into the design.

1819

BrochureDescription: Brochure on FrenchGenTutorial.com

Date: July 8, 2016



Programs Used: Adobe Photoshop, Adobe Illustrator, InDesign.

Objective: Design a brochure.

Process: After selecting a topic for my brochure I considered a few ideas geared to connecting with my audience. My audience would be primarily people interested in their French family history so I decided to use vintage images. I wanted to have a cutout. I decided on using the Cathedral of Notre Dame since it is the 2nd most recognized French landmark behind the Eiffel Tower and lent itself more to a cut out shape than the Eiffel Tower. For the cutout I chose the top skyline of the Cathedral and the East facade Rose window. I used Adobe photoshop to transform the rose window on the inside flap into a tree. On the inside of the brochure I selected other vintage images including a panoramic view that could sweep across the entire page and break the columns. My teacher asked me to break up the large open space left above the tree. This presented a challenge as anything I placed there could brak the skyline for the front of the brochure. After brainstorming I imagined a person climbing stairs and saw that it would fit perfectly without disrupting the cut out. For the Title font I selected an Oldstyle font to go with the vintage images.

Front

Unfolded once

2021

Inside Outside