フレームにストロークを追加する

最終更新日 : 2025年12月2日

Adobe Photoshop で画像やデザイン要素の周りにボーダーを作成するために、フレームにストロークを追加する方法を学びましょう。

Photoshop でフレームにストロークを追加すると、画像の周りに明確な境界が作成され、視覚的なインパクトが高まり、目立つようになります。ストロークの色、幅、配置をカスタマイズして、様々なデザイン効果を実現できます。

はじめる前に

フレームツールでフレームを描画し、その中に画像を配置します。

Adobe Photoshop ディープリンク

アプリで試す
フレームツールを使用して、いくつかのシンプルなステップでプレースホルダーフレームを作成しましょう。

レイヤーパネルで、フレームレイヤーを選択します。

レイヤーパネルの左下隅にある fx を選択します。

プロパティパネルで、「」オプションセクションを選択します。レイヤースタイルダイアログボックスが開きます。

ヒント :

プロパティパネルが表示されていない場合は、ウィンドウプロパティを選択してこのパネルを開きます。

塗りつぶしタイプドロップダウンメニューから、べた塗りグラデーション、またはパターンの線の種類を選択します。

カラースウォッチを選択し、カラーピッカーから色を選択します。

サイズフィールドに値を入力するか、スライダーを使用して、線幅を調整します。

ストロークの位置内側中央、または外側から選択して、フレームのエッジに対するストロークの位置を決定します。

グラデーションまたはパターンのストロークの場合、角度の値を調整してストロークを回転させることができます。

OK」を選択して変更を適用します。 フレームの周りにストロークが表示されます。

画像を含む円形フレームが選択され、レイヤースタイルで線の効果が適用された Photoshop インターフェイス。
フレーム内のコンテンツを視覚的に際立たせ、デザインの明確さを高めるためにストロークを適用します。