Portfolio

13C_ToniNorman_portfolio5
Cover Page
13C_ToniNorman_portfolio52
Contact Page and Table of Contents
13C_ToniNorman_portfolio53
Infographics
13C_ToniNorman_portfolio54
Brochure
13C_ToniNorman_portfolio55
Photo Design
13C_ToniNorman_portfolio56
Web Design
13C_ToniNorman_portfolio57
Prezi
13C_ToniNorman_portfolio58
Business
13C_ToniNorman_portfolio59
Web Page
13C_ToniNorman_portfolio510
Magazine
13C_ToniNorman_portfolio511
Back Cover

 

 

 

DESCRIPTION:

This is my portfolio project. It is to contain eight of the projects which I completed in this class. This is to showcase the work I have done to be able to present it to someone wanting to see some of my work. It is also to show my ability to use repetition, contrast, proximity, alignment, font and color principles that we have learned through this class.

PROCESS:

  1. The first part was to set up the document correctly with twenty, “8.5 x 11” pages with spreads.
  2. I then chose eight of my projects to display and chose the order I would display them in.
  3. I then started choosing fonts and colors. To choose the fonts, I create a word and then make multiple copies of it and then start adding font styles to it to see what I like. This time I went to https://www.fontsquirrel.com/and found a decorative font to use.
  4. I then worked on a decorative piece that I could use in my portfolio. I originally used green and maroon for the colors, but later changed the green to a navy blue color.
  5. Then I worked on the background and found an image that I could use in the background.
  6. Setting up pages was next. I first worked on the master pages to set up the page numbers and add the background and design to all pages. To take the page numbers off of the pages that I did not want, I used the technique we were shown in the video to use shift ctrl click on the number and it breaks the link. I learned that I could set up the description pages using the master pages so it was standardized from page to page. To change the content, I used the same technique of shift control click to be able to edit the information from page to page.
  7. Adding the images was not too difficult, but then adding all the descriptive information took a long time to write up and get it correct on each page.
  8. Then I spent a few hours revising each of the projects to make them better and then replacing the newer image in the document.
  9. Then I went through the whole document making changes as I felt necessary.
  10. I posted on Facebook for the review part.

 CRITIQUE PROCESS:

  1. Murdock: Very nice Toni. I really like your very unique logo and I like how it ties in to the graphics that you have through the spread. Your alignment looks good. It looks like your table of contents header is the same weight as your body copy and it feels like it’s competing with each other. Maybe consider reducing the size of the body copy. On your spread page I think you’ll be okay just having your header of Infographics on the left page it seems a little redundant to have it on the second. I would also consider taking out the elements on the second page to really showcase your jpeg projects and increase the size of them to fill more of the page.
  2. Jones:  I love the decorative corners. Your logo is so cool! I love that you used your name. It looks great! I think the pages look good but could use some contrast. Good draft Toni!
  3. Sister Tranberg: Make a few changes to the cover page. She suggested that I make the logo larger and possibly use the same font from the logo in place of the script font. She suggested that I change the body copy on the Table of Contents to 9 to 12 pts.

PORTFOLIO CHANGES

I first changed the decorative fonts to Baskerville MT Pro to match what I had used for the logo. I made my logo the focal point of my cover page. I decrease the size of the font on the Table of Contents.  I took off the decorative parts and the title off of the right side pages to show only the project.

SPECIFIC PROJECT CHANGES

Magazine

  1. I first fixed the alignment on the right and the left.
  2. I also aligned the barcode on the bottom with the page number
  3. I took the yellow circle out and changed the font to a yellow on Family History and added a drop shadow to make it stand out a little more.
  4. I changed Raising to the first line so it didn’t stand alone.
  5. I Capitalized Children to match all the other caps.

Business Letter and Card

  1. I changed the bottom of the letter to a solid yellow all the way across.
  2. I moved the write phonics up a little in the logo to give it a little more white space.
  3. I took the round yellow off of the back of the business card and added a yellow line for repetition.
  4. I move a few things around on the back business card and change font colors on some of the text.

