photoshop

photoshop習得にあたり、こちらのチュートリアルを参照したので文面でまとめてみる。
https://www.youtube.com/watch?v=iOYz669WNpU&list=WL&index=24

1 モデルをクイック選択ツールで囲む > 右クリックでぼかしを0.5pxelでok > command + J で切り抜く。command+shift+Uで彩度を0にする

2 背景をつけるためにチャネルパネルの下の丸をクリック > 一番上のベタ塗りを選択 > 好きな色を選ぶ > モデルの下レイヤーにする
3 合成したい画像を違うタブで開いて、ドロップアンドドロップでモデルがいるタブに移動させる(この時背景からレイヤーに変えちゃってok)
4 合成画像の不透明度を50%ほどまで下げて、好きな位置に持ってくる。この時大きさを拡大縮小などしたいときはcommand + Tで選択すればできる。好きな位置に持ってきたら不透明度を100%に戻す。
5 モデルレイヤーを、commandを押しながらクリックすると、クイック選択ツールの選択線が表示される > チャネルパネルの下にある日本国旗みたいなやつをクリックすると、合成画像がモデル型にくり抜かれる
6 元のモデルレイヤーをコピペして、コピペしたやつをクリッピングマスクのレイヤーの上に持ってきて、不透明度を50%に減らし、チャネルパネルの上にある「通常」と書いてあるタブをクリック > 比較(明)にする
7 また日本国旗をクリックしてレイヤーマスクを適用
8 ブラシツールをクリック > 上メニューの不透明度を40%に。カラーは黒に > 1つ下レイヤーのモデルと合成画像のクリッピングマスクをクリック > 消したいところを消す。
9 最下層レイヤーの背景をダブルクリック > いい感じの色に合わせる。
10 合成画像とモデルのレイヤーをコピペして複製 > 上にあるレイヤーの複製の方のクリッピングマスクを解除 > モデルの方だけ削除(クリッピングマスクを適用するかと出てくるが、削除) > 選択は合成画像のまま、「通常」と書いてあるタブをクリック > 比較(明)に。 > option + 日本国旗クリックで、黒いクリッピングマスクが適用される > ブラシツールを白にして、消したい部分を削除していく。
11　最上位レイヤーを選択し、ベタ塗りを適用。合成画像に合う色を選択 > 「通常」と書いてあるタブをクリック > 乗算に > 不透明度を20%ほどに
12 option + command + shift + E > command + shift + U > 「通常」と書いてあるタブからソフトライトを選択 & 不透明度を20%に下げて完成！



