A Beginner’s Icon Set

The Beginning

For my Visual Media class, we were assigned to create 4-6 icons. I wanted to imperfect the icons I was making by adding a birthmark to each animal.

My target audience is:

  • Age: 10 & Up
  • Message: That you can find beauty as well as humor in imperfections.

Design Analysis

I created my animal icons to have the same basic circle as well as eyes to create consistency throughout the icons, even though I would be adding a varying of detail to each individually. The colors I selected for my icons were a little more grungy, to once again convey imperfection and symbolize that there is beauty in the dirtiness of life.

The Process: Sketches, Rough Draft & Revisions, Final

IMG_3354
Sketches

While sketching the icons, I realized that 1) I am not the best at drawing horse faces and 2) I felt like I could create something better, which is why I decided to create a goat in Illustrator instead.

The Mole DC Animals
Rough Draft

The Mole DC Animals-04

Icons 400 px by 400 px: 

The Mole DC Animals 2-08
Pig – Clarissa Cook
The Mole DC Animals 2-07
Goat – Clarissa Cook
The Mole DC Animals 2-06
Cow – Clarissa Cook

Icons 60 px by 60 px: 

The Mole DC Animals-01

The Mole DC Animals-05

The Mole DC Animals-03

The Mole DC Animals-02

I have to admit, working in Illustrator Adobe wasn’t easy. For the Visual Media class, I am taking we had to complete this tutorial worksheet and it was even more complicated than I was expecting. Though I am not the best, I feel like I am progressing and that it what matters to me. Be optimistic and keep designing.

Clarissa Cook

 

Magazine Spread Design

The Past Two Weeks

Hello, everyone! The past two weeks in my Visual Media class we have been working on using InDesign to create magazine spreads. We were given the criteria to choose an article from either LDS.org or BYUI Scroll. I decided to choose an article from LDS.org, titled, “The Gift of Being Broken“. I will provide the link to the article at the bottom of this post. The intent of creating this spread was to one, gain some experience using InDesign and two, practice using the design elements I have learned so far.

The Design

I first started off with creating some sketches of what I would want my final product to look like. I designed three so that I would have multiple ideas if only one sketch alone didn’t work out quite as well as I hoped. During this process, I found that the first sketch I created would be my starting point in InDesign.

IMG_3104
Magazine Sketch 1 – 2017 Clarissa Cook
IMG_3103
Magazine Sketch 2 – 2017 Clarissa Cook
IMG_3105
Magazine Sketch 3 – 2017 Clarissa Cook

Photography

For the images throughout the article, I decided to use images of flowers, first in the stage of a bud to the stage of blooming because like the article, there is a gift in the breaking and the blooming. There is this really good quote,  from Anais Nin, “There came a time when the risk to remain tight in the bud was more painful than the risk it took to blossom.” I use this quote because with the article I chose I personally feel like sometimes it is easier to remain in one state of mind than to change perspectives even if it is a better outlook on things. It is sometimes less painful to remain in the depression than to accept that you have it and find the beauty in it.

FullSizeRender
The Bud – 2017 Clarissa Cook
IMG_2967
The Breaking – 2017 Clarissa Cook
IMG_3194
The Bloom – 2017 Clarissa Cook

Typography

For my typography, I decided to use three different fonts – both were contrasting one with another, yet they gave the magazine spread a more distinguished level of appeal. For my body text I used: Mongolian Baiti – Serif Font, for my capitalized words and pull quote lettering I used: Lucida Sans – Sans Serif Font, and for my headings as well as the contrast in my title page I used: Segoe Print – Script. Initially, I struggled to find fonts/typefaces to contrast with one another for my heading and body text, but as I played around with the various fonts that were available I found the two that I liked best.

Color

I used light, airy colors to contrast with the topic of the article as well as to make the overall mood of the magazine as one would read it to be hopeful.

The Final Piece of the Project

magazine spread pdf
Cover Page – 2017 Clarissa Cook
magazine spread pdf2
Spread – 2017 Clarissa Cook

Till Next Time

I love designing and so I hoped you enjoyed reading through my process as much as I enjoyed doing it!  Be hopeful and keep designing!

Link to article: https://www.lds.org/blog/the-gift-of-being-broken?lang=eng

