ＣＧ基礎

日本文理大学　坪倉篤志

http://www.nbu.ac.jp/~tsubokura＜配布資料 -06＞

先週クイックマスク（ p34-p42 ）

今週

写真の補正（ p43-p47 ）

チャンネル (p49-p56)

色について（ P154-P168 ）

今日は忙しいです！！　頑張りましょ～～～今日は忙しいです！！　頑張りましょ～～～

先週の復習

@learn の利用について出席課題の提出

講義用フォルダの作成講義用フォルダに講義資料・素材のコピー

フォルダの設定について

レイヤー描画モード色調補正 / バリエーション覆い焼きツールシャープ / アンシャープマスククイックマスク、マスク領域の調整、マスクレイヤー

第 9 回写真の修正 (p43-48)

目的：スキャナやデジカメで撮った写真画像の修正取り込み時のノイズやレベル補正

ゴミ取りスタンプツール

サンプリングポイント ( コピー元 ) の指定 (Alt+Click)→ ブラシで塗る

レベル補正（機能についてメモを取りなさい）　レベル：明るさカラーバランス、色合いに対しては影響は無いヒストグラム自動設定：

　　　　　　　　　　と

　　　　　　　　　　を基準にして全体のレベルを調整

第 9 回写真の修正

色調補正各色の　　　　　　　　　と　　　　　　　　　と　　　

　　　　　　に対して補正色相 ( 　　　　　　 ) ：

色相環 (Hue Circle) ：マンセルの色相環：アルバート・マンセル (1905 年 )

明度 ( 　　　　　　　　　 ) ：色の明るさを（黒の度合い）

彩度 ( 　　　　　　　　　 ) ：色の鮮やかさ、色の純度（白の度合い）

スポイトツールブラシツールのモード

画像修正フィルター：シャープ効果スナップショット

配色参考 Web サイト

坂本邦夫の『基礎からわかるホームページの配色』 http://www.webcolordesign.com/

カラー配色辞典　 http://fkm.sakura.ne.jp/cool.html

色の基礎知識　 http://www.colordream.net/howto.htm

色の見え方・感じ方寒色、暖色

寒色　色合いから涼しさや寒さを感じる色。　　青　系統を中心とした色。クールなデザインやシャープなデザイン、冬の寒さを表現する場合、夏の涼しさを求める場合に用いる。

暖色　色合いから暖かさや暑さを感じる色。　赤　　系統を中心とした色。情熱的なデザインやほのぼのとしたデザイン、夏の暑さを表現する場合や冬に暖かさを求める場合に多く使う

中性色　　　緑　系・　紫　　系・　　無彩　　色など寒暖の感じがあいまいな色

進出色・後退色進出色　　明度　　と　　彩度　　が　　高く　、　　暖色

　　系の色は進出して大きく見えます。後退色　明度　と彩度　が　　低く　　、　　寒色　　系の

色は後退して小さく見えます。

配色

柔らかい色・硬い色柔らかい色　　　高明　　度・　　低彩　　度の白っぽい色

は柔らかく見え、さらに　暖色　系のほうが柔らかく見えます。

硬い色　　　低　明　度・　　高　彩　度の黒っぽい色や、寒色系のはっきりした色は硬く感じます。

興奮色・沈静色興奮色　　赤　　・　燈　・　黄　等の　あざやか　な色は強烈な刺激を感じます。暖色系で高彩度の色、中でも純色はもっとも興奮感を与えます。沈静色　　青　や　青緑　等の寒色は冷たい感じがするので落ち着きを感じます。寒色系で低彩度の色は沈静間を与えます。

重い色・軽い色重い色　主に　明度　が　　低い　色を指します。軽い色　主に　明度　が　　高い　色を指します。

配色（色の対比）

色相対比　　　隣りあう　　色が影響しあって　　色相　　差が発生すること。隣の色に影響し、少し色がずれて見える。

明度対比　周りの色の　　明暗　　の影響を受けて、明度差が強調されること。実際の色よりも明るく、または暗く見えること。ポスターや　　看板　　、　　標識　　等ではコレをうまく利用されている。

