12/5/17

Final Exam

Final Exam 9-11am


11/12/17

In class Mon Nov 12th

Final Exam Time




We will be meeting at 9am for our final exam!


Colors for our Chess Set - What are good color choices and why?


Project 6 Assigned


Making images for the web
- just steal it!
- looking up dimensions
- 72dpi but really its about pixels
- Flatten and use Save for Web to make a .jpg
- Upload it to your blog. The Banner will go in the "Header" of your Blog in the "Template" section.



The Background images can be changed under " "Customize" in the "Templates" area 



Making a Favicon



- Create an image 16 pixels X 16 pixel image in Photoshop

- Use Save for Web to create a .jpg



- Go to favicongenerator.com to translate it into a .ico file

- Upload your file onto your blog under "Layout" at the top. 




Putting Links on your Blog
- Under "Layout" select the area you want the links.
- Hit add Gadget and find the Link List. (notice there are a lot of things you can add to your blog) 
- add your link and the link name and save





3D Printing!

what to do to get your files printed.

1) Show Joe your model laid out in the Makerbot software
2) Pick a PLA color
3) Get on the color rotation list
4) Transfer your file to the appropriate printer
* Replicator 2 files need to be exported as .x3g and transferred to the SD card.
* Makerbot Mini files need to be saved as .thing files and transferd using a USB thumb drive to the computer in the fablab




Cookie cutter dimensions

back layer = 3mm tall


mid layer = 9mm tall

outside layer = 13mm tall




Work on Projects

11/2/17

In class Fri Nov 3rd

Critique of Project 4




Chess Piece sizes

Rules for chess pieces to board size:   
The base diameter of the king should fall within a range of 68% to 75% of the square size.  For example, if you have a 2.25" board (each square is 2.25" x 2.25" or 57.1mm x 57.1mm) then the chess pieces you choose should have a king's base diameter of 2.25 x (0.68) to 2.25 x (0.75) which = 1.53" (38.9mm) to 1.687" (42.9mm) in diameter.



What we are working with:

Chessboard Square Tile - 40mm a side, this means no piece and be wider then 36mm


king - 75mm tall

queen - 70mm tall
bishop - 60mm tall

kinght - 50mm tall

rook - 45mm tall

pawn - 40mm tall

Special pieces - 50-65mm tall





Preparing your chess pieces for printing

1) open Makerware

2) Click on 'Prepare' and "Add File" to import your .STL's to the print bed

3) Use the 'Move' tool to separate the models from each other
* remember any models that are touching will be printed as a single piece

4) Use the 'Scale' too to resize the 3d models to the proper size
a- scale the piece to the proper hight and width. Set the model at the correct hight and adjust for the width if necessary.

5) Use 'Save As' to save your .Thing file to the desktop 

6) Change your 'Settings'
Resolution - Low(Faster)
Infill - 8%
# of Shells - 3
Layer Height - .30 mm


7) Export Print File
- Take a screen shot of the Export Info and keep it with your .x3g file. You will hand in both to me.

8) Show Joe your .Thing, .x3g & Export Info screen shot to be approved for printing. Your files should be labeled with your initials and a number ie.. jvs1.thing




Regular Chess Piece

.......Organic - Geometric
King - Graham - Heather
Queen - Kelsey - Meaghan
Bishop - Mikaela - Carrie
Knight - Will - Zsofia
Rook - Anna - Hali
Pawn - Melissa - Sophia




Special Piece: check here






How to complete Project 5 part 1

1) Research various types of chess pieces
2) Create your Chess pieces (123D Design)
3) Layout your Chess pieces for printing (Makerware)
4) Print your chess pieces on the 3d printer




Project 5 part 2
Cookie cutter dimensions:

back layer = 3mm tall



mid layer = 9mm tall


outside layer = 13mm tall


11/1/17

In class Wed Nov 1st

Project 5 Chess Pieces & Cookie Cutter


Chess Pieces
For this assignment you will be creating one of the current chess pieces and one alternative piece. 


King - Graham, Heather
Queen - Kelsey, Meaghan
Bishop - Mikaela, Carrie
Knight - Will, Zsofia
Rook - Anna, Hali
Pawn - Melissa, Sophia


