3ステップ!サンバーストをPhotoshopで書く方法

sunburst

サンバーストという表現方法をご存じでしょうか?中央から放射線状に線が伸びているものを言います。太陽の光や旭日旗を表現するときに使用できます。
Photoshopを使えばサンバーストも3ステップで作成することができます!このチュートリアルではサンバーストを作成する方法をご紹介します。

使用ソフト

Adobe Photoshop CCを使用

Photoshop cc icon

下準備

[ファイル > 新規]を選択し、新しいドキュメントを作成します。

sunburst01

今回は
幅:500px
高さ:500px
に設定しました。正方形になるようにサイズを指定しましょう。

sunburst02

Step1.グラデーションをかける

まず描画色を[#f5dd1c]に設定しておきます(好きな色に置き換えてください)。

ツールパネルからグラデーションツールを選択します(線形)。

sunburst03

グラデーションエディターを開いてプリセットから「描画色から透明に」を選択します。

sunburst04
sunburst05

シフトキーを押したままカンバスの上から下に向けて垂直方向にドラッグします。

sunburst06

カンバスにグラデーションがかかりました。

sunburst07

Step2.フィルター「波形」をかける

メニューから[フィルター > 変形 > 波形]を選択します。

sunburst08

下記のように設定をします。数値をいじると幅の太さなどを調整することができます

  • 種類:短形波
  • 波数:5
  • 波長:
    • 最小:49
    • 最大:50
  • 振幅:
    • 最小:250
    • 最大:500
sunburst09

縞模様が出来上がりました。

sunburst10

Step3.フィルター「極座標」をかける

メニューから[フィルター > 変形 > 極座標]を選択します。

sunburst11

[直交座標を極座標に]を選択して[OK]を押します。

sunburst12

完成

Photoshopでサンバーストを表現できました!

sunburst13

丸いシェイプを加えてあげると太陽みたくなります。

sunburst14

まとめ

Photoshopを使えばサンバーストも3ステップで作ることができます。バナーなどの背景にサンバーストを使用するとインパクトを与えることができます。セール系のバナーにぜひお試しください!

おすすめの本はこちら

Photoshop しっかり入門[CC/CS6/CS5] (しっかり入門シリーズ)
まきの ゆみ-SBクリエイティブ
¥ 2,138
全240ページ
Photoshop + Illustrator パターン・背景デザインの「速攻」制作レッスン
下田 和政-エムディエヌコーポレーション
¥ 2,700
全224ページ

Follow this page

はてなブックマーク
Bookmark 25
Pocket
入れる 48