HTML
Animation Techniques - HTML
Animation techniques are various methods that create the illusion of movement by displaying a sequence of static images. They are classified by production methods and expression characteristics, including cel animation, stop motion, and CG animation, each with unique appeal and applications. Widely used in film, television, games, and advertising, their expressive range continues to expand with the evolution of digital technology.
animation
video production
cel animation
CG animation
stop motion
expression techniques
<table>
<thead><tr><th>code</th><th>slug</th><th>name</th><th>description</th><th>category</th></tr></thead>
<tbody><tr><td>01</td><td>cel-animation</td><td>Cel Animation</td><td>A traditional animation technique where characters are hand-drawn on transparent cels and photographed over backgrounds.</td><td>2D Animation</td></tr>
<tr><td>02</td><td>digital-2d-animation</td><td>Digital 2D Animation</td><td>A 2D animation technique using tablets and computers for digital drawing.</td><td>2D Animation</td></tr>
<tr><td>03</td><td>stop-motion</td><td>Stop Motion</td><td>An animation technique where puppets or objects are moved slightly and photographed frame by frame.</td><td>Special Animation</td></tr>
<tr><td>04</td><td>clay-animation</td><td>Clay Animation</td><td>A type of stop motion animation using clay figures.</td><td>Special Animation</td></tr>
<tr><td>05</td><td>3dcg-animation</td><td>3DCG Animation</td><td>A technique using computer graphics to create and animate three-dimensional characters and objects.</td><td>3D Animation</td></tr>
<tr><td>06</td><td>motion-graphics</td><td>Motion Graphics</td><td>An animation technique that adds movement to graphic elements such as text, logos, and photos.</td><td>Digital Animation</td></tr>
<tr><td>07</td><td>whiteboard-animation</td><td>Whiteboard Animation</td><td>An animation format showing hand-drawn lines being drawn on a white background.</td><td>Digital Animation</td></tr>
<tr><td>08</td><td>rotoscope-animation</td><td>Rotoscope Animation</td><td>A technique that traces live-action footage to create animation.</td><td>Special Animation</td></tr>
<tr><td>09</td><td>cutout-animation</td><td>Cutout Animation</td><td>An animation technique using cutout materials such as paper and fabric.</td><td>Special Animation</td></tr>
<tr><td>10</td><td>character-animation</td><td>Character Animation</td><td>An animation technique that breathes life into characters such as humans and animals.</td><td>Expression Technique</td></tr>
<tr><td>11</td><td>typography-animation</td><td>Typography Animation</td><td>An animation technique that expresses by moving text itself.</td><td>Digital Animation</td></tr>
<tr><td>12</td><td>infographic-animation</td><td>Infographic Animation</td><td>A technique that visually animates data and information.</td><td>Digital Animation</td></tr>
<tr><td>13</td><td>pixilation</td><td>Pixilation</td><td>A stop motion animation technique using humans as subjects.</td><td>Special Animation</td></tr>
<tr><td>14</td><td>sand-animation</td><td>Sand Animation</td><td>A technique that creates animation by drawing with sand.</td><td>Special Animation</td></tr>
<tr><td>15</td><td>toon-rendering</td><td>Toon Rendering</td><td>A technique that makes 3DCG look like anime-style 2D expression.</td><td>3D Animation</td></tr>
<tr><td>16</td><td>isometric-animation</td><td>Isometric Animation</td><td>Animation using isometric projection with 2.5D depth.</td><td>Digital Animation</td></tr>
<tr><td>17</td><td>silhouette-animation</td><td>Silhouette Animation</td><td>An animation technique using silhouettes.</td><td>Special Animation</td></tr>
<tr><td>18</td><td>pinscreen-animation</td><td>Pinscreen Animation</td><td>A special animation technique that creates images by pushing out pins.</td><td>Special Animation</td></tr></tbody>
</table>