サイトアイコン NexOut

【Photoshop】背景を写真にする方法【新人デザイナー向け】

Photoshopで背景を写真にしたい。
背景を写真にしたいけど、どうやって写真を読み込むんだろう?

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

Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

Youtube

目次

スポンサーリンク

背景を写真にする方法

Photoshopで背景を写真にする流れはこんな感じ。
順番に見て行こう!

ドキュメントを作成する

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

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

新規ドキュメントのショートカットはこんな感じ。

今回はWebを選択して、サイズを幅1280px、高さ720px、方向を横、アートボードのチェックを外そう!

作成を押して完了!

これでドキュメントが作成できたね!

写真を読み込む

続いて写真を読み込むよ!

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

今回背景にしたい写真を選択して、配置を選択!

ドキュメントに画像が配置されるので、Enterで確定!

画像が配置されたね!

サイズを調整する

このままだと、ドキュメントのサイズに合っていないので、画像で画面全体を覆うように画像の大きさを調整するよ!

まずは、配置した画像のレイヤーを選択!

レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!

続いてメニューバーの「編集」→「自由変形」を選択!

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

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

比率を保ちながら拡大する場合

Shiftを押しながらドラッグすると、比率を保ちながら拡大できるよ!

中心を軸に拡大する場合

option、Altを押しながらドラッグすると、中央を軸に拡大できるよ!

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

Shift+option、Shift+Altを押しながらドラッグすると、比率を保ちながら中央を軸に拡大できるよ!

ここでは、比率を保ちながら中心を軸に拡大をして、こんな感じでOK!
拡大の調整が終わったら、その位置でEnter!

変更の確定のショートカット

これで調整完了!

背景を画像にすることができたね!

モバイルバージョンを終了