アフィリエイト広告を利用しています

初期費用ゼロからはじめてクリエイター

コンテンツ制作初心者のためのフリーソフト使用体験レポート
記事ランキング
  1. 1. Inkscapeで手描きのイラストを仕上げよう(13)
  2. 2. Inkscapeで手描きのイラストを仕上げよう(9)
  3. 3. Inkscapeで手描きのイラストを仕上げよう(10)
<< 2024年11月 >>
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

広告

posted by fanblog
2022年07月08日

画像編集について 基礎知識編

画像の種類について

画像というと、皆さん何を思い浮かべますか?

写真、イラスト、ロゴマーク……利用シーンは様々です。

パソコンやスマートフォンで扱われる画像ファイルはラスター画像とベクター画像という二つのグループに分かれます。

ラスター画像(別名:ビットマップ画像)……JPEG,PNG,GIF,TIFF,BMPなど

Adobe Photoshop,Affinity Photo,CLIP STUDIO,GIMP,Kritaなどでは一部機能を除き、こちらの形式の画像を扱います。

写真、複雑な形や色を扱うイラスト、スクリーンショートなど様々なシーンで活用されます。一般的に「画像」と言われてイメージするのはこちらのほう。ざっくり説明すると、画像を小さな粒々(ピクセル)の集まりとして扱います。拡大するとピクセルが一つ一つ見えるのが特徴です。画質の良し悪しは「解像度」で表現されます。解像度が高いほど画質は良くなりますが、高ければ高いほどファイル自体のサイズが大きくなります。ディスプレイ表示用・印刷用とそれぞれ適した解像度があり、適切に使い分けることが大切です。

ベクター画像(別名:ベクトル画像)……SVG,AIなど

Adobe Illustrator,Affinity Designer,Inkscapeなどで扱う画像です。

ロゴマーク、図面、着色前のイラストの線画など、「線」と「塗り」で表現できる画像です。画像を点(アンカーポイント)の座標や線や面の方程式として扱います。

拡大してもピクセルが見えず、なめらかに表示されるのが特徴です。表現する図形が単純であればあるほど、ファイルサイズが小さくなります。

印刷物向けに使われることが多かったのですが、近年の高解像度スマホや高精細ディスプレイ(Retinaなど)の普及でWeb向けへの需要が急増しました。

これだけ聞くと、「じゃあみんなベクター画像にすればいいのでは?」と思われるかもしれませんが、画像を図形の集まりとして表現する特質上、写真や複雑なイラストなどには不向きです。


ラスター画像とベクター画像は対応するソフトウェアを利用すれば相互に変換することも可能であるため、ぱっと見単純なイラストのラスター画像や、ぱっと見複雑に見えるベクター画像も存在します。最終的にどこで見分けるかというと拡張子で見分けましょう。

「拡張子って何?」という方はこちらをご覧ください。

Windows10 - ファイルの拡張子を表示/非表示にする方法 - PC設定のカルマ

https://pc-karuma.net/windows-10-show-explorer-file-name-extension/

Macでファイル名拡張子を表示する/非表示にする - Apple サポート (日本)

https://support.apple.com/ja-jp/guide/mac-help/mchlp2304/mac

拡張子が表示されていない場合は、表示する設定に変更しておきましょう。

それでは次回からはGIMPについて解説していきます。

posted by shokizero at 11:47 | Comment(0) | TrackBack(0) | Lesson
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/11492194
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
カテゴリーアーカイブ
About(1)
Contact(1)
Lesson(44)
News(8)
Diary(1)
プロフィール
さんの画像

Web制作やDTPの勉強としてこのブログを始めました。
使用歴のあるソフトウェア
  • Adobe Illustrator
  • Adobe Photoshop
  • セルシス CLIP STUDIO PAINT PRO 他
×

この広告は30日以上新しい記事の更新がないブログに表示されております。