The Elements – Photography Analysis

This week in my Visual Media class we have been learning and reading about photography and composition techniques including the rule of thirds, leading lines, and depth of field.

Rule of Thirds

Original

14707883_1296555240355821_3898335065341134258_o

Source: Erica Savage Photography

https://ericasavagephotography.pixieset.com/jacksonlebaronnewbornsession/

baby

This photographer utilized the element of the rule of thirds by using one of the lines as a line of symmetry for the face. This draws attention to the face which makes it the focus of the picture.

My Rule of Thirds Photo

FullSizeRender_3

Like in the example, my photo also utilizes the rule of third lines to create a focal point. In this photo, it is the reflector and bike rack.

Leading Lines

13680000_1230431250301554_5735707524527568804_o

Source: Erica Savage; https://www.instagram.com/p/BI-xdIWDGVQHYTMqSVbz16RlOtitsaRyzuWSpo0/

leading lines

This photographer utilizes the element of leading lines by using the natural lines to “lead” to the focus of this picture which in this case is the lady.

My Leading Lines Photo

FullSizeRender_1

Like in the example, my photo also utilizes the element of leading lines to lead to the corner in the bottom left of the brick wall.

Depth of Field

18121010_1507709689240374_7746530936456145903_o

Source: Erica Savage Photography; https://www.instagram.com/p/BTSjz5KFOdt/

depth of field

The photographer ultilizes the element of the depth of field to focus on two poppy flowers and blur out the background. This gives the photo an astecially pleasing effect.

My Photo of Depth of Field

FullSizeRender_2

Like in the example, my photo also utilizes the element of the depth of field to focus on one part of the beauty and blurring out the rest.

Summary 

In conclusion, using the various elements in photography allows us to create a more detailed, crafted, and beautiful image that is pleasing to the eye, without even touching Photoshop or any other editing app.

Typography – Analysis

This week in my Visual Media class we are learning and reading about typography. There is this quote about typography that I thought I would share with you guys.

“Dear Typography, 

I know you don’t get enough credit for what you do. Few people are aware of your existence and fewer people know how much you influence things they like. It’s difficult because you always remind us of something else. I want to you to know that I see you. If you ever feel insignificant, consider this; if it wasn’t for you no one would have any information.”

The Original Image

LL Bean Typography Analysis

Source: L.L. Bean Holiday 2011 Magazine Front Cover

I found this image google searching L.L. Bean ads.

Analysis

First Typeface: Slab serif

LL Bean Typography Analysis

Some basic characteristics of slab serif types are that the serifs (which are the longer lines added to the letter) are horizontal and have thick slabs.

  • For example, take a look at the capital “l”s in L.L. Bean or the “n” in Bean.

You can also distinguish what a “slab serif” type is the fact that they have little to no thick-thin transition in the strokes of the character.  These types also have a vertical stress which is a line that can be drawn through the thinnest part of the curved strokes.

  • For example, take a look at the “e” in Bean. The thinnest part of the curved stroke in the character is vertical or straight down, which is why it is called vertical stress.

After looking at this spread some more, I realized that the “Free $10 Gift Card” and “with purchase of $50 or more” are also examples of slab serif.

Second Typeface: Sans serif

LL Bean Typography Analysis 1

Sans serifs are typefaces without serif. The word “sans” means “without”. Sans serifs have no stresses because there is no thick-thin transition. The transitions in the characters are the same with no differentiating factor in them.

  • For example, the word “shipped” has no transitions, it is the same thickness through it all.

Sans serif can also be used in italics to have a more flowing form.

To play it safe, using slab serif and sans serif is always a good idea. An element that makes these two typefaces contrasting is that the designer of this magazine spread chose to either cap the letters or italicize the letters which belong to the typeface of sans serif.

Conclusion 

Before I started taking my Visual Media, I was aware of the concept of typography, yet I didn’t truly appreciate how different types can affect a quote, spread, or layout. It impacts us in more ways than one. It impacts how we read things and can either influence a reader to keep reading or not even begin. Like the quote that I shared in the beginning of this post, typography influences an image. Typography can influence how a person feels towards a particular image. It has more power than sometimes we give credit to.