Video GIFs→ Photoshop

Unique Perspective
Ashley, Ryleigh and Teema

Purpose→ Objectives
This lesson explores Perspective through GIFs in Photoshop.
We will learn to import short video clips into Photoshop, practice various artistic editing tools and
how to prep the file to export as a GIF.

Building on previous skills:

Day One→ Introduction
Creative Commons→ Open licensed material
Today we will: Video→ Trim and edit
Ps Import→ video into layers Photoshop→ layers
Workspace→ Motion, Menu, and Timeline
Edit clip→ Crop, Loop, Frame and Speed
Adjustments→ Effects, Text, Sketches
Export→ GIF and Embed
Reflect→ Discussion post

Use Pond5.com or a personal video to practice

Log on to Pond5.com.
Scroll through the video library
or search for an interesting
video using the search bar.
.

Click on the video you want to use.

When you get to the download page
Right click on the video and choose
Save Video As

Before the end of the day please screenshot your Photoshop GIF
workspace and reflect on the process. Give two descriptive words
that describe your perspective of the world.
Home Work→ Short Clip
Bring a short video clip that shows/demonstrates your unique
perspective.
REMINDER: Non-digital art images art due 5pm Thursday 10-15 (K-12 Appropriate)

Day Two→ Making a GIF

Things to consider: The best GIFs are short, low resolution and show action.

Use photoshop and the skills we practiced on Tuesday to create a video

GIF that shows your perspective. The video GIF must include at least one
effect. Adjustment |Text | Sketch | Trim

Embed your GIF into the Group 4 facilitation submission and provide
3-5 sentences discussing how your GIF speaks to your perspective.
 Video GIFs→ Photoshop
Importing Videos
Ryleigh Kelley

1.) First, you want to go to File – Import – Video Frames to Layers.

2.) Select a video file that you would like to use.

3.) Use the toggle tools to trim your video down to a few seconds. Remember try to
capture the ACTION in your video.

Use the small

toggle tools to
trim video. The
smaller the
better.

4.) Next, if your screen doesn’t have a timeline at the bottom of the screen, go to Window
– Workspace – Motion. A timeline should appear at the bottom of the screen. (See
below)

The timeline
helps you see all
your layers side-
by-side.
 Video GIFs→ Photoshop
Workspace and Edits
Teema Rogers

HELPFUL PHOTOSHOP TIP:

Photoshop Motion Workspace Know your toolbars Use the Window menu to reset/find a toolbar.
Locate and reset all toolbars from the Windows menu. Use the History toolbar to view & correct mistakes.

To build GIFs in Photoshop reset the Motion

workspace toolbars, and open History and Timeline

The timeline toolbar includes the Play functions and the Repeat settings.
Choose Forever

Image Size & Crop Smaller files make better GIFs.

You can crop your video using the crop tool, or resize the file using Image Size.

Use the crop

tool to select
only part of
your clip.

Most GIFs are 600 pixels on the longest size

Effects Adjustments |Text | Sketch | Trim

Adjustment layers can change the color with an effects layer.

Experiment with the adjustment options choose only one.

Each adjustment will create a new layer. The adjustment layer must
be on top on top and visible. If you change your mind or do not like
the effect, click on that layer and drag it to the trash can icon.

Sketch an image on a new layer with the paintbrush.

Use the paintbrush tool to personalize.

Change the brush style and hardness

Click on the top layer,

then hit the New
Layer icon. Make
sure this layer is
visible and on top.
 Add Text on a new layer.
Click on the top layer, then choose Text icon. Each time you click the another layer will open.

Text controls Drag a text box across your GIF to add text.
appear on the To edit double-click inside the text box.
top tool bar To move the text use the tool.
when the is
selected

Keep it simple

Trim layers on the Video Timeline to “animate” your effects

Decide when and how long each layer is visible.

Right-click on the options bar and select Convert

This conversion turns each frame layer into a video

layer and changes the way the timeline looks.

“
The Video Timeline is now populated with video layers. Similar to Imovie, these
individual layers can be trimmed by removing frames. Shortening an effects layer
will effectively make that effect appear for several frames and then disappear.

To shorten a video layer, drag the end brackets

Keep it simple
Video GIFs→ Photoshop
Exporting GIFs
Ashley Ramirez

To export your GIF

you want to go to
“file”

Under file go
down to export
Click on “Save for
Web (legacy)”

Click on
“preset”
 Select GIF
128 dithered
for full
amount of
blending the
color “dots”
together*

*This will cause

you to have a high
file size because of
higher quality. If
you do not want a
high file size or
want a certain
look, you can look
at other GIF
presets.
You can preview
your file before
saving

You can also

manually select
how you want
the GIF to look

Image size
(width or height)
shouldn’t be more
than 600 px

Make sure
that the
Looping
option says
forever
 Rename it to
what you want
(make sure it
has the .gif)

Save it to where
you want

Format it as
“image” only

Leave settings
as “default
settings

*Your file will be saved as an image gif, to share file follow steps under “HOW TO SHARE TO A
WEBSITE” Save*

HOW TO SHARE TO A WEBSITE (Canvas or Weebly)

You will embed

your gif image
just like an
image

(have the gif

saved in your
canvas file for
quicker
uploading)
Now your gif is
ready to be
shared on the
Canvas
discussion!

Add image to the

appropriate page.

Click “upload
image” and add
you gif image file

Now your gif is

ready to be
shared on your
website! Don’t
forget to hit
publish so
others can see
your great
work!