All your pieces should be sized correctly compared to each other and must fit on a chessboard properly.

Chess board squares measure 57mm

Max Chess piece sizes are as follows:
Maximum Width = 36mm
Maximum Height = 75mm



 Lets consider the design of our chess set.

We will be creating two different types of design to designate the different sides of our chess set. One side will be based on Organic shapes, the other is based on Geometric shapes. 




Cookie Cutters

For this part of the assignment you will be creating a cookie cutter. The cookie cutter should challenge the tradition of cookies/cookie cutters. You can create anything you want.


Cookie cutter dimensions
back layer = 3mm tall

mid layer = 9mm tall
outside layer = 13mm tall




How to complete Project 5

1) Research the history of chess pieces/cookie cutters
2) Create your Chess pieces/cookie cutter (123D Design)
3) Layout your 3d models for printing (Makerware)

4) Print your 3d models on the Makerbots



10/29/17

In class Mon Oct 30th

If you already handed in your video you don't have to come to class until 11:00am






3D Printing













3d Printing in Museums












Common Chess



Bauhaus Chess Set




Project 5 Assigned
For this assignment you will be creating a set of chess pieces. You are responsible for creating one common piece (to be assigned) and one special pieces.

Common Piece: - King 
- Queen
- Bishop
- Knight
- Rook
- Pawn

Special Piece:
check here



All your pieces should be sized correctly compared to each other and must fit on a chess board properly.

Chess board squares measure 57mm

Max Chess piece sizes are as follows:
Maximum Width = 36mm
Maximum Hight = 75mm




How to complete Project 5

1) Research various types of chess pieces
2) Create your Chess pieces (123D Design)
3) Layout your Chess pieces for printing (Makerware)
4) Print your chess pieces on the 3d printer




123D Design
Main Menu
- New 
- Open
- Save
- Import
- Export
- Exit

Undo/Redo

Primitives
Sketch
Construct
Modify
Pattern
Grouping
Combine
Measure
Text

Material 

Help



Work on Project

10/24/17

In class Wed Oct 25th

3d Design & 3d Printing

 
3d printing has been used by industry since the mid 1980's. It is used to print everything from food to human tissue to guns.

Our Makerbot Replicator 2 works through additive manufacturing. This is accomplished by laying down thin layers of plastic, one on top of the other, to build up a 3d structure.

Virtual models can be built in 3d software programs or captured with a 3d scanner or digital camera.



Websites

Thingiverse - free download 3d model library

Shapeways - Create and Sell 3d models














Premiere Pro (a video editor)

Creating a 'Resources' folder
- save this folder somewhere safe
- put all video, audio, and jpg files used in your project, in this folder
- never move the Resource Folder


Opening the Program
- Starting a New Project

Whats Where
- 4 windows: Media browser, Media viewer, Timeline, Timeline viewer
- tools

Import your video files and audio
-- you can Drag and Drop onto the time line

Zooming
Selecting & Moving a clip
Cutting
Rendering

Export the movie





Work on Projects

10/23/17

In class Mon Oct 23rd


Premiere Pro (a video editor)

Creating a 'Resources' folder
- save this folder somewhere safe
- put all video, audio, and jpg files used in your project, in this folder
- never move the Resource Folder


Opening the Program
- Starting a New Project

Whats Where
- 4 windows: Media browser, Media viewer, Timeline, Timeline viewer
- tools


Import your video files and audio
-- you can Drag and Drop onto the time line

Zooming
Selecting & Moving a clip
Cutting
Rendering

Export the movie

10/17/17

In class Wed Oct 18th


Make Decisions about your Motion Graphic Sequence

1) Do you want to make a Trailer or Title Sequence?
2) Research research the pacing and the types of imagery found in your movie genre. How many cuts are there? 
3) Which of the 10 title sequences do you think would work best for your movie?


 Mapping out your Motion Graphic Sequence

- How many changes do you want to have in the sequence?
- What direction is the content moving in each part? How does it relate to the parts before and after?
- How long is each part?
- What content do you need to collect for each part?
- What is the purpose of each part? (what do you want your viewer to get out of it?)

