Project 7: Web Page

P7EstefaniTorresScreenshot

  1. Description: A website created to showcase a logo I designed for the company Bear Paw.
  2. Process (Programs, Tools, Skills): I began with a demo CSS file and a HTML file. I opened both files in Notepad++, then I linked the HTML to the CSS file. I added several things to each file. I embedded an image of my logo into the html. I also changed the fonts, and the colors by opening up my logo in Photoshop and using the eyedropper tool to add the exact colors of the logo into the website. I also used an HTML validator online to make sure there were no problems with my code.
  3. Message: Bear Paw is a shoe company dedicated to making durable, comfortable shoes.
  4. Audience: Anyone interested in high quality and comfortable shoes.
  5. Top Thing Learned: In completing this project I gained basic knowledge of coding in  HTML and CSS files.
  6. Color scheme and color hex(s): Monochromatic color scheme Blue: #10566e, Black: #000000, White: #FFFFFF
  7. Title Font Families & Category: “Showcard Gothic”, “Ravie”, serif.
  8. Copy Font Families & Category: “Arial Black”, Gadget, sans-serif
  9. Changes made to the CSS: I linked my HTML to the CSS. I also changed the fonts for the body text and the title texts. I added the colors of my logo into the CSS, as well. And I centered my logo.
  10. Word Count: 223

Project 6: Stationary

P6EstefaniTorres

bear-paw-businesscard

bear-paw-businesscardlarge

  • Description: Matching letterhead and business card designs, using an originally created logo for the company “Bear Paw”

Process (Programs, Tools, Skills): I created the logo using the pen tool on Adobe Illustrator. I began with an outline of the body, then I filled it in, and got rid of the stroke. I added the text in a text box.

For the letterhead, I took the logo text and the bear from the logo and separated them on opposite sides of the document. Then I applied the rule of thirds by adding the lines on the left side.

The business card I created in Adobe InDesign. I began with a blue rectangle, and added the logo. for the back, I minimized the logo, and moved the logo’s text to make room for the contact information.

  • Message: Bear Paw is a shoe company, dedicated to make quality, comfortable shoes for men and women.
  • Audience: Anyone interested in comfortable shoes.
  • Top Thing Learned: How to create a unified theme for a company in a letterhead and business card.
  • Color scheme and color names: Monochromatic color scheme. Blue
  • Title Font Name & Category: Decorative: Pristina
  • Copy Font Name & Category: Oldstyle: Helvetica

Project 5 Logos

EstefaniTorres-P5Logos

  • Description: Three different logos for the clothing and shoe company Bear Paw
  • Process (Programs, Tools, Skills): I began by sketching out different types of logos, and choosing a color scheme for them all. For the first logo, I used the ellipse tool multiple times and manipulated each shape into the one I wanted with the pen tool. For the second logo, I used the pen tool to make the shape of the bear. Through trial and error I created and deleted anchors to create the right curves. Then I filled in the design with color. For the last one, I began with the text. I changed the color from black, added the two lines at the ends of the B and the W. Then I used the pen tool to create the bear scratches. I added the text to the first two logos lastly. The program I used to create these logos was Adobe Illustrator.
  • Message: Bear Paw is a shoe company that is dedicated to making quality, comfortable shoes.
  • Audience: People interested in high quality shoes
  • Top Thing Learned: How to draw and to manipulate curves with the pen tool in Adobe Illustrator.
  • Three Color Scheme and Color Names: Logo 1: Analagous color scheme- Orange, Gold, and Brick. Logo 2: Complementary- Blue and Orange. Logo 3: Monochromatic- Red
  • Three sets of Title / Body Font Names & Categories: Logo 1: Lucia handwriting Italic- script. Logo 2: Forte- decorative. Logo 3: Wide Latin- modern
  • Votes on favorite logo: 15
  • Top Logo = 2; Middle Logo = 8; Bottom Logo = 5;
  • My favorite logo is: the middle/ second logo.

Project 4 Montage