Web Page Mock-Up

  1. I moved the middle section into alignment with the outer two columns.
  2. I moved the background of the columns to go all the way up and down from header to footer.
  3. I moved the small icons above the headers.
  4. I took off the drop shadow from the title
  5. I add a little more instructions to the title for the call to action.

Prezi

  1. I did not make changes as I did not purchase the program so cannot get into the program to make changes.

Web Design HTML/CSS

  1. Instructions said that I did not turn in the correct file type.
  2. I did not make any corrections.

Photo Design

  1. I worked on the right and left alignment.
  2. I added Texas to the title.
  3. I created a drop shadow to make it easier to read the text.
  4. I moved the Texas star over.

Brochure

  1. Instructions said that I did not turn in the correct file type.
  2. I did not make any corrections.

Infographics

  1. I increased the size of the canvas. This allowed me to give a little more white space in the facts and graph areas.
  2. I made a few of the icons smaller and changed some of the wording under the icons.
  3. I moved “Fun Facts” down to take up some of the empty space.

TOP THINGS LEARNED:

I had worked with master pages before, but this was a good review. I learned how to break a link from the master page so that I could take off unwanted page numbers by using shift ctrl click. I also learned that you can start the page numbering in a different place than the very first page.

MESSAGE:

The message is showcasing my work I have completed from this visual media class.

AUDIENCE:

My audience will be to people who would like to see my work.

COLOR SCHEME & COLOR NAMES:

Dual color scheme Maroon (R=82 G=0 B=6), and two shades of Light Blue (R=114 G =140 B=165), and dark blue (R=7 G=30 B=52).

TITLE FONT NAME & CATEGORY:

  1. Title and headers: Serif: Baskerville MT Pro.
  2. Text: Sans Serif: Neue Haaas Grotesk 55 Roman.

IMAGES:

Fresh Japanese maple leaves
Background image

http://www.shunvmall.com/leaf-wallpaper/47151716.html ShunVmall.com

VIDEOS:

Below is the presentation of my Portfolio for the end of class assignment.

Below is the video of my printed portfolio.

CONCLUSION:

This has been a wonderful journey taking this class. It was stressful at times, but so exciting once I had finished each projects and to see what I learned along the way. The class has given me more confidence in my graphic abilities and has given me a greater desire to learn more about the Adobe programs and how to use WordPress better.

Brochure

12CToniNormanBrochure
Outside – Four Fold
12CToniNormanBrochure2
Inside

Below are two different ways of using the brochure; one full bleed on top and bottom; two full bleed on all sides.

DESCRIPTION:

This project was to create a brochure using the principles we have learned in the class.

PROCESS:

  1. The first thing I did was to watch the videos provided.
  2. I did the layout set ups to learn how to create an 8.5” x 11” and an 18” x 12” layouts. In this set up I learned how to create grids to help in my design process.
  3. I then sketched my thoughts for a brochure.
  4. I then started with a wireframe.
  5. I then made a rough draft in InDesign.
  6. I picked a color scheme of purple/pink, blue and green.
  7. Then I started in InDesign.
    1. I created an 18” x 12” layout.
    2. I started with grid.
    3. I then added grids to divide the pages into four parts.
    4. Then I added grid lines to mark placement of text and other objects on the inside.
    5. I made a word document for the body copy and help me decide what I wanted in each section.
    6. I then started choosing images and pictures to use in my design.
    7. Then came the arduous work of finding photos, creating images, and then placing them in the brochure layout. This took hours of work and redesigning over and over.
    8. I finally placed it in the Facebook critique and got some wonderful suggestions on how to make it better.

 

ROUGH DRAFTS:

 I made a simple sketches.

 See video

I created wire-frame in Photoshop.

 Schwartz_layout3Schwartz_layout32 