--------------------------------


How to use Animate and Video in Photoshop

    -----





    Photoshop Video
    - Open the "Timeline". You can find it under "Window"
    To use video in Photoshop:

    1) Drag a video file onto the Photoshop icon, it will appear in the Layers window and the Timeline window


    2) Select the layer and "control"click to bring up the menu. Pick "convert to smart object"

    3) To make a new video layer click the drop down menu on the videos timeline and click "new video group".

    3a)You can duplicate video layers

    4) Layer Adjustments, Blend modes and Opacity all work the same as still images

    5) Saving and Rendering - To save your file "Save As" a .PSD

    - To save the final video file goto "File" --> "Render Video"





HD Video Stock Photo





10/13/17

In class Fri Oct 13th

Critique Project 3

Bring the prints of your posters to class!

10/10/17

In class Wed Oct 11th

The camera's lens is the eyes of the audience!






or "Birdman"




Camera Angles, Movement and POV


Camera Angle

Eye Level
  • An eye-level shot is the most basic type of shot and involves simply picking up a camera or video recorder and taking a straight-on, eye-level photograph. 
High Angle

  • A high-angle shot involves taking a photograph from someplace above a subject at a diagonal angle. 
Low Angle (Worms Eye)

  • In a low-angle shot, the photographer is below the subject and takes a photograph looking up at the subject. 
Bird's Eye

  • A shot similar to the high-angle, a bird's eye shot looks straight on at a subject rather than using an angle. 
Slanted

  • A slanted shot, or dutch tilt, is where the camera is tilted to the side to give the horizon a unique, angled appearance


Camera Point of View (POV)

Close-Ups
  • A close-up (abbreviated "CU") is when the camera focuses on just one character's face or other part of them, taking up the entire frame. When the camera zooms directly into part of a person's face or body, so that the frame shows nothing but his body, this is an extreme close-up, or ECU. Going in the opposite direction, a medium close-up (MCU) is halfway between a standard CU and a mid-shot--which shows part of the scene and the subject.
Wide Shots
  • Wide Shots (WS) give a great view of the entire area your subject is standing in, and you can see the person's entire body against the backdrop of his setting. 
Multiple People Shots.
  • Conversations between two people require a special camera angle to capture the intimacy of the conversations. A two shot (TS) is the most common way to show conversation: place both subjects in the same mid-shot. The next most familiar style is the over-the-shoulder shot, or OSS, which looks at the talking subject from the listener's perspective, quite literally over his shoulder. 
POV
  • The first-person perspective is called a POV shot. It is pretty much what the character would see as if they are holding the camera themselves. 
Weather Shots
  • If the subject is the weather itself, it is referred to as a weather shot. These images give the viewer a moment's reprieve from the action or drama of the film as well as establishing what's going on in the world around them. 


Camera Movement


1. Pans
  • A movement which scans a scene horizontally. The camera is placed on a tripod, which operates as a stationary axis point as the camera is turned, often to follow a moving object which is kept in the middle of the frame.
2. Tilts
  • A movement which scans a scene vertically, otherwise similar to a pan.
3. Dolly Shots
  • Sometimes called TRUCKING or TRACKING shots. The camera is placed on a moving vehicle and moves alongside the action, generally following a moving figure or object. 
4. Hand-held shots
  • The hand-held movie camera first saw widespread use during World War II, when news reporters took their windup Arriflexes and Eyemos into the heat of battle, producing some of the most arresting footage of the twentieth century. The Steadicam (a heavy contraption which is attached a camera to an operator by a harness. The camera is stabilized so it moves independently) was debuted in Marathon Man (1976), bringing a new smoothness to hand held camera movement and has been used to great effect in movies and TV shows ever since. 
5. Crane Shots
  • Basically, dolly-shots-in-the-air. 
6. Zoom Lenses
  • A zoom lens contains a mechanism that changes the magnification of an image. On a still camera, this means that the photographer can get a 'close up' shot while still being some distance from the subject. A video zoom lens can change the position of the audience, either very quickly (a smash zoom) or slowly, without moving the camera an inch, thus saving a lot of time and trouble. 
