2023.04.23Background【Photoshop】背景透過パターンの作り方【新人デザイナー向け】Creative21Photoshopで背景が透過のパターンを作りたい。やって背景が透過のパターンを作るのだろう。パターンの作り方は分かるけど、背景が透過のパターンの作り方が分からない。いった疑問に答えるよ!Naoyaやぁ!みんな!元気?デザイナーの@Naoyaです。【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。いった疑問に答えるよ!...Contents背景透過パターンの作り方パターンの元を作るドキュメントを作成するパターンを適用する背景透過パターンの作り方パターンの元を作るドキュメントを作成するパターンを適用するPhotoshopで背景透過のパターンを作成する流れはこんな感じ。順番に見て行こう!パターンの元を作るドキュメントを作成するまずは、ドキュメントを作成するよ!メニューバーの「ファイル」→「新規」を選択!新規ドキュメントのショートカットMac=Command+NWindows=Ctrl+N新規ドキュメントのショートカットはこんな感じ。ここでは、幅=「100」、高さ=「100」、解像度=「72」として作成!こんな感じになったね!このままだと小さくて作業がやりづらいので、ツールバーから、ズームツールを選択!ズームツールのショートカットZズームツールのショートカットはこんな感じ。ワークスペース上で何度かクリック!ドキュメントが拡大表示されたね!【Photoshop】ズームツールの使い方【新人デザイナー向け】photoshopのズームツールの使い方が分からない。Photoshopのズームツールについて詳しく知りたいです。いった疑問に答えるよ!...パターンの元を作成する続いてパターンの元となるものを作成するよ!ここで作成したものが縦横に繰り返されるよ!ツールバーから、長方形ツールを選択!長方形ツールのショートカットU長方形ツールのショートカットはこんな感じ。ワークスペース上でクリック!ここでは、幅=「50px」、高さ=「50px」としてOK!こんな感じになったね!正方形の位置をドキュメントの中央にするこのままだと位置が中途半端なので、正方形をドキュメントの中央に移動するよ!メニューバーの選択範囲から「すべて選択」を選択!カンバスの全体、すべての選択範囲を選択することができたね!すべて選択のショートカットMac=Command+AWindows=Ctrl+Aすべて選択のショートカットはこんな感じ。いった疑問に答えるよ!...垂直方向に中央揃えができたね!カンバスの全体に対して水平方向と垂直方向に中央揃えをしたので、カンバスの中央に四角のレイヤーを移動することができたよ!選択範囲を解除!選択範囲の解除のショートカットMac=Command+DWindows=Ctrl+D選択範囲の解除のショートカットはこんな感じ。【Photoshop】カンバスやレイヤーに中央揃えする方法【文字でも画像でも何でもOK】Photoshopの中央揃えのやり方が分からない。特定のレイヤーを基準にして中央揃えがしたい。効率の良い中央揃えの方法があれば知りたいです。いった疑問に答えます。...背景を透過する続いて背景を透過にするよ!レイヤーから背景の表示を非表示に!レイヤーパネルが表示されていない人は、メニューバーの「ウィンドウ」から「レイヤー」を選択!こんな感じになったね!パターンを定義する続いてパターンを定義するよ!メニューバーの「編集」から「パターンを定義」を選択!これで、パターンの元の作成が完了!ドキュメントを作成するここからは新しいドキュメントを作って、今登録したパターンを実際に使っていくよ!メニューバーの「ファイル」→「新規」を選択!新規ドキュメントのショートカットMac=Command+NWindows=Ctrl+N新規ドキュメントのショートカットはこんな感じ。今回はWebを選択して、サイズを幅1280px、高さ720px、方向を横、アートボードのチェックを外そう!カンバスカラーを選択!好きな色を選択、ここでは「#001c27」としてOK!作成!これでドキュメントを作ることができたね!【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。ドキュメントのサイズ変更ってどうやってやるんだろう。ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。いった疑問に答えます。...パターンを適用する続いてパターンを適用するよ!メニューバーの「レイヤー」から「新規塗りつぶしレイヤー」→「べた塗り」を選択!OKを選択!好きな色を選択、ここでは「#000000」としてOK!こんな感じになったね!レイヤーはこんな感じ。べた塗りのレイヤーをダブルクリック!パターンオーバーレイを選択後、パターンを選択!先ほど作ったパターンを選択して、OK!べた塗りのレイヤーを選択後、塗りを0%に調整!こんな感じになったね!べた塗りのレイヤーを選択後、グループ化のショートカットをタップ!グループ化のショートカットMac=Command+GWindows=Ctrl+Gグループ化のショートカットはこんな感じ。こんな感じになったね!グループのレイヤーをダブルクリック!カラーオーバーレイを選択後、カラーのアイコンを選択!ここでは「#00d3ff」としてOK!OKを選択!こんな感じになったね!【Photoshop】パターンオーバーレイの色変更や透明パターンの作成方法【自由に編集可能】Photoshopのパターンで悩むこと・パターンオーバーレイが使えない・背景が透過したパターンが作れない・パターンの色が変更できないパターンはとても便利な機能ですが、初めて触ってみるとちょっと厄介な部分も。こんな悩みについて解説します。いった疑問に答えるよ!...Naoya今日も来てくれてありがとう、またね!【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。そもそも、いくらかかるんだろうか、、、。Stockの始め方」を知りたいです。いった疑問に答えます。...【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。いった疑問に答えるよ!...メールアドレスが公開されることはありません。NexOut記事URLをコピーしました。