Sandbox

• rouping Layers in AE

AE Naming Convention Style Guide

Naming Details

• When not using scene-shot naming convention, give sufficient details to your name such as indicating direction of motion, colors, etc.

Why? Naming sequentially via number or letters is not helpful in helping users identify what the composition is, especially if you aren’t working with a sequential narrative; different deliverables requires different specifications and naming convention.

Dashes vs Underscore

• Dashes for chaining details

• Underscore separate details

Terms

Directions

Name	Abbreviation	One-Letter Acronym
Horizontal	Hori	H
Vertical	Vert	V
Diagonal	Diag	D
Left	Left	L
Right	Right	R
Top	Top	T
Bottom	Bot	B
Left to Right	LeftRight	LtoR
Top to Bottom	TopBot	TtoB

Colors

Name of Color	Abbreviation	One-Letter Acronym
Red	Rd	R
Blue	Bl	B
Green	Gr	G
Yellow	Yl	Y
Purple	Pp	P
Orange	Or	O
Pink	Pk	P
Brown	Br	B
Black	Blk	B
White	Wht	W

AE Tools Style Guide

Base Naming Convention

Dash-separated

 Brand* - Name - Details 
 
 * Optional

Why? In orde to accomodate for incoming AE artist with varying skill experience, it's beneficial to name your composition in a readable way. There's need to be a balance between having structure and making sense for the users

Attribute Name (Control Type (Min: min_value, Max: max_value, Unit: unit_of_measurement)

Transition Properties

1. Transition Type (Dropdown)

2. Transition Completion (Slider, Min: 0%, Max: 100%)
    Transition Completion - In
    Transition Completion - Out

2. Direction (Dropdown/Angle Control)
3. Duration (Slider, Min: 0 sec, Max: ∞ sec)

5. Scale (Point, Min: 0%, Max: ∞)
6. Scale (Point, Min: 0%, Max: ∞)

7. Opacity (Slider, Min: 0%, Max: 100%)
8. Feathering (Slider, Min: 0, Max: ∞)

References

• Airbnb Javascript Style Guide

• UE5 Style Guide, Ullah

Techniques

Glass Refraction Effect

1. Create a luma matte tiled
2. Use `Displacement map` effect
3. Duplicate the 

• Mograph Mill. "Create a Refracted Glass Effect in After Effects Tutorial." YouTube video, September 11, 2021. https://www.youtube.com/watch?v=zvdOIpajDMQ&t=287s.

Version Control for Design

• How do you manage version control for developing designs and explorations?

What is Version Control in software development?

Version control is a method that record modifications as they occur, facilitating collaborative effort among multiple developers on a single project. It preserves a chronological log of changes, ensuring that specific version can be accesses and restored whenever necessary.

Why is relevant to visual design?

• Collaborative

• Manage huge volume of designs or animations or iterations

Readings

• https://www.artworkflowhq.com/resources/efficient-version-control-for-creative-teams