ラスターグラフィックスとは何ですか？どこで使用されますか？ ラスターグラフィックス、一般情報-講義ラスター画像の概念

ビットマップは、モニター、紙、およびその他のディスプレイデバイスとマテリアル上の色付きのドット（通常は長方形）のセットです。

ラスター画像の各ドットは非常に小さいため、目では個別のオブジェクトとして認識されませんが、ドットのコレクションは単一の画像として認識されます。 この画像技術はモザイクに非常によく似ています。

ラスターイメージの例は、新聞や雑誌で見ることができます。それらの写真は、一見しただけでは認識できない、さまざまな色とサイズのドットの配列で構成されています。 テレビ画像とモニター画面の表示もラスターですが、紙に印刷するのとは異なり、コンピューター画像のラスタードットは正方形です（図8.3）。

ビットマップドットはピクセルと呼ばれます。

米。 8.3。

ピクセル

「ピクセル」（「ピクセル」）という用語（英語から）を思い出してください。 ピクセル、ペル- 英語の略語。 pix エレメント 、 写真 細胞 、 写真 エレメント – 画像要素）には2つの意味があります。

• 1）ラスターグラフィックスの2次元デジタル画像の最小要素。
• 2）画像を形成するディスプレイのマトリックスの「物理的」要素。 ピクセルは、（プラズマパネルに関連して）特定の色を特徴とする分割できない長方形または円形のオブジェクトです。

コンピューターのラスターイメージは、行と列に配置されたピクセルで構成されます。 画像に含まれる単位面積あたりのピクセル数が多いほど、画像はより詳細になります。

ビットマップの各ピクセルは、特定の色、明るさ、場合によっては透明度、またはこれらの値の組み合わせによって特徴付けられるオブジェクトです。 1つのピクセルには、それに関連付けられている1つの色に関する情報のみを格納できます（一部のコンピューターシステムでは、色とピクセルは2つの別個のオブジェクトとして表されます）。

ピクセルは、グラフィックディスプレイシステム（コンピューターモニター、プリンターなど）によって生成されるラスターイメージの最小単位でもあります。 このようなデバイスの解像度は、ピクセル単位で表示される画像の水平方向と垂直方向の寸法によって決まります。 カラーモニターに表示されるピクセルの色は、トライアド（特定の順序で並んで配置された赤、緑、青のサブピクセル）で構成されます。

GOST 27459–87「情報処理システム。コンピュータグラフィックス。用語と定義」「ピクセル」という用語は、「画像の色、強度、その他の特性を個別に割り当てることができる、視覚化面の最小要素」を意味します。

ビットマップの特性

ラスター画像は、次のパラメーターによって特徴付けられます。

