• Ê
  • Â

5 02: Tool Montage

BananaSock

BananaSock

Eggscalibur

Eggscalibur

HammerScrew

Ham-Screw

PhoneDeodorant

DeoPhone

Skissor

Skissor

4 02: Tool Montage   b Add comment

Leave a Reply

This project was a little overwhelming to me because I had never done thumbnails, mindmapping, or used photoshop at the end of the project.  However, this project did help me to become more creative and help myself to do something I would not usually do.  Below are the 3 mind maps my partner and I did together.

Mind Map

25 Possible Pairings

  1. Music Box+Blender
  2. Glasses+Pen Holder
  3. Flannel+Shorts
  4. Stereo+Garage
  5. Desk+Pen Holder
  6. Dog+Glasses
  7. Desk+Printer
  8. Light+Espresso Maker
  9. Hammer+Gun
  10. Glue+Glove
  11. Scissors+Saw
  12. Saw+Lawn Mower
  13. Cooler+Ice Machine
  14. Keyboard+Mouse
  15. Car+Plane
  16. Hair Brush+Scissors
  17. Shower+Stool
  18. Blow Torch+Hose
  19. Dog+Glasses
  20. Bomb+Hammer
  21. Electric Wrench
  22. Heater+Bowl
  23. Key+Screw
  24. Heater+Coat
  25. Book+Movie

10 Choices 

  1. Glasses+Pen Holder I thought a pen holder would be a great idea to put on a pair of glasses, you would never lose your pen or glasses!
  2. Flannel+Shorts These are a classic.  Warm, stylish, and yet you still don’t have to wear pants.
  3. Music Box+Blender Blenders are loud and obnoxious.  If music played while you were blending your smoothie together, the whole process would be much more enjoyable.
  4. Desk+Pen Holder This would be very useful and would save room on the desk so it does not seem so crowded and unorganized.
  5. Scissors+Saw This would be terrifying, but extra sharp and long to really get the job done.  It also may make it easier to cut things like trees!
  6. Book+Movie If the book came with the movie, or vice versa, readers would be more likely to see the movie, while movie watchers would be more likely to read the book.  It would bring a better understanding to both parties of the story.
  7. Dog+Glasses Some dogs cannot see well for various reasons.  If they had glasses, not only would they be much cuter, but also be able to see better and have a more clear perception of the world.
  8. Stereo+Garage How cool would it be for your garage to play music each time you opened it?  Very!
  9. Heater+Coat Coats help to keep us warm in winter, but if you live in New England, you know a coat can only do so much before the cold wiggles its way through to your skin.  With the Heated Coat, you would be warm and stay warm!
  10. Refrigerator Desk Anyone would love to have a fridge right at their desk, it would save time from going to the kitchen and is easy access.

Thumbnails

IMG_2389

Glasses+Pen Holder

IMG_2390

Music Box+Blender

IMG_2391

Stereo+Garage

4 02: Tool Montage   b Add comment

Leave a Reply

For the first night of the project, our group took three generic words as our starters for the mind maps, we had branched out to what is seen in the image of one that I had kept.

Group MindMap

Group Mind Map

We then came up with our original list of 25 items. I believe we got carried away with our results, which I later revised to add a little over 10 of my own ideas pulled out from the Mind map made by the group, and an alternate one that I had made.

My Item Pairings:

Tool Pairings

I created my list of thumbnails with the combinations listed on the right side of the first page, and each combination has two alternate designs.

 

ToolThumbnail-1

ToolThumbnail-2

ToolThumbnail-3

 

My Favorite Tool Designs:

DeoPhoneSkissorPenLightBananasock

 

These four item pairings seemed to be the most charming tool creations to me.  Namely the banana holster as well as the Pen/light bulb combination. I felt that they had some cool use to them, but they looked fun above all. The first two images were based off of the idea of a Swiss army knife, or the shape of both a smart phone and a deodorant case.

 

My Top Ten Choices:

Sock+Banana

Holster/or sock +Banana

Toothbrush+Gun

Scissor+knife

Pen+flashlight

Umbrella+screwdriver

Scissor+toothbrush

Screwdriver+hammer

Hammer+wrench

Wheelbarrow+bayonet

Phone+deodorant

Skillet+Sword

Propeller+backpack

 

I feel that out of my whole list of pairings, these will be the most fun, perhaps practical, maybe more comical all at the same time.

 

 

 

4 02: Tool Montage   b Add comment

Leave a Reply

B Printing with Crop Marks in Illustrator

1. Press ⌘ + P
(you don’t have time to mouse the menus…)

2. In the print dialog box select your paper size. This is usually US Letter (8.5″ x 11″).

Adobe Illustrator CC 2015ScreenSnapz003

3. Select Do Not Scale from the “Scaling” menu.

Adobe Illustrator CC 2015ScreenSnapz004

4. Select “Marks and Bleed” from the top left menu list as shown.

Adobe Illustrator CC 2015ScreenSnapz005

