ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

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件

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