【Photoshopチュートリアル】エレガントな思い出【#04】
Creative21
NexOut
【Photoshopチュートリアル】初恋の過ち【#08】
Creative21
Photoshopのチュートリアルがやりたい。
無料でできるPhotoshopのチュートリアルないかな？
これからPhotoshopを使っていきたいので、楽しく学習したいな。
こういった疑問に答えるよ！
Naoya
やぁ！みんな！元気？
デザイナーの@Naoyaです。
公式LINE限定無料特典
公式LINEで「初恋の過ち」と入力すると、PSDデータが届くよ！
この記事の信頼性(著者は実務経験者)
- Photoshop歴は9年ぐらい
- 現在はフリーランスのデザイナー
目次
- 【Photoshopチュートリアル】初恋の過ち【#08】
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。
そもそもPhotoshopって無料で使えるのかな？
こういった疑問に答えるよ！...
【Photoshopチュートリアル】初恋の過ち【#08】
今回はこんな感じの水彩で女性を描いた様なものを作っていくよ！
素材は全て無料なので気になる方はチャレンジしてみてね！
今回利用する素材
引用元：Pixabay
引用元：Pixabay
引用元：Pixabay
【Photoshopチュートリアル】初恋の過ち【#08】
ドキュメントを作成する
まずは、ドキュメントを作成するよ！
メニューバーの「ファイル」→「新規」を選択！
新規ドキュメントのショートカット
- Mac=Command+N
- Windows=Ctrl+N
新規ドキュメントのショートカットはこんな感じ。
今回はWebを選択して、サイズを幅1280px、高さ720px、方向を横、アートボードのチェックを外そう！
作成！
これでドキュメントを作ることができたね！
【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。
ドキュメントのサイズ変更ってどうやってやるんだろう。
ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。
こういった疑問に答えます。...
画像を配置する
続いて、画用紙風の画像を配置するよ！
メニューバーの「ファイル」→「埋め込みを配置」を選択！
画用紙風の画像を選択後「配置」を選択！
画像が配置されるので、カーソルを画像の隅に持っていくよ！
その位置でドラッグをすると、好きな方向に拡大できるよ！
離れすぎると回転のカーソルになってしまうので、位置は画像の隅を摘まむイメージ！
比率を保ちながら拡大する場合
- Shiftを押しながらドラッグ
Shiftを押しながらドラッグすると、比率を保ちながら拡大できるよ！
中心を軸に拡大する場合
- Mac=optionを押しながらドラッグ
- Windows=Altを押しながらドラッグ
option、Altを押しながらドラッグすると、中央を軸に拡大できるよ！
比率を保ちながら中心を軸に拡大する場合
- Mac=Shift+optionを押しながらドラッグ
- Windows=Shift+Altを押しながらドラッグ
Shift+option、Shift+Altを押しながらドラッグすると、比率を保ちながら中央を軸に拡大できるよ！
ここでは、比率を保ちながら中心を軸に拡大をして、こんな感じでEnter！
画像を配置して拡大できたね！
【Photoshop】画像が配置できない時の対処法【新人デザイナー向け】Photoshopで画像が配置できない。
画像の配置のやり方が分からない。
こういった疑問に答えるよ！...
【Photoshop】画像を拡大する方法【新人デザイナー向け】Photoshopで画像を拡大する方法が分からない。
こういった疑問に答えるよ！...
画用紙の色味を調整する
続いて画用紙の色味を調整するよ！
メニューバーの「レイヤー」→「新規調整レイヤー」→「白黒」を選択！
レイヤー名を入力後「OK」を選択！
メニューバーの「ウィンドウ」→「プロパティ」を選択！
プロパティから「ホワイト(最大)」を選択！
こんな感じになったね！
水彩を配置する
続いて水彩を配置するよ！
メニューバーの「ファイル」→「埋め込みを配置」を選択！
水彩の画像を選択後「配置」を選択！
水彩の画像が配置されるので、Enterで配置を確定！
こんな感じになったね！
続いてツールバーから移動ツールを選択！
移動ツールのショートカット
- V
移動ツールのショートカットはこんな感じ！
ドラッグして位置を微調整！
【Photoshop】移動ツールの使い方【新人デザイナー向け】Photoshopの移動ツールってどうやって使うのだろう？
レイヤーが思うように選択できないのは何故だろう？
こういった疑問に答えるよ！...
ここではこんな感じとしてOK！
女性を配置する
続いて女性を配置するよ！
メニューバーの「ファイル」→「埋め込みを配置」を選択！
女性の画像を選択後「配置」を選択！
女性が配置されるので、Enterで確定！
こんな感じで女性が配置されたね！
女性を水彩にマスクする
続いて女性を水彩にマスクするよ！
まずはレイヤーから女性のレイヤーを選択！
メニューバーの「レイヤー」→「クリッピングマスクを作成」を選択！
こんな感じになったね！
女性を拡大する
続いて女性を拡大するよ！
まずは、レイヤーから女性のレイヤーを選択！
メニューバーの「編集」→「自由変形」を選択！
カーソルを画像の隅に持っていくよ！
その位置でドラッグをすると、好きな方向に拡大できるよ！
離れすぎると回転のカーソルになってしまうので、位置は画像の隅を摘まむイメージ！
比率を保ちながら拡大する場合
- Shiftを押しながらドラッグ
Shiftを押しながらドラッグすると、比率を保ちながら拡大できるよ！
中心を軸に拡大する場合
- Mac=optionを押しながらドラッグ
- Windows=Altを押しながらドラッグ
option、Altを押しながらドラッグすると、中央を軸に拡大できるよ！
比率を保ちながら中心を軸に拡大する場合
- Mac=Shift+optionを押しながらドラッグ
- Windows=Shift+Altを押しながらドラッグ
Shift+option、Shift+Altを押しながらドラッグすると、比率を保ちながら中央を軸に拡大できるよ！
ここでは、比率を保ちながら中心を軸に拡大をして、こんな感じでEnter！
こんな感じになったね！
【Photoshop】画像を拡大する方法【新人デザイナー向け】Photoshopで画像を拡大する方法が分からない。
こういった疑問に答えるよ！...
続いてツールバーから移動ツールを選択！
移動ツールのショートカット
- V
移動ツールのショートカットはこんな感じ！
ドラッグして位置を微調整！
ここではこんな感じとしてOK！
水彩を複製する
続いて水彩を複製して女性を水彩に馴染ませるよ！
水彩のレイヤーを選択！
複製のショートカット
- Mac=Command+J
- Windows=Ctrl+J
複製のショートカットはこんな感じ！
水彩のレイヤーが複製されたね！
水彩を調整する
下の方の水彩のレイヤーを選択後、一番上にレイヤーをドラッグ！
こんな感じになったね！
続いて、描画モードを「オーバーレイ」に変更！
不透明度を「40%」に変更！
こんな感じになったね！
メニューバーの「レイヤー」→「新規調整レイヤー」→「色相・彩度」を選択！
続いてメニューバーの「ウィンドウ」→「プロパティ」を選択！
色相・彩度が表示されるので、ここでは色相を「-24」としてOK！
続いてメニューバーの「レイヤー」→「クリッピングマスクを作成」を選択！
こんな感じになったね！
【Photoshop】クリッピングマスクの使い方【新人デザイナー向け】Photoshopのクリッピングマスクの使い方が分からない。
クリッピングマスクマスクの解除のやり方が分からない。
クリッピングマスクのショートカットはあるのかな？
こういった疑問に答えるよ！
...
画面はこんな感じ。
トーンを調整する
最後にトーンを調整するよ！
水彩と女性のレイヤーをまとめて選択！
複数選択のショートカット
- Mac=Command+クリック
- Windows=Ctrl+クリック
複数選択のショートカットはこんな感じ！
グループ化のアイコンを選択！
選択したレイヤーがグループ化されたね！
【Photoshop】グループ化の方法【ショートカットあり】Photoshopのグループ化の方法が分からない。
グループ化の便利な使い方があれば知りたいです。
こういった疑問に答えます。...
続いてメニューバーの「新規調整レイヤー」→「白黒」を選択！
レイヤー名を入力後、OKを選択！
続いてメニューバーの「レイヤー」→「クリッピングマスクを作成」を選択！
こんな感じになったね！
白黒のレイヤーを選択！
描画モードをオーバーレイに変更！
不透明度を「30%」に変更！
これで完成！！！お疲れ様！！！
いいいぃぃぃえぇぇぇえええーいいいぃぃぃ！！！
Naoya
今日も来てくれてありがとう、またね！
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。
調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【10点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう？
そもそも、いくらかかるんだろうか、、、。
これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。
こういった疑問に答えます。...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。
そもそもPhotoshopって無料で使えるのかな？
こういった疑問に答えるよ！...
ABOUT ME