CRITIQUE PROCESS:

 Jones: What a sweet idea! I love that you are honoring your grandmother. The timeline is really neat. I love that you have the pictures “cut out: into representative shapes. The inside is stronger than the outside to me. Just a suggestion, do you have any pictures of her when she was young just to change the cover up a bit? This is looking really nice.

  1. Angelo: Toni I absolutely love this! This is a really creative idea for this project and I really really love the timeline you created with images in the shapes. It really draws me in and makes me want to read the information. I love the little purple/pink flowers and how they are repeated on the front and back. Only things I would change is maybe the gradient on the front. Maybe just pick two shades of pink similar to the flowers so the gradient is more subtle. Also, it’s not always easy to see which image/text block goes with which date on the timeline so I try to use a little more proximity to make that very clear. Maybe just move the text and images a little closer to the dates they match up with. Especially on the first two rows. But overall this is really impressive and I LOVE it. I am really excited to see your final printed project when we are done.
  2. Sister Tranberg: She suggested that I needed some more white space and variety on the inside. She suggested that I use the darker blue for the background. Also, that I needed a call to action or something to tell people what was coming. I needed more alignment and structure on the time line. She also said I needed some subheadings.
  3. Adam Harper: He suggested changing the text to white so it would stand out better against the blue background. He helped me with the cropping of the flower to add to the design.
  4. Sister Tranberg: The second critique was that I needed to add the logo to the front and make an alignment change on the bottom inside from left to right and take the word “of” out of the title section. She suggested fixing the color of the subheadings.

 CHANGES

  1. Changes, changes, changes.
  2. I changed the background to blue on the first page to match the inside cover.
  3. I changed the text to left align.
  4. I created a text wrap with the images.
  5. I fixed up the paragraph styles on the body copy, subheadings and dates.
  6. I changed the background color to a darker color.
  7. I changed the time line so I could have a little difference on the bottom of the page.
  8. I moved things around and changed pictures a few times.
  9. When I printed, I found I had to shift things a little so it would match up on the font and the back and not crop things off that I didn’t need.

TOP THINGS LEARNED:

  1. I learned more about text wrap, paragraph styles, cropping images, and how to make an image in InDesign to place a photo in.
  2. I also learned more about the importance of getting other people’s opinions and reworking a piece. It seems that after a day, I can always come up with some way to improve the design.
  3. I learned that it is best to give yourself a few days on any project and always get critiques from others. Each helps me think through the process and see ways to improve the project.

MESSAGE:

The message is a tribute to my grandmother that can be used at our next family reunion.

AUDIENCE:

My audience is my extended family. My thinking was to use this for a family reunion, but it could also be used for a funeral, but might be a little expensive for this purpose, but would be a wonderful thing for family to be able to take home and keep.

COLOR SCHEME & COLOR NAMES:

Triadic color scheme green (18, 77, 39), blue(85, 128, 193), purple/pink (172, 70, 136).

TITLE FONT NAME & CATEGORY:

  1. Body Text: font-family: Stemple Garamond LT Std, serif;
  2. Title and subtitles : font-family: Akko rounded Std, sans-serif;

IMAGES:

cattleranch
Cattle Ranch
crow
Crow Indians
rosebud-indian-reservation-south-dakota-the-rosebud-sioux-tribes-annual-f2d7jp
Sioux Indians
buckinghampalace
Buckingham Palace
flowers4
Flowers
grand-junction-co-medicare
Grand Junction, Colorado
university-montana-western-cheapest-colleges-most-beautiful-college-campuses-1024x643
University of Montana Western, Dillon, Montana

 

 

  1. Cattle Ranch: https://www.google.com/search?q=Rudolph+Schwartz+Paradise+Valley&rlz=1C1KMZB_enUS574US574&espv=2&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi5x7HNvszSAhXi1IMKHea5Bo0Q_AUIBygC&biw=1366&bih=589#imgrc=0VnlH2jo85muNM
  2. Crow Indians: http://www.visitmt.com/binaries/medium/content/gallery/MTOT/responsive/media-carousel-h/indian-nations/apsaalooke-crow/dsc_1339-2.jpgGrand Junction: http://medicarecolorado.com/images/medicare-colorado/grand-junction-co-medicare.jpg
  3. Sioux Indians: http://l7.alamy.com/zooms/21285583e6e942f7a6ec1fcdd2f2d3fc/rosebud-indian-reservation-south-dakota-the-rosebud-sioux-tribes-annual-f2d7jp.jpg
  4. Buckingham Palace: http://www.buckinghampalace.co.uk/assets/images/bp1.jpg
  5. Flowers: https://www.google.com/search?q=flower+garden&rlz=1C1KMZB_enUS574US574&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi9-drszszSAhUM0oMKHUs3CxMQ_AUICCgB&biw=1366&bih=638#tbm=isch&q=flower+wallpaper&*&imgrc=HDvGumDT0ilpeM:
  6. University of Montana, Dillon MT: http://www.greatvaluecolleges.net/wp-content/uploads/2015/12/university-montana-western-cheapest-colleges-most-beautiful-college-campuses-1024×643.jpg
  7. The church, the elementary school, my grandmother, the mercantile, the family photo, and the ranch are in my possession.