5. Check “Trim Marks” Adobe Illustrator CC 2015ScreenSnapz006

6. Press the Print button in the lower right corner.

b Add comment    

Leave a Reply

í Tool Montage : Tools of the Near Future

tool_montage_drill_wrench2-01

Design a series of 5 new “Tools of the Near Future” that solve problems that (may or may not yet) exist now. These tools should have plausible functions based in a specific context (for example: brushing your teeth while bike riding). The tool doesn’t have to be practical however and you are free to express implausibility and whimsy. Remember, this is about tools right? 🙂 Be prepared to answer these questions:

What problem does it solve?

How does it do it?

What is it called?

 

Build on your Previous Research
You can make tools from ideas you have already have or think up new ones. Go back to your Mind Maps to find new words and ways to look at the problem or make a new mind map to get you thinking differently. Write down twenty more tool pairings.

Make Thumbnails for 10 ideas
Select 10 of those tool pairings to explore with thumbnails. Make 3 sketches of each of your 10 tool  combination ideas. You will have 30 sketches, or three sheets when you are done. Each sketch must be a completely different idea from the last one. Use different angles of tools for variety.

Use this template for your thumbnails

Choose 5 Tools to Create
Select 5 Tool Combos from your 10 thumbnails and make them using PhotoShop bitmaps in the program Illustrator.

The steps to prepare the images are :

  1. Collect Images: For both tools in your tool pair hybrid you will need  3-5 images of each (different types & angles)
  2. Medium Size: Source images should be between 600-1500 pixels (not to small, not too big)
  3. Number of Source Images: For 5 tool combos you will need approximately 30 images. This means that  5 pairs comprised of 2 different tools = 10 unique tools to research. For each of the 10 you need 3 images of each = 30 source images.
  4. Choose wisely: Think about the ways that the tools can combine. Sure a flat side view works but can you use dynamic angles to create more interesting final images.
  5. Find Interesting images: The best tool images may need to be separated from the background. Some tools will be silhouetted already, but many of the interesting ones will not. Don’t be afraid to work a but to silhouette the tool.
  6. Turn the images into bitmaps using only HALFTONE functions (not dither or 50% threshold). Keep the dot patterns noticeable but not too chunky or fine. We want all the images to be able blend well so very course halftones and very fine ones won’t mix well.
  7. Create bitmap photoshop .PSD images for each of your source images and save them with names that informative : your initials + tool + dot pattern + .psd = RH_hammer_19round.psd
  8. Watch these tutorialsIsolating and Enhancing Images for BitmapThere are 25 minutes of instruction that will show you what you need to know.

    Isolating and Enhancing Images to Make Bitmaps / Part 1


    Isolating and Enhancing Images to Make Bitmaps /  Part 2

  9. Bitmap Format: All images must be BITMAP and saved as .PSD.
  10. Separate in Folders: Save all Bitmaps separated from your source .JPG files from the web
  11. Name them Correctly: All shared images must be prefixed with your initials…”RH_hammer_19round.psd”
  12. Upload and Share: Create a folder for yourself  on DropBox in “GD_2015FALL” and upload your bitmap photoshop (.PSD) images to “GD_2015FALL / GD Tool Bitmaps / [ last – first ]”

FinderScreenSnapz006

Build your Tools of the Near Future in Illustrator.

  1. Create a new illustrator file that is 6″ x 6″
  2. Import your images using: command + shift + ‘p’ / DO NOT DRAG AND DROP…
  3. Combine the images in creative ways. There should be only two images combined, but you may repeat one if necessary.Clipping Paths for Bitmaps in Illustrator
  4. Use the Menu : Objects > Clipping Mask > Make  to hide parts of your images.
  5. You will need two (or more) variations of each of the future tools. Combine the tools in different ways or use different images to express the idea.
  6. Make a folder called “02_Future Tool” in your own Personal DropBox for your final illustrator Tool Montages.

FinderScreenSnapz008

  1. Save all Illustrator files as .PDF (not .ai)

Adobe Illustrator CC 2015ScreenSnapz001

Have fun and ask questions if you have them.

 


Due Monday, Sepetember 9

  1. Thumbnails for 10 tool pairings ready to hand in (photocopy from sketchbooks if necessary)
  2. 5 PDFs with 2-3 versions of each future tool saved in a folder called “02_Future Tools” in your own Personal DropBox.
  3. 5 more Future Tools created with classmates images saved as PDF in “02_Future Tools” in your own Personal DropBox.
  4. All tool bitmap files saved in your folder on DropBox: GD_2015FALL / GD Tool Bitmaps / [ last – first ]

 

 

b Add comment    

Leave a Reply

B GD Thinking Chapter 1

Reading Chapter 1 was quite interesting. I thought learning about the Mapping was cool because it’s such an easy technique to use and can widen your ideas without thinking too much! I also liked getting to use this technique in the group project, mapping tools. We got to test this process out in our group and it went really well, ideas flowed out easily and working with a group helped get a wide variety of ideas out there. It was interesting hearing the different tools or objects others thought of, giving our mapping a greater variety of tools. This is definitely a very effective way to brainstorm for projects or designs.