7. The Aerial Shot
  • An exciting variation of a crane shot, usually taken from a helicopter. 




Make Decisions about your Motion Graphic Sequence

1) Do you want to make a Trailer or Title Sequence?
2) Research research the pacing and the types of imagery found in your movie genre. How many cuts are there? 
3) Which of the 10 title sequences do you think would work best for your movie?


 Mapping out your Motion Graphic Sequence

- How many changes do you want to have in the sequence?
- What direction is the content moving in each part? How does it relate to the parts before and after?
- How long is each part?
- What content do you need to collect for each part?
- What is the purpose of each part? (what do you want your viewer to get out of it?)



How to use Animate and Video in Photoshop

    -----





    Photoshop Video
    - Open the "Timeline". You can find it under "Window"
    To use video in Photoshop:

    1) Drag a video file onto the Photoshop icon, it will appear in the Layers window and the Timeline window


    2) Select the layer and "control"click to bring up the menu. Pick "convert to smart object"

    3) To make a new video layer click the drop down menu on the videos timeline and click "new video group".

    3a)You can duplicate video layers

    4) Layer Adjustments, Blend modes and Opacity all work the same as still images

    5) Saving and Rendering - To save your file "Save As" a .PSD

    - To save the final video file goto "File" --> "Render Video"












10/8/17

In Class Mon Oct 9th

What is your idea for your motion graphic animation?


Motion Graphics

Examples

---





---


where to find free stock video check out Makerbook

-----

-----





Photoshop Video
- Open the "Timeline". You can find it under "Window"
To use video in Photoshop:

1) Drag a video file onto the Photoshop icon, it will appear in the Layers window and the Timeline window


2) Select the layer and "control"click to bring up the menu. Pick "convert to smart object"

3) To make a new video layer click the drop down menu on the videos timeline and click "new video group".

3a)You can duplicate video layers

4) Layer Adjustments, Blend modes and Opacity all work the same as still images




- To save your file "Save As" a .PSD

- To save the final video file goto "File" --> "Render Video"



Hand in your town seal as a flattened JPEG before you leave class today.

10/3/17

In class Wed Oct 4th


Critique Project 3


Work on Project 3

10/1/17

In class Mon Oct 2nd

Film & Stop motion Animation = sequence images through time.

- FPS (frames per second) or frame rate is the number of images that are shown in a seconds worth of time.


Traditional film = 24 FPS

Traditional animation = 12 FPS
Digital film = 30 - 60 FPS
Modern animation = 12 - 30 FPS

Which means 1 minute of      

Film = 1440 still images     
Animation = 720 still imagesv     
Digital = 1800 - 3600 still images





Digital Video Resolution


---------------------------------------------------------------







Review what you have so far.


Work on the Project


Project 3 is due by the end of class. Save as jpegs with your name

9/26/17

In class Wed Sept 27th

Work on your Posters


Show me your work!


9/24/17

In class Mon Sept 25th

Logos

Logo inspiration:
logogalalogomoose


Logo colors:




Logo work through Guide


Things to avoid:
- Watch out for Cliches'
"Light bulbs for 'ideas', speech bubbles for 'discussion', globes for 'international', etc. These ideas are easy to come up with but how is your design going to be unique when so many other logos feature the same idea?"

- Avoid Gimmicky Fonts
"When it comes to logo design, keep your font choices classic and simple and avoid over-garnishing"

- Don't make the logo too busy
"Keep it simple"

- Be inspired but don't steal ideas - logothief.com  






-----------------------------------

Steps 1-4 of Project 3 are due today!
You should have:
1) Your movie idea written out in 3 - 5 sentences as a word doc
2) A folder full of 10 reference poster images
3) A list of important information and content that needs to be on the movie poster as a word doc
4) A folder full of imagery you search for on the internet. There should be 25+ images in this folder.



Work on Project 3




9/21/17

In class Fri Sept 22nd

Critique Day 3


What we are looking at:
- Color
- Composition (placement of visual elements in 2d space...positive & negative space, rule of thirds)
- Image - subject matter
- Image - style
- Font - literal reading
- Font - style



