名古屋・東京の空間ブランディング・店舗デザイン事務所 コムデザインラボ

日常

【超初心者向け】ベクター・ラスターってそもそも何だ!?

【超初心者向け】ベクター・ラスターってそもそも何だ!?
  • good (0)
  • hint (1)
  • action (0)
  • fan (0)
  • support (0)
  • surprise (0)
担当者画像

この記事を書いた人スタッフ ナリマツ

インテリアデザイナー兼マネージャー。 椙山女学園大学卒業後、設計施工会社を経て設計アシスタントのアルバイトスタッフとして2019年8月に仲間入り!約半年の実績をもって、正社員に。

profile
ちょうどスタッフバンが記事を書いてますね
ipadでベクター・パスイラスト「Vectornator(ベクターネーター)」
さらにタイミングよく、先週オーナーさんにもお伝えした話。

いやそもそも、
「ラスター」とか「ベクター」とか、
「Illustratorのデータ」って何ぞや!?

って話なのです。
はい〜。
私も大学生の時にadobe社が出している「Illustrator(通称:イラレ)」ってデザイン制作ツールを使って初めて知りました。

で、こうなるのです。
ベクターデータって何?
タイトルにあるラスターってのもどういうこと?

はい〜。
私はグラフィックデザイナーじゃないので、最低限この覚え方です。

ベクターデータ=イラレ(拡張子.ai)で作ったやつ=でっかくしても線がぼけない
ラスターデータ=画像データ(拡張子.jpegとか)=看板とか印刷とか大きくなると、ぼやける

わかるような、わからんような…。

KOMのロゴで比較。 離れて小さく見えてる状態だと、きれいなかたちです。
このロゴの画像(ラスターデータ)を拡大すると.....
ラスターデータを拡大
ベクターデータ ラスターデータ ボヤボヤですね。
ラスターデータはピクセルっていう小さな色の点が集まって表現したもの。
なので、近くなると1つ1つの点が見えるようになり、結果線がカクカクするようになり
綺麗に見えなくなってしまいます。

ベクターデータを拡大
ベクターデータ ラスターデータ 超ドアップにしても滑らかな線!!!
ベクターデータは数値で線を描く指示をするらしく(この仕組みはよくわからん)、とりあえずでっかくしても線が綺麗!

この知識って何に使えるの?
例えばお店のロゴマークを載せたでっかい看板を作ろう!ってなり、
ロゴのラスターデータ(.jpegとか)を看板屋さんに渡すとします。
想像してください…スマホでは綺麗に見えても、その何百倍もでかいものに画像を引き伸ばして貼ったらどうなると思いますか...。
ボヤッボヤの文字すら読めない看板のできあがりです。
悲しい。

基本ロゴデザイン作るとき、ほぼ9割のデザイナーがイラレを使ってベクターデータでロゴを作成していると思います。
フリーランスの人から、納品されたデータがjpegやpngなどのラスターだけの場合は
用途によってはイラレのベクターデータが必要だったりしますので、
それでなんでも進めないように注意が必要です!

以上、
【超初心者向け】仕組みはよくわからんけど、ベクターデータとラスターデータの違いがわかる講座でした!
みせづくりブログ これから開業する!お店をもっと良くしたい!という人向けにノウハウ記事まとめ!

\ コムデザインラボのブログは一味違う!? /アクションでブログに参加!

見るだけではないブログ

\ 見るだけではないブログ /

コムデザインラボのブログは、見るだけではありません!見てくださっている方に「参加」してもらいます!
スタンプで気持ちを贈ろう

\ スタンプで気持ちを贈ろう /

6種類のスタンプをご用意しました!記事を読んだら是非スタンプで感想を贈ってください!
何度もスタンプを押せる!

\ 何度もスタンプを押せる! /

しかも、スタンプは何度でも押せちゃいます!沢山押すと良いことあるかも…?
いいね!

いいね!と
思ったらまずは
このハートを!

なるほど

参考になった
為になったら
このスタンプ!

ファイト!

応援している
頑張れ!と
思ったらこちら

行った・買ったよ

お店などに行った
商品を買ったら
ポチっと!

ファンです

お店やオーナーさん、
KOMスタッフへ
伝えよう!

ガーン

びっくりした
ショックな
記事に!

close
↑
すごい!デザイン相談会 詳しくはこちら