2DCGとは?意味をわかりやすく簡単に解説
公開:
2DCGとは
2DCGとは2次元コンピュータグラフィックスの略称で、平面上の縦横2軸のみで構成されるデジタル画像を指します。3DCGが奥行きを持つ立体的な表現であるのに対し、2DCGは平面的な視覚表現に特化した技術です。
デジタルイラストやアニメーション、ゲームのキャラクター、Webデザインなど幅広い分野で活用されています。ピクセル単位で色情報を制御するビットマップ形式と、数式で図形を定義するベクター形式の2種類に大別されます。
ビットマップ形式による2DCG制作の特徴
ビットマップ形式はラスター形式とも呼ばれ、画像を小さな正方形のピクセルの集合体として表現する方式です。PhotoshopやCLIP STUDIO PAINTなどのペイントソフトで広く採用され、写真のような繊細な色彩表現が可能になります。
| 項目 | 内容 |
|---|---|
| 代表的なファイル形式 | JPEG、PNG、BMP、GIF |
| 解像度の単位 | dpi(dots per inch) |
| 拡大時の特性 | ピクセルが引き伸ばされ画質劣化 |
| 適した用途 | 写真編集、デジタルペイント |
各ピクセルはRGB(赤緑青)の色情報を持ち、8ビットカラーでは1チャンネルあたり256階調の表現が可能です。アルファチャンネルを追加することで透明度の情報も扱え、レイヤー合成などの高度な編集作業を実現できます。
ベクター形式による2DCG制作の特徴
ベクター形式は座標と数式によって線や図形を定義する方式で、拡大縮小しても画質が劣化しない特性を持ちます。Adobe IllustratorやInkscapeなどのドローソフトで作成され、ロゴデザインやアイコン制作に最適な手法です。
| 項目 | 内容 |
|---|---|
| 代表的なファイル形式 | SVG、AI、EPS、PDF |
| データ構造 | 座標点とベジェ曲線の数式 |
| 拡大時の特性 | 常に滑らかな線を維持 |
| 適した用途 | ロゴ、図表、印刷物 |
SVG(Scalable Vector Graphics)形式はXML言語で記述され、Webブラウザで直接表示できる利点があります。パスデータは<path d="M10 10 L90 90">のような形式で定義され、CSSやJavaScriptによる動的な制御も可能です。
※上記コンテンツの内容やソースコードはAIで確認・デバッグしておりますが、間違いやエラー、脆弱性などがある場合は、コメントよりご報告いただけますと幸いです。
左へフリックで次のページ、右へフリックで前のページに戻れます左右の矢印ボタン、左右のスワイプで移動できます





