CSS Coding

This is my coding for my CSS.

HTML Coding

This is my code for my index.

Final Website

This is my final website.  Jessica Hische is known for her typography. She uses a lot of script-type fonts with lots of embellishments but also for her calligraphy-type fonts.  The background is one of her designs. The whole sidebar is composed of her artwork. The main bar I have included a short bio of her life, some examples of her clients and some of her achievements, and a couple of her side projects. I included links with each piece of artwork that takes you to where the piece is located on her personal website. Under the side projects section, I included small blurbs on what the side project is about, a picture of the work, and a link that takes you to the actual website. I also included a video under the "Don't Fear The Internet" section to give a little example of what the videos look like.

Website

This is what I had done at the beginning of class. I changed the background from last time because this pattern was a pattern that she actually created and I wanted to incorporate it into the site.

Website

This is my website when it was 15% done.

Sketches

These are the two sketches that I was thinking about for my website.  I'm leaning more towards the bottom picture because I would rather the sidebar be on the left side instead of the right.

Jessica Hische Research

Jessica Hische grew up in Pennsylvania and pursued a career in graphic design thanks to the encouragement of a high school teacher. In her graphic design classes, she would go above and beyond on the projects and do more than what was asked. Her passion was illustration and image-making. She graduated college in 2006, and got a job as a freelance designer for a little shop in Philadelphia, where she helped make fancy books. She left and went to work for someone else, but the work became too much so she left there too. She decided to venture out on her own, which turned out to be the right thing to do. She now lives in San Francisco and has the nickname "That Drop Cap Girl." She is a letterer and an illustrator and is known for her side projects.

Revised Magazine Cover

Above is my revised magazine cover. In the critique I was told that my masthead was a little too close to my edges, so I made it smaller to reduce edge tension. I was also told that the picture of me kissing the dolphin was placed right in the middle of the page so it felt like it cut the magazine into to pieces. So  I flipped the picture and moved it further down the page to use the Rule of Thirds. Then I just moved my text around the page to make them fit correctly around the moved image.

Final Cover

Above is the picture of my final magazine cover. I changed the masthead because I was told that my first one was a little too plain/small and didn't give the title enough emphasis.  I made the "Bull Fighting" text smaller because I was told that by keeping it the same size would cause confusion between the main story. I got rid of the blue box in the PETA logo and made it smaller because I was told that having that vibrant blue and having it so big was causing a distraction away from the rest of my cover. I also added a little more body to the subheading underneath "Stop The Japanese Dolphin Slaughter." I was told to try to explain why there is a picture of someone kissing a dolphin on the cover, so I added "Serene, Harmless, and Lovable Creatures" to the subheading to try to show that these animals are extremely harmless and are a species that are widely loved.

Magazine

Above is a picture of my original idea for my magazine cover. My focus is on the Japanese dolphin slaughter and what needs to be done to stop it.

Masthead and Graphic

Above is the picture of my magazine cover concept. My scanned picture would be me kissing a dolphin, the captured picture would be the red colored water, and the vector graphic would be the bar code. The name of my magazine is going to be "Animal Advocate" and my sell line is "Everybody can make a difference."

Masthead Ideas

I knew that I wanted my masthead to be in all caps and span the whole width of my magazine cover.  Here are some of the typefaces that I have pulled out to be possibilities.

Cover Sketches

The three sketches above are some of my ideas for my magazine cover. The one I am favoring is the middle sketch. I was planning on scanning in a picture that I have of myself kissing a dolphin. Then for the captured picture I would take a picture of water that is dyed red. I would overlay the picture of red water over the picture of me kissing the dolphin. Then for the vector image I might do something small like a PETA logo or something simple.

Mood Board

This is my mood board for the magazine project. My word was "PETA." My focus is on the Japanese dolphin slaughter that happens every year.

QUESTIONS:
Who is the target audience?
   - My target audience is going to be people that have an interest in animals and against animal cruelty.
What is the name of your magazine? Why? Connotations?
   - The name of my magazine is going to be Animal Rights. The reason behind this title is that my magazine is going to be on animal cruelty and ways that it can be stopped.
What will your masthead look like? Do you have any ideas for fonts?
    - My masthead will look similar to Cosmo's masthead. It will be bold and span across the whole top of the page. I don't have any specific fonts in mind but I am thinking of a san serif typeface.
What images will be on your cover and why?
   - I was thinking of having pictures of dolphins and something showing how red the water gets when these slaughters occur.
What will be your sell lines to entice your target audience?
   - "Do your part to stop the violence."

Mindmap

This is the mindmap that my group and I came up with.  At first it was hard to think of ideas but the more bubbles we added the easier it became.  We definitely could have kept going with our ideas.  We definitely had some weird connections in the mindmap.  We went from the cat advertisement all the way to Paris Hilton in the movie House of Wax.  It was very interesting to see what people thought of and how they connected them.

Photoshopped Images

This is my final recreation of the table and the Photoshopped images.  I outlined my image in Illustrator for the vector art, I hope that is what you were wanting us to do.

Back/Constructed Packet

The top picture was my first idea for the back/constructed packet.  In the critique I was advised to change the typeface of the body copy.  The second and third pictures are my final back/constructed packet.  I did change the typeface to make the instructions more legible.  The typeface that I used was the same typeface used for the other two packets as well to try to tie all the packets together.  The last picture is the template that I used to construct the packet.

Zombie Packet

The top picture was actually my first idea for the packet.  I was going to have more than just one zombie but it started to feel crowded and cluttered and I did not like how it was turning out.  So I decided to just focus on one zombie instead - hence the second picture.  The last picture is my final one.  I changed the typeface of "Unreasonable Theories" to tie all three of my packets together.

