DIGITAL MEDIA ARTS INTRO: STRANDS AND STANDARDS Weebly Portfolio Google Site Portfolio
Video Edit | ProCo Intro | Script, Storyboard, Shot list | Special Effects |
May 22, 2026
Two most common video aspect ratios?
Two common videographic aspect ratios are 4:3,] the universal video format of the 20th century, and 16:9, universal for high-definition television and European digital television.
http://www.equasys.de/aspectratio.html
What is aspect ratio?
The aspect ratio of an image describes the proportional relationship between its width and its height. It is commonly expressed as two numbers separated by a colon, as in 16:9.
May 20, 2026
What is the Adobe Professional Model?
Adobe Professional Model
Design and Development Process
a. Define -- Goals, target audience, content, and delivery requirements
b. Structure – Flowchart to portray the overall structure and screen views of the project
c. Design – design of comps, review with client, redesign from client feedback, and production
Storyboard.
d. Build and test – project production based on storyboards, technical and usability testing, revision, and final project presentation
e. Launch – launch and publish project
May 18, 2026
What is ADDIE Model?
ADDIE Model
a. Analyze -- gather and process contextual information affecting the goals, structure, purpose, content, audience, and design of a project.
b. Design -- plan the general look and scope of the application and the media it will use, along with the
budget, tools, objectives, outline content, storyboard, and schedule.
c. Develop – collect & create digital media content and testing of the application
d. Implement – publish the finished project and make it available to its audience.
e. Evaluate -- assess the effectiveness of the project with the target audience and make
adjustments in future revisions.
May 14, 2026
What is Chroma Keying?
Chroma key compositing, or chroma keying, is a special effects / post-production technique for compositing two images or video streams together based on color hues.
May 12, 2026
What are the three stages in creating a film project?
1. Pre-Production
2. Production
3. Post-Production
May 8, 2026
List three video format types
.mp4, .mov, .avi, etc.
May 6, 2026
How do you render videos from After Effects?
May 4, 2026
What three terms describe “three point lighting?”
Key, Fill, Rim.
April 30, 2026
Shortcuts for Premiere Pro?
-Mark in: i. Mark out: o.
-Selection tool: V
-Razor Tool: C
April 28, 2026
Film Camera Techniques
Copy and paste the following document into a text editor.
List Five good practices of camera techniques. (copy the website along with your answer)
1.
2.
3.
4.
5.
List Five different camera angles. (copy the website along with your answer)
1.
2.
3.
4.
5.
April 24, 2026
Film and Editing File setup. Create the following folders on your computer.
Video, Special Effects, Green Screen, Intro, Group Project.
April 22, 2026
The standard frame rate per second for video?
30 fps
April 20, 2026
List three audio format types.
.mp3, .wav, .m4a, etc.
April 16, 2026
Export from Animate to a video file?
1. Open Media Encoder App.
2. Go back to Animate.
3. File / Export / Export Video/Media.
April 14, 2026
How do you insert audio into Animate?
1. Download audio File. (.mp3 or .wav)
2. Create a new Layer for your SFX.
3. Drag audio file on the scene.
April 3, 2026
Downloading .mp3 from Sound Bible:
1. Right mouse click on the .mp3 image, choose Save Link As…
2. Save your sound effect to place where you can find it, not your downloads folder.
3. Click on the arrow and choose Keep.
April 1, 2026
How do you open the Library in Animate?
Window / Library
End of 3rd Quarter
Audio Projects | 30 Song | 3 Ringtones | Radio Add | Foley SFX |
Animation Projects | Drawing | Frame by Frame | Motion Tween |
5 Characters | 5 Backgrounds | Cartoon Animation |
March 30, 2026
What is Exaggeration?
Exaggeration is an effect especially useful for animation, as perfect imitation of reality can look static and dull in cartoons. The level of exaggeration depends on whether one seeks realism or a particular style, like a caricature or the style of a specific artist. The classical definition of exaggeration, employed by Disney, was to remain true to reality, just presenting it in a wilder, more extreme form.
March 26, 2026
Anticipation?
Anticipation is used to prepare the audience for an action, and to make the action appear more realistic. A dancer jumping off the floor has to bend the knees first; a golfer making a swing has to swing the club back first. The technique can also be used for less physical actions, such as a character looking off-screen to anticipate someone's arrival, or attention focusing on an object that a character is about to pick up.
https://www.youtube.com/watch?v=BarOk2p38LQ
https://en.wikipedia.org/wiki/12_basic_principles_of_animation
March 24, 2026
Define Timing?
Timing refers to the number of drawings or frames for a given action, which translates to the speed of the action on film.
https://www.youtube.com/watch?v=BarOk2p38LQ
https://en.wikipedia.org/wiki/12_basic_principles_of_animation
March 19, 2026
What is slow in & slow out in animation?
The movement of the human body, and most other objects, needs time to accelerate and slow down. For this reason, animation looks more realistic if it has more drawings near the beginning and end of an action, emphasizing the extreme poses, and fewer in the middle.
https://en.wikipedia.org/wiki/12_basic_principles_of_animation
March 17, 2026
What is Secondary Action?
Adding secondary actions to the main action gives a scene more life, and can help to support the main action. A person walking can simultaneously swing his arms or keep them in his pockets, speak or whistle, or express emotions through facial expressions.
https://en.wikipedia.org/wiki/12_basic_principles_of_animation#Secondary_Action
March 13, 2026
Opening the Scene Window?
Window / Scene
Background Sizes.
HD: 1280 X 720 px
Full HD: 1920 X 1080 px
March 11, 2026
Create Five Characters?
No Stick figures and needs to be school appropriate.
Video Tutorials for some tips.
Drawing on adobe animate tutorial
Drawing Characters Using Basic Shapes in Animate | Adobe Creative Cloud
How to Draw and Animate in Adobe Animate CC - Drawing and animating a cartoony monk
March 9, 2026
What is a storyboard?
A sequence of drawings, typically with some directions and dialogue, representing the shots planned for a movie or television production.
Download: Storyboard
March 5, 2026
How to edit a gradient?
1. Select a shape.
2. Choose: Window / Color.
3. Change Solid color to Linear or Radial Gradient.
4. Click on the color stop to change or add or subtract by clicking under gradient.
5. Use paint bucket tool to move the gradient after you have unlocked.
March 3, 2026
How do you export to an animated Gif?
1. File / Export / Export Animated Gif
2. Change Percent to 50% / Click Preview.
3. Right mouse click image / Save Image As…
February 26, 2026
What is a symbol in Animate?
A reusable object stored in a library.
February 24, 2026
What is the difference between .fla & .swf?
.fla: Editable Flash Document
.swf: Published Flash Animation
February 20, 2026
Motion Tween.
1. Draw an object.
2. Select object and right mouse click to convert to Symbol.
3. Extend Frames to 60 or more.
4. Right mouse click on timeline and choose Create Motion Tween.
February 18, 2026
How do you hide, lock and see outline on a layer?
Click the dot under the eyeball to hide layer, click on the dot below the lock to lock layer, click on the colored rectangle to see outline mode.
February 12, 2026
What are the basic shortcuts for animation in Animate?
F5 Shift+F5 F6 F8 F7 Command+B Command+A Command + Return+Alt Command + Return | Insert Frame Remove Frame Key Frame Convert to Symbol Blank Frame Break Apart Select All Test Scene Test Movie |
February 10, 2026
List 5 shortcuts for Animate?
Selection Tool: (V), Free Transform: (Q), Paint Bucket: (K), Eyedropper: (I), Rectangle: (R), Pencil Tool (Shift+Y)
February 6, 2026
List three audio format types.
.mp3, .wav, .m4a, .aac, .aiff, etc.
February 4, 2026
Creating Cover Art:
Download Temple: PSD CovertArt, or AI Cover
February 2, 2026
Set up a Portfolio
Details: Choose one style of portfolio. For Weebly use a personal email, NOT CSD Email.
Google Site | |
Example: https://freemangraphics.weebly.com/audio.html | Example: https://sites.google.com/view/freemangraphics/2d-animation |
January 29, 2026
Downloading .mp3 from Sound Bible:
1. Right mouse click on the .mp3 image, choose Save Link As…
2. Save your sound effect to place where you can find it, not your downloads folder.
3. Click on the arrow and choose Keep.
January 27, 2026
Loudness of sound is determined by:
Loudness is the characteristic of a sound that is primarily a psychological correlate of physical strength (amplitude). More formally, it is defined as "that attribute of auditory sensation in terms of which sounds can be ordered on a scale extending from quiet to loud".
January 23, 2026
How do you export from Garageband to .mp3?
1. Share / Export Song to Disk...
2. Save as MP3
January 21, 2026
Define Decibels.
Decibels- we measure the loudness of sound by decibels, dB. Key decibel levels are:
40dB- whisper
60 dB- conversation
70 dB - busy street
80 dB- acoustic guitar 1" away
90 dB- baby crying
110 dB- Power tools
130 dB- Rock Concert.
End of 2nd Quarter
January 15, 2026
Study for test.
Digital Media Standards.
January 9, 2026
Define Fair use, Public domain, Copyright, Intellectual Property.
Fair Use | Fair use is a legal doctrine that permits limited use of copyrighted material without acquiring permission from the rights holders. It is one type of limitation and exception to the exclusive rights copyright law grants to the author of a creative work. |
Public Domain | The term “public domain” refers to creative materials that are not protected by intellectual property laws such as copyright, trademark, or patent laws. The public owns these works, not an individual author or artist. Anyone can use a public domain work without obtaining permission, but no one can ever own it. |
Copyright | Creator of an original work exclusive rights for its use and distribution. |
Intellectual property | Intellectual property (IP) refers to creations of the mind, such as inventions; literary and artistic works; designs; and symbols, names and images used in commerce. |
January 7, 2026
What does RGB & CMYK represent?
RGB: Red, Green, Blue.
The RGB color model is an additive color model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors.
CMYK: Cyan, Magenta, Yellow. Black.
The CMYK color model (process color, four color) is a subtractive color model, used in color printing, and is also used to describe the printing process itself. CMYK refers to the four inks used in some color printing: cyan, magenta, yellow, and key (black).
January 5, 2026
Define Triadic & Tetrad Color Schemes.
The triadic color scheme uses three colors equally spaced around the color wheel.
Tetrad Color Schemes include four colors that are equally spaced apart on the color wheel.
What are Complementary colors?
Complementary colors are pairs of colors which, when combined, cancel each other out. This means that when combined, they produce a grey-scale color like white or black. When placed next to each other, they create the strongest contrast for those particular two colors.
What is Monochromatic?
Monochromatic colors are all the colors (tints, tones, and shades) of a single hue. Monochromatic color schemes are derived from a single base hue and extended using its shades, tones and tints. Tints are achieved by adding white and shades and tones are achieved by adding a darker color, gray or black.
December 18, 2025
Define the following terms:
Positive Space: The space an object occupies.
Negative Space: The space unoccupied around an object.
Shape: A 2-D outline of an image.
Line: Any element in an image that creates a path for the eye to follow.
Texture: A visual quality that you can “feel”.
Color: Reflected light producing different hues.
December 16, 2025
Freeman Graphics Classes.
Fill out the form for next year's classes. https://forms.gle/6uBUrPpEfnbpHDRH7
Dec. 10, 2025
How to show rulers and use guides
1. From the menus choose: View / Rules.
2. View / New Guide… or click and drag on top of the ruler and pull down a guide.
Dec. 8, 2025
Creating Brushes
1. Open an image in Photoshop.
2. From the pulldown menu, Choose: Edit / Define Brush Preset…
(Anything in the image that is black will be solid, white is transparent.)
Dec. 4, 2025
Install Brush https://www.adobe.com/products/photoshop/photoshop-brushes.html
http://myphotoshopbrushes.com/
1. Select Brush tool.
2. In the status bar Select second pull down arrow.
3. In Brush menu click on the .
4. Choose Load Brush.
5. Locate and install your downloaded .abr file.
Your new brushes should appear at the bottom of all your other brushes.
Dec. 2, 2025
How do you use Layer Styles?
1. Select a layer.
2. Double click on the layer or click on the fx icon.
3. Choose a layer styles
Nov. 25, 2025
What's the difference between Kerning and Leading?
??
Nov. 21, 2025
What's the difference between San Serif and Serif fonts?
San Serif means without. Serif fonts have small decorative pieces at the ends.
Use serif for printed work
Serif fonts are usually easier to read in printed works than sans-serif fonts. This is because the serif make the individual letters more distinctive and easier for our brains to recognise quickly. Without the serif, the brain has to spend longer identifying the letter because the shape is less distinctive.
The commonly used convention for printed work is to use a serif font for the body of the work. A sans-serif font is often used for headings, table text and captions.
Use sans serif for online work
An important exception must be made for the web. Printed works generally have a resolution of at least 1,000 dots per inch; whereas, computer monitors are typically around 100 dots per inch. Even Apple's much vaunted retina display is only around 300 dots per inch — much lower than print.
Install Fonts:
1. Download font. (www.dafont.com)
2. Unzip download
3. Locate .ttf or .otf file. ( Double click to install)
4. Font will install through Font Book software.
Nov. 19, 2025
Downloading resolution size.
1. Search for an image.
2. Click on the Thumbnail.
3. Download if the resolution is 500 x 500 or higher. (Look in the bottom right hand corner for size.)
Nov. 17, 2025
Using Mask Layer
1. Click on Add Layer Mask.
2. Select brush tool (B).
3. Resize brush size. ( -[ +] )
3. Apply black to hide, white to add back.
Nov. 15, 2025
Using Selection Tools.
Object Selection | Quick Selection | Magic Wand |
Deselecting Command + D
Nov. 13, 2025
How do you use an adjustment layer?
1. Select an area on an image with a selection tool. (W)
2. Click on the adjustment layer icon. Choose from the list of options.
3. Use the properties window to make your changes.
Download: Fixit_
Nov. 11, 2025
How do you use blending styles.
-Create a New Layer. (Command + Shift + N)
-Add color with the brush tool.
-Choose a blending mode. Click on Normal and change it up.
Nov. 7, 2025
Select Clone Stamp Tool.
-Target what you want to copy. Press alt & left mouse click.
-Let go and move the mouse over the damaged area.
-Click and drag to apply.
Nov. 5, 2025
.jpg vs. .psd
.jpg | .psd |
Web Friendly One Layer Difficult to edit Small File | Not Web Friendly Multiple layers Easy to edit Large File |
Nov. 3, 2025
Photoshop Hot Keys: What are the hotkeys for Rectangular Marquee, Deselect, Move, Transform, Erase.
W: Quick Selection
M: Rectangular Marquee
[: Size down circle, ]:Size up circle
⌘ + J : Duplicate on a new layer
⌘ + D : Deselect
V: Move Tool
⌘ + T : Transform (Scale & Rotate)
E: Eraser Tool
Oct. 30, 2025
Filters
1. Menu: Filter / Render / Clouds
Oct. 28, 2025
List three Careers in Digital Media.
1.
2.
3.
End of 1st Quarter
Oct. 21, 2025
Vector graphics allow creatives to build high-quality works of art, with clean lines and shapes that can be scaled to any size. Explore how this file format can offer creative opportunities for projects of every size.
• Vector graphic formats and their appropriate use (e.g., PDF, AI, EPS, SVG, WMF, etc.).
Oct. 17, 2025
Distorting Text
1. Select text. Right mouse click “Convert to Outlines”
2. Free Transform tool (E)
3. Choose “Free Distort” Click and drag on a corner to distort.
October 15, 2025
Activate the Perspective Grid tool?
1. Click on the icon: or press: Shift + P.
2. Click on the Cube icon to change perspective you want to draw on.
Exit out of the perspective grid click on the Cube icon , than click on the x on the cube icon.
October 13, 2025
How do you Show and hide your Contextual Task Bar?
October 9, 2025
How do you switch workspaces?
1. In the top right corner of Illustrator select the Switch Workspace icon.
2. Choose a “Essentials Classic” or a different workspace.
October 7, 2025
Live Trace?
1. Copy image to Illustrator.
2. Select image.
October 3, 2025
List 3 vector file formats?
.ai, .eps, svg
October 1, 2025
How do you create artboards?
1. Select the artboard tool. (Shift + O)
2. Click and drag to create a new artboard.
Edit Artboard.
1. Select the artboard tool. (Shift + O)
2. Select a corner and drag.
September 25, 2025
How do you show and hide your Contextual Task Bar?
September 23, 2025
How do you switch workspaces?
1. In the top right corner of Illustrator select the Switch Workspace icon.
2. Choose a “Essentials Classic” or a different workspace.
September 19, 2025
Change colors on a Gradient?
1. Select an object.
2. Select gradient picker
3. Change color: Select gradient.
4. Double click on a Gradient Slider.
5. Click on the pull down menu and choose RGB
September 17, 2025
Creating Outlines on Text
1. Create text (Use Text tool)
2. Select Text ( Use Select Tool)
3. Type Menu / Create outlines, 3. Hot key shift+Command+O, 3. Right mouse / Create Outlines
September 15, 2025
Install Fonts.
1. Download font. (www.dafont.com)
2. Unzip download
3. Locate .ttf or .otf file. ( Double click to install)
4. Font will install through Font Book software.
Sept. 11, 2025
2025 Fall Leadership Conference
Conference Details
Conference Date: Tuesday, October 27, 2025
Address: Utah Valley University Student Center, 800 W University Pkwy, Orem, UT 84097 8:00 AM to 3:00 PM
Regular Registration: Monday, September 8th through Friday, October 3rd, 2025
Sept. 9, 2025
How do you change the color and thickness of the stroke?
In the Controls bar you can change the color and thickness of the stroke
September 5, 2025
Pen Tool
Details: Download the Pen Tool test and practice manipulating curves.
Download: Pen Test
September 3, 2025
Set up a Portfolio
Details: Choose one style of portfolio. For Weebly use a personal email, NOT CSD Email.
Google Site | |
Example: https://freemangraphics.weebly.com/illustrator.html | Example: https://sites.google.com/view/freemangraphics/2d-animation |
Screenshot
1. Shift + Command + 4.
2. Left mouse click hold and drag to select an area.
Aug. 29, 2025
How to open and use Layers?
Window / Layers.
Hide, Lock, Create a New Layer.
Aug. 27, 2025
How many handles does a point have?
2
Aug. 25, 2025
What are the hotkeys for the Undo and constraining?
1. Undo: Command + Z
2. Constrain: SHIFT
Aug. 22, 2025
How do you export to a .png image?
1. File / Export / Export As...
2. Save As: nameplate.png. ( Choose PNG from the Format options). Check the Use Artboards box.
3. Resolution: Medium (150 ppi). Click OK.
Aug. 20, 2025
How do you create a perfect ring with color?
1. Create two Ellipses . Hold down down SHIFT to constrain.
2. Block select both Ellipses.
3. Choose: Window / Align.
4. Select Center Vertical and Center Horizontal .
5. Choose: Window / Pathfinder.
6. Select Minus Front .
Aug. 18, 2025
What are the hotkeys for the Selection, Rectangle, Ellipse Fill Color & Zoom Tools?
1. Selection (V)
2. Rectangle (M)
3. Ellipse (L)
4. Fill Color (X)
5. Zoom (Z) (Alt+Scroll Wheel) (Command + or Command -)
Command + G: Group
Arrange: Right Mouse Click and choose: Send to back.
Download the adobe program for free at : https://www.adobe.com/
To use it at home download then use your csddocs email at home.