12/6/21

Class Final

Class Final

Noon - 3pm

 

 

Project 6

Theme a blog up on Google's 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 (Jpgs)

  • Final Movie Poster (Jpgs)

  • Logo for Super Heroes in Ripped Jeans (Jpgs)

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

    Email me your blog's web address



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!