50 Shades of Grey Packet

The top picture was actually my second idea (my first idea is displayed in a post above).  In my first idea, a lot of people said that they didn't get that I was referencing the 50 Shades of Grey book series.  So I decided to change my format and get rid of the plant all together and just focus on the tie, mask, and handcuffs that are on the front of each of the books.  I also added the book titles to make sure that everyone would understand what I was referring to.  Some of the feedback that I received was that the tie didn't really look like a tie and that I had too much detail in the objects.  So for my final one, I got rid of some detail that was in the mask and the handcuffs and completely changed the tie to make it more obvious.  I also changed the typeface of "Tacky Books" and added the "blood spatter" from the zombie packet to tie all three packets together.

Hash Tag Packet

The top picture was my first idea for the packet.  But then after the critique I changed it to the bottom picture because I got some feedback saying that I do not reference plants in my other two so it was inconsistent.  I also got rid of the typeface of "Unnecessary Hash Tags" because someone told me I should change it and I also wanted to use it to tie all three of my pieces together.  I changed the background color to a grey and added the "blood spatter" from the zombie pack to tie all three packets together.

Unreasonable Theories Seed Packet

This is the design for my last seed packet.  It is going off the unreasonable theory that there is a zombie apocalypse coming.  This is the one that I am going to construct.

Hash Tag Seed Packet

This is the design for my second seed packet.  This one is based on the unnecessary hash tags that are all over Twitter and Facebook.  I went with a plant that had a numerous amount of buds so that I could have an absurd amount of hash tags growing from it.  I went with the colors black and blue because black is easiest to see (of course) and blue to represent the blue in Twitter and Facebook.

Revised Seed Packet

This is my revised 50 Shades of Grey seed packet.  In the critique I was told that my last one was a little too detailed, so I got rid of some of the small details in the mask and the feathers and also in the handcuffs.  Someone pointed out that they didn't know that the tie was a tie in my last one so I changed the tie completely to look more like a tie.

Seed Packet

I decided to throw out my last idea because not enough people made the connection to the 50 Shades of Grey book series.  So instead, I got completely rid of the plant and just stuck with the objects on each book.  I also put each book name on the packet so that my point becomes obvious and everyone will make the connection.

Seed Packet

This is my first draft of my first seed packet.  I'm playing off of the 50 Shades of Grey book series.

Seed Project POV

My theme for my seed project is "Bad Trends of Today."  The name of my seeding company is going to be "The Horrible Trend Seeding Company."  The theme for my first seed packet is going to be 50 Shades of Grey.  I was thinking of having "Grow Your Own Tacky Books" on the front of the packet. My second packet is going to be the overuse of hash tags on Twitter and Facebook.  On the packet it will say "Grow Your Own Unnecessary Hash Tags."  My third seed packet is going to be a zombie apocalypse and how people think one is occurring right now.  It will say "Grow Your Own Unreasonable Theories."  On the back of each seed packet there will be a short paragraph making fun of each of the trends and directions on how to "plant" the seeds.

Seed Project - Mood Board

This is my mood board.  My idea for my seeds are for them to be seeds of horrible trends of today.  One will be a seed for the 50 Shades of Grey book series.  My second seed will be for the hash tags that are being used all over Twitter and Facebook.  And my last seed will be about the belief that there is a zombie apocalypse occurring.  I figured my seed company would be called the Horrible Trends Seeding Company.  On the back of each packet will be a tiny paragraph making fun of each trend and directions on how to "plant" the seeds.

Mind Map

Illustrator CS6 Training Videos

CMYK is used primarily for print and RGB is used for web.  All vector artwork that is made in Illustrator are made of paths, which are the line segments that make up the overall structure of your artwork.  Anchor points are the control points for your paths.  When working with curves, you have to work with control handles, which tell the path how to curve up or down.  Closed paths are when the paths move from anchor to anchor with no open ends (rectangle, star, ellipse, etc).  An open point is when the anchors are not completely connected.  You can make "on the fly" changes to open and closed paths by using the arrow keys while creating the path.  Joining takes two paths/anchor points and makes them into one.  Average snaps two anchor points together that have distance between them. The scissors  and the knife tool cuts a path/shape into separate path/shapes.  However, the scissor tool is more precise and will always cut straight lines, whereas the knife tool can act as a "liquid knife" and cut curved lines.

Finished Mushroom

Movie Summary

Raster art is made up of pixels whereas vector art is made up of mathematical formulas that allow the artwork to be scaled.  The panel systems are the icons on the right hand of the screen.  You can put a grid on your art by going to "View" and clicking "Show Grid."  To hide a piece of your art, go to the "Object" menu, click "Hide," and choose "Selection."  The art board tool can resize any of your art boards. The direct selection tool will highlight the anchor points that make up the object so you can change the shape of the object.  If you click one object, hold down "Shift," and click another object, it highlights both objects.  Then you can group them together by clicking "Object" then "Group."  To resize your artwork: select your artwork, hold down "Shift," then drag the bounding box around to the desired size.  To rotate your artwork: select your artwork, used the arched arrow around the bounding box, and rotate your object to the designated angle.  To align and distribute objects: go to "Window," click "Align," then use the options to align or distribute the objects.

Circles Project

"Computer Literacy For The Mac" Summary

In the short video "Laptop vs. Desktop Computers," I learned that you should only purchase a laptop (or notebook) if you genuinely need the portability. Also, desktops tend to be a little more upgradeable. In the video "Five Things That Work In All Applications," I learned that: the file menu; cut, copy & paste; undo & redo; the preference settings; and the help menu are the five things that work in all applications.  However, they are not just common across applications but also across operating systems.