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

-本日のアジェンダ-

1限目
学科 グラフィックデザイン基礎⑤
トリミングについて

2限目
学科 グラフィックデザイン基礎⑤
レタッチについて

3限目
学科 グラフィックデザイン基礎⑤
レタッチについて

4限目
学科 グラフィックデザイン基礎⑤
合成写真を作ってみましょう

5限目
学科 グラフィックデザイン基礎⑤
本日のまとめ

本日のテーマ

「レタッチ」をして合成写真を作りましょう。

レタッチとは?

写真編集とは、アナログ/デジタルを問わず、写真画像を修整する技法を意味する。 フォトレタッチとも。これを職業とする人をレタッチャーという。英語発音からの他のカタカナ表記でフォトリタッチ、リタッチャーとする場合もある。

本日のPhotoshopの基本操作(レタッチ)

  • パッチツール
  • コピースタンプツール
  • スポット修復ブラシツール
  • 修復ブラシツール
  • コンテンツに応じた移動ツール
  • ぼかしツール
  • シャープツール
  • 指先ツール
  • 覆い焼きツール
  • 焼き込みツール
  • スマートオブジェクト(レイヤーをラスタライズ)
  • カンバスサイズ
  • 画像解像度

レタッチについて

引き続きの基本操作

  • 選択範囲
  • レイヤーパネル
  • レイヤーマスク
  • ブラシツール
  • 描画色と背景色
  • ファイルの移動とコピー
  • 切り抜きツール
  • 自由変形(ctrl + T)
  • Web用に保存(従来)

スマートオブジェクト(レイヤーをラスタライズ)

スマートオブジェクトとは、「縮小と拡大を繰り返しても、劣化をしない画像データ形式」のことです。Photoshopで画像を扱うときにスマートオブジェクト化していない場合、1度でも縮小すると画像が劣化してしまいます。画像の質を保ったまま縮小・拡大をしたいときは、スマートオブジェクトに変換する必要があります。

スマートオブジェクトの解除方法「ラスタライズ」

スマートオブジェクトは画像を劣化させずに保つ形式なので、多用するとデータが重くなりがちです。スマートオブジェクトを解除することを「ラスタライズ」といいます。スマートオブジェクトをラスタライズすると、元のビットマップ画像に戻ります。

参考サイト

・カンバスサイズ

カンバスとは、Photoshopにおける作業領域のことです。Photohshopで編集した画像に余白を追加したり、余分なスペースを削除したりするにはカンバスサイズを変更します。

参考サイト

・画像解像度

画像解像度とは、画像の「きめ細やかさ」をあらわす数値で、1インチ(25.4mm)あたりのピクセル(ドット)数を表し、数値が大きいほど、画素の密度が高くなり、高精細になります。一般的にはdpi(Dot per inch)と表されますが、Photoshopでは、ppi(Pixel per inch)という単位で表されます。この値が大きいほど、ピクセルの密度が高くきめ細かい高精細な画像を表現できます。

印刷用の場合の推奨は350dpi(ppi)以上ですが、Webのみで使用する場合は72dpiより上げる必要はありません。これは、PCのディスプレイ自体が72dpiや96dpiしか解像度がないためです。しっかりと画像の使い道にあった解像度にその都度調整する必要があります。

参考サイト

ファイルの作成方法

Illustrator・Photoshopともファイルの作成は「新規作成」「開く」「読み込む」で出来ています。
制作した元データ「 Illustrator ならai」「 Photoshopならpsd 」から、WEB用に「jpg」「gif」「png」「pdf」等のファイル形式にすることが出来ます。

写真加工のおすすめルール
(非破壊データで作業しましょう)

「ファイルから開く(加工したい写真を取り込む)」⇒
「レイヤーパネルで複製」⇒
「右クリックでスマートオブジェクトに変換」⇒
「背景のレイヤーを非表示」⇒
「保存」

写真素材(練習用)

保護中: 練習用素材

練習用素材を集めたページへのリンクです。
※パスワード保護中

選択範囲

選択範囲によって画像の一部分または複数の部分が分離されます。特定の領域を選択することで、選択していない領域を元のままに保ちながら、画像の選択部分を編集したりエフェクトやフィルターを適用したりすることができます。

  • 長方形選択ツール
  • 楕円形選択ツール
  • なげなわツール
  • 多角形選択ツール
  • マグネット選択ツール
  • 自動選択ツール
  • クイック選択ツール

参考サイト

オブジェクトの選択と移動と削除・コピー

オブジェクトを移動させるには、「マウスドラッグによる移動」、「移動コマンドによる数値指定での移動」、「変形パネルを使った移動」、「矢印キーを使った移動」があります。選択ツールで移動したいオブジェクトを選択し、そのままドラッグします。 削除は「Delete」キーで削除出来ます。

参考サイト

ワンポイントアドバイス

Adobeのソフトは直観的に移動出来るかも??
「出来るのかな???」って思ったことは試してみましょう。

レイヤーパネル

Photoshop のレイヤーは、積み重ねられた透明フィルムのようなものです。レイヤーの透明部分では、下のレイヤーが透けて見えます。レイヤーは、透明フィルムをスライドさせるように動かして、レイヤーのコンテンツを希望の位置に配置することができます。また、レイヤーの不透明度を変更して、コンテンツを部分的に透明にすることもできます。

参考サイト

レイヤーマスクについて

レイヤーマスクとは、通常のレイヤーや調整レイヤーの一部だけを表示したり、非表示にしたりすることができる機能だ。 レイヤーマスクを扱う最も大きなメリットは、元の画像を変更せずに部分的な補正や切り抜きが行えることである。 後に修正が必要になっても、レイヤーマスクを変更するだけでよいので非常に効率がよい。

参考サイト

描画色と背景色

描画色と背景色について に移動 – Photoshop では、ペイント、塗りつぶしおよび選択範囲の境界線の描画には描画色が使用され、消去された領域やグラデーションには … アルファチャンネルでは、初期設定の描画色はホワイトで、背景色はブラックです。

参考サイト

ブラシツールとは?

photoshopブラシは、サイズやエッジのやわらかさを自由に変更して画面内に色々な色や形でペイントすることができます。 エアブラシ効果や特殊効果をつけたストロークを描くことができます。 ブラシの設定をカスタマイズして、専用のライブラリに追加、呼び出して利用することもできます。

参考サイト

切り抜きツールとは?

【Photoshop基本操作】[切り抜きツール]とは、画像を切り抜くためのツールです。 ドラッグした範囲を四角形に切り抜き、回転や変形などを同時に行う機能を持っています。 切り抜き確定後でも、トリミング領域の移動や仕上げサイズの変更といった再編集が可能です。

参考サイト

自由変形(ctrl + T)とは?

自由変形の使い方 Photoshop自由変形を使うことで、全体の仕上がりを見ながら画像の大きさや角度などを編集することができます。

参考サイト

Web用に保存(従来)とは?

Web用に保存(従来)」は、圧縮率を調整するなどして保存後のデータ容量を調整できます。

参考サイト

本日の課題

とにかく何かを描いた作品の「jpg」データをDropboxのご自身のフォルダにUPしてください。
ファイル名は、task_xxxx_20211207.jpgです。
(xxxxの部分はご自身の名前のローマ字表記、小文字)

■無料写真素材のサイト

カテゴリー: Photoshop(Ps), 学科 グラフィックデザイン基礎 パーマリンク