Photoshopで閃光の煌き・輝くエフェクトを作成する方法：海外チュートリアル翻訳05
海外のサイトで公開されているPhotoshopやIllustratorをはじめとした代表的なソフトを使ったチュートリアルを紹介する海外チュートリアルシリーズ第3回目です。 今回も、Photoshop初心者の方でも簡単に実践できるチュートリアルをご紹介します。 毎度のことですが、自分の復習&スキルアップも兼ねています。 英語の翻訳間違いなどもあるかと思いますが、そのあたりは優しくご指摘いただければ幸いです。 第4回目は、Photoshopを使い、暗闇のなかでぼんやりと文字が光るエフェクトです。
背景レイヤー
グラデーションツールで背景を塗る
続いて、グラデーションツールを使って、背景レイヤーに着色します。 カラーの設定を以下のようにします。 描画色 #922f00 背景色 #000000
レイヤーを複製する
背景レイヤーを複製します。 複製したレイヤーが選択された状態で、レイヤーを「覆い焼きカラー」にします これで中心のなかがより強くなりました。
雲模様のレイヤーをつくる
新規レイヤーを作成します。 色の設定を以下のようにします。 描画色 #ffffff 背景色 #000000
クロムのレイヤーをつくる
雲模様のレイヤーに対して、さらにフィルターをかけます。 フィルター＞クロムを選択します。 設定値はデフォルトで。 これでスモーキー感が増しました。
ペンツールでカーブを描く
閃光を描くためにペンツールをつかってカーブを描きます。 新規レイヤーを作成します。 設定をパスにして、ペンツールを選択します。 S字カーブを描きますが、ポイントを少なくして線をつくるとキレイに描けます。
ブラシツールでパスの境界線を描く
続いてブラシツールを選択しパスの境界線を描きます。 ブラシツールの設定は直径は3px、硬さはデフォルトの100%。 描画色を#ffffffに設定しています（後ほど色を変えますが、見やすくるするため）。
レイヤースタイルを追加する
ぼんやりとした光の効果を加えるため、レイヤースタイルを追加していきます。 「ドロップシャドウ」「光彩（外側）」「カラーオーバーレイ」を加え、 設定を以下のようにします。
閃光をよりリアルにする
このままでも閃光になっていますが、両端がリアルになっていません。 そこで消しゴムツールを使って、先端がフェードアウトするようにします。 ブラシの種類は「ソフト円ブラシ」、不透明度は10%ぐらいで作業します。 さらに、レイヤーを複製して、閃光がより輝くようにします。
さらに線を加える
テキストを入れて完成
Photoshopをマスターするのに必須な書籍
Photoshopに慣れるのだったら、いきなりWEBで公開されているチュートリアルをガンガン実践していくだけでもいいのですが、やはり最初は全体を知る上でも、数冊の書籍を読んで練習なされることをおすすめします。 現段階で役立つPhotoshop本は次のような感じです。 また、こうした本を読んで実践してから、海外のチュートリアルを見ると、理解するスピードが格段に変わってきます。
Adobe Photoshop CS6 パーフェクトマスター Photoshopデザインメソッド個人的に井上本が好きなもので。 なぜ好きかというと、素材の作り方がとっても参考になるからです。 なかには、周りくどい作り方のものもありますが、そのへんは各自でアレンジしてつくるということで。
Photoshopデザインラボ－プロに学ぶ、一生枯れない永久不滅テクニック－［改訂第二版］つくってみたい！ トライしてみたい！と思える例ばかり。 技術的なこともハイレベルで、とっても参考になります。
Photoshop 10年使える逆引き手帖 神速Photoshopある程度、Photoshopに慣れてきたと思った頃に読むと、とっても役立ちます。 「こんなやり方があったの！」と思えるような出合いがたくさん待っていますよ。 姉妹本に「神速Photoshop [Webデザイン編] 」もあります。
この記事を読んだ人はこんな記事も読んでいます デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.7すぐれたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画。 第7弾です。 日本で
無料で使えるPhotoshop用シームレスピクセルパターン1000+ 無料のフレーム・囲み枠200種類のPhotoshopブラシでデザインをエレガントに美しく 梅原真が好き！デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.19 便利すぎ！激安通販印刷のグラフィックの「Illustratorダイレクト入稿」システムWin/Mac両対応 背景画像に最適！美しいぼかし/ボケ味が効いた無料のフリーテクスチャ素材320+ インパクトの演出に！集中線/効果線のPhotoshop用無料ブラシ＆カスタムシェイプ170+ 見て盗め！プロのイラスト制作過程を動画で逐一観察できる「Sywork」 クリスマスのデザイン役立つフリー素材！無料のIllustrator用シームレスパターン200+ 商用利用可能！高画質な写真素材を無料ダウロードできる「Raumrot」 Sponsored by WordPress導入を検討している方へおすすめ記事 →「WordPressを運用していて分かった！WordPressにベストな格安レンタルサーバーはこれ」コンテンツ検索
本の執筆をお手伝いさせていただきました
タグ
直近の記事
- Windowsリモートデスクトップが月額400円のVirmach：MT4もサクサクだ！
- グラフィックデザイナーのためのオンラインポートフォリオ作成方法
- 2017年秋冬の流行色・トレンドカラー！ 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介
- 売上手数料なし！簡単・便利なWixStoresでネットショップを開業する方法
- コピペOK! 画像のホバーエフェクトを簡単にアニメーションさせられるimagehover.css