彩度対比　周りの色に影響され、　　彩度　　に差が大きく見えることを指す周りの色が鈍いとき、中の図は　　　鮮やか　　見える。周りの色が鮮やかなときは、中の図は　　　あせて　　見える。

配色（色相配色）

まとまりやすい配色同一　　色相配色（色相環上の角度０度）　色相が同じ色、　同系　

色。全体のイメージが統一され、おとなしく無難な配色

類似　　色相配色（色相環上の角度３０～４５度）　色相が近いのでまとまりやすく、自然な　　調和　　配色

あいまいな配色中差　　色相配色（色相環上の角度６０～１０５度）　明るい彩度が

　高め　の色を組み合わせると、スポーティな感じ

目立つ配色反対　　色相配色（色相環上の角度１２０～１５０度）　色を組み合

わせるときに、色相差が大きいほど「　　コンストラスト　　（色の対比）」が強くなる。

配色（色相配色・トーン（色調））

目立つ配色補色　　配色（色相環上の角度１６５～１８０度）　色相環で　正反対　に位置する補色は、最もコンストラストが強い組み合わせ

ハレーション　彩度が高い（純色）反対色や補色の組み合わせには「ハレーション」と呼ばれる色の　ちらつき　を起こす組み合わせがある。ちらつきを押さえる為に、色の間に　　無彩色　　を配置したり、　　明度差　　　を広げる場合がある。

トーン（色調）　異なる　色相　の組み合わせでも、　彩度　と　明度　をそろえると、タイプの似た色に見える。トーンを揃えると、まとまりのある配色になる。トーン（色調）は色のイメージや、明るい、さわやかな、優しい、重い等の感情効果を表す

チャンネル (p49~

本日は再編集・再調整可能な制作方法を中心

ロゴ作成※

画像補完方式：バイキュービック法にてフィルターを用いた背景の作成：雲模様ロゴ作成：レイヤー効果の組み合わせ：解像度

調整レイヤーとトーンカーブマスクチャンネルマスクロゴと花の合成

チャンネル

ロゴ作成雲模様：フィルターの利用ロゴ作成

レイヤー効果効果 / シャドゥ（内側）

レイヤー効果の組み合わせべベルとエンボスドロップシャドウ

解像度画像解像度：

ppi ：

dpi ：

チャンネル

調整レイヤーとトーンカーブ調整レイヤートーンカーブ：マスクチャンネル：

標準チャンネル：RGB ：

R:

G:

B

CMYK ：C ：M:

Y:

K:

アルファチャンネル：

マスクチャンネル：ロゴと花の合成

トーンカーブ

入力

出力

提出課題

提出課題 06-2. 今日修正した街の画像を提出用に jpg/gif形式に変換し提出

通常保存： Photoshop形式　 psd ファイル提出用： Web 用に保存→ jpg/gif ファイル

提出課題 06-2. 今日作成したロゴを提出用に jpg/gif形式に変換し提出

通常保存： Photoshop形式　 psd ファイル提出用： Web 用に保存→ jpg/gif ファイル

次回の予定：提出課題 / 復習課題Photoshop を用いた制作の復習と実力を見るための制作課題課題２種類（下記の何れかを選択し、実施しなさい）

提出課題下記のテーマに沿ってポスターの制作をしなさい

テーマ：観光案内用いるスキル、合成、レイヤー、マスク、ロゴ素材：講義よう素材より、又は各自で撮影した映像（著

作権、肖像権を十分に注意）キャンバスのサイズ　 1280×1024(pixel)以上：方向につ

いては指定無し復習課題

これまでの講義について来れなかった部分等のある学生テキストに記載している課題の再演習と作品制作

課題の名称をメールに明記すること：白熊等提出

作品タイトル、作品概要作品ファイル名　学籍番号 . ファイル形式

提出〆切　　次回授業終了時再提出〆切　６月５日（月）　１７：００（厳守）　フリーワークショップ、工房Ｇ等で制作

６月６日の講義に、作品展示会を予定皆さんで投票いたします。見せっこをしましょう