L13: Portfolio

The Table of Contents page on the ShareFile document is glitchy. At the bottom of the page, the text fluctuates in size and in font. I tried uploading the project several times, but for some reason this error remained consistent. This is how it looks on the InDesign document I created.

Correction

PROJECT CORRECTIONS/TIME SPENT
I spent two hours and forty-five minutes making changes to the magazine cover project and the webpage mockup project

DESCRIPTION
Design a portfolio that showcases all projects from my Visual Media course.

MESSAGE
Showcasing my work in a professional medium

PROCESS
I had an idea of what I wanted to do for the portfolio design. I’d found a number of backgrounds with interesting textures and colors which I wanted to use. However, when I designed the logo (AGN Designs) and accompanying header, I realized that it wasn’t a conducive design. I liked the logo better than I liked the backgrounds, so I ended up changing the background to fit the gold color and the font of the logo I had created. The background I ended up choosing was a plate of brushed steel. I adjuste the fonts to of the header and contact page to make it look like the lettering was either coming upward out of the metal or was carved into the metal itself. I exported it as a jpeg where I placed the design into InDesign and added the project description text.

CRITIQUES
I posted my portfolio’s design to Facebook. Amanda Peck pointed out that the font was kind of big and suggested changing it to smaller font, which I did and which I think looked a lot better than the larger typeface. I also met with Kent Roper on Google Hangouts on Tuesday night for a one-on-one critique session. He suggested cropping out the left side of the HTML/CSS styling page so that the text would be move visible and so that there wouldn’t be so much space devoted to what was essentially unnecessary white space. I took that advice and I think it helped the design. It’s slightly asymmetrical now but I think it makes it easier to see the content on the page. Also, although Kent didn’t make this suggestion, I noticed the layout of his text was arranged in a way that each element was static in position, irrespective of the other text, so I rearranged my own text for a similar effect.

AUDIENCE
Potential employers

TOP THING LEARNED
Creating any kind of visual media content requires planning and organization prior to starting

COLOR SCHEME & COLOR NAMES

color_scheme

Monochromatic plus complementary || Gold and purple-gray

TITLE FONT NAME & CATEGORY
Industry // Sans Serif

COPY FONT NAME & CATEGORY
Garamond // Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT
All images located in portfolio

SOURCE OF EACH IMAGE (website name and hyperlink)
All of the images are original content created by me

EMBED YOUTUBE VIDEO

L12: Brochure Activity

test62

Outer Cover

test6

Interior

DESCRIPTION
Design a brochure for a company

PROCESS (Programs, Tools, Skills, FOCUS principles)
1. I created the logo by using Illustrator to insert an 11-point green polygon and adding different visual effects to it until until I got what looked like stylized palm tree branches. I created an orange triangle for the trunk and did the same thing. I also used Illustrator to create the Mickey Mouse head, the surfboard, and the wine glass icons
2. Also using Illustrator, I inserted an image of a surfboard and then traced the outer edges of it to make the shape of the brochure
3. I used Photoshop to create the montage of all the different theme parks in Florida, to stylize the image of the roller coaster at the bottom of the first page, to cut the outlines of the state of Florida, the surfer, the Ron Jon’s Surf Shop logo, and the house and created .png images so that the text would wrap around the shape of the object and not the square border. I then opened the image of the outline of Florida in Illustrator and placed the image of the beach sunset to use as a background
4. I then inserted the text so that it would wrap around the images as needed

CRITIQUE PROCESS
I posted my project to Facebook at various stages through its development and took people’s advice as they offered it. On Tuesday night, I met with Kent Roper via Hangouts and held a critique session. He pointed out that there was a white line running down the center of each page (this was because the initial surfboard image was asymmetrical, so in order to make it symmetrical, I had to trace one half of it and then copy and paste a mirror image. When I did that, I left a width of about 2 pixels between each half by mistake) and that the page with the Florida outline on it didn’t seem to match the other pages without a header. I added a header to that page and then found my rough draft where I created the surfboard outline, moved the images closer together so there was no white line and then transferred all of the imagery and text from the existing project over. It was a lot of work for such a small thing, but I think it made a big difference overall

MESSAGE
Florida’s awesome! If you’ve never been out here, it’s at least worth a visit.

AUDIENCE
Everyone with the means or desire to travel/move to Florida