EstefaniTorres-P4Montage-Martian

  • Description: A thought-provoking montage using the layering and blending of three images and typography.
  • Process (Programs, Tools, Skills, Steps taken while designing): I began with the bottom image which was the one of the city lights. I used the levels option to darken the image and then I opened two more tabs on Photoshop and selected the Earth image. I used the lasso tool to select as much of just the Earth as I possibly could, feathered it at 40% and dragged the selection into the city image. Then I added a mask to the layer, selected the brush tool, and began to erase the black ring around the Earth. I then opened the Mars image, selected lasso tool, bumped up the feathering to 47% and then I used the lasso tool to select only the land part of that image. I again dragged the selection into the city lights image, placed it down, added a mask, and lightened the feathered part a bit more so the city was more visible. I added the text inside three different text boxes so the sizes were easier to adjust. The program I used to create this montage was Photoshop.
  • Message: I wanted to make my audience think about how we may not be the only life in this galaxy. I wanted to convey a feeling of wonder about the universe and our existence into this image.
  • Audience: People who are interested in space or the universe and the existence of aliens.
  • Top Thing Learned: I learned how to properly blend an image on top of another one in Photoshop using masks and brushes.
  • Filter / Colorization used and where it was applied: I selected the city image and made it darker using levels.
  • Color scheme and color names: Split complementary color scheme. Green, Gold, and Blue
  • Title Font Name & Category: Palatino Linotype Italic- Oldstyle
  • Copy Font Name & Category: Microsoft Tai Le Regular- Sans seriff
  • Thumbnails of Images used: City-lights globe_east_540 going-to-mars-ftr
  • Sources (Links to images on original websites / with title of site): City lights- The Marke’s World Earth from Space- Visible Earth Mars- Parade

Project 3 Photodesign

EstefaniTorres-P3Photodesign-Cat

  1. Description: Project to help develop photography and image editing skillls, and photoshop design skills.
  2. Process (Programs, Tools, Skills): I first chose one of the images I had taken for class, and I edited it on Photoshop. After I had done this, I set to sketching what I wanted the layout of my design to look like. I wanted the cat’s leading focus to be a big part of my design, so I was very aware of incorporating that into the shapes I wanted to use. The color scheme came next. I looked at the FOCUS color wheels and compared the red and purple colors that my image had to the color schemes that those colors could fit into. I worked with the bright red and a Halloween-themed color scheme. I chose analagous, because it had purple, and red, I added some violet in there, as well, to tie the scheme together. I used the eye dropper tool several times in my design to make sure the colors I used in the text and shapes matched the image perfectly.
  3. Message: I wanted my audience of pet owners to be drawn in to my design through the image that I chose. The message is a flier to advertise a Halloween costume contest for pets.
  4. Audience: Pet owners and pet lovers.
  5. Top Thing Learned: I learned how to correctly size an image for printing, and how to choose a color scheme for a design, based off an image.
  6. Color scheme and color names: Analagous color scheme: Purple, Violet, and Red
  7. Title Font Name & Category: Wide Latin Regular- decorative
  8. Copy Font Name & Category: Source sans pro semibold- sans serif
  9. Thumbnail of original, unedited image inserted
  10. Date and location you took the photo: Tuesday, October 14. The Pines apartments- Rexburg, Idaho

IMG_2396

P3 Activity: Photography

EstefaniTorres-01-Light-Outside Light 1- Outside

EstefaniTorres-05-Light-Inside Light 2- Inside

EstefaniTorres-04-Focus-Foreground Focus 1- Foreground

EstefaniTorres-03-Focus-Background Focus 2- Background

EstefaniTorres-02-Composition Composition 1- Thirds

EstefaniTorres-06-Lead-Focus Composition 2- Lead Room

In the beginning, I had to take several practice shots with the camera I was using. I used a DSLR Canon T3i. The outside light and both the focus pictures were taken outside in Nature park. The lighting was perfect, since it was midday. The outside light picture I got down fairly quickly. The focus pictures, on the other hand, took a bit more work, because I needed to stay in the same position while changing only the focus.

The two composition photos, and the light inside photo were taken indoors. For the inside light shot, I used the light coming in from a window, as well as a white board to add even more light on the side that was only getting shadows. The white poster board added light to the dark areas of the vase and the lamp. The composition photo that demonstrated thirds was tough to get with the light coming in from a window, however editing it on Photoshop, I was able to dim the brightness coming from that side quite a bit. The lead room photo was the first one I took, and it took several shots to get the stuffed animal in the right part of the frame so that it would demonstrate the proper amount of lead room. All photos were edited on Photoshop.