#Photoshop作業効率化
参考： [【Photoshop作業効率化】プロが教える爆速効率化術！](https://bityl.co/5Znj)
###1. レイヤーの自動選択を使用する
画面上の設定項目の自動選択のチェックボックスにチェックを入れて、選択項目を「レイヤー」に
###2. 目立たせたいレイヤーはカラーラベルをつけておく
・目玉部分を[右クリック]⇒メニューから好きなカラーを選択
###3. ショートカットを覚える&カスタマイズする
オプションバーの[編集]⇒[キーボードショートカット]でカスタマイズ可能


####よく使うショートカットチートシート(for mac)

| 使い方 | ショートカット | 備考 |
|:-:|:-:|:-:|
| 作業を1段階以上戻る  |  command+option+Z |   |
| 同じ位置にペースト  |  command+shift+V |   |
| 変形する(自由変形)  |  command+T |   |
| ブラシツールを選択  | B  |   |
| 消しゴムツールを選択  | E  |   |
| スポイトツールを選択  | I  |  ペイントツールやシェイプツールを使っている時はAlt+I |

#####・レイヤー&クリッピングマスク系

| 使い方 | ショートカット | 備考 |
|:-:|:-:|:-:|
| 新規レイヤー作成  | command+shift+N  |   |
|  クリッピングマスクの作成 | command+option+G  |   |
|  レイヤーのグループ化 |  command+G |   |
| レイヤーの統合  |  command+E |   |
| 表示レイヤーの統合  | command+shift+E  |   |
|  レイヤー（またはレイヤーの選択範囲）を反転 |  command+H |   |

#####・選択範囲系

| 使い方 | ショートカット | 備考 |
|:-:|:-:|:-:|
| 選択を解除  | command+D  |   |
|  選択範囲を反転 | command+shift+I  |   |

#####・カンバスの表示系

| 使い方 | ショートカット | 備考 |
|:-:|:-:|:-:|
| カンバスを動かす  |  space+ドラッグ |   |
|  ズームツール | Z  |   |
| カンバスを回転  | R  |   |
| スクラブズーム  |  option+spade+左右にドラッグ |   |
|  カンバスサイズを変更 |  option + cmd + C |   |


#####・その他

| 使い方 | ショートカット | 備考 |
|:-:|:-:|:-:|
|  彩度を下げる |  command + shift + U |   |
|   |   |   |
|   |   |   |
|   |   |   |
|   |   |   |

###4. アクション機能を使う
(【Photoshop使い方】アクション機能使い方を徹底解説！)[https://tasogareya-illustration.com/2019/05/26/how-to-use-photoshop-action/]

##ガイドラインの引き方
figmaからadobeにデザインツールを移行した上でまずぶち当たったのが、「ガイドが自動で出てこないから配置がガッタガタになる！！」っていう問題。
真ん中がどこかもわからないし、ナビゲーションメニューのメニューも均等に配置できてるかわからない。
ガイドは引けるけど、わざわざアートボードの大きさから1/2してそっから中央に自分で引かないといけないの..??って思ってたらそんなわけなかった。

###センタリングガイドの引き方
[表示] >  [新規ガイドレイアウトを作成 > [列、行]それぞれセクションの数に「2」、[間隔] に「0 px」を入力してok
でこんな感じになる。
もっと多い方が良ければセクションの数を増やせばok

![スクリーンショット 2021-02-14 13.20.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/619224/9e3a72d0-2e5e-c025-6389-fe763c4bfa74.png)

###マージンガイドの引き方
ガイドレイアウトの作成パネルの下にある、マージンにチェック > 好きなマージンpxを設定。
今回は左右400pxずつで。
![スクリーンショット 2021-02-14 13.26.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/619224/4455d2f6-40cd-3ae6-d4c0-dc31c64bc28f.png)

便利！もっと早く知りたかった！！
・[参考サイト](https://psgips.net/photoshop-tutorials/outline-style)


##線画抽出の方法
[Photoshopを使って線画抽出する方法を徹底解説！](https://tasogareya-illustration.com/2020/04/03/photoshop-line-extraction-and-action-use/)
①メニューバーの［ウィンドウ］→［チャンネル］をクリックして、チャンネルウィンドウを表示させる。
②チャンネルウィンドウの下部にある点線〇のアイコンをクリック。
③メニューバーの[選択範囲]→[選択範囲の反転]をクリックして、選択範囲を反転。
④新規レイヤーを作成して、任意の色で選択範囲をバケツツールで塗りつぶす。
⑤[選択範囲]→[選択範囲の解除]で選択範囲を解除したら、線画抽出完了。

[写真をイラスト調に！パスで作成する２階調化](https://psgips.net/photoshop-tutorials/threshold-by-path)
##色を変更したい時は色の置き換えツールを使う
・[Photoshopで写真の色を置き換える方法【初心者でもできた！】](https://techacademy.jp/magazine/2292)
・[Photoshopで色を置き換える3つの方法（初心者向け）](https://saruwakakun.com/design/photoshop/color)
・[Photoshop 色の置き換え〈置き換えにくい白や黒の置き換え方法も！〉](https://design-trekker.jp/design/photoshop/color_replacement/)


##文字の装飾について学ぶ
[【フォトショップ】10分で文字の装飾をマスターする](https://www.youtube.com/watch?v=ZR2s1JLItCk)
影の付け方、枠の付け方、迫力の出し方などを学べる

##好きな形に切り抜く方法
参考: [Photoshop CC 2018 写真を丸く切り抜く方法](https://www.youtube.com/watch?v=GJcE6mUaits)

1 まず気に抜く形のオブジェクトを用意。
2 切り抜きたい写真を開く
3 cmd + A > cmd + Cをしてから、1のオブジェクトのレイヤーを選択していることを確認してcmd+V
4 下レイヤーにオブジェクト、上レイヤーに画像になったら、レイヤーの中心あたりをoptionを押しながらクリックするとクリッピングマスクができる
5　画像の大きさを調節して完成！！

##画像を左右反転させたい
上のメニューの「イメージ」から「画像の回転」→「カンバスを左右に反転」を選択

##袋文字の作り方

参考: [](https://wb-hp.com/blog/2020/02/28/photoshop_text.html)