VIDEO:

 

Webpage Mock-Up

WebPageMockUp11

DESCRIPTION:

This project was to create a website layout using sketches and a wireframe.

PROCESS:

  1. The first thing was to watch the videos provided.
  2. I then sketched three wireframes and found one I liked better than the other ones.
  3. I then made a rough draft in InDesign.
  4. I picked a color scheme of red, blue and two shades of gray.
  5. Then I started in Photoshop.
    1. I created my page 1500 x 1500.
    2. I added the 12” grid.
    3. I started adding black squares where things belonged.
    4. I then added my text and picked a decorative font and a sans serif font.
    5. I put all my images in an image folder.
    6. I made sure my images where the correct size.
    7. I then added my pictures
    8. Then I used the clipping mask to place the pictures in the boxes.
    9. I then tweaked things by moving and changing colors.

ROUGH DRAFT:

 I made three sketches.

IMG_3449

IMG_3450

IMG_3451

I created wire-frame in Photoshop.

WebPageWireFrame

CRITIQUE PROCESS: 

  1. Huyett: Love the images! I like how they set up a very clear grid structure for your page. Since you do have a lot of them on the page, I think it might help to increase your white space to balance out all the colors in the images. I’d actually be really curious to see what this would look like if you took both the darker and lighter grey colors out and replaced them with white – I think it might really open up the design. The red text on the grey background is a little hard to read as it is.
  2. Gannaway:  I like the images and the organization of the page! SOmething I would suggest is changing those blocks behind the text. The light gray seems to clash and look a little drastic. I agree with Charlotte, I think white would really open up and simplify your design.
  3. Cherisha: She liked the textured background but felt the color should be changed.
  4. Sister Tranberg: Change the background to lighten it up. Somehow make more of a flow so that you can tell Charity’s artwork vs Cherisha’s , and Toni’s work. Change the color scheme. She wants the photos to stand out more. She felt it was too grid like. Make the site more understandable what it represents.

 CHANGES

  1. I made many, many changes!
  2. I took the background out and left it white.
  3. I changed the color scheme to blue, green and gray.
  4. I changed the square shapes of the pictures to a circular or rounded rectangle shape.
  5. I added a very light boarder around the individual groups to give distinction to each group.
  6. I added social media icons.
  7. I made multiple changes to the logo.
  8. I added a backdrop to the title to help it stand out more.
  9. I worked on the alignment.
  10. I added a menu bar.
  11. I added extra green lines to start and stop the webpage.

TOP THINGS LEARNED:

  1. I learned more about wireframes especially creating them in Photoshop.
  2. Photoshop tools I learned to use.
    1. How to color objects.
    2. How to make a clipping mask.
    3. How to use layers especially how to group them.
    4. I learned how important it is to use this grouping as it makes it much easier to manage the different layers.
    5. I learned how to use a grid.
    6. How to get rid of an outline that kept appearing.

MESSAGE:

The message is to display art work created by members of my family.

AUDIENCE:

My audience is people wanting to view art work of my two daughters or quilts that I have made.

COLOR SCHEME & COLOR NAMES:

Primary color scheme green(184026 or 24, 64,38), blue(11133d or 17,19,61), light gray (DCDBDB or 220, 219,219) and darker gray (757778 or 117, 119,120).

TITLE FONT NAME & CATEGORY:

  1. Title and text: font-family: Segoe Script, decorative;
  2. Subtitles : font-family: Myriad Pro, sans-serif;

IMAGES:

All images were created by myself or by one of my daughters, Charity and Cherisha

