• GIF STUFF:
     
    Assignments:
    #1: GIF Paintbrush GIF
    Assignment: Create a GIF animation using single image.
    Use tools to change the image or part of image with filters,
    image adjustments, or other effects.

    #2 GIF Internet GIF

    Assignment: Create one or more GIF's from a screen encoding something
    from Internet Culture'.
    Topics may include: movie scenes, nature shows, musical groups etc
    #3 GIF from a video
    Assignment: Create a GIF from a video you record that shows 'Motion' or other concept
    #4 GIF from a series of Photographs
    Create a GIF using 6 or more related photographs
    _________________________________

    GIF to KNOW:
    1. In your graphics note doc, answer 4 questions:
    -What is a GIF? Who is the 'original inventor'
    -Try to describe how a gif works
    -What is dithering?
    -What is the number of colors a GIF can use?
    -What are the Characteristics of a GIF?
    -GIF's support 256 colors and a 72 dpi
    -Other formats: SWF/MP4/flv will support millions of colors,
    but they are not GIF's.
    -GIFS have no sound
    -GIF's are (usually) repetitive.
    -A GIF will support transparency on the internet
     
    Resources
    Link to Encoding
    Instructions
    Encoding example vids to use:
    oldest turtle: http://youtu.be/NR3Z4p5hspI  
    more snow monkeys: http://youtu.be/0-9lQ-Y2o8M
     
    Link to Export From Premiere instructions

    http://www.nationalgeographic.com/

    Encoding Instructions
    Video to GIF Tutorial
    Random Interesting Gif projects
    HTML color range
    GIF 256 COLOR
    Kids
    react to GIFS-

    Instructions
     
    To get video files into Photoshop:
    File>Import Video frames to layers.
    -Use manual controls plus shift to
    select a piece of the video.
    -Make sure to decide whether to check 'limit to every' and go
    up from 2 to increase the drop frame number.
     
    To fix Video Proportions: If your video looks 'smooshed'.
     1. Go to image size.
    2. UNCHECK constrain proportions
    3. Change the width and the height with each other
    4. Say okay 
     
    To Reduce the overall frame/canvas size:
    1. Go  to image size menu
    2. CHECK Constrain proportions again
    3. Go to width in inches or pixels and lower the number
    Rule of thumb: The frame should not exceed 500 pixels or 6 inches in width. And you can go smaller if you have a lot of frames.
    ___________________________________
     Gif_from_Video (phone or video camera) - Steps:
    1. Record the video
     
    2. Upload  to the computer with your cable- or email the file to yourself and then download the video file to your class folder. 
     
    3. If desired (not necessary) you can import that vid into premiere and edit it- export as a .mov or .avi if you decide to do that. 
     
    4. Use Photoshop > Import frames to layers> choose a video file
     
    5. In the Import menu: Choose to import the video from beginning to end, or hold shift choose a selected range. ALSO, decide on the frame limit number.
     
    6. Once in Photoshop-
    a. Save the psd as Gif_video_lastname to your class folder
    b. Do an image size change in order to correct the proportion. Image size> UNCHECK CONSTRAIN PROPORTIONS, then switch the height # with the width number
     
    7. To make the final GIF- use File>save for web and devices>
    a. In first window: Use the preview button to preview it on explorer. Click 'save' if fine. Or go back and make changes.
    b. In second window: Save in: put it in the final projects GIF folder, and make sure filename is correct. (video_gif_lastname_1,2) AND in the format line select Html and images. Then click 'save' again
     -----------------------------
     
    Making GIF from internet: Steps in order: (click  here for detail of screen recording and endcoding instructions. Steps 1-3)
     
    Path *My computer>storage D>Video Edit>your name (or use classes)
     
    1. Open Screen recorder /change settings 30 fps and set directory location to hard drive (or class folder)/turn off annotations/set recording area/ record  the video
     
    2.  After you stop recording, click on 'Send to encoder'
     
    3. Once in Encoder>click on 'output' folder (on right) and set to your hard drive, or class folder/then click 'encode'
     
    4. Open the Premiere project (make sure the premiere project is saved to your hard drive or class folder), then use File> Import (to get your encoded .wmv into premiere project) Then drag clip  trim clip as desired.
    **Make sure to right click on clip in timeline and check 'scale to frame size'.
     
    5.  When you are done editing in Premiere : Use 'File>export media'>and export the video as avi. (*Click on 'output name' in the export window to rename the video and check where it is going). Make sure to click on Export.
     
    6. Open Photoshop (not 64 bit). In photoshop use File>import video as layers; and use the import  menu to: choose whole or part of the clip, and decide how many frames to drop) Immediately Save the Photoshop document as Internet_gif_name_1,2.
     
    6. Change image size in photoshop to 500 pixels width.  
     
    7. Adjust  timing and frames of animation frames and layers where desired/ *Can Try selecting/copying/pasting/reversing frames
     
    8. To make the final GIF- use File>save for web and devices>
     
    a. In first window: Use the preview button to preview it on explorer. Click 'save' if fine. Or go back and make changes.
     
    b. In second window: Save in: put it in the final projects GIF folder, and make sure filename is correct. (interget_gif_lastname_1,2) AND
    in the format line select Html and images. Then click 'save' again.
     
    _______________________________________________________
     
    If your GIF is running slow in a browser:
     -If your GIF runs at the correct speed in Photoshop but slow in a browser window try the following:
    -Reduce the overall image size to be less than 500 pixels in any direction. (be sure to constrain proportions)
    -Save for web and devices again, play it, and see if that helped.
    -If it is still slow, you need to 'lighten the file' by removing every other, or every third frame from the timeline. (take out unnecessary layers too).
    -Save for web and devices and preview it again.
     
     Other:
    -Remember you can also use Transform tools for animation like rotate, warp scale, distort etc- but you MUST duplicate the layer for each change
    -If something is selected on a layer- you can affect just that area with 'image>image adjustments' or with filters
    -Right click on a selection for a shortcut to feather or refine edge. (make sure selection tool is your current tool)
    -Layer via cut- right click on selection>layer via cut-cuts selected area and pastes it to a new layer. (make sure selection tool is your current tool)
    -Layer via copy>right click on selection-layer via copy- copies material to new layer but does not cut it from original layers.
    -Layer blend modes- change from normal to other blend modes, in order to use layers as overlays.
    -Change opacity to make something overlay.
    -Tweening- set up the frames using a single layer that you have changed from one frame to another.  Click on end of animation bar for fly out>say 'tween', choose opacity, effects or position or all three depending on what you want to do
    -To change timing of frames- click on bottom of individual frames and change time.
    -To select all frames: open fly out menu on end of animation bar and say 'select all frames'
     
     
Last Modified on September 9, 2019