ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで光り輝く3Dテキストを作成する方法

Photoshopで光り輝く3Dテキストを作成する方法

投稿日:2010年03月05日   レベル:初心者    ソフトウェア:PhotoShop

このチュートリアルでは、光り輝く3Dテキストを作成する方法を紹介します。

Step1:はじめに

新規テキストレイヤーに文字を入力してください。

はじめに



Step2:テキストを装飾

レイヤーをラスタライズした後、テキストの一部を選択し、自由変形ツールを使って文字をつなげます。

自由変形ツール

レイヤーを複製してください。

レイヤーを複製

複製したレイヤーに「境界線を描く」を適用します。

境界線を描く

二番目のレイヤー(複製したレイヤー)の内側にある一番目のレイヤーを選択し、ニ番目のレイヤーを切り抜きます。

レイヤーを切り抜き

一番目のレイヤーを削除し、複製した二番目のレイヤーだけを使用します。
二番目のレイヤーに下記のとおりグラデーションオーバーレイを適用します。

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





Step3:3D効果をつける

レイヤーを複製し、上下に反転させます。

上下に反転

両方のレイヤーを選択し、遠近法で変形させます。

遠近法で変形

それらのレイヤーを複製し、結合します。
次に、色をつけて少し前に離した位置へ動かしてください。

3D効果をつける



Step4:照明効果を作成

新規レイヤーを作成し照明の効果を描いていきます。
ペンツールペンツールを使用してください。

光を作成

作成したレイヤーに色をつけます。

光を作成

消しゴムツール消しゴムツールを使って、光の一部を消してください。

光を作成

次に、レイヤースタイルで比較(明)を適用します。

レイヤースタイルで比較(明)



Step5:背景を作成

背景として新規レイヤーを作成し、色を付けます。
これを後ろに配置し、下記のようにグラデーションオーバーレイを適用します。

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



Step6:完成

完成です。

完成



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



スポンサードリンク

コメント

ランダム記事5件

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