Watch Time Is It?

For the past two weeks I have been working on making an realistic watch in Illustrator and it is safe to say that I have come a long way since the first week of this class. This project was not only time consuming, but it took a lot of patience to do all the details right and to get everything matching but I am happy with my final result. I learned so much from this project and It’s been nice learning how to use more tools in Illustrator and seeing how they all work together.

Sketches

fullsizerender

At the beginning of this project I was really wanting to do a clock because I wanted to do something different than the usual watch at most everyone choses to do. I looked up some fun modern clock ideas and started sketching out the ideas that I could do. I had fun with my sketches but mixing different styles of clocks, hands, numbers and even textures and even though I ended up switching to a watch, sketching these ideas out really helped me with my watch design.

I ended up deciding to do a watch because I knew that it would be more challenging and I wanted to push myself with this project. I also felt that I would be able to learn more in Illustrator and design wise if I did a watch because it had more details and different aspects that a clock just wouldn’t have. After I decided to do a watch I started looking for some modern and sleek looking watches and I came across this Arvo watch that I really liked I’ve had my eye one this brand for a while so I thought it would be fun to make a watch just like it.

screen-shot-2017-02-10-at-5-38-05-pm

Draft

I had a lot of fun with the draft. It was really cool seeing how it all started to come together. I started with making the shapes of each object and then adding more detail as I went along. I really enjoyed making the watch face and adding the triangles for the numbers. Because I had originally planned on doing a clock, I had to do more sketches as I was working on my draft and final. I really found it useful to use sketch different objects out as I was trying to design them because that allowed me to take the time to step away from my watch and figure out the correct shadings, texture and shapes of the objects that I was working on. My sketches weren’t the best but I found a new way to help me in my projects which is something that I am excited about!

sketches

Here is my draft. (Don’t mind the weird coloring on the bands, it went weird when I exported it)

watch_watch

Final

Here is my final. I am really happy with how it turned out and I would honestly buy and wear the watch. I worked really hard on getting the right gradients as well as the right coloring and shapes, especially on the rim. I had the most trouble with getting the shadows right around the face and rim but I think they turned out okay. I like how the reflection on the glass turned out and the texture on the band.

ashley_olsen_watch_final

ashley_olsen_watch_final_watch

Advertisements

Project 9: Portfolio

  • Portfolio (Scribd.com)
  • Project Corrections / Time spent: I didn’t fix a project but I did make a wedding announcement. / It took me 2.25 hours
  • Message: Showcase the projects that I made and designed in a simple way to make it easy for people to look through them.
  • Audience: Anyone who is interested to see what I have learned and what I have designed.
  • Top Thing Learned: The top thing I learned was to make a multiple page document and how to change the pages around as well as add more pages.
  • Future application of Visual Media: I will apply everything I have learned in the portfolio everyday in my career since I will be doing design with my visual media emphasis and public relations module.
  • Color scheme and color names: 
  • Title Font Name & Category: {skinny} jeans solid – sans serif
  • Copy Font Name & Category: Bodoni 72 – modern
  • Thumbnails of Images used: 
  • Sources (Links to images on original websites / with title of site):
  • Unsplash – https://unsplash.com/

Project 8: Brochure

  1. Description: Tri-fold brochure promoting my flower arrangement company
  2. Process (Programs, Tools, Skills): I started by setting up two documents in InDesign, one for the front of the brochure and then one for the inside. I used the rulers to divide the documents into three equal sections so I knew where I would be folding each section. I then created my logo in Illustrator and I designed it to help represent my company. I chose the colors pink and green because they are complementary colors and they represent flowers well. I then searched for images on Unsplash to find the ones that I felt would help catch the attention of my audience while also allowing my audience to know exactly what my business was just by looking at the brochure. After I found the four images that I wanted to use, I played around with the placement of them until I found where I thought they looked the best. I chose to cut out part of the peonies in the middle section of my brochure to add more dimension and so I could do a text wrap around it. I then added I then wrote my body copy to explain my company and why people should use us for their special events. I then placed the logo on the right side of the cover so that when I folded my brochure the logo would be the first thing that the audience reads. I changed the fonts and colors of the body copy and title to match the rest of the logo.
  3. Message: My floral arrangement company provides arrangements for all occasions
  4. Audience: Anyone who is looking for a flower arrangement
  5. Top Thing Learned: How to do a successful wrap text
  6. Color scheme and color names: Complementary – Green and Pink
  7. Title Font Name & Category: Always in my Heart – script
  8. Copy Font Name & Category: Malayalam Sangam MN – sans serif
  9. Word Count of copy: 251 words
  10. Thumbnails of Images used:
  11. Sources (Links to images on original websites)

    1. https://unsplash.com/photos/7bVMdNYzH_8
    2. https://unsplash.com/photos/u8tZwGAH6w8
    3. https://unsplash.com/photos/SWzLDZqfG9I
    4. https://unsplash.com/photos/8dmtbpJJJ7k

 

Project 7: Web Page

