Photoshop(フォトショップ)の長方形ツールの使い方と応用操作についてフォトショ初心者の方に詳しく解説します。
単に長方形オブジェクトを作るだけでなく、マスクやエリア内文字ツール、選択範囲、パターン背景など、様々な使い方ができる長方形ツールをゼロからマスターできます。
Photoshopを始められる方、更にフォトショップを使いこなしたい方にオススメのコンテンツです。
この記事の目次
Photoshopの長方形ツールの使い方と応用操作をゼロから解説します。
フォトショ初心者の方にも再現できるように順を追って解説いたします!
Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
未導入の方はフォトプラン公式サイトから入手可能。(月額は最安の1,180円、7日間の無料体験が可能)
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
未導入の方はフォトプラン公式サイトから入手可能。(月額は最安の1,180円、7日間の無料体験が可能)
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
長方形ツールの場所
Photoshop画面左側のツールバー内に [ 長方形ツール ] があります。
※ショートカットは [ U ]
もし [ 楕円形ツール ] や [ カスタムシェイプツール ] 等、別のツールになっている場合は左クリック長押しで [ 長方形ツール ] が表示されます。
※ショートカットは [ U ]
もし [ 楕円形ツール ] や [ カスタムシェイプツール ] 等、別のツールになっている場合は左クリック長押しで [ 長方形ツール ] が表示されます。
長方形ツールの基本操作
STEP.1
ツールモードを確認
フォトショ未導入の方はフォトプラン公式サイト(月額は最安の1,180円)から入手しておきましょう。
[ 長方形ツール ] を選択し、Photoshop画面左上の [ ツールモード ] を [ シェイプ ] にします。
シェイプが最も扱いやすいツールモードです。
※シェイプ、パス、ピクセルの違いはコチラの記事で解説しています。
[ 長方形ツール ] を選択し、Photoshop画面左上の [ ツールモード ] を [ シェイプ ] にします。
シェイプが最も扱いやすいツールモードです。
※シェイプ、パス、ピクセルの違いはコチラの記事で解説しています。
STEP.2
塗りと線を設定
[ 塗り ] と [ 線 ] を設定します。
クリックするとカラーの設定が可能。
※虹色アイコンをクリックするとカラーピッカーが開きます。
線は線幅や破線の設定ができます。
※破線の設定方法はコチラの記事で徹底解説しています。
クリックするとカラーの設定が可能。
※虹色アイコンをクリックするとカラーピッカーが開きます。
線は線幅や破線の設定ができます。
※破線の設定方法はコチラの記事で徹底解説しています。
STEP.3
長方形を作成
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_01-1.png)
ドラッグで長方形を描けます。
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_02-1.png)
[ Shift ] を押しながらドラッグすると正方形を作成。
[ Alt ] (Mac:Option) を押しながらドラッグすると、オブジェクトの中心から矩形を作成。
[ Alt + Shift + ドラッグ ] の操作も可能です。
[ Alt ] (Mac:Option) を押しながらドラッグすると、オブジェクトの中心から矩形を作成。
[ Alt + Shift + ドラッグ ] の操作も可能です。
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_03-1.png)
画面をクリックすると数値入力で長方形が作成可。
[ 幅 ] 、[ 高さ ] 、[ 半径 ] を設定します。
これらが基本的な長方形の作成方法です。
[ 幅 ] 、[ 高さ ] 、[ 半径 ] を設定します。
これらが基本的な長方形の作成方法です。
角丸にする方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_04-1.png)
[ 長方形ツール ] の状態で長方形シェイプのレイヤーをアクティブにすると、四隅に小さい丸アイコンが表示されます。ドラッグすると角丸長方形に変形可能。
[ Alt ] (Mac:Option) を押しながらドラッグすると個別で角丸の設定ができます。
※コチラの記事で角丸長方形について徹底解説しています。
[ Alt ] (Mac:Option) を押しながらドラッグすると個別で角丸の設定ができます。
※コチラの記事で角丸長方形について徹底解説しています。
長方形オブジェクト内に文字を入力
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_05-1.png)
[ 文字ツール ] で長方形シェイプ上をクリックすると [ エリア内文字ツール ] として活用できます。
シェイプの塗りと線は自由に設定可能。シェイプとテキストは別レイヤーに分かれているので編集性も高く、使い勝手が良いですよ。
シェイプの塗りと線は自由に設定可能。シェイプとテキストは別レイヤーに分かれているので編集性も高く、使い勝手が良いですよ。
長方形の形でマスクする
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_07.png)
作成した長方形シェイプの形状で画像や文字などをマスクする事ができます。(レイヤーとレイヤーの間を [ Alt ] (Mac:Option) を押しながらクリックでクリッピングマスクを作成・解除)
不要な個所を非表示にし、デザインに必要な個所だけ表示といった加工が簡単にできます。
※Photoshopのクリッピングマスクはコチラの記事で徹底解説しています。
不要な個所を非表示にし、デザインに必要な個所だけ表示といった加工が簡単にできます。
※Photoshopのクリッピングマスクはコチラの記事で徹底解説しています。
長方形の形で選択範囲を作成
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_06.png)
長方形シェイプを作成後、レイヤーパネルを確認します。レイヤーサムネールを [ Ctrl ] (Mac:⌘) を押しながらクリックすると長方形シェイプの形状で選択範囲が作成できます。
[ Ctrl + D ] (Mac:⌘ + D) で選択範囲を解除。
※Photoshopでよく使う選択範囲の作り方はコチラの記事で徹底解説しています。
[ Ctrl + D ] (Mac:⌘ + D) で選択範囲を解除。
※Photoshopでよく使う選択範囲の作り方はコチラの記事で徹底解説しています。
パターン用のベースオブジェクト
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/04/ai-rectangletool_anim_08.png)
長方形シェイプに [ レイヤースタイルを追加 ] → [ パターンオーバーレイ ] を適用するとパターン背景が簡単に作れます。
パターンを拡縮・回転させたり、自在に編集できるので使用頻度が高いテクニックの一つです。
※パターンの使い方はコチラの記事で徹底解説しています。
パターンを拡縮・回転させたり、自在に編集できるので使用頻度が高いテクニックの一つです。
※パターンの使い方はコチラの記事で徹底解説しています。
紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。
商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。
※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。
#01 Pink Portfolio Layout
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/06/ai_portfolio_template_stock_2.jpg)
ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽!
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。
ダウンロードする
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。
ダウンロードする
#02 Portfolio Layout with Gray Accents
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai_portfolio_template_stock_6.jpg)
モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ!
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。
ダウンロードする
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。
ダウンロードする
#03 Portfolio Layout with Yellow Accents
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template15.jpg)
#04 Portfolio Template in Pale Green and Mint
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template14.jpg)
収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。
ダウンロードする
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。
ダウンロードする
#05 Minimalist Portfolio Layout
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template23.jpg)
ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか?そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。
ダウンロードする
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。
ダウンロードする
紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!
Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート40選
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート40選
紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう!
デジタル媒体向けポートフォリオテンプレ素材35選
デジタル媒体向けポートフォリオテンプレ素材35選
制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬!
様々なモックアップテンプレート57選
様々なモックアップテンプレート57選
良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。下記記事で良質な素材を紹介しております。併せてチェックしてください!
以上、Photoshop(フォトショップ)の長方形ツールの基本操作と応用操作についてでした。
長方形ツールはよく使う初歩的なツールの一つです。
単に長方形を作るだけでなく、クリッピングマスクやパターン背景、エリア内文字ツールなど、様々な使い方ができます。
よく使うツールだからこそ理解を深め、Photoshopを使ったクリエイティブを更に効率化してください。
ではまた!
写真の雰囲気を激変させよう
写真の雰囲気を激変させるチュートリアル集です。
フォトショの中級~上級テクニックを網羅的に学習できます。
フォトショの中級~上級テクニックを網羅的に学習できます。
フォトショ基本操作
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_01.png)
【導入編】ゼロから始めるPhotoshop
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_02.png)
Adobe Creative Cloudの料金プランやオススメプランを徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_03.png)
フォトショの全ショートカットまとめ
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_66.png)
フォトショ初心者が押さえておきたい基本操作14選
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_06.png)
レイヤーの作成・レイヤーの操作
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_22.png)
ブラシツールの基本的な使い方と応用操作を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_27.png)
左右対称、マンダラを使った魔法陣・レース模様の作成方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_09.png)
各種カラーモードについて
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_11.png)
【遠近法の切り抜きツール】斜めから撮った写真を正面に補正する方法と応用
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_12.png)
切り抜きツールの使い方と解像度・サイズの変更方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_07.png)
文字ツールの基本的な使い方
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_17.png)
文字パネルの機能と使い方を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_17.png)
段落パネルの機能と使い方を徹底解説
![]( https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai-zero_main_ico_25.png)
グラデーションツールとグラデーションオーバーレイの違いと使い方
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_24.png)
整列と分布を使ったレイアウト方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
レイヤースタイル、レイヤー効果の基本的な使い方
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
ドロップシャドウをさりげなく使ってキレイ目デザインを作る方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_23.png)
作業効率化に繋がるPhotoshop特有の色々なコピペ方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/02/ps-zero_main_ico_14.png)
調整レイヤーを徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_15.png)
シェイプツールの使い方・編集方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_16.png)
共通パーツをインクルードする方法
バナーやUIをデザイン
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_01.jpg)
Photoshopでバナー広告を作る方法を完全解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_02.jpg)
【前編】スマホゲームのUIを作ってみよう(構成~下絵)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_03.jpg)
【中編】スマホゲームのUIを作ってみよう(質感付与)
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_04.jpg)
【後編】スマホゲームのUIを作ってみよう(バナーやボタン)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/05/ps-zero_main_ico_ouyou1_16_2.jpg)
GDNで有効的なサイズのバナー広告の作り方を完全解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_07.jpg)
Photoshopで複数サイズのバナーを効率的に作成する方法
様々な質感を再現
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_06.jpg)
Photoshopで黄金風の効果を付ける方法を詳しく解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_19.jpg)
ベベルとエンボスで金属表現を作る方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ps-zero_main_ico_ouyou1_09.jpg)
レイヤースタイルだけで水滴や汗を作る方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_31.jpg)
リアルな木彫りのような質感を再現する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_33.jpg)
テキストをネオンサイン風にする方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_34.jpg)
テキストにリアルな錆(サビ)た金属表現を追加する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_35.jpg)
レイヤースタイルでポップなロゴを作る方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_50.jpg)
すりガラス(曇りガラス)の再現方法
写真の雰囲気を激変させる
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_08.jpg)
Photoshopで写真をインスタグラム風に加工する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_17.jpg)
レンズフレアを追加して印象的な写真に仕上げる方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_ouyou1_12.jpg)
ニュートラルフィルターで肌を一瞬でキレイにする方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_18.jpg)
RGBずらし(色ずれ)を使った画像の作り方
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_23.jpg)
写真をアメコミ風に加工する方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_ouyou1_46.jpg)
写真をポップアート風に加工する方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_27.jpg)
昼間の写真を夜に変更する方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_ouyou1_45.jpg)
昼間の写真を夕暮れに加工する方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_28.jpg)
【チルトシフト】風景写真をミニチュア風に加工する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_64.jpg)
カラーハーフトーンの作り方と応用例を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_29.jpg)
写真を水彩画風に加工する方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_30.jpg)
写真をワンランク上の油彩風に加工する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/01/ps-zero_main_ico_ouyou1_47.jpg)
アートヒストリーブラシツールを使って写真を絵画風に大変身
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_ouyou1_32.jpg)
写真をデュオトーン(ダブルトーン)に加工
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_38.jpg)
レントゲン写真のような見た目に加工する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_37.jpg)
フォトショで線画スケッチ風のタッチを再現
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_42.jpg)
秋を感じさせる色味にレタッチする方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_41.jpg)
写真やイラストをドット柄に変えるテクニック
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_53.jpg)
写真やイラストをドット絵風に加工する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_52.jpg)
緑で覆われた廃墟を1分で作る方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_73.jpg)
1980’のレトロなカットアウト表現の作り方
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_74.jpg)
光輝くオーラエフェクトの作り方を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_76.jpg)
サイバーパンク風の加工をお手軽にする方法
便利な画像加工テクニック
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_ouyou1_05.jpg)
Photoshopで人物の表情を簡単に変える方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ps-zero_main_ico_ouyou1_10.jpg)
コンテンツに応じた塗りつぶしで不要な要素を消す方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/08/ps-zero_main_ico_ouyou1_11.jpg)
斜めから撮影した画面に画像や文字をはめ込む方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_ouyou1_13.jpg)
「空を置き換え」で曇り空を1分で修整する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_ouyou1_14.jpg)
スマートポートレイトをイラストに適用する方法と検証
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/12/ps-zero_main_ico_ouyou1_15.jpg)
3分で髪の毛を簡単に切り抜く方法(境界線調整ブラシツール)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/ps-zero_main_ico_ouyou1_26.jpg)
【間違い探し動画】初心者向けアハ体験動画の作り方
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_43.jpg)
リアルな虹の作り方と合成方法を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_54.jpg)
リアルな雨の作り方を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_58.jpg)
リアルな雷をゼロから作る方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_57.jpg)
雪の作り方と降らせ方を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_56.jpg)
煙の作り方を徹底解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_55.jpg)
深度ぼかしで被写体深度を簡単に再現する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_59.jpg)
画像に勢いや動きを付ける方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_60.jpg)
スーパーズームで劇的に高画質化する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_61.jpg)
影の付け方を徹底解説forフォトショ初心者
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_62.jpg)
白黒画像を簡単にカラー化する方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_63.jpg)
合成画像を1分で自然に調和させる方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_69.jpg)
アート風コラージュの作り方
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_77.jpg)
ボロボロの古雑誌や本を簡単に作る方法
機能追加・その他の機能
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
Photoshopの無料レイヤースタイル全447種まとめ
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/04/ps-zero_main_ico_15.png)
無料&商用可能なカスタムシェイプ46選
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_13.png)
レイヤースタイルの登録と書き出し
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/12/ps-zero_main_ico_20.png)
シェイプを登録する方法(カスタムシェイプを定義)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_22.png)
無料&商用可能で本当に使えるブラシ素材64選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_22.png)
【ブラシを定義】自作ブラシの作成と登録方法を解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai-zero_main_ico_25.png)
【ブラシを定義】自作ブラシの作成と登録方法を解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ai-zero_main_ico_26.png)
WebP形式の画像を編集・保存できるプラグインの導入方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_39.png)
パターンの定義方法とパターン背景の作り方を完全解説
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_40.png)
汎用性抜群なストライプパターンの作り方を解説
フォトショップのお困りごと
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_19.png)
「最近使用したもの」を非表示にする方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/11/ps-zero_main_ico_18.png)
ブラシのポインタが十字になった時の対処法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_21.png)
突然画面がグレーになってしまった時の対処法
![](https://sdesignlabo.com/blog/wp-content/uploads/2020/01/ps-zero_main_ico_10.png)
「変形」の仕様をCC2018以前に戻す方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/ps-zero_main_ico_35.png)
ツールバーをカスタマイズする方法
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/01/ps-zero_main_ico_21.png)
別名で保存からJPGやPNG画像に保存できない問題
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_53.png)
塗りつぶしの白い隙間を無くす方法3選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_67.png)
目次一覧を見る
画像を激変!エフェクトPSD
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_24.jpg)
画像をヴィンテージ風にできるエフェクトモックアップ50選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_ouyou1_48.jpg)
画像を水彩画風にできるエフェクトモックアップ36選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_ouyou1_49.jpg)
画像をマンガ風にできるエフェクトモックアップ25選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_36.jpg)
鉛筆の手描きタッチにできるエフェクトモックアップ35選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_25.jpg)
人物が煙になる表現ができるエフェクトモックアップ
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_21.jpg)
写真を短時間で大変身させる高クオリティなエフェクト50選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/07/ps-zero_main_ico_ouyou1_22.jpg)
写真を短時間で大変身させる高クオリティなエフェクト51選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_39.jpg)
便利なオーバーレイモックアップ41選
その他Photoshop用の素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_40.jpg)
高クオリティな背景パターン素材14選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ps-zero_main_ico_ouyou1_44.jpg)
PSD形式のポートフォリオ用テンプレート11選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ps-zero_main_ico_ouyou1_20.jpg)
文字に高品質なエフェクトを追加するモックアップ
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_66.jpg)
【商用利用可】高品質なボトルのPSDモックアップ90選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_75.jpg)
【商用OK】高品質なコースターのPSDモックアップ20選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_68.jpg)
雑誌や本(ハードカバー)のPSDモックアップ25選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_70.jpg)
高品質なマグカップのPSDモックアップ41選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_71.jpg)
【商用可】CDやDVDパッケージのモックアップPSD26選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/ps-zero_main_ico_ouyou1_72.jpg)
【PSD】高品質なレコード盤のモックアップ19選【商用OK】
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/ps-zero_main_ico_ouyou1_67.jpg)
【商用利用可】フォトコラージュ用の高品質テンプレート44選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/ps-zero_main_ico_67.png)
目次一覧を見る
目次一覧