Web Design

 

final_draft

DESCRIPTION:

This project was to create a website to showcase our logo design.

PROCESS:

  1. The first thing I did was pull up In Design and started creating a rough draft in there of what I thought I would like to create. I moved things around and had to remember that my coding skills are limited.
  2. I drafted up my text in Word and then placed it in my In Design rough draft.
  3. I used Illustrator to create my color pallet.
  4. I then used notepad ++ and started coding the html. I used my coding book quite a bit and referred back to some of my previous web projects to see how things worked especially the background.
  5. I looked up font sets in my book and picked some of the standard sets.
  6. I created two folders; one for images and one for my css.
  7. I placed my images in the image folder.
  8. I created a new css page in the css folder and began coding in there.
  9. Here are some of the challenges I faced.
    1. Floating my two images.
    2. Getting my background to show up.
    3. Getting my footer to stay stick to the bottom.

 ROUGH DRAFT:

roughdraft

Rough Draft

CRITIQUE PROCESS: 

  1. Huyett: Hi Toni! I like the paper texture you’re using in the sidebars and the overall look suits your logo nicely. Your screenshot is a little blurry on my screen so you might want to see if you can get a better one for Sister Tranberg to critique. There are a couple of things that jump out at me here – the images and captions all seem to be aligned differently, the captions in particular although the color scheme image jumps out as well. It also looks like the “Images” heading is larger than the others (maybe? hard to tell with the blurring), but I think it’s falling trouble zone of being just different enough to feel off, but too close for contrast. I think I’d probably shrink it to match the other headings or possibly take it out entirely just to help clear the whitespace a bit.

    Oh, and you might try increasing the yellow header and title at the top – I think it could give it more weight on the page and help anchor the viewer’s eyes there as a starting point to scan down the page. With all the bars the same size it’s actually drawing my eyes around the page rather than into it. I like that you added your name on the bottom bar, btw – nice touch and finishes it off well.

    Not sure if it’s required or not to link to our blogs specifically (and I think the link you’ve included makes more sense then a blog link anyway), but that might be something to double check.

  2. Adam Harper: He suggested that I move the color scheme image lower on the page, remove the image header and have consistency with the red headers.
  3. Sister Tranberg: She suggested to make all headers in red to be the same type for consistency, and to move the color scheme image lower on the page.

CHANGES

  1. I made the top header a little larger.
  2. I moved the color scheme lower on the page.
  3. I changed the red headers to the same sans serif font for consistency
  4. I added a link at the bottom of the page to my blog page.
  5. I changed the background to a plainer blue.

TOP THINGS LEARNED:

  1. I gained more confidence in my coding skills.
  2. I learned more about floating elements and clearing them.
  3. I learned more about relative positioning. I had to use this to get my footer to stick to the bottom of the page.
  4. I still don’t fully understand the difference between the margin and padding, but gained more experience using these.

MESSAGE:

The message was on how I created my logo.

AUDIENCE:

My audience is people wanting to know how to create a logo.

COLOR SCHEME & COLOR NAMES:

Primary color scheme red(ED1A38), yellow(F3CE1D) and blue (28419A).

TITLE FONT NAME & CATEGORY:

  1. Title and text: font-family: Times, Georgia,serif;
  2. Headers: font-family: Helvetica, Arial, Verdana, sans-serif;

IMAGE AND SOURCE:

blue
Blue Wallpaper for background

Infographics Project

census_infographicsfinal

DESCRIPTION:

This project was to create an informational chart that gives information about a topic of my choice. I chose the United States census since we just studied that in my other class and I found the subject quite interesting. There needs to be at least one graph on the chart.

