11/28/21

Day 24 tue Nov 30th



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 Settings"" 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



Project 6 Assigned

Theme a blog up on Googles Blogspot and upload your portfolio

- Make a Favi Icon

- Make a visual for your Header

- Pick fonts and font colors

- Pick Background Colors and Images

- Make a post for each of the following:

  • All your CD covers

  • Final Movie Poster

  • Logo for Super Heroes in Ripped Jeans

  • Motion Graphic Video Project including; the video, photo of your storyboard and your written outline.



 

Work on Projects


11/22/21

Day 23 Tue Nov 23rd


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




Work on Projects


11/17/21

Day 22 Thur Nov 18

Logo Design Opportunity

The Clay Club at Hartwick College needs a new logo 

 

here is the old one:


 












Can you make a better one for them? If so your Logo will live on at Hartwick for years to come.

 

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



Project 5 motion graphic sequence

For this project you have the choice to make either an "Infographic" or a "Title Sequence"

Details

  • sequence length = 30 seconds or more
  • size = HDTV 1920x1080
  • file type = exported as: h264 based ".mp4"



Step 1 - Make Decisions about your Motion Graphic Sequence and Research

1) Do you want to make a Title Sequence or an Infographic?


Title Sequence:
2) Research research
- use youtube to watch 10 different examples of Title Sequences. Start here: https://www.youtube.com/watch?v=2IoVLB1shwI


- 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.


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?)


- Shreck storyboards example




How to make a storyboard step by step directions here!


no you don't have to know how to draw.
 



Step 4 - Create your video in Photoshop


Step 5 - Finalize your video in Premiere Pro




Work on Projects


11/14/21

Day 21 Tue Nov 16th

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


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


'Exporting' your video out of Photoshop



Step 1: Under 'File' go to 'Export' then select 'Render Video'


Step 2: Set up your video as seen below. 
Make sure to save it to the Desktop


It will take a few minutes to export


The .mp4 file will appear on your 'desktop'



11/11/21

Day 20 Thur Nov 11th


Animating Layers 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


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

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


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


Ways to get video files to use in Photoshop:

- Shoot it yourself. Pick up your phone, turn it horizontal and start filming!

- Get it online:

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Ways to get video files to use in Photoshop:

- Shoot it yourself. Pick up your phone, turn it horizontal and start filming!

- Get it online:

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

'Exporting' your video out of Photoshop



Step 1: Under 'File' go to 'Export' then select 'Render Video'


Step 2: Set up your video as seen below. 
Make sure to save it to the Desktop


It will take a few minutes to export


The .mp4 file will appear on your 'desktop'



11/9/21

Day 19 Tue Nov 9th

Start Here!


Time: 21 min




Introduction to Project 5 motion graphic sequence

For this project you have the choice to make either an "Infographic" or a "Title Sequence"

Details

  • sequence length = 30 seconds or more
  • size = HDTV 1920x1080
  • file type = exported as: h264 based ".mp4"



Step 1 - Make Decisions about your Motion Graphic Sequence and Research

1) Do you want to make a Title Sequence or an Infographic?


Title Sequence:
2) Research research
- use youtube to watch 10 different examples of Title Sequences. Start here: https://www.youtube.com/watch?v=2IoVLB1shwI


- 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?)


- Shreck storyboards example








How to make a storyboard step by step directions here!


no you don't have to know how to draw.
 




=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-


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.

=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-


Work on Projects

11/3/21

DAy 18 Thur Nov 4th

 .

Upload and Review 6 logo designs

 

Look for the "Art 213 FA21 Logos V2" Album

 

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-



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!

- Get it online:



-----

How to used the "timeline" 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


- 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!


11/1/21

Day 17 Tue Nov 2nd

 If you miss today's class watch below.



time 20 min


-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-


Digital Video & Motion Graphics


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

        (Due Tues Oct 19th beginning of class )

        - look up and download 20 "animal rescue" logos that you find interesting or that inspire you. Save them into a folder on your computer or cellphone.

        - research Super Heroes in Ripped Jeans on their website and social media. Andswer these questions. Who are they? What do they do? What is their rescue ideology.  What is interesting? What caught your eye? What visuals (colors, fonts, ect ) do they currently use. Write this all down in a Google Doc

        - research 3 other "Animal Rescue" websites. What is interesting? What caught your eye? What visuals (colors, fonts, ect ) do they currently use. Write this all down in a Google Doc


        Step 2 - Prototype ideas 

         (start Thur Oct 21st Tue - due Oct 26th )

        Using the 20 logos you researched and Google Image search for the key words form the last blog create 10 aesthetically different mock ups of possible logos for"Super Heroes in Ripped Jeans"


        If you don't have Photoshop, you can do this with paper and pencil or by using the GIMP.

        Size - 5 inch x 5 inch @ 300 dpi


        - make prototypes 3 Text only
        - make prototypes 3 Image only
        - make prototypes 4 Image and Text


        Your 10 prototype logos need to be up in the class Google Photos album called "Proj 4 Prototypes" by Thur Oct 26th


        Step 3 - Crit and receive feedback

        (Tue Oct 26st at 3pm)


        Step 4 - Create 3 versions of each of your best logo ideas

        (starts Tue Oct 26th - due Thur Nov 4th by 2pm)

        Step 5 - Crit and receive feedback

        (Thur Nov 4th at 2pm)

        Step 6 - Create final Logo

        (Start  Thur Nov 4th due Tue Nov 9th)

        Step 7 - Crit final Logo

        (Tue Nov 9th)