The Illustrator Millinery Shop

 

In this post, I am talking about some icons I created in Adobe Illustrator. I used the theme of hats and created five different hat icons under that theme. I will go over each one and have included a 60×60 and a 400×400 pixel version of each hat. All of these icons are vectors as well and can be scaled to different sizes.

Colors

You’ll notice that although most of the base colors of each hat are different, there are colors that I used to create repetition in the whole set. The blue is used in every hat, and all the rest have some form of the yellow, red, gray, and cream, and straw colors. I didn’t want them to all be the exact same, but by using this color set, I was able to still create correlations while having variety.

Barbershop Hat

I started on this hat with an oval that I used for the top of the hat, then I duplicated it and made it bigger for the brim. With a rectangle to connect them, I wanted to show the curve of the hat, so I included lines as the edge of the top of the hat as well as the hat band. The stripes of the hat band, at least initially, were created by taking the line of the top of the hat and thickening the stroke. I didn’t want it to be too plain, and I wanted to give the image that it was straw, so I added the pound signs to lightly give that image.

Propeller Hat

This hat was the one I created as an experiment to test how well I could use the program. I used several circles and the shape builder tool to build the actual hat in red, then I used the pen tool to create the blue stripes going down the hat and the yellow bill on the front of the hat. I made one-half of the propeller by making an oval and using the angle converter tool to narrow one side and widen the other. Then I used the rotation tool and duplicated it. The little piece holding the propeller is made of an oval and rectangle.

Sailor Hat

To make it easier to see, I put this one on a white background. The sailor hat was how I got away from only doing hats with a brim. It was one of the first that I thought of. I was trying to figure out how to get a single color that was used in every design, I liked the idea of a dashed line acting like a seam in the hat. I created the actual hat with the pen tool, with a circle acting as the middle. The darker inside of the hat also was made with the pen tool.

Sun Hat

This was the first hat I made, which may be evident from its simplicity. I created it with two ovals crossing over each other, and I used the shape builder tool to form the main hat. The band was a line curved across to create shape. The flower was created by having a star that I used the angle converter tool to widen out, then I added a yellow center, which color I used again later in the propeller hat. I tried to stay away from outlines in this icon set, but I felt that this hat was too flat without one, so I gave it a slightly darker outline just to help with shape.

Top Hat

The top hat was the icon that I thought would take the least amount of time but ended up taking longer than I planned. I originally had the sides curving in, but later found a more traditional form was better for this set. The band on this hat is different than the others because I created it using the shape builder and the top of the hat so the curve would match. To get it symmetrical I chose which side I liked more, and I took a rectangle, cut off the side I didn’t like as much with the shape builder, and then reflected a copy of the side I liked. After that, I fused it together using the shape builder again.

Conclusion

As you can see, I tried to design these hats with as little strokes as possible, while trying to give the impression of three-dimensional qualities. I toyed with the idea of using a top view looking down on the hats, but it didn’t give the image I wanted. I feel that how I created these icons captures these various hats in simple terms. These icons were created with the idea that they could be used for a hat company of some kind. I feel the simplicity of the design would appeal to be used for a logo or icon for such a company.

Magazine Spread for Homelessness in Idaho

For this assignment, we were assigned to create a magazine spread for an online article. I chose the article “Church Issues Statement on Homelessness” by Aida Tibbits on the BYU-Idaho Scroll website. Here is the link to the actual article: http://byuiscroll.org/church-issues-statement-homelessness/

The Message of the Design

I felt that the article was aimed at members of the Rexburg community who were able to make a difference by donating money, services, or otherwise. I wanted the design involved to portray alertness, but at the same time not be scary or intimidating. With that in mind, I used the color yellow to signify caution. (such as in stoplights, yield signs, etc.) But I tried to keep the overall theme light. Especially since in Rexburg there isn’t a lot of people without homes. I didn’t want the design to scare away people who could help in what ways they could in surrounding areas.

The Cover Page

The Picture

The front page was designed to introduce the topic. With an image of a homeless person sitting in the shadow of a house, and then the beginning of the article. It catches the readers eye. Especially with how the picture is taken. Using the Rule of Thirds, there is a lot of empty space, but the person is still prominent. This is assisted by leading lines that are created in the bricks of the house. The lines slope downward leading our eyes to the man. The text of the title is also used to frame the picture a little bit. Filling in unneeded space and focusing on the subject.

Contrast in the Design

I used contrast to separate the words of the title. They are in close proximity to one another, so we know that they are all part of the title, but I made the word “homelessness” stand out by making it a thicker font, as well as white with a drop shadow, so it pops out. It is one of the first things that attracts your eye, and when you look at it, you instantly know the subject of the article.

I also contrasted the colors used throughout the article. The yellow is contrasted with a cream color so that the yellow doesn’t become too overbearing to the eye.

The Spread

The contrasting aspects used on the cover are continued here in the spread. These colors create unity in the article, as well as the diamond that is utilized in the back of the cover, as the shape for the pull-quote, and at the end of the text. I initially used more of a checkered design with more squares instead of columns. However, with that design, it was hard to follow where the text was going. This layout makes it easy to follow the text down each column.

Typography

The fonts I used in the text were Palatino and Kannada Sangam MN as the body copy and headings respectively. The use of Palatino was mostly for readability, and the article would be easier to follow. I used Kannada Sangam MN for the headings because it not only contrasted with the body copy well, but I also liked how stark it was, with no serifs or transitions in stroke width. I felt it was subtly compatible with the message of awareness I was using. The headings were bigger to clearly show the change in the article

Picture on Spread

I used this picture because I felt it not only left the article with a more hopeful tone, but it also contrasted with the first image of hopelessness. I also thought that it represented ideas of what readers could do in addition to ideas conveyed in the text.

Wrapping Up

This project helped me learn some of the nuances of using Adobe InDesign and gave me experience in using it for real-world scenarios. It solidified deeper the principles of design (Contrast, Proximity, Alignment, Repetition.) It also helped me learn how to take and use my own pictures for designs.

My Photos

Both of these photos were taken by me and were taken for the purpose of this project.

Taken by Seth Daybell
Taken by Seth Daybell

Reverse Engineering of an Advertisment

Calgary Food Bank Advertisement
Ad created by Calgary Food Bank

This is an image I am using for the purpose of showing contrast, repetition, alignment, proximity, and color. It is part of a line of advertisements that the Calgary Food Bank put out.

Contrast

In this advertisement, we can see contrast not only in the size of the letters, but the font which they artist chose to use. In the upper circle, we can even see differences in the sizing if the words to catch attention.

Repetition

The repetition used for this advertisement wasn’t very evident in this ad. It becomes more apparent as you look at the other ads put out in the same campaign. In this ad, the corn is being opened like a can of anchovies might, and in other ads that went with this one other fruit were opened like cans and other non-fresh foods. In each of the ads, they used the same colors, idea, and fonts.

Alignment

The alignment of the words is evident in this ad. They are straight with each other, giving a clean look.

Proximity

It was easy to tell where the different parts of this post were. In the upper area we had the advertisement, then in the lower left, we had the information of where we could go for more details. Then we had the logo in the bottom right corner. It was spaced out enough to make the different areas clear.

Color

Most of this ad followed a brown color scheme, but it contrasts nicely with the corn to make our eyes draw to it.

Overall Effect

From all of the different aspects of this ad I discussed, we can see that it is a rather clean, neat, and useful advertisement.