ゼロから始めるAffinity3 Affinity中級者講座その17 カーブ の続き
さて、今まで難しいからと解説を後回しにしていた、「ベクター（カーブ）」と「ラスター（ピクセル）」について学んでいきましょう！
例えば、以下のような「あ」が２つあるとします。
一見すると同じ「あ」ですが……
左は「カーブ」で書かれた「あ」で、右は「ピクセル」で書かれた「あ」です。
詳しく見ていきましょう。
ベクター形式（カーブ）
左の「あ」は、「カーブ」という、線の形を数値データで表した線で書かれています。具体的には、以下のような「ノード」「セグメント」「ハンドル」の３つのパーツから作られています。
「ノード」とは、カーブを構成する両端や、角度が変わる位置にある点のことです。
主に、マウスをクリックした位置に作られます。
「セグメント」は、そのノードをつなぐ線のことです。
「ハンドル」はノードから伸びる方向線で、セグメントの向きや曲がり方を指定します。
ノードを杭だと考えると、杭と杭の間にロープで線（セグメント）が張ってあるようなイメージだと紹介しました。
以上のようなカーブで書かれた線や図のことを、「ベクター」といいます。
数値で記録されているので、一度書いた線を後から太さを変えたり、色を変えたり、いろいろ変更できます。
簡単に色を変えたり、線の太さを変えたりできます。
また、どれだけ拡大しても線が劣化しません。
Adobe Illustratorはベクターを作るのに適したソフトです。
カーブは、Illustratorや他のソフトでは「パス」と呼ばれています。
代表的なファイル拡張子は .ai、.svg、.eps、.pdfなど。
ラスター形式（ピクセル）
右の「あ」は、「ピクセル」という、小さな点を並べて書かれた文字です。
ピクセルは、目には見えないくらい小さな点で、スマホで撮った写真などは、すべてこんな感じで保存されます。
この小さな四角が「ピクセル」です。
これがたくさん集まって、ひとつの画像ができています。
このように、たくさんのピクセルを格子上に整列して並べたものを、「ラスター」と言います。
ピクセルは、写真や色の濃淡、グラデーション、ぼかしなどの表現に向いています。 Photoshop や CLIP STUDIO PAINT など、写真やイラストを描くソフトは、基本的にはラスター形式で画像を扱っています。
ただし、ラスターは「点の集合」なので、一度決めた大きさよりも大きく拡大すると、点が目立つようになって、文字や線がにじんだり、ぼやけたりします。
それを防ぐために、よりたくさんのピクセルを集めた、解像度の高い画像を用意したりします。
たくさんピクセルがあれば、拡大しても1つ1つの点が目立ちにくくなり、写真や文字がきれいに見えやすくなります。
よくカメラを買うときについている「2400万画素」という売り文句は、「2400万ピクセルを並べた画像を保存できますよー！」というアピールです。
画素＝ピクセルです。日本語で言うか、英語で言うかの違い。
ピクセル数が多い方がキレイですが、その分ファイルサイズが重くなります。
あと、線を書くときにpx（ピクセル）で太さを指定することありますよね？
その時に使ってるピクセルもコレです。線の単位としてもよく使われます。
ある意味、一番身近かな？
代表的なラスター形式のファイル拡張子には、.jpg（JPEG）、.png、.gif などがあります。
Photoshopは、ラスター画像の処理が得意なソフトです。
Adobe製品ならPhotoshopとIllustratorの違い、で解説できるところ、Affinityは両方できるのでちょっとややこしい…(笑)
ベクタースタジオはベクター編集に便利な機能が集められていて、
ピクセルスタジオは、ラスター画像編集に便利な機能が集められています。
ベクターは「Vector」…運ぶ、移動する、方向と大きさを持つ量、ベクトル。
ラスターは「Raster」…格子、マス目。ビットマップ（Bitmap…最小単位ビットの地図）とも。
ベクターをラスターに変換するときは、「ラスタライズ（Rasterize）」＝「Raster（ラスター）」＋「-ize（〜化する）」と言います。
ベクターとラスターって言葉が似てるのでちょっとややこしい(´・ω・`)
以降は分かりやすく、「ベクター（カーブ）」と「ピクセル」と呼ぶことにしましょう。
いろいろと解説しましたが、覚えておいて欲しいことはひとつだけです。
ベクター（カーブ）は拡大してもキレイだけど、
ラスター（ピクセル）は拡大すると劣化するよ！！別物だよ！！
とりあえず、そこだけ押さえておけば大丈夫です。
ちなみに、スタジオの上の方に表示されている「ベクター表示モード」と「ピクセルビューモード」は、どちらの方法でベクターを表示するか選べる機能です。
ベクター表示モードにしておくと、ベクター線の表示がキレイなのでオススメです。
ただ、低解像度（並べたピクセルの数が少ない）Web用の画像を作るときとかは「ピクセルビューモード」にして、どのくらい画質が落ちるか確認したほうが便利だと思います。
jpgやpngなど、最終的にピクセル形式のデータで保存すると、ベクターはピクセルで表示されるので。
そこら辺の詳しい話は、また上級者講座でやりましょう！
さぁ、これでカーブについて理解が深まりましたね！
拡大しても劣化しないので、カーブはロゴ制作などによく使われます。
使えると便利なので、ちょっと難しいですが、頑張ってカーブを自由自在に使えるようがんばりましょう！(=・ω・=)
ゼロから始めるAffinity3 Affinity中級者講座その19 に続く
投稿