TOP THING LEARNED
Rely on other people for help. Using three different Adobe programs and the very nature of the project was kind of confusing to me at first. I wasn’t doing very well until I reached out to classmates for help, at which point I made significant improvement in my project.

COLOR SCHEME & COLOR NAMES
Triadic + complementary || blue, yellow, orange color_scheme

TITLE FONT NAME & CATEGORY
(Logo and Headers) Chantal // Decorative

COPY FONT NAME & CATEGORY
Malaga OTCE // Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT

EMBED VIDEO LINK: 

Lesson 11 Weekly Reflections

This lesson really helped to better understand the way search engines work. I already had a decent understanding of how search engines send bots to scan the coding of pages in order to find their relevance to the search term. I understood that was part of the reason why it was important to include something in the <title></title> tags, but I was kind of surprised to learn that the description in the title tags should be a keyword. I didn’t realize that the bots were so optimized that they could determine which words are more relevant than others when compared to what the phrase the user searched for.

It also helped me understand why so many sites look completely cluttered with their links to social media. I always thought that providing links to Facebook, Twitter, Instagram, etc. was unnecessary and made the page look ugly.

Some incorporate it more fluidly than others. For example, the Washington Post (bottom right) allows the social media links to meld fluidly with the rest of the page, whereas kisscartoon.me (bottom left) has icons that are loud and draw attention away from the main content. Even BYU provides links to social media.

It’s practically omnipresent nowadays, and I didn’t know why until this lesson. Apparently a website’s ranking can rank higher if social media is implemented correctly. It’s like how backlinks can increase your website’s rank. Encouraging users to share your page’s content is not only good for spreading awareness of your brand, but more shares = higher ranking on search engines. It makes a lot more sense to me why a page that displays just about any type of information or media provides these links; it’s a competitive tactic.

I don’t know how I feel about incorporating backlinks and social media links into my site though. I’ve been designing three different websites this semester, which is an incredibly time-consuming task, and so unfortunately I haven’t been able to devote the amount of time I would like to my website. I want to provide links but I also feel self-conscious about my incomplete, bland site. Granted, I most likely will anyway because even if my work-in-progress isn’t stunning, incorporating what I’ve learned in these lessons will only help see how the ideas work in real-life applications and it will be to my benefit.

L10 Webpage Mockup

10AAlexNielson

1. Description: Design a website homepage using a grid

2. Process (Programs, Tools, Skills, FOCUS principles):

  • This was one of those instances in which the final result turned out almost nothing like how I originally envisioned it. I initially tried to follow my sketch outline, but the more people offered suggestions on how to improve it, the more I decided to change the overall design. I’m glad that I did, I feel like it was a great improvement. I’ll only talk about the process of creating the final draft, and not the rough copies
  • I changed the color scheme to match the red and gold of the logo, matching the words “Western Connections” to mirror the colors of the logo.
  • For the yin yang I used the pen tool to trace one quarter of a circle, which I then copied and pasted three times and made into each of the quadrants. I grouped all four of them together as a single shape, selected “place linked” and uploaded the image of the yin yang. I then changed the yin yang image to “create clipping layer” and set it as the background for the four quadrants
  • I found a blank map of the United States (minus Hawaii and Alaska) and a blank map for China. I used the magnetic lasso tool to create an outline for each of them, which I then copied to the main Photoshop page I was working on. I originally had each country situated with their respective flags as a clipped layer to fill the shapes. I made a mistake and was left with the white backgrounds, which I actually think looked better against the blue backdrop, so I decided to keep it.
  • I created four rectangles of equal size, placed linked images, and made clipping layers of those to make the backdrops of the four pictures
  • I then created more rectangles of a smaller size and repeated the process for the social media icons in the footer
  • Lastly, I made black rectangles and placed them behind two of the elements to create a kind of border that would highlight the most important parts of the page and make the content easier to process.

3. Critique Report: Brother Stucki’s critique is what led to the drastic overhaul of the original design. He suggested that I try to incorporate the logo into the heading and the top text somehow. That got me to start experimenting with ideas. The logo is the Chinese character 西, which means “west”, so I wanted to use it as a visual representation of how the company is forming a connection between the eastern and western hemispheres. I decided to make each arrow of the character pointing to America and China to illustrate this.

A lot of people on the Facebook page suggested I change the color scheme because there were too many abrasive colors that didn’t seem to mesh well. So I ditched the original color scheme and made a more simplified one based off of the gold and red in the logo, which I think gave it a much more lively appearance.

