画 像 処 理 の 基 礎 Ⅱ 1. 画 像 合 成 今 回 は Photoshop を 利 用 して 模 型 写 真 と 敷 地 写 真 を 合 成 する 手 法 について 学 習 する 以 下 の 2 つの 画 像 を 組 み 合 わせて 一 つの 合 成 写 真 を 作 成 する 敷 地 写 真 ( 背 景 ) 模 型 写 真 合 成 写 真 1
1-1 素 材 の 準 備 HP(schedule 第 2 回 授 業 )より 合 成 のためのデモ( 背 景 模 型 )をダウンロードし デスク トップに 保 存 する URL: http://morolab.arch.kumamoto-u.ac.jp/puk2011/cad1/manuel/schedule2.html 1-2 写 真 を 取 り 込 む PhotoShop を 起 動 し ファイル 開 く から 背 景 と 模 型 を 別 々に 開 く 切 り 抜 いてコピー&ペースト 1-3 模 型 写 真 の 建 物 部 分 を 切 り 抜 く 1) 多 角 形 選 択 ツール を 利 用 して 建 物 部 分 だけを 選 択 し コピーする 2) 背 景 ファイルにペーストする このとき 自 動 的 にレイヤーが 分 かれる 3) 各 レイヤーに 背 景 模 型 と 名 前 を 付 ける レイヤーとは: レイヤー とは 透 明 のフィルムのようなものである 例 えば 図 1 のように 3 枚 のレイヤー( 透 明 フィルム)にそれ ぞれ 円 長 方 形 多 角 形 が 描 かれている 場 合 を 考 える これらのレイヤーを 重 ねて 真 上 から 見 ると 図 2 のように 見 え るはずである それぞれのレイヤーには 自 分 の 好 きな 名 前 を 付 けることができる ある 時 は1つのレイヤーだけを 表 示 したり また ある 時 は 全 てのレイヤーを 表 示 したりすることができる レイヤ 2 階 レイヤ 1 階 図 1 レイヤの 上 下 関 係 レイヤ 地 下 2 図 2 レイヤ 2 階 1 階 地 下 を 全 て 表 示 した 状 態
1-4 模 型 の 微 調 整 1) 編 集 自 由 変 形 ツール を 利 用 して 周 りの 建 物 とエッジとパースを 揃 える 2)パースを 揃 えるときは 角 のハンドルを Ctrl + クリック&ドラッグ で 掴 んで 移 動 することで 位 置 を 合 わせる 3) 模 型 と 背 景 の 建 物 の 遠 近 感 を 編 集 変 形 ゆがみ で 調 節 してあわせる 隣 の 建 物 のエッジ 位 置 やパース 角 度 を 合 わせる 基 準 にすると 良 い 合 成 写 真 について: 合 成 する 際 に 違 和 感 がないようにするためには 模 型 写 真 を 背 景 となる 敷 地 写 真 に 合 わせて 撮 影 しておく 必 要 が ある この 時 角 度 高 さ 距 離 の 比 率 が 実 際 の 位 置 と 同 程 度 になるように 注 意 して 撮 影 を 行 わなければならな い 3
1-5 前 後 関 係 の 調 整 背 景 に 模 型 をペーストしただけでは 模 型 の 前 面 に 来 るべきものに 重 なってしまう そ こで 建 物 の 前 面 に 来 るべきものを 背 景 からコピーし 新 たにレイヤーを 作 成 しペーストする そ れを 模 型 レイヤーの 前 に 持 ってくることで 模 型 を 隠 す 1) 右 にある 民 家 と 木 が 模 型 の 前 面 になっていることがわかる 従 って コピーしたレイヤーを 前 に 持 ってくる 2)レイヤー 背 景 前 面 と 名 前 を 付 ける 1-6 要 らない 部 分 を 消 す 消 しゴムツール を 使 って 要 らない 部 分 を 消 していく このとき 消 す 対 象 のレイヤーがアク ティブの 状 態 になっているか 確 認 してこの 作 業 を 行 う 4
1-7 合 成 した 写 真 に 修 正 を 加 える スタンプツール を 利 用 して 不 必 要 な 部 分 を 消 していく スタンプツールとは 画 像 のサンプルを 採 取 し 別 の 画 像 または 同 じ 画 像 の 一 部 の 上 に 適 用 するこ とができる あるレイヤーの 一 部 を 別 のレイヤーの 上 に 複 製 することもできる ツールを 使 用 する たびに サンプルが 塗 り 重 ねられる 練 習 : 飛 行 機 を 増 やしたり 減 らしたりしなさい 1スタンプツールを 選 択 してコピーしたい 場 所 の 中 心 で Alt+クリック する ( 図 1) 2 増 やしたい 場 所 でクリックし ドラッグすることで 図 1 の 基 点 を 中 心 にペーストされる ( 図 2 3) 図 1 図 2 図 3 修 正 前 修 正 後 背 景 の 右 手 前 にあるゴミ 箱 を 消 す この 際 なるべく 近 くの 壁 面 をコピーするとよい 修 正 方 法 : 修 正 をかけるときには 必 ずレイヤーを 分 ける 必 要 がある なぜなら 間 違 えたときには 最 悪 そのレイヤーだけを 破 棄 でき るようにしておく 必 要 があるからである 例 えば 修 正 を 背 景 に 直 接 してしまうと ヒストリー で 戻 る 方 法 にも 限 界 があり 背 景 そのものを 入 れ 替 えなければならなくなる そのため 修 正 レイヤーを 作 成 し スタンプツール の コピー 部 分 を 背 景 から 採 ってきて 修 正 レイヤーにコピーしてゆく 方 法 を 行 う 5
1-8 模 型 と 背 景 の 明 度 差 をあわせる 模 型 レイヤーをアクティブにし 操 作 を 行 う 1) イメージ 色 調 補 正 トーンカーブ を 利 用 することで 背 景 との 明 度 差 を 調 整 し 模 型 を 背 景 になじませる 2) 焼 きこみツール を 利 用 し 建 物 に 陰 影 をつけ 境 界 をぼかすことで 合 成 写 真 としての 違 和 感 をできるだけ 消 していく 焼 きこみツールのオプションを 下 図 のように 設 定 する 3) 逆 光 を 設 定 し 不 自 然 な 感 じを 取 り 除 く 修 正 前 修 正 後 周 りの 暗 さに 合 わせて 模 型 自 体 のトーンを 下 げる また 隣 の 建 物 との 距 離 感 を 出 すために 焼 きこみツールで 境 界 をぼかす 6
2. 文 字 の 入 力 2-1 横 書 き 文 字 ツール ( 縦 書 き 文 字 ツール ) 文 字 ツールを 使 うことで 画 像 上 に 文 字 を 入 力 することができる 文 字 を 入 力 する 場 合 文 字 ツールを 選 択 し 画 像 上 の 任 意 の 位 置 でクリック またはドラッグして 入 力 範 囲 を 決 定 する その 後 文 字 を 入 力 し オプションバーの[ 現 在 の 編 集 をすべて 確 定 ]ボタン (ま たは Ctrl + Enter)をクリックして 確 定 する 文 字 の 内 容 を 変 更 する 場 合 変 更 したい 文 字 を 選 択 する 次 に 文 字 ツールを 選 択 し 文 字 をドラッ グさせて 変 更 したい 文 字 を 反 転 表 示 させる その 後 オプションバーまたは 文 字 パレットの 内 容 を 変 更 し 確 定 する 1) 文 字 ツールのオプションバー 文 字 ツールを 選 択 すると 表 示 され 文 字 についての 基 本 的 な 設 定 ができる 文 字 揃 え カラー 文 字 パレットと 段 落 パレットの 切 り 替 え フォントファミリー サイズ フォントスタイル アンチエイリアス ワープテキスト 作 成 現 在 の 編 集 をすべて 確 定 アンチエイリアス: アンチエイリアス とは 文 字 の 輪 郭 のギザギザを 中 間 色 で 埋 めて 滑 らかに 表 示 することを 言 う [なし][シャー プ][ 鮮 明 ]など 5 つから 選 択 できる [なし]を 選 ぶと 文 字 の 輪 郭 がギザギザになり それ 以 外 のものでは 文 字 が 滑 らかに 表 示 される なし を 選 択 シャープ を 選 択 2) 文 字 パレット オプションバーの[ 文 字 パレットと 段 落 パレットの 切 り 替 え]ボタンをクリックすると 表 示 され 行 や 文 字 の 間 隔 文 字 の 縦 横 比 率 などさらに 細 かな 設 定 ができる フォントファミリー サイズ 垂 直 比 率 選 択 した 文 字 に 詰 め 字 送 り(トラッキング) ベースラインシフト フォントスタイル 行 送 り 水 平 比 率 文 字 間 のカーニング テキストカラー ハイフンとスペルの 言 語 アンチエイリアス 7
3)レイヤースタイル 入 力 した 文 字 はフォントや 色 を 変 化 するだけでなく さまざまな 効 果 を 加 えることができる (1)ドロップシャドウ 文 字 に 影 を 付 けて 浮 き 上 がったように 表 現 するのが ドロップシャドウ である 1 レイヤー メニュー レイヤースタイル ドロップシャドウ を 選 択 する 2[レイヤースタイル]ダイアログボックスが 表 示 される [ 不 透 明 度 ]( 影 の 濃 さ)[ 角 度 ][ 距 離 ][サイ ズ]などを 設 定 し [OK]ボタンをクリックする ここで 影 の 設 定 を 行 う レイヤースタイル ダイアログボックス (2)ベベルとエンボス 文 字 を 立 体 的 に 表 現 するのが ベベルとエンボス である 1 レイヤー メニュー レイヤースタイル ベベルとエンボス を 選 択 する 2[レイヤースタイル]ダイアログボックスが 表 示 される [スタイル][ 深 さ][ 角 度 ]などを 設 定 し [OK]ボタンをクリックする ここでベベルとエンボスの 設 定 を 行 う ベベルとエンボス ダイアログボックス 8
4)スタイルパレット レイヤースタイル 以 外 に 簡 単 に 文 字 を 加 工 する 方 法 として スタイル パレットを 使 う あらか じめ 用 意 されている さまざまな 表 現 が 簡 単 に 適 用 できる 1 加 工 するテキストレイヤーを 選 択 する 2[カラー]パレットのウインドウにある[スタイル]タブをクリックして[スタイル]パレットを 表 示 する([スタイル]タブがない 場 合 ウインドウメニュー スタイル をクリックし 表 示 させる) 3[スタイル]パレットが 表 示 される 表 示 されているサムネイルからスタイルを 選 択 するか [スタ イル]パレット 右 上 の をクリックしてパレットメニューを 表 示 し スタイルを 選 択 する ここでは [テキスト 効 果 2]を 選 択 する 4スタイルを 置 き 換 えてよいか 確 認 のダイアログボックスが 表 示 され OK をクリックする [へこん だアルミニウム( 細 )] をクリックする スタイル パレット( 初 期 化 ) スタイル パレット(テキスト 効 果 2) 9
2-2 横 書 き 文 字 マスクツール ( 縦 書 き 文 字 マスクツール ) [ 文 字 マスクツール]を 使 うと 簡 単 に 画 像 を 文 字 の 形 に 切 り 抜 くことができる 文 字 は 画 像 の 絵 柄 がよく 見 えるように 太 めのフォントに 設 定 する 1 元 になる 画 像 を 開 き [ 横 書 き 文 字 マスクツール]を 選 択 する 2 画 像 の 上 をクリックすると 画 像 が 赤 くなり ポインタが 点 滅 したら 文 字 を 入 力 確 定 する 3 文 字 の 形 の 選 択 範 囲 ができるため 選 択 範 囲 メニュー 選 択 範 囲 反 転 を 選 択 する 4Backspace キーを 押 して 削 除 すると 文 字 の 形 に 画 像 が 残 る 1 元 の 画 像 を 用 意 2 文 字 マスクツールで 文 字 を 入 力 3 選 択 範 囲 を 反 転 させる 4 選 択 範 囲 を 削 除 して 完 成 3. 次 回 授 業 の 連 絡 次 回 の 授 業 では 前 半 で 作 成 した 住 宅 模 型 と 敷 地 写 真 の 合 成 写 真 の 作 成 を 行 う そのため 次 回 の 授 業 時 には 各 自 の 模 型 写 真 と 敷 地 写 真 の 画 像 データを 準 備 して おくこと 10
練 習 2 別 の 敷 地 写 真 に 建 物 の 写 真 を 合 成 しなさい 1. 素 材 の 準 備 下 記 より 合 成 のための 敷 地 写 真 建 物 写 真 人 物 写 真 をダウンロードし デスクトップに 保 存 する URL: http://morolab.arch.kumamoto-u.ac.jp/puk2011/cad1/manuel/schedule2.html 2. 素 材 の 切 り 抜 き 切 り 抜 きのラインは 輪 郭 のわずかに 内 側 をたどるようにすると 仕 上 がりがきれいになる 人 物 は 人 物 が 写 っている 写 真 から 適 当 な 人 物 を 1~2 名 程 度 選 び 切 り 抜 く また 建 物 を 合 成 した 際 に 隠 れてしまう 前 面 の 建 物 と 電 線 の 一 部 についても 敷 地 写 真 から 切 り 抜 いておく 3. 素 材 の 調 整 - 位 置 とサイズ- 建 物 写 真 は 素 材 の 向 きと 合 成 後 の 向 きが 異 なるため 編 集 変 形 水 平 方 向 に 反 転 を 行 い 向 きを 変 える 4. 素 材 の 調 整 -パース 色 光 - 前 述 の 資 料 を 参 考 に 微 調 整 を 行 う ブラシツール を 使 って 人 物 の 影 を 手 描 きでつける 影 用 の 新 規 レイヤーを 用 意 し 人 物 レイヤーよりも 下 側 に 配 置 する [ 不 透 明 度 ]を 変 更 し 調 整 する 5. 提 出 今 回 学 習 した [ 文 字 ツール]の 効 果 を 使 用 して 自 分 の 学 籍 番 号 - 氏 名 を 画 像 内 に 入 力 する 入 力 後 下 図 を 参 考 に 印 刷 を 行 い 提 出 する 印 刷 方 法 : 1 ファイル プリント をクリック 後 下 図 のダイアログボ ックスを 開 く 2[ページ 設 定 ]で A4 縦 使 いになっていることを 確 認 する 3[メディアサイズに 合 わせて 拡 大 縮 小 ]のチェックボックスをク リックし チェックする 4[ 一 部 プリント]ボタンをクリックし 印 刷 する 2 3チェックが 入 っていることを 確 認 4 完 成 予 想 11