How to Create Project 3
1) Write out your Movie idea!
2) Look up and download 10 examples of posters that inspire you
3) Compile a list of important information that needs to be on the poster including: movie title, main actors/actresses, film company, producers, date, credits, ext… (use the 10 examples you downloaded as a guide)
4) Collect a variety of imagery to work with for your poster


4a) Make sure to find the largest images possible

9/17/17

In class Mon Sept 18th

Critique Project 2


Work on Project 3

Project 3
1) Write out your Movie idea! (genre, actors, main storyline in three sentences)
2) Look up and download 10 examples of posters that inspire you similar to your movie idea
3) Compile a list of important information that needs to be on the poster including: movie title, main actors/actresses, film company, producers, date, credits, ext… (use the 10 examples you downloaded as a guide)
4) Collect a variety of imagery to work with for your poster


4a) Make sure to find the largest images possible




Part 1 of Project 3 is due next Monday!
-Tell me your story in 2 sentences. 
-Show me the Posters you chose as source material.

9/13/17


Printing in Photoshop
- Choose a Printer

- Print Settings
--- Paper Size
--- Layout and other Options
--- Making a PDF from the print menu

- Layout - Horizontal & Vertical

- Color Management - controls wether printer or photoshop handles color correction
--- Check out what happens when I check "Match Print Colors"

- Position and Size - resize and change the position of a design

- Printing Marks - registration and crop marks for layout and cutout
--- Unprintable Border






Part 1 of Project 3!
-Tell me your story in 2 sentences. 
-Show me the Posters you chose as source material.


Project 3
1) Write out your Movie idea!
2) Look up and download 10 examples of posters that inspire you
3) Compile a list of important information that needs to be on the poster including: movie title, main actors/actresses, film company, producers, date, credits, ext… (use the 10 examples you downloaded as a guide)
4) Collect a variety of imagery to work with for your poster
4a) Make sure to find the largest images possible





Critique Part 2

What we are looking at:
- Color
- Composition (placement of visual elements in 2d space...positive & negative space, rule of thirds)
- Image - subject matter
- Image - style
- Font - literal reading
- Font - style




Work on Project 3

9/11/17

In class Wed Sept 13th


Conspiricy Theory Rocks






Composition

- Rule of thirds




- Golden Rule



- Rules of Design from Paul Rand the godfather of modern design



- Positive and Negative space




Things to consider:
We are using the format of an Album cover so our viewer is already aware that the image has something to do with music and the music industry.



What we are looking at:
- Color
- Composition (placement of visual elements in 2d space...positive & negative space, rule of thirds)
- Image - subject matter
- Image - style
- Font - literal reading
- Font - style



Each of these elements becomes a "signifier" to the viewer. Which means from these visual elements we will try to make sense of the image. In this case what genre of music might this CD contain?



Project 3 Assigned
* Lets take a look


How to Create Project 3
1) Write out your Movie idea!
2) Look up and download 10 examples of posters that inspire you
3) Compile a list of important information that needs to be on the poster inculding: movie title, main actors/actresses, film company, producers, date, credits, ext… (use the 10 examples you downloaded as a guide)
4) Collect a variety of imagery to work with for your poster
4a) Make sure to find the largest images possible
5) Layout your poster 11x17” at 180dpi
6) Put in guides for the unprintable boarder
7) duplicate important layers
8) save often








Work on Projects





9/10/17

In class Mon Sept 11th












Photoshop Day 3


- History / Undo function
-- It is a new way to create!


- Magic Wand
Single Row Marquee Tool

- Paint Bucket/Gradient
- Erase/Magic Erase/Back Ground Eraser


Vector Tools
— Pen Tool
— Shape Tools


- The Clone Stamp & Healing Brush
-- These are 2 part tools. Hold down 'Option' while clicking on the area you wish to copy. Move to where you want to place the cloned visual data and click and hold to draw.
-- Blend Mode / Opacity
-- Air Brush / Flow
-- Aligned
-- Sample (Layer)


Image Adjustments
- Color Adjustments
-- Histogram
-- Levels
- Color Correction



Filters




Work on Poject