Project 6 Blog Makeover For the final project you will be changing the fonts, colors and creating images to theme a blog up on the "Blogger"web service.
You need to do the following
1. Create a Blogger account [click here]
(Blogger is part of Google so you can sign in using your school gmail name and password) 2. Make a Favi Icon 3. Make a visual for your Header 4. Pick fonts and font colors 5. Pick Background Colors and/or Images 6. Make 5 posts with the 5 best designs you created from the projects in this class (CD covers, Movie Poster, Logo, Motion Graphic)
Making images for the web - You can just rag and drop an image from a blog! - You can look 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" image 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
- 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
Check in on Zoom at 2pm look for a link in your email and on Google Calendar. ---------------------------------------------------------- Work on Projects
Ways to get video files to use in Photoshop: - Shoot it yourself. Pick up your phone, turn it horizontal and start filming!
Today we will have a quick meeting online at 1:30pm! Check your email for the zoom link -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=- How to animate layers in Photoshop
Time 23min 34 sec
Using the Timeline 0 - 5:25
Moving a graphic (position change) 5:26 - 11:50
Moving Text (opacity change) 11:51 - 15:54
Moving an Image (create a smart object and transform change) - 15:55 - 23:34
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"
- pick your favorite video and take notes about the pacing and the types of imagery found in the title sequence. How many cuts are there? How many seconds is each cut? How many different scenes are there? 3) Which of the 10 title sequences do you think would work best for your movie? Develop a storyboard. OR Infographic: 2) Research - use youtube to watch 10 different examples of Infographics. Start here: https://www.youtube.com/watch?v=1Mc4d2B4HyI
- pick your favorite video and take notes about the pacing and the types of imagery found in the infographic. How many cuts are there? How many seconds is each cut? How many scenes are there? 3) Research the information you want to get across to your viewer. Develop a storyboard
Step 2 - Make an 'outline'. List out the information you want to show, in the order you want to show it. For an infographic it is the information you want to show the viewer. For a title sequence it is things like the information about the movie (the actors, studio, title, producers...) Example Infographic
Introduction (what are you going to show?) First Part (what are you going to show?) Second Part (what are you going to show?) Third Part (what are you going to show?) Fourth Part (what are you going to show?) Fifth Part (what are you going to show?) Ending (what are you going to show?) Credits (what are you going to show?)
Example Title Sequence
Show movie clip (what are you going to show?) Show Actors names (who are they?) Show movie clip 2 (what are you going to show?) Show studio name (who is it?) Show movie clip 3 (what are you going to show?) Show movie title (what are you going to show?) Show movie clip 4 (what are you going to show?) Show movie clip 5 (what are you going to show?)
Step 3 - Making a Storyboard A Storyboard breaks the story into pieces that visually show the angle, movement and POV of the camera. Breaking a story into Cuts and Scenes
- Examples of Cuts and Scenes
Storyboarding your Motion Graphic Sequence
Questions to ask yourself!
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?)
Final Critique for Proj 4 starts on Friday! * Put your final logo in the "Project 4 Final Logo" Google Photos Album I 'shared' with you. =-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-
- pick your favorite video and take notes about the pacing and the types of imagery found in the title sequence. How many cuts are there? How many seconds is each cut? How many different scenes are there? 3) Which of the 10 title sequences do you think would work best for your movie? Develop a storyboard. OR Infographic: 2) Research - use youtube to watch 10 different examples of Infographics. Start here: https://www.youtube.com/watch?v=1Mc4d2B4HyI
- pick your favorite video and take notes about the pacing and the types of imagery found in the infographic. How many cuts are there? How many seconds is each cut? How many scenes are there? 3) Research the information you want to get across to your viewer. Develop a storyboard
Step 2 - Make an 'outline'. List out the information you want to show, in the order you want to show it. For an infographic it is the information you want to show the viewer. For a title sequence it is things like the information about the movie (the actors, studio, title, producers...) Example Infographic
Introduction (what are you going to show?) First Part (what are you going to show?) Second Part (what are you going to show?) Third Part (what are you going to show?) Fourth Part (what are you going to show?) Fifth Part (what are you going to show?) Ending (what are you going to show?) Credits (what are you going to show?)
Example Title Sequence
Show movie clip (what are you going to show?) Show Actors names (who are they?) Show movie clip 2 (what are you going to show?) Show studio name (who is it?) Show movie clip 3 (what are you going to show?) Show movie title (what are you going to show?) Show movie clip 4 (what are you going to show?) Show movie clip 5 (what are you going to show?)
Step 3 - Making a Storyboard A Storyboard breaks the story into pieces that visually show the angle, movement and POV of the camera. Breaking a story into Cuts and Scenes
- Examples of Cuts and Scenes
Storyboarding your Motion Graphic Sequence
Questions to ask yourself!
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?)
Final Critique for Proj 4 starts on Friday! * Put your final logo in the "Project 4 Final Logo" Google Photos Album I 'shared' with you. =-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-
Today in class. Read and watch the information shared below.
Motion Graphics
Motion Graphics: Where the element of 'time' is added to graphic design (purposeful use of text and image). This come in two main forms. Title Sequences and Information Graphics
Examples of Title Sequences
---
Examples of Info Graphics
---
Ways to get video files to use in Photoshop: - Shoot it yourself. Pick up your phone, turn it horizontal and start filming!
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"
Project 5 Step 1 - Play with the timeline in Photoshop. See if you can make text or an image move. Try adding a video to the timeline and then putting layers with opacity or blend modes over top. There is no end goal, just play so you feel comfortable and refer to the video above to se how it is done. If you have not finished Project 4, keep working on it and hand it in when your done!
Film and Stopmotion Animation is made up of a sequence images displayed through time. These images are shown at a certain amount of frames of per second with 'persistence of vision' - FPS (frames per second) or frame rate is the number of images that are shown in one seconds worth of time. Traditional film = 24 FPS Traditional animation = 12 FPS Digital film = 30 - 120 FPS Modern animation = 12 - 30 FPS Which means 1 minute of
Film = 1440 still images
Animation = 720 still images
Digital = 1800 - 3600 still images
Digital Video Resolution
The camera's lens is the eyes of the audience!
The handheld POV shot
Camera Angles, Camera Movement and Point of View (POV)
Camera Angles 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. This technique is the most common shot used by photographers, seen in many casual pictures, such as family photos or vacation shots.
High Angle
A high-angle shot involves taking a photograph from someplace above a subject at a diagonal angle. This type of angle may make a subject look smaller or even childlike.
Low Angle (Worms Eye)
A low-angle shot is the opposite of the high-angle shot. In a low-angle shot, the photographer is below the subject and takes a photograph looking up at the subject. This angle is often used to make a subject appear larger, taller or more powerful.
Bird's Eye
This type of shot is similar to the high-angle shot in that the photographer is situated above the subject. However, unlike a high-angle shot, a bird's eye shot looks straight on at a subject rather than using an angle. This type of shot is used to achieve very dramatic images.
Slanted
A slanted shot, or dutch tilt, is where the camera is tilted to the side to give the horizon a unique, angled appearance. This is a popular shot for movie stills and in magazines as it portrays a hip, edgy feeling in the photograph
Camera Movement
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 him, taking up the entire frame. These shots are used often when a character is talking, because it puts the viewer in an almost face-to-face context. 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 Abbreviated (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. As the camera zooms out, making the person almost unrecognizable but giving a good view of the entire area, it becomes a VWS, or very wide shot. Finally, an extreme wide shot (EWS) takes the camera out so that you can't even see the subject, but gives the viewer a clear picture of where the viewer is supposed to be--these are generally used as establishing shots. VWS are generally taken from cranes, so they're sometimes called crane shots, and EWS can be taken from helicopters and called aerial shots.
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. Some camera operators also set up the noddy shot, which is most common in interviews, and is taken from the perspective of the interviewee.
POV The first-person perspective is a useful way to put the audience almost directly in the character's shoes. The POV shot is pretty much what the character would see--as if she is actually holding the camera herself. POV, meaning point-of-view, shots are often used to heighten the intensity of a scenario.
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. If the weather is wet and rainy, that will affect the mood of the film overall; a bright, shiny day on the other hand lightens the mood.
Camera Movement A director may choose to move action along by telling the story as a series of cuts, going from one shot to another, or they may decide to move the camera with the action. Moving the camera often takes a great deal of time, and makes the action seem slower, as it takes several second for a moving camera shot to be effective, when the same information may be placed on screen in a series of fast cuts. Not only must the style of movement be chosen, but the method of actually moving the camera must be selected too. There are seven basic methods: 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. Complicated dolly shots will involve a track being laid on set for the camera to follow, hence the name. The camera might be mounted on a car, a plane, or even a shopping trolley (good method for independent film-makers looking to save a few dollars). A dolly shot may be a good way of portraying movement, the journey of a character for instance, or for moving from a long shot to a close-up, gradually focusing the audience on a particular object or character. 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. After the war, it took a while for commercially produced movies to catch up, and documentary makers led the way, demanding the production of smaller, lighter cameras that could be moved in and out of a scene with speed, producing a "fly-on-the-wall" effect.This aesthetic took a while to catch on with mainstream Hollywood, as it gives a jerky, ragged effect, totally at odds with the organized smoothness of a dolly shot. 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. No "walk and talk" sequence would be complete without one. Hand held cameras denote a certain kind of gritty realism, and they can make the audience feel as though they are part of a scene, rather than viewing it from a detached, frozen position. 5. Crane Shots Basically, dolly-shots-in-the-air. A crane (or jib), is a large, heavy piece of equipment, but is a useful way of moving a camera - it can move up, down, left, right, swooping in on action or moving diagonally out of it. The camera operator and camera are counter-balanced by a heavy weight, and trust their safety to a skilled crane/jib operator. 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. The drawbacks to zoom use include the fact that while a dolly shot involves a steady movement similar to the focusing change in the human eye, the zoom lens tends to be jerky (unless used very slowly) and to distort an image, making objects appear closer together than they really are. Zoom lenses are also drastically over-used by many directors (including those holding palmcorders), who try to give the impression of movement and excitement in a scene where it does not exist. Use with caution - and a tripod! 7. The Drone(Aerial) Shot
An exciting variation of a crane shot, usually taken from a drone or a helicopter. This is often used at the beginning of a film, in order to establish setting and movement. A drone is like a particularly flexible sort of crane - it can go anywhere, keep up with anything, move in and out of a scene, and convey real drama and exhilaration
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Continue Working on Proj 4
Projet 4 Steps red = should be done grey = in process black = to do
Step 1- Research
(Start now, due Thur 3/36 by 1pm)
- look up and download 20 logos that you find interesting or that inspire you, into a folder on your computer or cellphone.
Step 2 - Create 10 different logo prototype ideas (start by Thur 3/26 - due Mon 3/30)