P7AshleyOlsenscreenshot

  1. Description: A webpage designed to showcase the logo that I personally designed and created.
  2. Process (Programs, Tools, Skills): I created this webpage by using the program TextWrangler. This program allowed me to code both HTLM and CSS, which I had never done before. TextWrangler allowed me to learn and understand how to code and it was interesting seeing how to make a webpage with the text editor program. I first started with the HTML side where I was able to learn how to learn how to substitute words into the document to make the webpage show my personal information. I was also able to see how each individual part worked and how it all came together to make the webpage. I then used an already set up CSS document and linked it to the HTML so that all the changes that I made on either document would change on both. This made it so my webpage would update to show the changes. In the CSS document, I changed the fonts and colors to make my logo and I was able to add a background of a couch and table since my logo is for a home decor company. I was able to match the colors up exactly with my logo by using the eyedropper tool in Photoshop. I was able to learn how to add padding, margins, and different sizing option to make my webpage complete. Programs used: TextWrangler, Photoshop and Illustrator.
  3. Message: At my company, you can buy modern and trendy home decor that you will be pleased with.
  4. Audience: Anyone who is looking to decorate their home with modern and trendy objects while keeping the colors and design simple and classy.
  5. Top Thing Learned: The top thing I learn was how to use html and css together to include the information while also styling it on a webpage to make it look complete and organized.
  6. Color scheme and color hex(s): Monochromatic – teal: #56adbd, grey: #6b6e75, white: #FFFFFF
  7. Title Font Families & Category: Tahoma, sans-serif
  8. Copy Font Families & Category: Tahoma, sans-serif
  9. Changes made to the CSS: I changed the font families and the font colors to match my design.
  10. Word Count: 549 words

Project 6: Stationery

P6AshleyOlsenP6AshleyOlsen1P6AshleyOlsen2

  1. Description: Letterhead and business card designed for a company with an original logo
  2. Process (Programs, Tools, Skills): I used Illustrator to changed my logo a little from last week and put the home decor part under the @ sign instead of right next to it. I also took out the circle background and just used the @ sign to bring in the circle effect. I made most of the business card in InDesign but I first used Illustrator to make the shape of my card. I started by making a rectangle that was 3.5 x 2 inches and then made a circle that was the same size height of the card. I add the circle at the end and then used the shape builder tool to make them all one shape. I then copied and pasted the shape to make two business cards. I then added my logo, changed the background to grey and added my personal information on the second card. For my letterhead I added my logo in the top left corner, added my information in the top right corner and then added a straight line under my logo and information to break up the contact information from the letter. I ended by adding a light grey watermark in the middle of the page.
  3. Message: We are a modern and unique home decor store
  4. Audience: Anyone looking for home decor
  5. Top Thing Learned: How to make an official business card
  6. Color scheme and color names: Monochromatic – teal
  7. Title Font Name & Category: Always in my heart – script
  8. Copy Font Name & Category: Helvetica – sans seriff

Project 5 Logos

AshleyOlsen-P5logos

  1. Description: Logo for organization/business
  2. Process (Programs, Tools, Skills): I started with thinking of business ideas and I really wanted to incorporate my husband in it somehow since we want to run a business together someday. I started thinking of ways to use a well know symbol so it was recognizable but different for the business so that is why I picked the at sign. It worked well since my business name is AT (Ashley and Trever) Home Decor. I designed three different logos and ended up taking using my first one. I did change it around a little bit the but the basic concept is still there.
  3. Message: This is a good place to get home decor
  4. Audience: Anyone looking for a place to get trendy and colorful home decor.
  5. Top Thing Learned: How to use the pen tool
  6. Color Scheme and Color Names: Complementary – Blue and Brick
  7. Title / Body Font Names & Categories: Title: Title font: Stencil – Modern Body font: Copperplate – sans serif

 

 

Project 4: Montage

P4AshleyOlsen

  1. Description: A montage created to help get the message of a inspiring quote across.
  2. Process (Programs, Tools, Skills, Steps taken while designing): The process I used was I first found a quote that I liked. I then searched Google for pictures of an eye, a world and a silhouette of a person. I used the eyeball for the background so I didn’t need to crop that at all. I did edit the eye a little bit using a filter. I then dragged the picture of the world on the document, used the laso tool to cut out the world and place it in front of the eyeball. I did the same thing with the silhouette. I used masks to make the world and the silhouette transparent. I did turn the opacity down on both of those which made them transparent. I ended with adding the words.
  3. Message: My message is to inspire people to see everyone differently.
  4. Audience: Anyone who is looking for an inspiring quote and/or picture
  5. Top Thing Learned: I learned how to apply masks to layers
  6. Filter / Colorization used and where it was applied: When I added the eye as the background I edited with the sharpen tool and use the saturation to make the eyelashes stand out a little bit more.
  7. Color scheme and color names: Split Complementary – Green, Blue and Brick
  8. Title Font Name & Category: N/A
  9. Copy Font Name & Category: Seravek Regular and Bold – sans serif
  10. Thumbnails of Images used: below
  11. Sources (Links to images on original websites / with title of site): Google

542580866_940d2f9a02_z

Link to eyeball: https://www.google.com/search?q=eyeball&safe=active&biw=1422&bih=783&source=lnms&tbm=isch&sa=X&ved=0ahUKEwijzZmy3_3MAhVO9WMKHcnGA7AQ_AUIBigB&dpr=0.9#imgrc=Sv56FdDGcg-TIM%3A

earth_1806334c

Link to world:https://www.google.com/search?q=eyeball&safe=active&biw=1422&bih=783&source=lnms&tbm=isch&sa=X&ved=0ahUKEwijzZmy3_3MAhVO9WMKHcnGA7AQ_AUIBigB&dpr=0.9#safe=active&tbm=isch&q=world&imgrc=jJl8oEJf3fBulM%3A

images

Link to silhouette: https://www.google.com/search?q=silhouettes+of+people&safe=active&biw=1280&bih=705&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiK7I7hgPnMAhVJW1IKHbCOD-0Q_AUIBygB#safe=active&tbm=isch&q=front+silhouettes+of+real+people