PROCESS:

  1. Picking a topic was challenging. I thought about doing something about vegetables and nutrients, but couldn’t come up with anything I felt was interesting enough. I then thought about the census and thought there might be some things I could do on it. I spent quite a bit of time researching this topic. I used Family Search Wiki, ancestry and the US government census sites to collect my data.
  2. I wrote down things I found interesting and realized that I could use the population information for a graph. I really found the information on the state census interesting and wondered how I could list this information and make it interesting.  I had the idea to do the United States and put the number on each state.
  3. I looked up color schemes online. When I saw the one with red and blue with a few shades of blue, I felt that would work well for a US theme.
  4. It took some time to pick out two contrasting fonts.
  5. I looked for pictures that I felt would represent the facts I had collected and then went to work trying to create my own original pictures.
  6. I found a US map and blew it up fairly large and then used the pencil tool to draw very quickly around each state. Then I had to go in with the direct selection tool to clean it up and get rid of empty white spaces between the states. This graphic took me the most time, but it was easier than I thought it would be.
  7. I then started drawing the individual fact pictures. I have more pictures, but felt it was getting too busy with the ones I chose to put on and near the end decided to create the ship for immigration as there were quite a few years that dealt with immigration and that is a rather significant thing to find in the census.
  8. The last thing I tackled was the graph. I followed the tutorial given to us about three-fourths of the way down. Then I read that we didn’t need to make them 3-D. I first created a graph using the graph tool and used it to create my own graph. I needed to make changes with size and placement, color and wanted dotted lines across my graph. This process took me awhile also, but I actually like creating my own custom graph.
  9. Below is the project that helped me learn more about using Illustrator e tools.
  10. 6ctoninorman_illustratorpractice
    7ctoninormanbrainstorming
    sketch ideas of the graphics
    img_3446
    Layout design 1

    7ctoninorman
    Layout design 2

 

CRITIQUE PROCESS:

  1. Angelo:This looks so great Toni! I found this really easy and fun to read. I like that you have lots of graphics and less text. It makes the information very easy to take in. I love your color scheme. It’s very appropriate for a Census infographic. I also love your graphics. I am really impressed with how good they look and I can tell you spent a lot of time making them. I would change your title so that it’s not on a squiggly line. There aren’t any other things like that in your design so I think it would look a little better to try to just have your text straight. Other than that it looks great!
  2. Bell: I also like it a lot. It doesn’t seem to busy and the color scheme is excellent for the topic. This is easy to follow. Great job!
  3. Your color scheme looks terrific; you’ve applied it well. In the middle section, the word census needs to be plural in the second sentence. Your graph looks great, but the legend was a bit confusing to me at first. You might want to use Population (in millions) as a title outside of the graph area, reverse the order of the two label items to correspond with the order the data appears, and group them closer together (within a pair of dotted lines).
  4. This caught my eye right away! You did a wonderful job with the map and graph. Your images are simple and really good and your info is to the point. The only thing I would say is the title is a little too wavy. I like to idea, it’s waving like a flag, but it isn’t as on point as the rest. The main titles could be bigger for more contrast. This is really cool though! I really love it!
  5. Adam Harper: He suggested changing the title to take the wave out of it. He felt that I didn’t need the lines to divide the sections. He felt I should move the Fun Facts title over to left align it.
  6. Sister Tranberg: Fix the title font and straighten it out, fix the alignment on the first section, add a bottom to end the graphic, and make changes to the chart to add a little character. Make the sharp corners more rounded.

 CHANGES

I changed the title to the Garmond font, and left aligned it. I made major changes to the first section. I moved the title to left align it. I then left aligned all the images with the text of each section and then aligned them up on bottom and top. I redid some of the images to add some curve to them. I created little people design to give a little more character like population bar graph. I added a bottom section and added the sources I used for the facts in the graph.

TOP THINGS LEARNED:

I learned many facts about the census while researching. It was hard to limit the ideas I had as I wanted to put even more facts on the graphic. I learned how to use the convert anchor tool. I used the pencil tool for the state image and then used the direct selection tool to fix the white spaces. This was challenging, but I got better using this tool. I learned how to use the graph tool to create a chart and how to make it 3D for future use.  I learned how to change the size of the art board and had to redo this many times.

Like all the other projects, I learned that critique is an important process and giving myself time to think about how to improve the project is important.

MESSAGE:

The message is that United States census is a valuable resource for people wanting to learn information about their ancestors.

AUDIENCE:

My audience is people interested in researching their ancestors.

COLOR SCHEME & COLOR NAMES:

Primary color scheme minus the yellow with shades of blue – Red (E70000), Blue (212556), blue shade (4C789F)and blue shade(99AAC2).

TITLE FONT NAME & CATEGORY:

  1. Title and numbers: Sans Serif: Akko Rounded Std regular and bold.
  2. Text: Serif: Stempel Garamond LT, Roman, Italic and Bold.

IMAGES:

Tropical Blue Ocean Water
Background for texture

https://www.google.com/search?q=ocean+water&rlz=1C1KMZB_enUS574US574&espv=2&biw=1317&bih=569&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjNwbHn2prSAhXBxVQKHe4XDGsQ_AUIBigB#imgrc=nVYILTG6UVD0kM:

SOURCES:

  1. https://familysearch.org/wiki/en/United_States_Census_Online
  2. http://search.ancestry.com/search/category.aspx?cat=35
  3. https://www.census.gov/history/www/through_the_decades/fast_facts/1840_fast_facts.html?cssp=SERP

Business Cards and Letterhead

 

 

7atoni_norman_business
Business Letterhead and Cards

DESCRIPTION:

Create a business card with a front and back, and a letterhead using the logo created in the previous exercise.

PREPERATION:

I first watched the video for the lesson and then watched a few other videos on using Illustrator. I looked at a few business cards and then started working on the project.

PROCESS:

  1. The first step was to create the logo in the previous weeks assignment.
  2. I then created a file in Illustrator with three art boards, one 8.5 inches x 11 inches and two 3.5 inches x 2 inches. I started creating the business cards using the logo and the color scheme of red, yellow and blue.
  3. Once I had the business cards created, I then went to the letter head and tried reusing the same designs used on the business cards.

CRITIQUE PROCESS:

  1. We were to have at least ten critiques on our logo. I decided to put mine up on my personal Facebook account and was surprised to get 52 people giving me their opinion. I also got five opinions from class members. About 70% of the people from my Facebook account chose the red, yellow and blue design.  About 90% of my class members chose my purple design.
  2. I met with Adam Harper, the tutor. His main critique was to not use Comic Sans as one of my fonts.
  3. Debbie Murdocks comments on my design post was, “The top business card looks good to me. The last line of the address could be bumped up a bit to be in with the text across from it and it just looks like there is a gap above it. The other side of the business card is great your alignment looks good. Maybe take off the oval on the right of the stationary? The important info will definitely be your contact info. Also Make sure you line up your last line of your address on your stationary just off a few points. Overall I like the colors you have chosen for everything.”
  4. Sister Tranberg: Suggested redoing my logo so that I did not have so much detail. She also suggested that I use a different shape than an oval. I also needed to make sure that my text was not too close to the bottom. She also suggested that I change the font for Write Phonics so that I could use that font for the body copy.

 

CHANGES

I revamped my logo to make it much simpler. I used a different serif font and changed my yellow shape to part of a pencil.

TOP THINGS LEARNED:

I am learning that critiques are very important and that design work takes a lot of changes.

MESSAGE:

The message is a for people wanting a free phonics program to work with their children or those wanting to learn English.

AUDIENCE:

My audience will be people who need an English phonics program.

COLOR SCHEME & COLOR NAMES:

Triadic color scheme – Red, Yellow and Blue.

TITLE FONT NAME & CATEGORY:

  1. Sans Serif: Comic Sans
  2. Title and Body Copy: Serif: Microsoft Himalaya

IMAGES:

bubbles

https://www.google.com/search?q=bubbles+wallpaper&rlz=1C1KMZB_enUS574US574&tbm=isch&imgil=SvHv902YZ96OQM%253A%253BkUI7eY6F8r_XAM%253Bhttp%25253A%25252F%25252Fwallpaper-gallery.net%25252Fwallpapers%25252Fbubbles-wallpaper.html&source=iu&pf=m&fir=SvHv902YZ96OQM%253A%252CkUI7eY6F8r_XAM%252C_&usg=__koCLKqnvQPBWy62gKU1nGeGz6n4%3D&biw=1097&bih=544&ved=0ahUKEwjiwJKzhpDSAhVJwlQKHc-5DHUQyjcINQ&ei=-jWjWOLbGsmE0wLP87KoBw#imgdii=cmUW8x62bqUVhM:&imgrc=SvHv902YZ96OQM:

 

 