Due to internet problems, I wasn’t able to meet with a classmate via Hangouts like I usually do, but I was able to meet in person with my sister-in-law who took this class last semester. She told me to even out the spacing because it looks too busy and cluttered, which made it difficult to determine how to navigate the page. I spaced things out a little bit better and ended up with the final result.

4. Message: Learning Chinese isn’t just learning a language, it’s a way to bridge the gap between your culture and that of the Eastern world.

5. Audience: Anyone who has an interest in learning Chinese, whether it’s a passing curiosity, mild interest, or a strong determination to learn the written language

6. Top Thing Learned: Take advice from people. I think the end result of this project turned out so much better than the original design, and I wouldn’t have produced the final project if I hadn’t listened to the advice of others.

7. Color scheme and color names: Triadic || red, yellow, blue

Color Scheme

8. Title Font Name & Category

Logo: “Bauhaus 93”, Decorative

Headers: “Javanese Text”, Serif

 

9. Copy Font Name & Category

Body text: “Antique Olive”, Sans-Serif

Chinese text: “KaiTi”

10. Thumbnails of any original, unedited image used in the project:

There’s a lot of them here…

Facebook Submission.jpg

This was the original design. I just wanted to include it for provide some contrast between this and the final draft

11. SOURCE OF EACH IMAGE (website name and hyperlink)

Chinese girls studying:

Blank map of U.S.: 

Simplified/Traditional Arrows: 

Blank map of China: Googled (forgot to save the exact file destination)

Mt. Taishan: I took this photo while in 泰安

Facebook icon: 

Buddha statue: I took this photo while in 北京

Instagram icon: 

LinkedIn icon: 

Logo: I created this image using Photoshop and an Android app

QQ icon: 

Twitter icon: 

Calligraphy picture: 

Yin Yang: 

Sketches: (see video)

12. Embed Video Link: 

 

L09 HTML & CSS Project

Screenshot 2

1. Description: Code a custom webpage with HTML and CSS.

2. Process (Programs, Tools, Skills, FOCUS principles):

  • This project was actually very easy for me to decide on how to design it. I already had a title font and body font in mind because I’m using them in pages for other classes. I went to Google Fonts, searched for the fonts and incorporated the link code to provide in my HTML and CSS
  • I originally chose a color scheme adapted to the colors on the logo and kept the background color a static blue. After looking at other peoples’ posts to the Facebook page, I decided that I wanted to have an image for the background
  • I did a Google image search for “Viking warrior” and found an image that I liked and saved it into my local files to be linked into the HTML
  • I did a Google search on how to use a local image file as the site background, only to discover that the image was set to repeat. So I searched how to fix the image to the screen and implemented that into the CSS
  • I changed the color scheme to match the new background image instead of the logo and changed the colors of the headers, divs, and font in order to match it
  • I then adjusted the location of the logo itself by experimenting with the margin setting

3. Critique Report: I read brother Stucki’s critique and took his advice on removing the bulleted list items, as they were redundant. I also took his advice to change the fonts I used because they were too similar and needed a starker contrast. I didn’t decide on what fonts to use until my peer critique with Kent Roper. He suggested that I use the logo’s font as the font for the header and to use a sans-serif as the body font. I tested it out and agreed that it looked better.

4. Message: Vikings are awesome and manly. If you wear Valhalla Wear clothing you will also be awesome and manly

5. Audience: Awesome and manly men. The same type of audience that would be drawn to Old Spice advertisements because of their over-the-top weirdness. And Vikings.

6. Top Thing Learned: I don’t mean any disrespect to this class or the typical assignments that we do, but I learned that I enjoy coding far more than I enjoy using design tools like the Adobe Creative Studio

7. Color scheme and color names: Complementary || Brown #363103; dark gray #595438; light gray #A0A37D; drab gray #433926

8. Title Font Name & Category: “Goudy Stout”, Serif

9. Copy Font Name & Category: “Arial”, Sans-Serif

10. Thumbnails of any original, unedited image used in the project:

logo

 

11. SOURCE OF EACH IMAGE (website name and hyperlink):

Logo: I created this image