• ピクセル数 -幅と高さのピクセル数（1024 x 768、640 x 480など）またはピクセルの総数を個別に示すことができます。
• 許可 -画像の可能なサイズと詳細を示す値。
• 使用される色の数または色深度。
• カラーモード -グレースケール、インデックス付き、RGB、CMYKなど。
• 色空間 (カラーモデル ）-RGB、CMYK、LAB、HSVなど。

米。 8.4。

ラスターイメージの品質は、それを構成するラスタードットの数によって異なります（図8.4）。 品質の主な指標は、画像の解像度です。 長さの単位あたりのドット数（インチ、mm、cm）。 最も一般的に測定される1インチあたりのドット数（eng.dpi- ドット インチあたり） . ドットの数が多いほど画像のディテールが増しますが、そのような画像を保存する場合は、各ドットの色に関する情報を保存する必要があり、保存されるファイルのサイズは最大数百万のドットになる可能性があるためです。また大きくなります。

ビットマップの最大詳細は作成時に設定され、増やすことはできません。 多くの損失なしに、ビットマップは削減することしかできません。 ビットマップ画像が拡大されると、ピクセルはある色または別の色の拡大された正方形になります。

ラスターグラフィックスは、カメラ、スキャナー、ラスターエディターで直接作成されるほか、ベクターエディターからエクスポートするかスクリーンショットの形式で作成されます。

Photoshopプログラムの学習に取り掛かる前に、まずデジタルグラフィックスの世界からの非常に基本的な基本概念を理解する必要があります。 これらには、グラフィックのタイプが含まれます。 ラスターおよびベクトル画像。

これらの2つの概念は常にあなたに会うので、それらが何であるか、そしてそれらの違いは何であるかを理解しましょう。

ビットマップ

ビットマップは、主要で最も人気のあるタイプのグラフィックスです。 あなたがインターネット上で見つける画像の大部分はまさに ラスター..。 カメラ、スマートフォン、その他のガジェットまたはデバイスは、既にラスターに属している写真を撮影します。 これは、技術的にはグラフィックをレンダリングするための最も簡単で手頃な方法です。

どんな生物も最小の粒子、つまり細胞で構成されているので、 ビットマップはピクセルで構成されています.

Photoshopプログラムは、ラスター画像を操作するために作成されました。 プログラムのすべての機能、ツール、メカニズムは、画像のピクセルを編集するために設計されています。

このタイプのグラフィックがなぜそれほど人気が​​あるのですか？

実際のところ、ビットマップはその構造により、滑らかな色の変化やグラデーションを表示できます。 写真のオブジェクトのエッジは滑らかにすることができます。 色ははっきりとリアルに近くレンダリングされており、これこそが私たちの現実世界を写真の形で伝えるために必要なものです。

ビットマップは通常、圧縮して保存されます。 圧縮の種類によっては、圧縮前とまったく同じように画像を復元できる場合とできない場合があります（可逆または非可逆圧縮）。 また、ファイルの作成者、カメラとその設定、印刷時の1インチあたりのドット数などの追加情報をグラフィックファイルに保存できます。

利点にもかかわらず、ラスターには 深刻な欠点：

1.各ピクセルには多くの情報が含まれているため、1つの画像で数百万のピクセルについて話すと、メモリにエンコードされる情報の量が明らかになります。 これにより、ファイルサイズが大きくなります。 したがって、写真のピクセル数が多いほど、重さが増します。

2.画像​​スケーリングの複雑さ。 ズームインすると、粒子が表示され、ディテールが失われます。 複雑な変換プロセスの結果として写真が縮小されると、ピクセルが失われます。 この場合、画像のディテールは拡大するときほど影響を受けませんが、このプロセスはすでに元に戻せません。つまり、画像を再度拡大する必要がある場合、品質が大幅に低下します。

ベクター画像

ベクトル画像は、点、線、円、ポリゴンなどの基本的な幾何学的オブジェクトで構成されています。 それらの輪郭は、デバイスに個々のオブジェクトの描画方法を指示する数式に基づいています。 これらのオブジェクトは形状を構成し、順番に色で塗りつぶされます。

ベクトル画像最も単純な幾何学的形状を形成する頂点の座標のセットであり、そこから最終的な画像が構成されます。

このようなグラフィックは、AdobeIllustratorやCorelDrawなどの特殊なプログラムを使用して人間が直接作成します。 これらのプログラムを使用するには、特別なスキルと描画能力が必要です。 もちろん、これは多くの人が利用できるわけではないので、このタイプのグラフィックスはそれほど普及していません。

ベクター画像は、主に広告およびデザイン業界向けに作成されています。

ベクターグラフィックスの長所:

1.画像の重みを増やさずに、品質を損なうことなく画像を任意のサイズに再スケーリングする機能。 サイズを変更すると、線の座標と太さが再計算され、オブジェクトが新しいサイズで作成されます。

2.ベクター画像には大量の情報が保存されていないため、このようなファイルの重みはラスターの数分の1になります。

3.品質を損なうことなく、複雑にすることなく、画像をベクトルからラスターに変換する機能。 Photoshopは2回のクリックでこれを行うことができます。

短所：

ベクターグラフィックは、リアルな絵画や写真の作成には適していません。 色間の滑らかな遷移とグラデーションのレンダリングには非常に制限があります。 その結果、すべての色と線が強く対照的になります。

Photoshopはラスターグラフィックスで動作しますが、ツールボックスにベクトル要素も含まれています。 まず第一に、これ。 Photoshopで画像にテキストを追加すると、別のテキストレイヤーが作成されます。 このレイヤーがそれ自体で存在する限り、それはベクトル要素です。 任意のサイズに拡大でき、テキストは常にクリアになります。

Photoshopは、最も単純なベクター画像も表します。

さらに、Photoshopはベクターグラフィックを作成できませんが、 彼はそれを開くことができます..。 したがって、事前に準備されたデザインオブジェクトを追加し、品質を損なうことなくそれらをスケーリングできます。

したがって、短い結論を要約しましょう。

-ビットマップ画像は写実的であり、ベクター画像は常に描画されていることを示します。

-画像スケーリングは、Photoshopで作業するときに使用できる必要がある非常に重要な機能です。 これを行うには、グラフィックの品質がいつどのように失われるかを知り、これを防ぐようにする必要があります。 そうすれば、あなたの将来の作品は、細部を賞賛し、それらがどれほどうまく描かれているかを賞賛するのが楽しいものの1つになるでしょう。

テキストにエラーを見つけた場合は、それを選択してCtrl + Enterを押します。 ありがとう！

経験豊富なデザイナーであれば、この記事は必要ありません。ラスターとベクトルの違いを知っていると思いますが、偶然ここに来ました。 すべての新参者にとって、この違いは明確ではないだけでなく、違いがあるとは思わない。

それを理解してみましょう。 ラスターおよびベクター画像は、いずれの場合もグラフィックオブジェクトです。

ラスターグラフィックス。

写真printcnx.com

ラスターイメージの特徴は、モザイクのように、小さなセルピース（ピクセル）で構成されていることです。 また、解像度が高いほど、単位面積あたりのピクセル数が多くなります。

例：解像度600x800px。

これは文字通り次のことを意味します。画像には垂直方向に600ドット、水平方向に800ドットが含まれています。 この画像が拡大されておらず、画面に表示されていない場合、人間の目はメッシュに気付かない可能性があります。

A4サイズなど、拡大したり紙に印刷したりすると、モザイクが表示されます。 写真はクロスステッチのパターンのように見えます。

ビットマップは、色のスムーズな移行、さまざまな色合いを伝えるために使用されます。 最も一般的なアプリケーションは、写真編集、コラージュ作成などです。 最も人気のあるビットマップエディタはPhotoshopです。

ビットマップイメージは、ベクターでレンダリングされた同じイメージよりも多くのディスクスペースを占有します。 ただし、ここでは、「テキストをレンダリング」した場合、および赤いフェラーリを背景に最愛の女の子を撮影した場合にこれが当てはまることを覚えておくことが非常に重要です。ここでは、ベクトルは無力であり、ラスターのみです。

ベクトルグラフィックス。

写真printcnx.com

ラスター画像とは異なり、ベクター画像は個々のポイント（ピクセル）で構成されていません。 ベクター画像のロジックは完全に異なります。 ベクトルグラフィックオブジェクトには、いわゆるコントロールポイントがあり、それらの間に曲線があります。 これらの曲線の曲率は、数式で表されます。 これは、設計者が高等数学の第一人者であり、あらゆる種類の双曲線と放物線の公式を覚えている必要があるという意味ではありません。正弦波でさえ説明する必要はありません。 これはすべて、グラフィックエディタによって行われます。 デザイナーは、自分で知っているので、目的の形状を実現するために、ポイントを配置し、マウスで曲線を「引っ張る」。

最も人気のあるベクターグラフィックエディタは、CorelDrowとAdobeIllustratorです。

ベクターグラフィックは、小冊子、リーフレット、名刺などの印刷によく使用されます。 テキスト、ロゴ、装飾パターンを備えた製品-18種類の桃すべてを正確に再現する必要がなく、曲線を使用して説明できるもの。 ベクター画像は、「曲線内」と呼ばれることがよくあります。

ベクター画像の最大の利点は、グラフィックオブジェクトを大幅に増やしても、画質が変わらないことです。 名刺にベクターから印刷したり、同じ名刺を看板サイズで印刷したりしても、同じようにきれいになります。

その結果、次のようになります。

ビットマップ：
長所：色、色合い、影の変化を非常に明確かつ微妙に伝えます。
マイナス：ズームインすると品質が低下します：画像が色付きの正方形に崩れます-ピクセル; 高解像度では多くのスペースを占有します。
適用範囲：写真処理、サイトレイアウトの作成、広い色域を持つグラフィックオブジェクトの作成

ベクター画像：
長所：拡大縮小が簡単-非常に高い倍率でも画像の品質が低下することはありません。
マイナス：ラスターのように滑らかな色の変化を再現することは不可能です。
適用範囲：印刷、リーフレット、小冊子、広告資料、名刺、ロゴなどのデザイン。

オンラインまたは印刷物で、ロゴをどのように使用する予定ですか？

もう選択する必要はありません。 結局のところ、オンラインサービスLogasterは、一度に複数のロゴファイルを作成することを提案しており、これらはあらゆる媒体に完全に適合しています。

画像はコンピュータ上でデジタル化されることが知られています。 デジタルとは、数字で表されることを意味します。 これにより、画像をグラフィックエディタで保存、表示、および処理できます。

ラスターエディターとベクターエディターでの画像形成の原理は、根本的に異なります。

ラスターエディター（Gimp、Adobe Photoshop、Paint）では、画像は同じサイズの正方形の要素に分割され、そのような要素はそれぞれ個別に記述されます。 この正方形のグラフィック要素は、画像要素（ピクセル）と呼ばれます。

ピクセル -ラスターグラフィックスの最小コンポーネント。 1つのピクセルには、X軸に沿った位置に関する情報が含まれています。 Y 、および色と透明度に関する情報（アルファチャネル）。

ピクセルで表される画像はラスター画像と呼ばれ、要素に分解されます。

ビットマップ ピクセルのグリッドであるデータファイルまたは構造ですコンピューターのモニターでまたは紙や素材のドットに色を付けます。

このような画像の重要な特徴は次のとおりです。

• ピクセル数は解像度です。 幅と高さ（640x480; 1024x768）を個別に指定できますが、総ピクセル数が表示される場合があります。
• 色空間（カラーモデル）RGB、CMYK、 HSVなど
• 使用する色の数または色深度（これらの特性には次の関係があります。NS = 2 私 、ここで、Nは色の数、Iは色深度です）

許可

許可 -画像の長さの単位あたりのラスターマップの単一要素の数を決定します。

最も一般的な測定単位は dpi -長さ1インチあたりのピクセル数（1インチ= 2.54cm）。

しかし、はい何許可はありますか？

1インチはノートブックの5つのセルと実質的に一致し、それらを丸で囲んで1つのセルにペイントすると、「描画」の解像度は5になります。 dpi.

次に、セルピクセルのサイズを4分の1に縮小し、セルの4分の1だけをペイントします。この場合、1つの長さあたり10セルピクセルがあるため、解像度は2倍になります。

これで、解像度が高いほど、画像がより正確に再現され、その色の変化と色合いがわかります。したがって、解像度が高いほど、サイズが大きくなります。 pファイル。

解像度300dpi	解像度72dpi

色数

色深度 -画像の表示に使用される色のセット。

• バイカラー -ピクセルあたり1ビット。 通常、これらは白黒の画像です。

• ハーフトーン -ピクセルあたり1バイト（256グラデーション）。 これらは灰色または別の色のグラデーションです。

グラフィックプログラムについて説明するには、まず、2Dグラフィックの2つの主要なタイプであるラスターイメージとベクターイメージの概念と違いを理解する必要があります。 これは、特にグラフィックスを扱う場合は、非常に重要なレッスンです。

ビットマップの概念

ビットマップは個々の色の小さな長方形のドットで構成されている画像-一緒に結合されたピクセル。 各ピクセルには、画像内の独自の特定の位置と独自の個別のカラー値があります。

各画像のピクセル数は固定されています。 それらはモニター画面で見ることができ、そのほとんどは1インチあたり約70〜100ピクセルを表示します（実際の数はモニターと画面自体の設定によって異なります）。

これを説明するために、典型的なデスクトップアイコンであるマイコンピュータを見てみましょう。これは通常、幅32ピクセル、高さ32ピクセルです。 言い換えれば、そのようなアイコンを形成するために組み合わされる各方向に32の色のドットがあります。

例のようにこの画像を拡大すると、特定の色の個々の正方形をはっきりと見ることができます。 背景の白い領域も単一の単色を表していますが、別々のピクセルであることに注意してください。

画像のサイズと解像度

ビットマップは解像度に依存します。 画像の解像度は、単位長さあたりの画像のピクセル数です。 これは、ビットマップの詳細の鮮明さの尺度であり、通常、dpi（1インチあたりのドット数）またはppi（1インチあたりのピクセル数）と呼ばれます。 これらの用語はある意味で同義語であり、ppiのみが画像を指し、dpiは出力デバイスを指します。 そのため、モニターやデジタルカメラなどの説明にdpiが含まれています。

解像度が高いほど、ピクセルサイズが小さくなり、1インチあたりのピクセル数が増えるため、画質が向上します。

解像度は画像ごとに個別に選択され、使用する場所によって異なります。

• インターネットへの投稿に使用する場合、解像度は72 ppiで選択されます。これは、インターネットの主な基準が画像のダウンロード速度であり、驚くべき品質ではないためです。そのため、適切なファイル形式が選択されます。 、品質がそもそもかけ離れているところ。
• 画像を印刷する場合、解像度は72ppiをはるかに超える必要があります。 したがって、画像を高品質で印刷するには、解像度が150〜300ppiの範囲である必要があります。 これは、雑誌、カタログ、および小型製品（小冊子、チラシ、リーフレット）を印刷するフォトプリンターの基本的な要件です。

上記のように、ビットマップは解像度に大きく依存します。 そのため、スケーリングする場合、ピクセルの性質上、このような画像は常に品質が低下します。 ただし、それでも画像サイズを大きくすることにした場合は、補間法を使用するのが最善です。これにより、非常に良い結果を得ることができます。 この方法については、次のレッスンで説明します。

ビットマップ画像サイズは、画像を保存するファイルの物理サイズです。 これは、ピクセル単位の画像のサイズに比例します。

Photoshopは、画像サイズと解像度の関係を示しています。 これは、[画像]メニューにある[画像サイズ]ダイアログボックスを開くと表示できます。 これらの値の1つに変更を加えると、他のすべての値は、変更された値に従って自動的に取得されます。

要約すると、私たちはそれを言うことができます ラスター画像の主な特徴それは：

• ピクセル単位の画像サイズ
• ビット深度
• 色空間
• 画像解像度

ラスターイメージの例は、ラスターエディターでスキャン、写真撮影、または描画することによって作成された、またはベクターイメージをラスターイメージに変換することによって作成された写真または画像です。

ビットマップ形式

最も一般的なビットマップ形式は次のとおりです。

• JPEG、JPG

ラスター画像形式間の変換は非常に簡単です。[名前を付けて保存...]コマンドを使用すると、メニューでファイル名の後に画像を保存する形式を選択できます。

GIFやPNGなどのいくつかの形式は、背景の透明度をサポートしています。 同時に、GIFまたはPNG画像を他の形式に再保存したり、コピーして別の画像に貼り付けたりすると、透明な背景がそのようにならないことを忘れないでください。

ラスターグラフィックプログラム

ラスターグラフィックスを操作するための最も人気のあるプログラム：

• アドビフォトショップ
• Adobe Fireworks
• Corel Photo-Paint
• Corel Paint Shop Pro
• コーレルペインター
• ペイント

私の場合、AdobePhotoshopエディターが最高のプログラムです。

このタイプのグラフィックスと比較して、ベクターグラフィックスにも多くの利点があります。 それらを見てみましょう。

ベクター画像とは

ベクター画像は数式を使用して定義された、多数の個別のスケーラブルなオブジェクト（線と曲線）で構成されます。

オブジェクトは、線、曲線、および形状で構成できます。 同時に、ベクトルオブジェクトの属性を変更しても、オブジェクト自体には影響しません。 メインオブジェクトを破壊することなく、任意の数のオブジェクト属性を自由に変更できます。

ベクターグラフィックスでは、画質は解像度に依存しません。 これはすべて、ベクトルオブジェクトが数式で記述されるため、スケーリング時に再計算されるため、品質が低下することはありません。 これに基づいて、サイズを任意に拡大または縮小することができ、画像は同じ鮮明で鮮明なままであり、モニター画面と印刷時の両方で表示されます。 したがって、ロゴなど、頻繁にサイズを変更する必要があるマルチメディアイラストには、ベクターが最適です。

画像のもう1つの利点は、ビットマップのような長方形に限定されないことです。 このようなオブジェクトは、他のオブジェクトに配置できます（前景または背景の配置はユーザーが個人的に選択します）。

わかりやすくするために、円がベクトルで描画され、円がラスター形式で描画される図面を提供しました。 両方とも白い背景に配置されます。 ただし、ラスターサークルを別の同様の円の上に配置すると、この円に長方形のフレームが表示されます。これは、図に示すように、ベクターには存在しません。

今日、ベクター画像はますますフォトリアリスティックになっています。これは、グラデーションメッシュなど、さまざまなツールがプログラムに絶えず開発および実装されているためです。

ベクター画像は通常、特別なプログラムを使用して作成されます。 Adobe Illustratorでトレース変換を使用せずに、画像をスキャンしてベクターファイルとして保存することはできません。

一方、ベクター画像は非常に簡単にビットマップに変換できます。 このプロセスはラスタライズと呼ばれます。 また、変換時に、将来のビットマップの任意の解像度を指定できます。

ベクター形式

最も一般的なベクター形式は次のとおりです。

• AI（Adobe Illustrator）;
• CDR（CorelDRAW）;
• CMX（コーレル通貨）;
• SVG（スケーラブルベクターグラフィックス）;
• CGMコンピュータグラフィックスメタファイル;
• DXFAutoCAD。

最も人気のあるベクターソフトウェア : Adobe Illustrator、CorelDRAW、Inkscape。

では、ベクター画像とビットマップ画像の違いは何ですか？

ラスター画像とベクター画像に関する記事を要約すると、ベクター画像にはラスター画像よりも多くの利点があると自信を持って言えます。