【Photoshopチュートリアル】血塗られたシンデレラ【#15】

Photoshopのチュートリアルがやりたい。
無料でできるPhotoshopのチュートリアルないかな？

これからPhotoshopを使っていきたいので、楽しく学習したいな。

こういった疑問に答えるよ！

Naoya

やぁ！みんな！元気？

デザイナーの@Naoyaです。

Youtube

目次

• 【Photoshopチュートリアル】血塗られたシンデレラ【#15】

【Photoshopチュートリアル】血塗られたシンデレラ【#15】

今回はこんな感じのものを作っていくよ！
素材は全て無料なので気になる方はチャレンジしてみてね！

今回利用する素材

引用元：Pixabay

https://pixabay.com/ja/vectors/%e3%83%9d%e3%83%b3%e3%83%97-%e9%9d%b4-%e3%82%b7%e3%83%ab%e3%82%a8%e3%83%83%e3%83%88-6579431/

引用元：Pixabay

https://pixabay.com/ja/photos/%e6%b0%b4%e5%bd%a9-%e3%83%90%e3%83%83%e3%82%af%e3%82%b0%e3%83%a9%e3%82%a6%e3%83%b3%e3%83%89-%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-795160/

【Photoshopチュートリアル】血塗られたシンデレラ【#15】

ドキュメントを作成する

メニューバーの「ファイル」→「新規」を選択！

新規ドキュメントのショートカット

• 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」を選択！

メニューバーの「ウィンドウ」→「プロパティ」を選択！

プリセットを「ブラック（最大）」に変更！

こんな感じで画像が白黒になったね！

【Photoshop】白黒の使い方【新人デザイナー向け】Photoshopの白黒の使い方が分からない。 そもそも白黒って何なんだろう？ 白黒を使ったチュートリアルがあればやりたい。 Photoshopの白黒について詳しく知りたいです。 こういった疑問に答えるよ！...

靴を配置する

メニューバーの「ファイル」→「埋め込みを配置」を選択！

ここでは靴の画像を選択後「配置」を選択！

カーソルを画像の隅に持っていくよ！
そうすると、カーソルのマークが変わるよ！

その位置でドラッグをすると、好きな方向に拡大できるよ！
離れすぎると回転のカーソルになってしまうので、位置は画像の隅を摘まむイメージ！

比率を保ちながら縮小する場合

• Shiftを押しながらドラッグ

Shiftを押しながらドラッグすると、比率を保ちながら縮小できるよ！

中心を軸に縮小する場合

• Mac=optionを押しながらドラッグ
• Windows=Altを押しながらドラッグ

option、Altを押しながらドラッグすると、中央を軸に縮小できるよ！

比率を保ちながら中心を軸に縮小する場合

• Mac=Shift+optionを押しながらドラッグ
• Windows=Shift+Altを押しながらドラッグ

Shift+option、Shift+Altを押しながらドラッグすると、比率を保ちながら中心を軸に縮小できるよ！

ここでは、比率を保ちながら中心を軸に縮小をして、こんな感じでEnter！

これで縮小できたね！

水彩の画像を複製する

水彩の画像を選択後、右クリックから「レイヤーを複製」を選択！

レイヤー名を入力後「OK」を選択！

レイヤーが複製されたね！

レイヤーを移動する

複製したレイヤーを選択後、一番上にドラッグ！

こんな感じになったね！

画面はこんな感じ。

クリッピングマスクする

一番上のレイヤーを選択！

メニューバーの「レイヤー」→「クリッピングマスクを作成」を選択！

こんな感じになったね！

画面はこんな感じ。

【Photoshop】クリッピングマスクの使い方【新人デザイナー向け】Photoshopのクリッピングマスクの使い方が分からない。 クリッピングマスクマスクの解除のやり方が分からない。 クリッピングマスクのショートカットはあるのかな？ こういった疑問に答えるよ！ ...

全体の調整をする

メニューバーの「レイヤー」→「新規調整レイヤー」→「色相・彩度」を選択！

レイヤー名を入力後「OK」を選択！

彩度を「+10」と入力！

こんな感じになったね！

【Photoshop】色相・彩度の使い方【新人デザイナー向け】Photoshopの色相・彩度の使い方が分からない。 そもそも色相・彩度って何なんだろう？ 色相・彩度を使ったチュートリアルがあればやりたい。 Photoshopの色相・彩度について詳しく知りたいです。 こういった疑問に答えるよ！...

メニューバーの「レイヤー」→「新規調整レイヤー」→「白黒」を選択！

描画モードを「オーバーレイ」に変更！

不透明度を「50％」に変更！

こんな感じになったね！

位置を微調整する

まずは背景のレイヤーを選択！

ツールバーから移動ツールを選択！

移動ツールのショートカット

• V

移動ツールのショートカットはこんな感じ。

画面上で下方向にドラッグ！

こんな感じになったね！

これで完成！

Naoya

Designer

TwitterYouTubeLINE

デジタルアーツ東京→デザインプレックス東京→デザイン制作会社→フリーランス