Montage Project

ancestry5

DESCRIPTION:

I created a poster design using a background picture of a tree. I used a leaf wallpaper as an under lay.  I then found a picture of a treasure chest and masked it into the picture.  I then added family photos and some text to create the Design.

PROCESS:

  1. My first step was to choose a theme. Since I love family history work and this month is the big family history conference in Salt Lake City, Roots Tech, I decided to create a design promoting family history work.
  2. I first found a picture of a tree.
  3. Then I found a wallpaper picture of leaves to place underneath to give it texture.
  4. I then searched for a picture of a treasure chest. On each of my pictures used the size tool to find large size pictures.
  5. I then searched for family photos that I wanted to add to my design.
  6. The text was the next thing. I came up with a title and used colors from the treasure chest.
  7. After the title, I wrote down many statements about doing family history and then picked the one I liked the best. Again, I used colors from the treasure chest to give it contrast to the green background.
  8. The sky was a little to white and washed out looking so I used the paint bucket and gave it a light blue color.

PREPERATION:

I first watched the video on how to use Photoshop. Much of this was new to me. I then followed the instructions to learn how to create the train montage project. This took me a long time, but I gain skills in using Photoshop especially in masking from working on this project. My husband happened to walk in just as I was finishing this and said, “Did you do that? That looks really good.” That gave me confidence that I was learning and able to create something worthwhile.

screenshot1
Train Montage Project

CRITIQUE PROCESS:

  1. I had my husband look at the design. He helped me make some changes to the theme statement, the text and the blue sky coloring. I sent a copy of it to my family in my weekly email and got the response that it was good.
  2. I posted it on the class Facebook account and got back the following messages:
    1. Catherine Flores: The big thing that stands out to me is how close your text is to the edge. It should probably be moved up. Hopefully that doesn’t make it hard to read. This is a cool idea!
    2. Missy Jones: Great idea! I think you could actually crop the images further out so that there is more blending going on in the trees. Does that make sense? Your text is a little lost. It might be cool to bring the text into the middle more. Beautiful pictures!
  3. I met with Adam Harper, the tutor. He showed me how to use the drop shadow and soften the dark lining.  He also encouraged me to find a color scheme. He showed me how to fix up some of my photos and how to get a better focus in the middle.
  4. Sister Tranberg: Suggested that I use only one photo, and work on the drop shadow so that there wasn’t white space between the letters and the shadow. She felt the green was too bright for the theme. She felt the theme was fitting.

 

CHANGES

I changed from five to three to one picture in the end. I changed the location of my text and made multiple changes to the text. Adam helped me add a black layer to darken the bright green color and give more light focus to the middle. I redid the blending many times to try and not get a hard edge and help it blend better.

TOP THINGS LEARNED:

Doing the train montage took me a long time to follow the tutorial, but I finally figured it out and found that creating these masking pictures is quite fun and gives an interesting effect to the design.

I continue to learn the importance of text and making it fit with the design by the use of typefaces, fonts, sizes, and colors. Adding effects like a drop shadow helps the text to stand out a little more.

I have come to like Photoshop more from this exercise and have learned that this is a powerful tool and I have a lot more to learn from it.

MESSAGE:

The message was work on your family history.

AUDIENCE:

My audience will be people who need encouragement to work on their family history.

COLOR SCHEME & COLOR NAMES:

Analogous color scheme – Green (a3d39c), brown (8c6239), yellow (f2c909).

TITLE FONT NAME & CATEGORY:

  1. Our: Sans Serif: Verdana regular
  2. Ancestors: Decorative: Lucinda Calligraphy
  3. Statement Text; Sans Serif: Verdana regular and italics
  4. Text has a drop shadow on it.

IMAGES/Video:

tree15
Tree

medium_treasure_chest
treasure chest

leaves-wallpaper-8
leaf wallpaper texture for underlay

http://wallpaper-gallery.net/single/leaves-wallpaper/leaves-wallpaper-8.html

kephart
Isaac and Viola Kephart family photo

Personal family picture