b Add comment    

Leave a Reply

í Tools Mind Map

forced_connecticon

Combine two different types of tools together into one image using a forced connection.

Create images that are as seamless as possible. Design 10 unique and compelling tool montage compositions.

Mind Map a Lot of Ideas

Create three mind maps on the subject of TOOLS with your classmates. Read about Mind Maps in the Graphic Design Thinking Book on page 22.

1
The mind maps should be on 8.5×11″ white unlined paper.

2
Use a strong thin black marker.

3
Write clearly and legibly.

4
Draw lines in between ideas.

mindmap

 

Combine
Make 25 incongruous pairings of tool names. The stranger and more interesting the better. Choose words that evoke images or ideas in your mind. Use these words to search for images and to inspire your ideas. You may use a tool or one in two different pairings if necessary. Write down these twenty tool pairings.

Select
Select 10 of those pairings to explore with thumbnails. Make 3 sketches of each of your 10 tool  combination ideas. You will have 30 sketches, or three sheets when you are done. Each sketch must be a completely different idea from the last one. Use different angles of tools for variety.

Image Research
While you are sketching it may be helpful to see images of the tools you are drawing. Collect 3-5 images for each tool. Put them a separate folder for each pair to organize them. You will need to collect around 60-80 images. Don’t worry, it will not take long. Consider using specific search terms “ball hammer”, or “ww2 bomb” instead of just ‘bomb’.

Read
Read about Forced Connections in GD Thinking…

FinderScreenSnapz003

GD Thinking / Forced Connections


Due Wednesday, Sepetember 9

  1. 3 Mind Maps per group. Each member should Photodocument them to use in your personal research.
  2. Do 3 thumbnails for each tool pair (three sheets of thumbnails)
  3. An organized collection of research images for each of your tool combinations.
  4. A web post documenting your research.
    (categorized as “Tool Montage Post”) The purpose of this post is to encapsulate your research and preserve it for the course. Include the following:
    > A few words about your response to this project.
    > One of the mind maps from your group.
    > Your 25 possible tool combinations as a list: 1. hammer + garden hose, etc
    > your 10 choices and a sentence as to why this would be fun to do.
    > A few of your best thumbnails. Not all of them. Just a sampling of the best ones. You can use this template to organize your drawings: tool_montage_thumbnails

You can shoot pictures of your thumbnails with your cell phone or camera. Shoot in good, even lighting. Re-shoot blurry shots please….

 

 

 

 

 

 

 


Image preparation

  1. Select 10 different pairs of tools.
  2. Search the web for clean, images of good resolution (800px – 2000px). Try to find iconic images that you can separate from the backgrounds.
  3. Make a new folder in your ’01_Future Tools’ folder called ‘source’. This is where you store original web images.
  4. Make a new folder called ‘bitmaps’. This is where you save the finished high-contrast .PSD files
  5. Open these images in photoshop and turn them into grayscale images.
  6. Resize the images using ‘image size’ to 300dpi at 100%. The minimum dimension should be 6-8 inches.
  7. Isolate the main object from the background by selecting around them with the Polygon or magnetic lasso tool.
  8. Press ‘command + J’ to create a new layer with just the selection
  9. Delete the background layer.
  10. Take care to create clean images. Clean up any stray details you don’t want with the eraser tool.
  11. Save the image as .PSD into a the ‘sources’ folder.
  12. Adjust the contrast using ‘Levels’ to ‘bump up’ the black. Make the image slightly darker than you might normally.
  13. Turn the image into a ‘bitmap’ using the ‘50% Threshold’ or ‘halftone’ filters.
  14. If the image is too washed out or too black do ‘command + z’, make adjustments with levels and re-bitmap it.
  15. It you can’t make the image readable and strong then choose a different image.
  16. When the image looks good then ‘save as…’ (don’t save over your grayscale image!) into a new folder called ‘bitmap’.
  17. Repeat this process for all images.

Image Montage

  1. Create a new illustrator document at 6″ x 6″
  2. Save the image into the main ’04_montage’ folder
  3. ‘Place’ the images (shift + command + P) into the document at the correct size.
  4. Position them into a compelling relationship that is a cultural commentary.
  5. Take care to make a dynamic and powerful composition. Do not fill the space. Use the white space effectively.
  6. Create a ‘clipping mask’ if necessary with the pen tool using the ‘object > clipping mask’ from the menu.
  7. Adjust the images and clipping masks as necessary.
  8. Create a new art board and build more images.

Due Monday, February 23

  • Do 3 versions of each of the 10 montages using the same images.
  • Choose the best one for each montage and print (10 total)
  • Bring 10 dynamic, compelling image montages that create powerful incongruous meaning relationships.
  • Printed, trimmed, ready to hang
  • PDF with all 30 montages on DropBox
b Add comment    

Leave a Reply