ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで虹色風のネオン効果をテキストにつける方法

Photoshopで虹色風のネオン効果をテキストにつける方法

投稿日:2011年7月22日   レベル:初心者    ソフトウェア:PhotoShop

このチュートリアルではPhotoshopで虹色風のネオン効果をテキストにつける方法を紹介します。

Step1.はじめに

今回は、複数のレイヤーを使ってテキストに効果をつける方法を紹介します。
テキスト以外にも応用がききますので、是非覚えて活用してください。

このようなテキストを効果をつけます。

完成図



Step2.新規ドキュメントを作成する

Adobe Photoshopを開き、新規ドキュメントを作成します。
黒い背景で、520px×520pxのドキュメントを作成します。

新規ドキュメントを作成する



Step3.テキストを入力する

文字ツール文字ツールを選び、下の画像のように「Glow」と白色で入力します。
そして、このレイヤーを複製します。

テキストを入力する



Step4.カラーのテキスト

2つのテキストレイヤーの一方を選び、「カラーのテキスト」と名づけます。 下記のようにレイヤー効果を適用します。

境界線

境界線を設定する

グラデーションオーバーレイ

グラデーションオーバーレイを設定する

べベルとエンボス

べベルとエンボスを設定する

シャドウ(内側)

シャドウ(内側)を設定する

ドロップシャドウ

ドロップシャドウを設定する

これら全てのレイヤー効果を適用すると、このようになります。

レイヤー効果を適用する



Step5.ライトグレーのテキスト

もう一方のテキストレイヤーを選択し、「ライトグレーのテキスト」と名づけます。
下記のようにレイヤー効果を適用します。

グラデーションオーバーレイ

グラデーションオーバーレイを設定する

ベベルとエンボス

べベルとエンボスを設定する

シャドウ(内側)

シャドウ(内側)を設定する

ドロップシャドウ

ドロップシャドウを設定する

これら全てのレイヤー効果を適用すると、このようになります。

レイヤー効果を適用する



Step6.「ライトグレーのテキスト」レイヤーの一部を削除する

「ライトグレーのテキスト」レイヤーを「カラーのテキスト」レイヤーの上に置きます。
次のツールを使い、「ライトグレーのテキスト」レイヤーの一部を、完成イメージのように削除します。

楕円形選択ツール楕円形選択ツール
なげなわツールなげなわツール
多角形選択ツール>多角形選択ツール
消しゴムツール消しゴムツール

完成イメージ

完成イメージ



Step7.完成

完成です。

完成図



引用:Web Design Library 著者:tutorialchip.com 翻訳:幕澤



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング