Home >  未分類 > フォトショップでキラキラに輝く背景画像を作る方法
未分類

フォトショップでキラキラに輝く背景画像を作る方法

bokehbg1

今回はフォトショップでキラキラに輝いている背景画像を作る方法をご紹介します。ブラシを自分で作成することによって、思い通りの形を光らせることができます。
また簡単なステップの繰り返しのみなので、フォトショップ初心者のひとにもおすすめのチュートリアルです。

 

 

STEP 1



メインメニューよりファイル>新規を選択し、ドキュメントを開きます。
このチュートリアルでは、カンバスの大きさを1024×768pxの72px/inchとします。

1-14

描画色「灰色」(#1e1e1e)を選択し、メインメニューより「編集」>「塗りつぶし」を適用し、カンバスを塗りつぶします。
このときに「黒」(#000000)で塗りつぶすと、効果が出なくなるので注意してください。

1-24

 

 

STEP 2



ツールボックスより「楕円形ツール」を選択し、描画色「黒」(#000000)で円を描きます
このときにshiftキーを押しながら描くときれいな丸になります。
次にメインメニューより「レイヤー」>「レイヤースタイル」を選択し、以下の様に設定します。

2-32

レイヤー効果 : カスタム

2-13

境界線

2-23

 

 

STEP 3



レイヤーパレット上で「シェイプ1」レイヤーを選択した状態で、メインメニューより「編集」>「ブラシを定義」を選択し、新しいブラシ「Bokeh」を作成します。

3-14

 

 

STEP 4

 

ブラシパネルを開き、以下のように設定していきます。

ブラシ先端のシェイプ

4-14

シェイプ

4-22

散布

4-32

その他

4-41

 

 

STEP 5

 

新しいレイヤー「グラデーション」を「背景」レイヤーの上に作成し、ツールボックスより「グラデーションツール」を選択し、以下のように適用します。
左上から右下にかけてグラデーションをかけ、レイヤーの描画モードを「オーバーレイ」に変更します。

5-2

5-13

 

 

STEP 6

 

新しいグループ「ライティング」を「グラデーション」レイヤーの上に作成し、描画モードを「覆い焼きカラー」とします。
「ライティング」グループの中に新しいレイヤー「大」を作成し、ツールボックスより「ブラシツール」を選択し、STEP 4で設定したブラシを使い、数箇所ペイントします。

6-12

メインメニューより「フィルタ」>「ぼかし」>「ぼかし(ガウス)」を適用します。

6-22

 

 

STEP 7

 

新しいレイヤー「中」を「ライティング」グループの中に作成し、STEP 6よりも少し小さなブラシで同じようにペイントしていきます。

7-12

同様にメインメニューより「フィルタ」>「ぼかし」>「ぼかし(ガウス)」を適用します。

7-22

 

 

STEP 8

 

新しいレイヤー「小」を「ライティング」グループの中に作成し、STEP 7よりもさらに小さなブラシでペイントしていきます。

8-12

同様にメインメニューより「フィルタ」>「ぼかし」>「ぼかし(ガウス)」を以下の様に適用します。

8-22

 

 

完成

 

bokehbg11

いかがでしたでしょうか。簡単なステップのみでキラキラに輝く背景用画像が完成しました。
今回は最後に以前ご紹介した「フォトショップで簡単にネオン文字を作る方法」を使いロゴを加えてみました。
ポイントは光らせたいレイヤーを一つのグループにまとめて描画モードを「覆い焼きカラー」とすることで、驚くほどに輝きをだすことができます。
グラデーションの色を変更するだけでも印象をがらりと変えることができますよ。

PhotoshopVIPは高品質のフォトショップチュートリアルを皆さんにお届けしています。
随時更新されるチュートリアルの定期購読がオススメです。
チュートリアルに関して不明な点があればいつでも質問してください。

BOOKMARK, MAYBE?

いかがでしたでしょうか、ブックマークはこちらからどうぞ。

RELATED ENTRY/関連記事

このエントリーに関連する記事は以下になります。

GOT COMMENT?/この記事についてコメント

以下のソーシャルメディアよりログインできるようになっています。

  • http://twitter.com/ikue1iii/status/5914681452 ikue

    むずかしいね〜。フォトショ。これやったけど、全然光らなかったんだけどどうしてだろう…。 http://photoshopvip.net/archives/3834

  • http://twitter.com/raul_7/status/7089417737 Raul
  • http://twitter.com/o_matsuri/status/7777101266 まつり

    Reading – 「フォトショップでキラキラに輝く背景画像を作る方法」 http://photoshopvip.net/archives/3834

  • http://twitter.com/r_lumi/status/12405359782 琉水
  • http://twitter.com/kagamin/status/12574428315 かがみん

    "Photoshop Vip » フォトショップでキラキラに輝く背景画像を作る方法" http://photoshopvip.net/archives/3834 #webclip

  • http://designet.bex.jp/?p=3527 DesigNet » (海外記事) Photoshopで六角形のキラキラに輝く背景画像をつくる方法

    [...] 以前日本語チュートリアルのひとつで「フォトショップでキラキラに輝く背景画像を作る方法」というエントリーを公開しましたが、今回はそのアップグレードバージョンとなります。 [...]

  • http://twitter.com/starfield/status/16838788814 Yumi Hoshino

    一応、作例と超ソックリに出来たので方法は修得したけれどなんとなくカメラで作るBOKEHとは違うような…細胞っぽいっつうか… http://bit.ly/9q6KCi

  • http://twitter.com/onion_papa/status/29507221607 onion_papa

    http://tinyurl.com/2b28k2o
    Photoshop Vip » フォトショップでキラキラに輝く背景画像を作る方法

  • http://twitter.com/rikyun/status/11469020427460609 リク@原稿修羅場中

    表紙背景をこんな感じにするために色々と弄る作業なうhttp://bit.ly/eiNUbu [リク、原稿しろ!]

  • http://twitter.com/nisesora/status/15108751455428608 ニセソラ
  • http://twitter.com/hirotakajp/status/17135685441953792 pistter

    Photoshop Vip » フォトショップでキラキラに輝く背景画像を作る方法 http://htn.to/9XfWaS

  • http://twitter.com/_ymi_/status/37043290373099520 ymi

    これ印刷でもキラキラ風になるのかな? フォトショップでキラキラに輝く背景画像を作る方法 http://photoshopvip.net/archives/3834

  • http://twitter.com/nycity1022/status/37056852348899328 Naohiko Yamaguchi

    よくできたチュートリアルだなぁ。印刷した時のイメージはプリンタや紙で変わると思うけど。 RT @_Ymi_: これ印刷でもキラキラ風になるのかな? フォトショップでキラキラに輝く背景画像を作る方法 http://photoshopvip.net/archives/3834

  • http://ps.pc-ultimate.com/%e6%a9%9f%e8%83%bd/%e3%82%ad%e3%83%a9%e3%82%ad%e3%83%a9.html キラキラ | Photoshopの使い方リンク集

    [...] ●Photoshop Vip » フォトショップでキラキラに輝く背景画像を作る方法2009年6月10日 … 今回はフォトショップでキラキラに輝いている背景画像を作る方法をご紹 …photoshopvip.net &rsaq [...]

  • http://twitter.com/oboro_goodjob/status/70165287680475136 朧 良い仕事する
  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

  • Haruno

    初めまして、haruと申します。

    まだまだフォトショップ初心者なので「フォトショップでキラキラに輝く背景画像を作る」のチュートリアル大変参考にさせて頂きました。お忙しい中とは思いますが、一点質問がありコメントさせて頂きました。STEP6の行程に関してなのですが、STEP4で作成したブラシ(Bokenh)で描画したところうまくキラキラと透過しないのです。グラデーションレイヤー、背景レイヤーの表示をオフにするとBokenhブラシで描いたものが表示されています。しかし表示をオンにするとグラデーションレイヤーが背景レイヤーの暗さになったものが表示されるだけです。グラデーションレイヤーはオーバーレイ、ライティンググループは覆い焼きカラーと描画モードも確認しました。
    背景レイヤーの描画色も#1e1e1eにしております。
    以前に作成した時にはチュートリアル通りに作成することが出来ました。

    初心者なので質問の内容をうまく伝えられていない部分が多々あると思いますが、注意点、改善点等より詳しく教えて頂けないでしょうか?大変申し訳ありませんが宜しくお願い致します。

Back to Top