Viking Warriors: PC Wall Art (http://cdn.pcwallart.com/images/viking-warrior-symbols-wallpaper-2 .jpg)

12. Embed Video Link: 

L08 Infographics Project

8AAlexNielson08-01

1. Description: Create an infographic that organizes data in a visually pleasing way

2. Process (Programs, Tools, Skills, FOCUS principles):

  • I decided on a subject that I thought would make an interesting topic for an infographic (movies/the film industry)
  • I then thought of a catchy header that would grab the audience’s attention. I decided to model it after the Hollywood Video logo
  • Once I decided on that logo, I chose a triadic color scheme that was reminiscent of the logo’s
  • I created a purple rectangle for the background and used a different shade of purple with the pen tool to create the mountains
  • I used the text took to write “DID YOU KNOW” in black text, then copied the text, changed the coloring to white, and then placed it behind the black text and slightly unaligned to make it look more visible
  • I then found an image of the Hollywood video logo, uploaded it to Illustrator, and then used the pen tool to trace out the the letters, highlighted the letters, and grouped them together to form a single unit
  • I used elliptical shape tool to make the lenses and bulbs of the searchlights and another rounded rectangle shape for the body of the searchlight. For the lenses of the searchlight, I went to effects > stylize, and adjusted the inner glow to give it more of a luminescent look. I added an elongated trapezoid shape for the light beams and adjusted the opacity as well as their position in the layering of the different elements so that it overlapped some elements while passing behind others. For each searchlight and the beam of light, I selected all of the individual components and grouped them together so they would be adjusted as a single image
  • I then decided on typography for the title, the body, and emphasized words in the body
  • I made used the shape tool and made circles and rounded rectangles for the male and female symbols, a well as the pie graph. I changed the stroke thickness of the gender symbols to give them a thicker, more stylized effect, and used the “create shape” tool to merge all the pieces together into a new shape
  • I created simple black rectangle for the backdrop of the gender statistics and Canada/US statistics
  • I actually didn’t create the film reel image. It was too difficult, so I found a free usage one on Google and copy/pasted it in and adjusted the size. I used the pen tool to draw the roller coaster track by making one half, copying it, and reversing the image so that the track would be symmetrical. I then used the rectangle tool to make the cars on the track. I used the pen tool and the line tool for the football and then used the text tool to add all of the statistics beneath them
  • I used the polygon tool to make a star for the tree. I then made three overlapping triangles for the body of the tree and a brown rectangle for the trunk. I highlighted all the pieces and grouped them together to form one image
  • I then created a final black rectangle to serve as a backdrop for the bottom section of the infographic and arranged the layering so that it was in front of the mountains but behind the tree, the text, and the searchlights
  • In the final step, I went back and added a drop shadow to all of the elements that I thought would benefit from a more 3D look

3. Critique Report: I watched Brother Stucki’s critique and took his advice on how to hollow out the “O’s” in Hollywood, adjust the typography to a more readable font, and to emphasize different words to make it pop out more. I then met with Mike Summers over Google Hangouts who suggested that I might want to try making the gender symbols white instead of black. I tried that but ultimately decided that the contrast between black symbols beneath white text looked better.

4. Message: no real profound message here, just a little bit of fun information that most people might not know about the movie industry

5. Audience: people who enjoy movies and/or Hollywood

6. Top Thing Learned: how much easier it was to find a direction when appropriately planning things beforehand. Doing the sketches and choosing a color scheme were a little bit time consuming, maybe 30-40 minutes, but it ended up saving even more time of just experimenting with unclear ideas

7. Color scheme and color names: Triadic || purple, yellow, orange

8. Title Font Name & Category: Gill Sans MT Ex Condensed || Sans-serif

9. Copy Font Name & Category: Berlin Sans FB || Sans-serif; Britannica Bold || Decorative

10. Thumbnails of any original, unedited image used in the project:

My own sketches

Sketchesblack-film-reel-256

11. Source of each image (website name and hyper link):
Black film reel image: https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0ahUKEwj3756ei5rNAhUKKiYKHdppCrIQjBwIBA&url=http%3A%2F%2Fwww.iconsplace.com%2Fdownload%2Fblack-film-reel-256.png&psig=AFQjCNFHtTuSYjg0Um07g0O16HBZpeN8Yg&ust=1465532255503600&cad=rjt

Film industry information: http://www.mpaa.org/wp-content/uploads/2015/03/MPAA-Theatrical-Market-Statistics-2014.pdf

12. Embed video of printed project

L07: Business Identity Project

7AAlexNielsonLetterhead 01

7AAlexNielsonBusinessCard 02

1. Description: Create a logo for a company/service/organization and establish a visual identity across documents.
2. Process (Programs, Tools, Skills, FOCUS principles): With this project I accidentally went out of order, and in doing so, unnecessarily complicated the process.

  1. Being completely new to Adobe Illustrator, I opened up a blank template and started experimenting while watching Brother Stucki’s tutorial
  2. Seeing the anchor that he created for his example logo made me think of the Norse symbol for mjollnir, Thor’s hammer (they’re somewhat similar in shape) which made me decide to pick a Viking theme for the company.
  3. I decided on Valhalla Wear as the fictitious company and created three logos that were representative of Vikings: Mjollnir, an Ulfberht sword, and a Viking shield.
  4. For the shield, I used the circle tool to create three concentric circles and four other circles to be placed inside for decoration. I then used the pen tool to make the design on the face of the shield. For the Mjollnir and the sword, I used the pen tool to create half of the shape that I needed, then I copy/pasted the half and created a reverse image to match up with the opposite side to make a symmetrical shape.
  5. I exported each of the images to JPEGs and uploaded them on Facebook to get people’s responses. I got responses from my YSA ward, various Facebook friends, and classmates from Brother Stucki’s COMM 130 page. The most popular logo was the sword, so I chose that one for the letterhead
  6. Unfortunately, since I started the project by following along and experimenting with Brother Stucki’s tutorial, I forgot to do the necessary planning and neglected to choose a color scheme. So I retroactively went to Paletton and chose a complementary color scheme that luckily were very similar to the original colors that I had used. In fact, the color scheme made the colors more vibrant and improved the image overall.
  7. I then created an 8.5 x 11 document in InDesign. I deleted one of the reflective glints on the sword and then copy and pasted two images of the sword, one to place at the top of the page and one to place at the bottom. I took advantage of the horizontal style of the sword’s blade and used that as a border for the letter head. I then created a rectangle to place behind both of the images to add a little extra color and to make it easier to read the text.
  8. After that I created two 3.5 x 2 inch documents for the business card. I did the same thing as before–I copy/pasted the sword so that both ends would be on either side of the business card. I angled Valhalla Wear to follow the slant of the sword’s hilt and did the same for the phrase “embrace your inner viking” to give it a more stylized effect. I created two brown rectangles, one for the top and one for the bottom and created a third rectangle with that grayish-brown color to serve as a backdrop for the entire image. I then selected all of the rectangles and sent them to the back so that they would not interfere with the foreground.

 

3. Critique Report: I fell a little bit behind due to some hosting problems for a site I created for another class and was only able to upload the logos to Brother Stucki’s Facebook page instead of the entire letterhead, so unfortunately I didn’t receive any feedback from him. I did, however, use Google Hangouts to get input from a number of people who suggested that I adjust the colors (which led to me remembering to incorporate a color scheme) and play with the font a little bit for the logos. I also met with Kent Roper over a Google Hangouts video chat and he suggested that I take advantage of the logo’s horizontal design and use that as the baseline for the letterhead, which I think ended up looking really good.
4. Message: Not really any deep, meaningful message with these project. I basically tried to create an image for a company that doesn’t take itself too seriously and advertises specifically to men, like Old Spice.

5. Audience: The manliest of men; men who want to buy clothes from a Nordic icon that represents the toughest of all warrior cultures


6
. Top Thing Learned: To not get ahead of myself. Planning and conceptualizing is an important part of the process and you can actually end up taking longer on a project than you intended if you try to get a head start.

7. Color scheme and color names: complementary || dark gray, white, light gray, brown
Color Scheme

 

 

8. Title Font Name & Category: Goudy Stout || Decorative
9. Copy Font Name & Category: Eras Demi ITC || Sans Serif
10. Thumbnails of any original, unedited image used in the project:

Original designs:

Facebook Submission

 

Mjollnir with updated color scheme:

Mjollnir Rough Facebook Submission 02

Sword with updated color scheme:

Ulfberht Facebook Submission 02

 

 

 


 

 

Shield with updated color scheme:

Viking Shield Facebook Submission 03

 

11. Source of each image (website name and hyper link): I created all of the images

12. Embed video of printed project: https://www.youtube.com/watch?v=25XzY1YiPuo&feature=youtu.be

L06: Montage Project

Untitled-1

1. Description
Design a spiritual poster montage using the blend of images and type.

2. Process (Programs, Tools, Skills, FOCUS principles)
1. This was actually one of the first projects that I didn’t need to brainstorm very hard on. I always loved visiting Temple Square in Salt Lake and seeing the table where they have the Book of Mormon available in dozens of languages. I always thought it was the coolest thing that even though some of those languages were in no way similar to the others, the message remained the same in each of them. I always liked that idea and this was my chance to put it into a visual format.

2. Knowing that this was the direction I wanted to take it, I Googled images of Christ and an English Bible

3. I set the image of the Bible as the background, cropped Jesus out of his image and added it as an extra layer over the background with slight transparency and blending so that the hard outlines weren’t as noticeable.

4. I chose a goldish brown color to match the black, brown, and beige theme established by the Bible, the table, and Jesus’ robe for the text. I then went to bevel and emboss for each item of text and adjusted the transparency and fill for different levels of transparency.

5. While in the bevel and emboss settings, I also increased the depth of the text to 500% to give it a 3D effect that popped out more on the screen.

6. I then added the text on the Bible itself to share the message

7. I brought the image of Jesus to the forefront so that all other text would go behind it.

3. Critique Report
I watched Brother Stucki’s video critique. I listened to his advice about adjusting the fonts and ended up finding that if I made the word “love” a different font from the others, it actually made the message more prominent. I found a stronger font that made the other words more noticeable and it placed a greater emphasis on the word “love” by having it be the only one in cursive.

I also took people’s advice from the Facebook page into consideration. Andre Nell asked if I had used at least two fonts, which was the requirement for the picture. This prompted me to adjust the fonts of the non-English words and I discovered that different font styles for Chinese, Arabic, Russian, and Hebrew actually made a striking difference.

On Tuesday night I met with Kent Roper over Google Hangouts. After listening to his critique of my project I decided that it would look a little better if I adjusted the positioning of some of the words in the background to fill up some of the empty space and make it look more complete.

4. Message
To emphasize that the Gospel remains the same no matter where you are in the world. Regardless of language, culture, or race, the words of the scriptures teach the same thing and demonstrate God’s love for us.

5. Audience
Mainly Christians but ultimately everyone.

6. Top Thing Learned
I learned that I really should take notes as I experiment with new tools on PhotoShop and other programs. I was able to achieve a number of cool effects that I really liked only to discover that I couldn’t remember how I had done it. I think if I had an open word document where I jotted down notes it would have saved me quite a bit of time that I lost trying to recreate the process.

7. Color scheme and color names
Monochromatic || brown, beige, cream, black

8. Title Font Name & Category
Font name: Sitka Bold; Monotype Corsiva Regular || Category: Serif; Decorative

9. Copy Font Name & Category
Font name: Sitka Bold Italic; Palatino Linotype Bold; KaiTi Regular; ||
Category: Serif; Serif; Monospace

10. Thumbnails of any original, unedited image used in the project

14 Christ

 

 

 

08 English Bible

 

Image 1                                                                Image 2

11. Source of each image (website name and hyper link)

Image 1
Source: ldsbookstore.com
URL: http://ldsbookstore.com/Shared/Images/Product/Gentle-Healer-Print/gentle_healer_large_1.jpg

Image 2
Source: indianexpress.com
http://images.indianexpress.com/2016/03/bible_1500_thinkstockphotos-486697386-1.jp

12. Embed video of printed project

5A Photodesign Project

Final Project

1. DESCRIPTION
By using photography and design skills, create a project that encompasses a consistent color scheme from the image.

2. PROCESS (Programs, Tools, Skills, FOCUS principles)
The steps that I followed in my process were:

  •  I first thought of the message that I wanted to share. I decided on “look beneath the surface” as a reminder to people that there is a lot more substance to the world then what we see at first glance
  • Although I didn’t have a specific picture in mind, I knew that I wanted to use Florida’s gorgeous scenery in the picture, so I chose a color scheme that I thought would look good with nature colors.
  • I experimented by taking photos outside that I hoped would exemplify the message “Look beneath the surface” and discovered the perfect image when I noticed a rose had sunk to the bottom of the pond behind my house.
  • I changed the lighting of the picture. It initially looked dark and muddy and didn’t present a very clear image of what I wanted to show. After brightening the picture I adjusted the vibrance and saturation to make the red of the rose to pop even more than before.
  • I created a new 8.5 x 11 inch document in Photoshop and inserted the photo as the background.
  • I created graphics for the original design idea that I had. After the critique I determined that the original images were too busy and distracted from the overall message, so I simplified by removing everything but a few bars at the top and bottom, allowing the photograph to stand out more.

3. CRITIQUE REPORT
I met with Kent Roper on Google Hangouts. He pointed out that a couple of the elements I had created were a little distracting and suggested that I remove them which made an immediate improvement. He also suggested that I could try to adjust the font for the word “beauty” to make it stand out a bit more, exaggerating the message I wanted to convey. Andre Nell and David Stoddard suggested that I experiment with opacity and fonts to see if I couldn’t improve upon the image. I took their advice and found a font that I feel worked much better with the overall look of the image.

4. MESSAGE
To appreciate things before passing judgment. Sometimes we have to take a closer look to recognize how truly beautiful something is.

5. AUDIENCE
All people

6. TOP THING LEARNED
To make contingency plans. Florida weather is beautiful but also makes for some unpredictable problems like unexpected internet loss. It wouldn’t hurt to get an early start on some of these projects.

7. COLOR SCHEME & COLOR NAMES
Split Complementary || Red, Green, Lime, Teal

8. TITLE FONT NAME & CATEGORY
Onyx || Serif

9. COPY FONT NAME & CATEGORY
Pristina || Decorative

10. THUMBNAILS OF ORIGINAL IMAGES

Look Beneath

11. IMAGE SOURCES
I took the pictures

12. EMBED VIDEO OF PRINTED PROJECT

 

 

 

Prezi Presentation

https://prezi.com/9r7fdcb9kd8n/its-all-chinese-to-me/

Screenshot 1.jpg

DESCRIPTION
Create an instructional presentation using the Prezi software to demonstrate it’s features and capabilities.

PROCESS (Programs, Tools, Skills, FOCUS principles)
I decided to go with a topic that I find interesting: Asian culture. I’ve lived in China for about two and half years in total for work, internships, and other experiences. I’ve also been to Korea when I had to renew my visa and I was shocked to see just how different the two countries are. I researched Japan as well and I thought it would be interesting to share what some of the differences are between the three most famous northeast Asian countries.

1. When I cam up with the idea, I started sketching. I originally wanted to have the images centralize around the Yellow Sea with Korea in the middle, China on the left, and Japan on the right. I ended up modifying the idea when I couldn’t find any satisfactory images for maps of the Yellow Sea. All of the maps were either too realistic, too bland, or too difficult to make out. By chance, I happened to stumble across the images of each of these hands, so I decided to modify the project and move from there.Sketches 1
2. I opened up Photoshop and arranged the three hands on a black background. I had to expand the black background to fill the entire Prezi background space but I was able to complete it without too much difficulty.
3. I browsed Google for some images that I thought would be appropriate for the topics and arranged for the slides to move around each hand like I had intended for the countries, to emphasize the culture of that specific location.

CRITIQUE PROCESS
On the Facebook page, David Stoddard suggested that I conclude the presentation with a call to action, which I thought was a good idea considering that I could only provide limited information in such a small number of slides. I met with Kent Roper over Google Hangouts and he suggested that I make some subtle changes with alignment and font which I feel weren’t drastic changes but made a noticeable improvement on the overall quality of the Prezi.

Facebook Critiques: Juanita Castaño Rodríguez and David Stoddard
One-on-One Critique: Kent Roper
Instructor Critique: Brother Stucki recommended that I adjust the alignment on one or two of the slides, change the fonts on the first slide, and reposition the “China” slide to look more congruent with the rest of the presentation.

MESSAGE
Despite some misconceptions, east Asian countries are strikingly different.

AUDIENCE
Anyone interested in learning a little bit more about Asian cultures.

TOP THING LEARNED
It’s difficult positioning the slides in Prezi because of the background parallax effect. If you use the thumbnail image as a gauge however, the process becomes significantly easier.

COLOR SCHEME & COLOR NAMES
Triad // Black, White, Red, Blue, Yellow

TITLE FONT NAME & CATEGORY
Antonio // Sans Serif

COPY FONT NAME & CATEGORY
Arimo // Sans Seriff

 

UNEDITED THUMBNAILS AND LINK

thumb7.shutterstock.com/thumb_large/1118105/167770115/stock-photo-south-korea-japan-china-rock-paper-scissors-167770115.jpg

SOURCES OF IMAGES

hqvectors.com