基本操作

【Photoshop】背景の作り方【新人デザイナー向け】【まとめ】

Photoshopで背景の作り方が分からない。
背景の色を変えたい。
背景を透明にしたい。

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

Naoya
Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

目次

  • photoshopの背景の作り方
  • よくある質問
Naoya
Naoya
ではゆこう!
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

photoshopの背景の作り方

  • ドキュメントを作成する
  • 元の背景を削除する
  • 背景を作る

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

ドキュメントを作成する

まずは、ドキュメントを作成するよ!

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

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

  • Mac=Command+N
  • Windows=Ctrl+N

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

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

カンバスカラーを選択!

好きな色を選択、ここでは「#001c27」としてOK!

作成!

これでドキュメントを作ることができたね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...

元の背景を削除する

続いて何でもいいので、新しくレイヤーを作ろう!
レイヤーは最低でも一つないと、他のレイヤーを消すことができないよ!

ここでは、右下の「新規レイヤーを作成」を選択!

新しい、空のレイヤーが作成できたね!

背景のレイヤーを選択!

BackかDeleteを押すとレイヤーを消すことができるよ!

背景が消えて、空のレイヤーだけが残るので、画面はこんな感じ。

【Photoshop】背景を消す方法【新人デザイナー向け】Photoshopでレイヤーにある背景を消すにはどうしたらいいんだろう…? こういった疑問に答えるよ!...

背景を作る

このままだと背景が透明なので、新しく背景を作るよ!

メニューバーの「レイヤー」から「新規塗りつぶしレイヤー」→「べた塗り」を選択!

OKを選択!

好きな色を選択、ここでは「#001c27」としてOK!

これで、元の背景を消して新しく背景を作ることができたね!

よくある質問

パターン背景を作りたい

【Photoshop】パターン背景の作り方【新人デザイナー向け】Photoshopでパターン背景を作りたい。 パターン背景はどうやって作るのだろう…。 こういった疑問に答えるよ!...

グラデーションな背景を作りたい

【Photoshop】グラデーションな背景の作り方【新人デザイナー向け】Photoshopでグラデーションな背景を作りたい。 グラデーションな背景はどうやって作るのだろう…。 こういった疑問に答えるよ!...

ストライプな背景を作りたい

【Photoshop】ストライプな背景の作り方【新人デザイナー向け】Photoshopでストライプな背景を作りたい。 ストライプな背景はどうやって作るのだろう…。 こういった疑問に答えるよ!...

背景を黒にしたい

【Photoshop】背景を黒にする方法【新人デザイナー向け】Photoshopの背景色を黒にしたい。 こういった疑問に答えるよ!...

背景を好きな色に変えたい

【Photoshop】背景色を変更する方法【新人デザイナー向け】Photoshopの背景色を変更する方法が分からない。 こういった疑問に答えるよ!...

背景を透明にしたい

【Photoshop】背景を透明にする方法【新人デザイナー向け】Photoshopで背景を透明にしたい。 一度ドキュメントを作ったら、背景を透明にすることはできないのかな? 背景が透明なはずなのに、書き出すと透明で書き出すことができない。 こういった疑問に答えるよ!...

背景を透明から白にしたい

【Photoshop】背景を透明から白にする方法【新人デザイナー向け】Photoshopで背景を透明から白にしたい。 一度背景を透明にしてしまったら、背景を白にすることはできるのかな? こういった疑問に答えるよ!...

背景を消したい

【Photoshop】背景を消す方法【新人デザイナー向け】Photoshopでレイヤーにある背景を消すにはどうしたらいいんだろう…? こういった疑問に答えるよ!...

背景を縁取りしたい

【Photoshop】背景を縁取りする方法【新人デザイナー向け】Photoshopで背景を縁取りしたい。 背景はどうやって縁取りしたらいいんだろう? こういった疑問に答えるよ!...

背景を写真にしたい

【Photoshop】背景を写真にする方法【新人デザイナー向け】Photoshopで背景を写真にしたい。 背景を写真にしたいけど、どうやって写真を読み込むんだろう? こういった疑問に答えるよ!...

背景を移動したい

【Photoshop】背景を移動する方法【新人デザイナー向け】Photoshopで背景を移動したい。 背景を移動したいのにロックがかかっていて移動できない。 そもそもどうやって移動するのか分からない。 こういった疑問に答えるよ!...

背景のロック解除ができない

【Photoshop】背景のロック解除ができない時の対処法【新人デザイナー向け】Photoshopで背景のロック解除ができない。 始めからある背景を消したい。 こういった疑問に答えるよ!...
Naoya
Naoya
今日も来てくれてありがとう、またね!
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...