HTML

アニメーション技法 - HTML

アニメーション技法は、静止画を連続して表示することで動きを生み出す様々な技術の総称です。セルアニメーション、ストップモーション、CGアニメーションなど、制作手法や表現特性によって分類され、それぞれが独自の魅力と適用分野を持っています。映画、テレビ、ゲーム、広告など幅広い分野で活用されており、デジタル技術の進化とともに表現の幅はさらに広がっています。

アニメーション 映像制作 セルアニメ CGアニメーション ストップモーション 表現技法
<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>セルアニメーション</td><td>透明なセル画に手描きでキャラクターを描き、背景と重ねて撮影する伝統的なアニメーション技法です。</td><td>2Dアニメーション</td></tr>
<tr><td>02</td><td>digital-2d-animation</td><td>デジタル2Dアニメーション</td><td>タブレットやPCを使用してデジタル上で作画する2Dアニメーション技法です。</td><td>2Dアニメーション</td></tr>
<tr><td>03</td><td>stop-motion</td><td>ストップモーション</td><td>人形や実物を少しずつ動かし、1コマずつ撮影して繋げるアニメーション技法です。</td><td>特殊アニメーション</td></tr>
<tr><td>04</td><td>clay-animation</td><td>クレイアニメーション</td><td>粘土人形を使用したストップモーションアニメーションの一種です。</td><td>特殊アニメーション</td></tr>
<tr><td>05</td><td>3dcg-animation</td><td>3DCGアニメーション</td><td>コンピューターグラフィックスを用いて立体的なキャラクターやオブジェクトを制作・動かす技法です。</td><td>3Dアニメーション</td></tr>
<tr><td>06</td><td>motion-graphics</td><td>モーショングラフィックス</td><td>文字、ロゴ、写真などのグラフィック要素に動きを加えるアニメーション技法です。</td><td>デジタルアニメーション</td></tr>
<tr><td>07</td><td>whiteboard-animation</td><td>ホワイトボードアニメーション</td><td>白い背景に手書きの線が描かれていく様子を映し出すアニメーション形式です。</td><td>デジタルアニメーション</td></tr>
<tr><td>08</td><td>rotoscope-animation</td><td>ロトスコープアニメーション</td><td>実写映像をトレースしてアニメーション化する技法です。</td><td>特殊アニメーション</td></tr>
<tr><td>09</td><td>cutout-animation</td><td>カットアウトアニメーション</td><td>紙や布などを切り抜いた素材を使用したアニメーション技法です。</td><td>特殊アニメーション</td></tr>
<tr><td>10</td><td>character-animation</td><td>キャラクターアニメーション</td><td>人間や動物などのキャラクターに命を吹き込むアニメーション技法です。</td><td>表現技法</td></tr>
<tr><td>11</td><td>typography-animation</td><td>タイポグラフィアニメーション</td><td>文字そのものを動かして表現するアニメーション技法です。</td><td>デジタルアニメーション</td></tr>
<tr><td>12</td><td>infographic-animation</td><td>インフォグラフィックアニメーション</td><td>データや情報を視覚的にアニメーション化する技法です。</td><td>デジタルアニメーション</td></tr>
<tr><td>13</td><td>pixilation</td><td>ピクシレーション</td><td>人間を被写体としたストップモーションアニメーション技法です。</td><td>特殊アニメーション</td></tr>
<tr><td>14</td><td>sand-animation</td><td>砂アニメーション</td><td>砂を使用して絵を描きながらアニメーションを作る技法です。</td><td>特殊アニメーション</td></tr>
<tr><td>15</td><td>toon-rendering</td><td>トゥーンレンダリング</td><td>3DCGをアニメ調の2D表現に見せる技法です。</td><td>3Dアニメーション</td></tr>
<tr><td>16</td><td>isometric-animation</td><td>アイソメトリックアニメーション</td><td>2.5Dの奥行きを持つ等角投影図法を用いたアニメーションです。</td><td>デジタルアニメーション</td></tr>
<tr><td>17</td><td>silhouette-animation</td><td>影絵アニメーション</td><td>シルエットを使用したアニメーション技法です。</td><td>特殊アニメーション</td></tr>
<tr><td>18</td><td>pinscreen-animation</td><td>ピンスクリーンアニメーション</td><td>ピンを押し出して絵を描く特殊なアニメーション技法です。</td><td>特殊アニメーション</td></tr></tbody>
</table>