Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

レイヤースタイルの設定を活用して作るテキストエフェクト

レイヤースタイルの設定を活用して作るテキストエフェクト

レイヤースタイルの設定を活用して作るテキストエフェクト

photoshopでレイヤースタイルの設定(+α)だけでテキストエフェクトを仕上げます。

photoshop CS2(win)で作成した場合です。

レイヤースタイルの設定を活用して作るテキストエフェクト

ストライプをパターン定義
ストライプをパターン定義テキストにストライプ柄を入れるため、まずはストライプの素材を作ります。作り方は、photoshopで20px×20pxの新規ファイルを開きます。次に上のメニューより「編集」「環境設定」より「ガイド・グリット・スライス」を選択します。

グリットの設定グリット線が1pxごとで交差するように上記のように数値を設定します。

グリットを表示設定できれば、上のメニューの「ビュー」「表示」「グリット」を選択します。

グレーで塗りつぶし10px分選択し、グレーで段々になるように塗りつぶしていきます。以下のように塗りつぶせればOKです。

ストライプパターンの完成このような状態に出来れば、上のメニューの「編集」「パターン定義」を選択し、ストライプをパターン化しておきます。
テキストエフェクトの作成
レイヤー効果:カスタムの設定下準備が出来ましたので、レイヤースタイルの設定でテキストに効果を付けていきます。
新規ファイルを開き、適当な文字を入力し、レイヤー部分をダブルクリックして、レイヤースタイルのパネルを表示させます。まずは「レイヤー効果:カスタム」で上記のように数値を設定します。

ドロップシャドウの設定ドロップシャドウの設定を行います。

光彩(外側)の設定光彩(外側)の設定を行います。

ベベルとエンボスの設定ベベルとエンボスの設定を行います。

カラーオーバーレイの設定カラーオーバーレイの設定を行います。

パターンオーバーレイの設定パターンオーバーレイの設定を行います。ここで手順1で作成したパターンを選択します。

境界線の設定境界線の設定を行います。これで完成です。

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

レイヤースタイルの設定を活用して作るテキストエフェクトの前後の記事

前の記事は「photoshop(フォトショップ)で写真にいい感じに縁・影を付ける方法

次の記事は「Photoshop(フォトショップ)でメタリックなフォントを描く方法

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.