13.1 Adobe Photoshop の 起 動 と 初 期 画 面 Adobe Photoshop は 非 常 に 高 機 能 なフォトレタッチソフトとして 有 名 です ここでは Photoshop の 基 本 的 な 使 い 方 について 説 明 します 1.Photoshop の 起 動 スタート すべてのプログラム Adobe Photoshop Elements 8.0 の 順 番 でマウスカーソルを 移 動 してクリックすると Photoshop が 起 動 します しばらくするとこの 画 面 が 表 示 されるので[ 編 集 ]を クリックします 図 13-1 Photoshop の 起 動 2. 新 規 に 用 紙 ファイルを 開 く Photoshop が 起 動 したら 新 しい 用 紙 を 開 くか 画 像 を 開 かなければなりません ここでは 新 しい 用 紙 を 開 きます (1) [ファイル] [ 新 規 ] [ 白 紙 ファイル]をクリックします 画 像 の 大 きさなどを 設 定 します ( 図 13-2) (2)[OK]をクリックすると 新 しい 用 紙 が 開 かれます ( 図 13-3) 図 13-2 新 規 作 成 Campus System Guide 2014-145
3.Photoshop の 初 期 画 面 Photoshop を 起 動 して 新 規 用 紙 を 開 くと 図 13-3 のような 初 期 画 面 が 現 れます ツールパレット 効 果 描 画 スペース レイヤー 描 写 色 背 景 色 図 13-3 初 期 画 面 このとき 表 示 されていないパレットがあったときは ウィンドウ をクリックすると 色 々な 表 示 を 選 択 することができます 146 - Campus System Guide 2014
13.2 ツールボックスの 概 要 フォトショップを 利 用 する 上 でツールボックスは 重 要 な 役 割 を 果 たします ここでは 基 本 的 なツールボックスの 説 明 を 行 います 移 動 ツール オブジェクトの 移 動 などに 使 います 手 のひらツール ウィンドウ 内 で 画 像 を 移 動 できます 長 方 形 楕 円 形 選 択 ツール 長 方 形 楕 円 形 の 範 囲 を 選 択 できます 自 動 選 択 ツール 自 動 選 択 ツールを 使 うと カラーの 似 た 範 囲 を 選 択 できます 文 字 ツール 文 字 の 入 力 または 文 字 の 形 の 選 択 範 囲 を 作 成 することができます 型 抜 きツール 選 択 したシェイプで 画 像 を 切 り 取 ることがで きます 赤 目 修 整 ツール 赤 く 写 った 人 の 目 や 動 物 の 目 を 修 整 できま す スタンプツール 画 像 の 一 部 を 複 写 することができます ブラシツール ペイントすることができます 図 形 ツール 様 々な 図 形 を 描 写 できます スポンジ 覆 い 焼 き 焼 きこみツール 部 分 的 に 暗 くする 明 るくする カラーを 調 整 する 等 といったことができます ズームツール 画 像 表 示 の 拡 大 縮 小 ができます あくまで 画 面 表 示 だけなので 実 際 の 大 きさは 変 わりません スポイトツール カラーサンプラーツール 画 像 内 のカラーをサンプルすることができます 選 んだ 色 を 描 写 色 にすることができます なげなわ マグネット 選 択 多 角 形 選 択 ツール フリーハンドの 範 囲 を 選 択 できます クイック 選 択 選 択 ブラシツール ブラシ 先 端 で 範 囲 を 選 択 できます 切 り 抜 き 再 構 築 ツール 画 像 のクリッピング サイズ 変 更 ができます 角 度 補 正 画 像 の 傾 き 角 度 を 変 更 できます スポット 修 整 ブラシツール 画 像 内 の 汚 れを 取 り 除 くことができます 消 しゴムツール 画 像 を 消 去 できます スマート 詳 細 スマートブラシツール 画 像 の 特 定 領 域 のカラー 調 整 ができます グラデーションツール 様 々な 形 のグラデーション 効 果 をかけることができ ます ぼかしツール 画 像 の 一 部 をぼかすことができます 描 写 色 / 背 景 色 現 在 選 択 されている 描 写 色 背 景 色 が 表 示 されます これらの 色 は ブラシ グラデーションなど 様 々なアクションに 関 わってくる 重 要 な 所 です 右 上 の をクリックすると 描 写 色 と 背 景 色 を 入 れ 替 えることができます また 同 様 に をクリック すると 描 写 色 を 黒 背 景 色 を 白 といったデフォルトの 状 態 に 戻 すことができます 図 13-4 ツールボックス 左 下 に 黒 い 三 角 形 のあるアイコンは 右 クリックをすることで 関 連 するアイコンが 表 示 され 選 択 できます 図 13-5 関 連 ツール Campus System Guide 2014-147
13.3 選 択 ツールの 使 い 方 1. 長 方 形 を 描 く ここをクリック (1) 選 択 ツールをクリックします ( 図 13-6) (2)ドラッグして 適 当 な 大 きさの 長 方 形 を 描 きます ( 図 13-7) (3) 描 画 色 を 選 びます (4) 塗 りつぶしツールをクリックします ( 図 13-8) (5) 選 択 範 囲 内 でクリックします ( 図 13-9) (6)Ctrl+D を 押 して 選 択 範 囲 を 解 除 します 図 13-6 選 択 ツール 選 択 範 囲 が 点 滅 ここをクリック ポインタが 変 わる 図 13-7 長 方 形 を 描 く 図 13-8 塗 りつぶしツール 図 13-9 塗 りつぶし 2. 円 を 描 く (1) 選 択 ツールアイコンを 右 クリックすると 2 つのツールが 現 れます (2) 楕 円 選 択 ツールを 選 択 します ( 図 13-9) (3)1.の(3) 以 降 と 同 様 の 操 作 で 円 を 描 きます ( 図 13-10) 1 右 クリック 22つのツールが 現 れる 図 13-9 楕 円 選 択 ツール 図 13-10 円 を 描 く 3. 図 形 を 選 択 する 長 方 形 と 円 の 色 を 同 じ 色 にします (1) 自 動 選 択 ツールをクリックします ( 図 13-11) (2) 長 方 形 をクリックします (3)Shift を 押 しながら 円 をクリックし 複 数 選 択 します ( 図 13-12) (4) 描 画 色 を 選 択 し [ 編 集 ] [ 塗 りつぶし]をクリックします ( 図 13-13) (5)Ctrl+D を 押 して 選 択 範 囲 を 解 除 します ここをクリック 図 13-11 自 動 選 択 ツール 図 13-12 複 数 を 選 択 図 13-13 色 の 変 更 148 - Campus System Guide 2014
13.4 画 像 サイズの 補 正 Photoshop は 非 常 に 高 機 能 なツールでほとんどどんなことでもできてしまうツールですが その 機 能 の 中 でも 頻 繁 に 用 いる 事 になる のは 画 像 の 補 正 であろうと 思 います ここからは Photoshop にたくさん 用 意 されている 画 像 の 補 正 のうち 最 も 一 般 的 な 物 を 紹 介 したいと 思 います 1.サイズの 補 正 画 像 の 補 正 機 能 の 中 においても 頻 度 が 高 いものとして 画 像 の 大 きさの 調 整 があげられます ファイルのサイズの 調 整 にもホームページ 等 で 表 示 のバランスをとる 為 等 使 う 機 会 も 多 いと 思 いますので 是 非 覚 えておいてください (1) 選 択 範 囲 の 切 り 抜 き 自 分 が 取 った 写 真 などで 一 部 だけが 欲 しいと 言 う 場 面 が 良 くあると 思 います その 様 な 時 には 切 り 抜 きツール を 使 います 1 自 分 が 必 要 な 部 分 をドラックして 選 択 する( 図 13-14) 2 右 クリックして 切 り 抜 きを 選 ぶ または 範 囲 選 択 時 の 選 択 画 面 が 出 るので を 選 ぶ 3 選 択 した 範 囲 だけが 切 り 抜 かれる 図 13-14 切 り 抜 き (2) 画 像 全 体 の 大 きさの 変 更 Web ページなどに 写 真 などを 載 せる 際 に 画 像 全 体 の 大 きさを 変 えた いような 場 合 がよくあります そのような 場 合 に 画 像 解 像 度 の 変 更 を 行 います 2 [イメージ] [サイズ 変 更 ] [ 画 像 解 像 度 ]を 選 択 します 2すると 図 13-15 のような 画 面 が 出 ますので 幅 と 高 さを 自 分 がわかり やすい 単 位 で 自 分 のお 好 みに 変 更 してみてください 3 調 整 が 終 わったら OK を 押 すと 実 際 にその 大 きさまで 画 像 を 拡 大 縮 小 してくれます 図 13-15 画 像 解 像 度 変 更 Campus System Guide 2014-149
13.5 画 像 の 補 正 スキャナで 取 り 込 んだ 画 像 はそのまま 利 用 せずに 色 などを 補 正 して 利 用 する 必 要 があります 1.レベル 補 正 画 像 の 明 暗 がはっきりしないときに 明 暗 を 補 正 します (1)[ 画 質 調 整 ] [ライティング] [レベル 補 正 ]をクリックします (2) レベル 補 正 ダイアログボックスが 表 示 されます ( 図 13-16) (3) 画 像 を 見 ながら 三 角 形 のスライダーを 調 整 します スライダーをヒストグラムに 合 わせて 調 整 する ヒストグラム: 明 るさの 分 布 を 示 す プレビューにチェックを 入 れるのを 忘 れずに 3 つの を 移 動 させる レベル 補 正 をすると 暗 くて 良 く 分 か らなかった 画 像 も しっかりと 見 ら れるようになります 図 13-16 レベル 補 正 150 - Campus System Guide 2014
2.アンシャープマスク 画 像 がぼやけているときは アンシャープマスクをかけることにより はっきりさせることができます (1) 画 質 調 整 アンシャープマスク をクリックします (2)プレビューをチェックして 適 用 量 半 径 しきい 値 を 調 整 します 図 13-17 アンシャープマスク 3.ぼかしフィルタ 画 像 をぼかしたいときには ぼかしフィルタをかけてぼかすことができます (1) フィルタ ぼかし ぼかし(ガウス) をクリック (2)プレビューをチェックして ぼかしの 度 合 いをきめます 図 13-18 ぼかしフィルタ Campus System Guide 2014-151
13.6 画 像 のトリミング 修 正 1. 画 像 のトリミング 画 像 のよけいな 部 分 の 削 除 や 曲 がっているときの 修 正 をします (1) 切 り 抜 く 範 囲 を 選 択 します (2) 選 択 範 囲 の 角 の 外 側 にポインタを 移 動 しポインタの 形 を にして ドラッグしながら 選 択 範 囲 を 調 節 します ( 図 13-19) (3)Enter キーを 押 して 切 り 抜 きます 図 13-19 画 像 のトリミング 2. 画 像 の 修 正 スキャナで 取 り 込 んだ 画 像 などにキズや 汚 れがあるときは 画 像 を 修 正 します (1)スタンプツールを 選 択 します ( 図 13-20) (2)ブラシパレットで 適 当 な 大 きさのブラシを 選 択 します ( 図 13-21) スタンプツール 適 当 なブラシを 選 択 する 図 13-20 スタンプツール 図 13-21 ブラシを 選 択 (3) 同 じような 色 の 部 分 で Alt を 押 しながらクリックしてサンプルします ( 図 13-22) (4)キズ 部 分 をドラッグして キズを 消 します Alt+ 左 クリックで サンプルする 図 13-22 画 像 の 修 正 152 - Campus System Guide 2014
13.7 画 像 の 合 成 ここでは キャンパス 画 像 と 空 の 画 像 を 利 用 して 2 つの 画 像 を 合 成 する 方 法 を 説 明 します 選 択 出 来 なかった 部 分 は 複 数 選 択 1. 空 を 選 択 する をして 空 全 体 を 選 択 する (1)キャンパス 画 像 の 空 を 自 動 選 択 ツール で 選 択 します (2)Shift を 押 しながら 複 数 選 択 をして 空 全 体 を 選 択 します ( 図 13-23) 2. 画 像 をペーストする 図 13-23 空 を 選 択 (1) 空 の 画 像 をアクティブにして[ 選 択 範 囲 ] [すべて 選 択 ]をクリックします (2)[ 編 集 ] [コピー]をクリックします (3)キャンパスの 画 像 をアクティブにして[ 編 集 ] [ 選 択 範 囲 内 へペースト]をクリック すると 空 が 合 成 されます ( 図 13-24) 3. 画 像 を 統 合 する (1) 移 動 ツールで 空 の 位 置 を 調 整 します (2)レイヤーパレットで 不 透 明 度 を 調 整 します (3)[レイヤー] [ 画 像 の 統 合 ]で 1 つの 画 像 に 統 合 します ( 図 13-25) 図 13-24 空 をペースト 図 13-25 画 像 の 統 合 4.レイヤーについて フォトレタッチにおいて レイヤーは 重 要 な 役 目 を 果 たします レイヤーとは 1 つの 画 像 に 複 数 の 画 像 をセル 画 のように 重 ねていく 機 能 です これによって それぞれのレイヤーごとに 位 置 の 調 整 や 補 正 をすることができるので 作 業 が しやすくなります ( 図 13-26) 現 在 作 業 中 のレイヤー レイヤーは 最 後 に 統 合 することで 複 数 の 画 像 を 1 つの 画 像 にまとめて 画 像 を 完 成 させます 目 のマークがついていると そのレイヤーが 表 示 されている 図 13-26 レイヤー Campus System Guide 2014-153
13.8 文 字 の 入 力 画 像 に 文 字 を 入 れることで より 効 果 的 な 表 現 ができます フォント サイズを 選 択 1. 文 字 を 入 力 する (1) 文 字 ツールを 選 択 します (2) 適 当 な 位 置 にテキストボックスを 作 ります (3)フォントや 大 きさなどを 選 んで 文 字 を 入 力 します( 図 13-27) 文 字 を 入 力 描 写 色 はここでも 変 更 可 能 2.ドロップシャドウ 文 字 に 影 を 付 けることで 立 体 的 な 表 現 ができます こ れをドロップシャドウと 言 います (1) 上 に 従 って 文 字 を 入 力 します (2)レイヤーパレットの 文 字 を 入 力 したレイヤーを 右 クリック レイヤーをラスタライズ を 選 び ラスタライズする ( 図 13-28) (3)[レイヤー] [レイヤースタイル] [スタイル 設 定 ]のドロップシャドウ の 効 果 を 選 んで 決 定 ( 図 13-29) 図 13-27 文 字 を 入 力 図 13-28 レイヤーパレット 図 13-29 スタイル 設 定 ドロップシャドウをかけることで 文 字 に 立 体 感 を 出 すことができます 図 13-30 ドロップシャドウ 154 - Campus System Guide 2014
13.9 画 像 の 保 存 1. 画 像 の 保 存 方 法 (1)[ファイル] [ 別 名 で 保 存 ]をクリックします (2)ファイル 名 やファイル 形 式 を 選 択 して 保 存 します ( 図 13-31) 1 保 存 する 場 所 を 指 定 する 2ファイル 名 をつける 3 保 存 形 式 を 選 ぶ 4ここをクリック 2. 画 像 の 保 存 形 式 図 13-31 別 名 で 保 存 Photoshop で 作 成 したり 取 り 込 んだ 画 像 を 保 存 する 場 合 は 適 切 なファイル 形 式 で 保 存 しなければなりません ここでは いくつか の 保 存 形 式 を 紹 介 します (1)PSD 形 式 PSD 形 式 ( 拡 張 子 は.PSD)は Photoshop 独 自 の 保 存 形 式 です レイヤー 情 報 などがそのまま 保 存 できます 作 成 途 中 の 画 像 を 一 時 的 に 保 存 したり 画 像 のマスターとして 保 存 するときに 使 います レイヤーなどの 情 報 を 残 し たいときは PSD 形 式 にしましょう (2)BMP 形 式 ビットマップ 形 式 は( 拡 張 子 は.BMP)は Windows 系 マシンでは 一 番 基 本 的 な 画 像 フォーマットです 2~1677 万 色 まで 幅 広 く 対 応 していますが 一 般 的 に 圧 縮 を 全 く 行 わないのでファイルサイズがすごく 大 きくなってしまい ます 圧 縮 を 行 わないので 画 質 の 劣 化 は 全 くありません (3)JPEG 形 式 JPEG 形 式 ( 拡 張 子 は.JPG)は WWW ブラウザで 表 示 できる 保 存 形 式 です JPG は 自 然 画 像 ( 写 真 )の 為 に 開 発 されたフォーマットです 1677 万 色 まで 使 えますのでスキャナ 等 デジタルカメラ 等 からの 画 像 保 存 は JPEG が よく 使 われます ただし 非 可 逆 圧 縮 をかけるので BMP にくらべ 画 質 の 劣 化 が 起 こります (4)GIF 形 式 GIF 形 式 ( 拡 張 子 は.GIF)は JPEG と 同 じように WWW ブラウザで 表 示 できる 保 存 形 式 です 256 色 までしか 扱 えないので ロゴやボタンなどの 色 数 の 少 ない 画 像 の 保 存 に 向 いています また 透 明 色 の 指 定 インタレース 表 示 アニメーションなども 可 能 です 使 用 する 目 的 によって これらの 画 像 形 式 を 使 い 分 ける 必 要 があります 特 に JPEG と GIF 形 式 はホームページを 作 成 するときに 利 用 される 形 式 なので 覚 えておく 必 要 があります Campus System Guide 2014-155