スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > Photoshopでテキストに不思議な3D効果を与える方法

Photoshopでテキストに不思議な3D効果を与える方法

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

このチュートリアルではPhotoshopを使って、テキストに不思議な3D効果を与える方法を紹介します。

Step1.はじめに

今回はこのようなテキストロゴを作ります。

完成形

一見ただのテキストですが、拡大して見れば3Dのような立体感もある不思議な文字です。

完成形の拡大



Step2.テキストの上に色を塗る

まず、新規ドキュメントを作成し、横書き文字ツールでテキストを入力します。
次に、「Ctrl」+「Shift」+「N」を押して、テキストレイヤーの上に「カラー」と名づけた新規レイヤーを作成します。
「カラー」レイヤーを選択し、ソフト円ブラシでテキストの上に色を塗ります。

テキストの上に色を塗る



Step3.カラーレイヤーを複製し、移動する

レイヤーパレット内のテキストレイヤーサムネイルの上で「Ctrl」キーを押しながら左クリックし、テキストに選択範囲を作ります。
それから「カラー」レイヤーを選択し、「Ctrl」+「J」キーを押してレイヤーを複製します。
複製したレイヤーを「カラー1」と名づけます。

「カラー1」レイヤーに「レイヤー」-「レイヤースタイル」-「シャドウ(内側)」を適用し、その後「Ctrl」+「→」キーを1度押して右側に移動します。

シャドウ(内側)を適用する

「Ctrl」+「J」キーを押して「カラー1」レイヤーをコピーし、「カラー2」と名づけます。
「Ctrl」+「←」キーを1度押し、「カラー2」レイヤーを左側に移動します。

複製したレイヤーを左右にずらす



Step4.レイヤースタイルを設定する

テキストレイヤーを複製し、レイヤーパレットの一番上に移動します。
複製したレイヤーを選択して「レイヤー」-「レイヤースタイル」-「レイヤー効果」を選び、以下のように設定します。

ドロップシャドウ

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

シャドウ(内側)

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

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

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

境界線

境界線の設定をする

レイヤー効果を適用すると下のようになります。

レイヤー効果の適用後



Step5.レイヤー効果を設定する

「カラー」レイヤーを複製し、レイヤーパレットの一番上に移動します。
複製したレイヤーのレイヤーモードを「カラー」に変更します。
それから「レイヤー」-「レイヤースタイル」-「レイヤー効果」を選び、以下のように設定します。

ドロップシャドウ

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

光彩(内側)

光彩(内側の設定をする

パターンオーバーレイ

パターンオーバーレイの設定をする



Step6.完成

新規レイヤーをレイヤーパレットの一番上に作成し、赤や紫などの鮮やかな色のソフトブラシで縁を付け加えます。
その後、レイヤーモードを「ソフトライト」に変更します。

完成です。
画像をクリックすると拡大版が見れます。

完成



引用:Web Design Library 著者:animhut 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

2012年4月の人気記事ランキング