基本操作①
選択範囲
選択範囲によって画像の一部分または複数の部分が分離されます。特定の領域を選択することで、選択していない領域を元のままに保ちながら、画像の選択部分を編集したりエフェクトやフィルターを適用したりすることができます。
- 長方形選択ツール
- 楕円形選択ツール
- なげなわツール
- 多角形選択ツール
- マグネット選択ツール
- 自動選択ツール
- クイック選択ツール
参考サイト
- Adobe Photoshop での選択範囲の作成 – Adobe Help Center
- Photoshop での選択したピクセルの移動、コピー、削除 – Adobe Help Center
- 選択範囲を使ってみよう | Photoshop入門編 – ウェブプログラミングポータル
オブジェクトの選択と移動と削除・コピー
オブジェクトを移動させるには、「マウスドラッグによる移動」、「移動コマンドによる数値指定での移動」、「変形パネルを使った移動」、「矢印キーを使った移動」があります。選択ツールで移動したいオブジェクトを選択し、そのままドラッグします。 削除は「Delete」キーで削除出来ます。
参考サイト
ワンポイントアドバイス
Adobeのソフトは直観的に移動出来るかも??
「出来るのかな???」って思ったことは試してみましょう。
レイヤーパネル
Photoshop のレイヤーは、積み重ねられた透明フィルムのようなものです。レイヤーの透明部分では、下のレイヤーが透けて見えます。レイヤーは、透明フィルムをスライドさせるように動かして、レイヤーのコンテンツを希望の位置に配置することができます。また、レイヤーの不透明度を変更して、コンテンツを部分的に透明にすることもできます。
参考サイト
- Photoshop のレイヤーの基本に関する学習 – Adobe Help Center
- Photoshopのレイヤーとは?初心者でも分かる使い方 – サルワカ
- レイヤーパネル | レイヤー | 初心者のためのフォトショップ講座
レイヤーマスクについて
レイヤーマスクとは、通常のレイヤーや調整レイヤーの一部だけを表示したり、非表示にしたりすることができる機能だ。 レイヤーマスクを扱う最も大きなメリットは、元の画像を変更せずに部分的な補正や切り抜きが行えることである。 後に修正が必要になっても、レイヤーマスクを変更するだけでよいので非常に効率がよい。
参考サイト
描画色と背景色
描画色と背景色について に移動 – Photoshop では、ペイント、塗りつぶしおよび選択範囲の境界線の描画には描画色が使用され、消去された領域やグラデーションには … アルファチャンネルでは、初期設定の描画色はホワイトで、背景色はブラックです。
参考サイト
- Adobe Photoshop でのカラーの選択 – Adobe Help Center
- 7-(2)描画色と背景色 | デザインってオモシロイ -MdN Design Interactive-
- 基本がわかる!描画色と背景色 | psgips
ブラシツールとは?
photoshopのブラシは、サイズやエッジのやわらかさを自由に変更して画面内に色々な色や形でペイントすることができます。 エアブラシ効果や特殊効果をつけたストロークを描くことができます。 ブラシの設定をカスタマイズして、専用のライブラリに追加、呼び出して利用することもできます。
参考サイト
- 【Photoshop ブラシ】基本的な使い方からレタッチでの活用 …
- 初心者向け!Photoshopのブラシの使い方と設定 – サルワカ
- 色の変更と描画のツール | Photoshop入門編 – ウェブ …
切り抜きツールとは?
【Photoshop基本操作】[切り抜きツール]とは、画像を切り抜くためのツールです。 ドラッグした範囲を四角形に切り抜き、回転や変形などを同時に行う機能を持っています。 切り抜き確定後でも、トリミング領域の移動や仕上げサイズの変更といった再編集が可能です。
参考サイト
自由変形(ctrl + T)とは?
自由変形の使い方 Photoshopの自由変形を使うことで、全体の仕上がりを見ながら画像の大きさや角度などを編集することができます。
参考サイト
- Photoshopで自由変形を使う方法【初心者向け】現役Web …
- フォトショップ 自由変形の使い方 : Retouch WebLaboratory
- Photoshop で縦横比を変えずにドラッグで拡大縮小をしたい …
Web用に保存(従来)とは?
「Web用に保存(従来)」は、圧縮率を調整するなどして保存後のデータ容量を調整できます。
参考サイト
- 画像の保存と書き出し – Adobe Help Center
- Photoshop CC2019「Web用に保存」「書き出し形式」の違いと比較
- Photoshopの保存方法まとめ:形式は?画像を圧縮するには? – サルワカ
基本操作②
レタッチとは?
写真編集とは、アナログ/デジタルを問わず、写真画像を修整する技法を意味する。 フォトレタッチとも。これを職業とする人をレタッチャーという。英語発音からの他のカタカナ表記でフォトリタッチ、リタッチャーとする場合もある。
レタッチに使える基本ツール
- パッチツール
- コピースタンプツール
- スポット修復ブラシツール
- 修復ブラシツール
- コンテンツに応じた移動ツール
- ぼかしツール
- シャープツール
- 指先ツール
- 覆い焼きツール
- 焼き込みツール
その他基本の設定
- スマートオブジェクト(レイヤーをラスタライズ)
- カンバスサイズ
- 画像解像度
・スマートオブジェクト(レイヤーをラスタライズ)
スマートオブジェクトとは、「縮小と拡大を繰り返しても、劣化をしない画像データ形式」のことです。Photoshopで画像を扱うときにスマートオブジェクト化していない場合、1度でも縮小すると画像が劣化してしまいます。画像の質を保ったまま縮小・拡大をしたいときは、スマートオブジェクトに変換する必要があります。
スマートオブジェクトの解除方法「ラスタライズ」
スマートオブジェクトは画像を劣化させずに保つ形式なので、多用するとデータが重くなりがちです。スマートオブジェクトを解除することを「ラスタライズ」といいます。スマートオブジェクトをラスタライズすると、元のビットマップ画像に戻ります。
参考サイト
- Photoshopのスマートオブジェクトとは?使い方・編集方法まとめ
- Photoshopのスマートオブジェクトの上手な使い方を解説
- Photoshopのスマートオブジェクトとは!?スマートオブジェクト活用して効率よくレタッチしよう。
・カンバスサイズ
カンバスとは、Photoshopにおける作業領域のことです。Photohshopで編集した画像に余白を追加したり、余分なスペースを削除したりするにはカンバスサイズを変更します。
参考サイト
・画像解像度
画像解像度とは、画像の「きめ細やかさ」をあらわす数値で、1インチ(25.4mm)あたりのピクセル(ドット)数を表し、数値が大きいほど、画素の密度が高くなり、高精細になります。一般的にはdpi(Dot per inch)と表されますが、Photoshopでは、ppi(Pixel per inch)という単位で表されます。この値が大きいほど、ピクセルの密度が高くきめ細かい高精細な画像を表現できます。
印刷用の場合の推奨は350dpi(ppi)以上ですが、Webのみで使用する場合は72dpiより上げる必要はありません。これは、PCのディスプレイ自体が72dpiや96dpiしか解像度がないためです。しっかりと画像の使い道にあった解像度にその都度調整する必要があります。
参考サイト
基本操作③
- 「レイヤーマスク」とクイックマスクモード
- 「ベクトルマスク」とパスパネル
- 「クリッピングマスク」と調整レイヤー
レイヤーマスクについて(復習)
レイヤーマスクとは、通常のレイヤーや調整レイヤーの一部だけを表示したり、非表示にしたりすることができる機能だ。 レイヤーマスクを扱う最も大きなメリットは、元の画像を変更せずに部分的な補正や切り抜きが行えることである。 後に修正が必要になっても、レイヤーマスクを変更するだけでよいので非常に効率がよい。
参考サイト
被写体を選択
人工知能を使ってパッと出来ます。
参考サイト
クイックマスクモード (消しゴムツール )
クイックマスクモードは一時的なマスクを作成するモードで、アルファチャンネルのように保存はできませんが、選択範囲を編集する場合に便利です。 画像に選択範囲を作成します。 ツールボックスの下のほうにある、[クイックマスクモードで編集]ボタンをクリックします。 選択範囲の外がうす赤色で表示されます。
参考サイト
ベクトルマスク
ベクトルマスクとは Photoshoのペンツールまたはシェイプツールで作成したベクトル画像を使い、画像全部または、画像の一部を隠す(マスクする)方法です。
参考サイト
- Photoshopのベクトルマスクについて現役エンジニアが解説 …
- Photoshop でのベクトルマスクによるレイヤーのマスクまたは …
- Photoshopの3種類のマスクを使い分けて画像を切り抜く方法
パス選択ツール
【Photoshop基本操作】[パス選択ツール]とは、アンカーポイントの移動や方向線の調整など、主にパスの操作を行うツールです。 その活用範囲は広く、他のツールからキー操作で切り替えて使用することも多いです。 クリックして選択が基本! パス選択ツールの操作は、「掴んで離す」ようなドラッグ&ドロップがほとんどです。
参考サイト
パスパネル
パスパネル. ペンツールやシェイプツールで作成したパス一覧を表示してくれます。また、パスで画像をくりぬく”クリッピングマスク”の設定もここでできます。 アクションパネル. Photoshop CC、CS6でこのパネルを使って動画を編集できます。
参考サイト
- Photoshop のパス管理 – Adobe Help Center
- Adobe Photoshop でパスを編集 – Adobe Help Center
- Photoshopのパネルの使い方:ドッキングするには?消えてしまったら?
クリッピングマスク
クリッピングマスクとは、あるレイヤーの透明部分を使用して、その上のレイヤーにマスクを適用する機能です。 クリッピングマスクを使用すると、背面 (下) のレイヤー (ベースレイヤー) の透明ピクセルが、前面 (上) のレイヤーに対してマスクとして機能します。 … クリッピングマスクを解除することで、元の状態に戻ります。
参考サイト
- クリッピングマスクの使用方法 (Photoshop CC 2015)
- 【Photoshop】レイヤーマスク、クリッピングマスクの違いを …
- Photoshop クリッピングマスク 画像を好きな形に切り抜く …
調整レイヤー
【Photoshop基本操作】調整レイヤーとは、ドキュメントやレイヤー単位で色調補正が行えるオプション機能です。 調整レイヤーを作成すると、元画像の内容をそのまま保つことができ、設定した後でも再編集が加えられるので大変便利です。
参考サイト
基本操作④
- 文字ツール
- 文字パネル
- 字形パネル
- 段落
文字ツールとは?
「文字ツール」. 名前の通り、文字を入力するツールです。 文字ツールでの入力方法は、大きく分けて2種類あります 。
ポイント文字の入力
文字ツールで、画面の好きなところをクリックすると、カーソル(Iビーム)が表示されます。そのまま、文字を入力すれば、クリックした部分を先頭に文字が入力されていきます。
エリア文字の入力
一定の幅で文章を折り返したい場合は、エリア文字を使います。文字ツールで、画面内を斜めにドラッグすると、文字を入力するためのテキストエリアが出来上がります。
ポイント文字とエリア文字の切り替え
ポイントテキストで文字を入力した場合でも、強制的にEnterキーやReturnキーを使って改行を入れることができます。
参考サイト
- Photoshopの文字ツールを使ってテキストを入力する方法
- Photoshop でのテキストの入力 – Adobe Help Center
- Photoshop文字ツールの知っておきたい機能10個 – PhotoshopVIP
文字パネルとは?
文字を入力する前にテキスト属性を設定したり、属性をリセットして、テキストレイヤーにおける選択した文字の表示形式を変更することもできます。個々の文字に書式を設定するには、それらの文字を選択します。テキストレイヤー内の 1 文字、一定範囲の文字、またはすべての文字を選択できます。
参考サイト
- 【Photoshop】文字パネルと段落パネル
- Photoshopの文字入力:編集やフォント設定方法を総まとめ – サルワカ
- Adobe Photoshop テキストレイヤーを選択した時に表示される字形パネル …
字形パネルとは?
字形パネル(書式/字形または、ウィンドウ/書式/字形)を使用すると、あるフォントの字形を表示したり、特定の字形をドキュメントに挿入したりできます。
参考サイト
- Photoshop の字形パネル – Adobe Help Center
- やっとわかった!Photoshop字形パネルの使い方 | deep-space.blue
- Photoshopで「異体字」を入力する方法(Webサイト運用デザインテクニック …
段落とは?
行揃えの指定、単語、文字、段落間隔の調整、段落のインデント、ハイフネーションの調整などを行うことができます。
参考サイト
- Photoshop での段落の書式設定 – Adobe Help Center
- WEBデザインでよく出てくる箇条書きは、Photoshopの段落スタイルで終わらせよう
- 【Photoshop】意外と便利?!段落テキスト&ポイントテキストの変更方法 …
基本操作⑤
- 画像解像度
- モード
- 配置
画像解像度
ピクセル寸法は、画像の幅と高さのピクセル総数を示します。解像度はビットマップ画像の細かさで、1 インチあたりのピクセル数(ppi)で示されます。1 インチあたりのピクセル数が増加すると、解像度は高くなります。一般的に、画像の解像度が高いほど、プリントした画像の品質が高くなります。
参考サイト
モード
Adobe Photoshop を使って、1 つのカラーモードから別のカラーモードに変換する(CMYK から RGB、カラーからグレースケールなど)方法を説明します。
参考サイト
- Photoshop でのカラーモードの変換 – Adobe Help Center
- カラーモードはCMYKで作成|Photoshop入稿・印刷データ作成方法/注意 …
- PhotoshopのCMYK変換は「モード」より「プロファイル変換」が望ましい …
配置
Illustratorの画像配置 リンク画像と埋め込み画像の違いと正しい使い方. Illustratorに画像を配置する場合、「リンク配置」と「埋め込み」配置の、二つの方法があります。
参考サイト
- 画像(埋め込み画像とリンク画像)の配置方法
- 配置画像(リンク画像)設定:Illustrator
- ベテランほど知らずに損してるIllustratorの新常識(7)埋め込み?リンク?ビットマップ画像の配置と、配置した画像の二次利用
基本操作⑥ 覚えておくと良いツール
- レイヤースタイル
- ブレンドモード
- 塗りつぶしツール
レイヤースタイル
Photoshop では、シャドウ、光彩、ベベルなどの様々な効果を使用して、レイヤーの内容の外観を非破壊的な方法ですばやく変更できます。レイヤー効果は、レイヤーの内容にリンクされています。レイヤーの内容を移動または編集すると、変更された内容にも同じ効果が適用されます。例えば、テキストレイヤーにドロップシャドウを適用した後、新しいテキストを追加した場合、新しいテキストにも自動的にシャドウが追加されます。
- ドロップシャドウ・シャドウ(内側)
- 光彩(外側)
- 光彩(内側)
- べベルとエンボス「輪郭」「テクスチャ」
- サテン
- カラーオーバーレイ
- グラデーションオーバーレイ
- パターンオーバーレイ
- 境界線
- レイヤースタイルのコピー
- レイヤースタイルのペースト
参考サイト
- Photoshopのレイヤースタイルの使い方【全種類一覧解説】
- 【Photoshop】レイヤースタイル、レイヤー効果の使い方と …
- レイヤースタイル – Photoshop Elements – Adobe Help Center
ブレンドモード
Photoshopのブレンド(描画)モードの効果まとめ1【乗算・スクリーンなど】 フォトショップにはブレンドモード(描画モード)といって、下にあるレイヤーに対してどういった合成をするかを設定できる機能があります。 イラストレーターにも透明パネルの中に同じような機能があるので、覚えておくと色々と使えます。
参考サイト
- Photoshop 描画モードはこれで理解できる実用サンプル付き!
- 知ってるようで知らない、Photoshopの描画モードを全て解説![1/4 …
- Sketch のブレンドモード全16種類をマスターする【前編】 | SiTest …
塗りつぶしツール
[塗りつぶし]ツールは、指定された領域を塗りつぶすためのツールです。 クリックした場所が[白]であれば、白い部分をすべて範囲として塗りつぶします。
基本操作⑦ 覚えておくと良いツール
シェイプ・パス・ピクセル
【シェイプ】
ベクトルデータで図形を描画します。塗り、線色、線幅を設定することが出来て、後で形状や塗りを変更することが出来ます。また、描画後に自動でベクトルレイヤーが作成されます。
【パス】
アウトラインデータだけのシェイプです。塗り、線色、線幅が設定されていません。主に選択範囲を作成する際に使用します。
【ピクセル】
ラスターデータで図形を描画します。後で形状や塗りを変更することが出来ません。
参考サイト
- 【Photoshop】シェイプとは?ピクセルとは?パスとの違いは?
- Photoshop のシェイプツールを使ったシェイブの描画 – Adobe Help Center
- 「シェイプツール」の3つの描画モード「シェイプ」「パス」「ピクセル」 -Photoshop-
描画ツール
複数のアンカーポイントという点を結んだ線(パス)で描かれた図形のことです。
矩形や円、五角形などの所謂、図形を描いたり、カスタムシェイプツールを使って複雑な図形を描くことができます。
- 長方形ツール
- 角丸長方形ツール
- 楕円形ツール
- 多角形ツール
- カスタムシェイプツール
参考サイト
- Photoshop のシェイプツールを使ったシェイブの描画 – Adobe Help Center
- Adobe Photoshop での描画モード – Adobe Help Center
- 【Photoshop】フォトショのシェイプツールの使い方・編集方法を …
パス選択ツール
【Photoshop基本操作】[パス選択ツール]とは、アンカーポイントの移動や方向線の調整など、主にパスの操作を行うツールです。 その活用範囲は広く、他のツールからキー操作で切り替えて使用することも多いです。 クリックして選択が基本! パス選択ツールの操作は、「掴んで離す」ようなドラッグ&ドロップがほとんどです。