学科 グラフィックデザイン基礎⑧

本日のアジェンダ

1限目
学科 グラフィックデザイン基礎⑧
ベクターデータとビットマップデータ

2限目
学科 グラフィックデザイン基礎⑧
【Illustrator】配置、リンクと埋込

3限目
学科 グラフィックデザイン基礎⑧
【Photoshop】スマートオブジェクト・ ピクセル・シェイプ

4限目
学科 グラフィックデザイン基礎⑧
作品制作( 写真とイラストを合わせてみましょう)

5限目
学科 グラフィックデザイン基礎⑧
作品制作( 写真とイラストを合わせてみましょう)

本日のテーマ

本日はIllustratorとPhotoshopの両方です。

■ビットマップデータとベクターデータ

すべての画像は①ビットマップ画像(ラスター画像)と②ベクトル画像(ベクター画像)のどちらかに分類されます。写真もイラストも図形もこの2つのどちらかに分けられるのです。

ビットマップデータとは?

「ビットマップデータ(Bitmap Data)」というのは、Photoshopの画像データやデジカメで撮影した写真のことで、画像を色のついた点(ドット)の羅列・集合として表現したデータのことです。分かりやすく説明すると、ビットマップデータで表現された写真を拡大すると、細かな格子状のマス目が見えますが、ビットマップデータはこのマス目のひとつひとつに色がついたものが集まって写真を作り上げています。
ちなみに、このマス目のひとつが「ピクセル」と呼ばれる最小単位で、ピクセル数が大きければ大きいほど美しい画像に仕上がります。ビットマップデータは別名で「ラスター形式」と呼ばれることもあります。
フォーマットでは、jpg(またはjpeg)・gif ・ png などがこれに当たります。

ベクターデータとは?

「ベクターデータ(Vector Data)」というのは、ビットマップデータのように画像を点の集合で表現するのではなく、点、線、多角形などの情報を使った複雑な計算式によって色や曲線などを表現したデータのことです。簡単に言えば、「数値を使って絵を描く」というイメージです。ベクターデータは別名で「ドロー形式」と呼ばれることもあります。
フォーマットは、pdfなどがこれに当たります。

ビットマップとは?ベクターとは?画像形式の意味と違いを図解


リンクと埋込


文字のアウトライン

Illustrator操作のキーワード

  • 新規作成
  • 保存
  • 複製で保存 >ファイルの種類:PDF > 最小ファイルサイズで保存
  • アートボード
  • 配置(テンプレートのチェック有無)
  • 配置(リンクのチェック有無) 【New】

  • 図形ツール(長方形ツール・楕円形ツール・多角形ツール・スターツール・直線ツール)
  • プロパティパネル > 塗り・線
  • 右クリック>重ね順
  • パスファインダー(合体・前面オブジェクトで型抜き・交差…等)
  • 選択ツール ※黒矢印です
  • ダイレクト選択ツール ※白矢印です (アンカーポイント・パス・ハンドル)
  • アンカーポイントツール
  • 曲線ツール
  • ペンツール
  • ハサミツール
  • リフレクトツール
  • 回転ツール+変形の繰り返し「Ctrl+D」
  • 右クリック>連結
  • シェイプ形成ツール

  • グループ化・解除
  • レイヤーパネル
  • レイヤーの新規作成・追加・削除、重ね順の変更
  • レイヤーの名称変更  ※レイヤー名称ダブルクリックです
  • レイヤーオプション  ※サムネイルダブルクリックです

  • 文字ツール
  • 文字パネル
  • 書式のアウトライン