こんにちは、WEBデザイナーのAkikoです。

今回は大好評！海外で人気シリーズ・・・(ゝω・)ｿﾝﾅｼﾘｰｽﾞｱｯﾀ?
リクエストもらったので、Photoshopを使ったタイポグラフィーのつくり方をご紹介＼(^o^)／
Qrious Homepage 英語版で創ったやつです。遠い記憶を辿って、頑張って思いだしましたσ(￣、￣=)ﾝｰﾄ･･･

Step.1 フレームづくり

フレームの元になる形を描きます。

今回は円で作ってみます。

Step.2 テキスト打ち込み

円の中にテキストを打っていきます。
今回の肝はここです！b(-.-)
根気がいる作業ですけど、試行錯誤も楽しんでやってね(*´з`)

長い単語やキーワードから大きめに打ちましょう。
単調にならないようにフォントやサイズ、太さなどを変えて配置します。

空いている隙間に、小さな文字を入れていきます。

カーブに合わせて、更に細かく入れていきます。ポイントは短い単語や丸みのある文字を選ぶといいでしょう。

背景の円を消すとこんな感じになりました♪

Step.3 スタイルをつける

テキストレイヤーをまとめてスタイルをつけていきましょう。

打ったテキストレイヤーを一つのフォルダにまとめて、フォルダにレイヤースタイルをつけます。

レイヤースタイル/グラデーションオーバレイで
テキストに色をつけます。

すると、ほーら出来上がり～！d(-_☆) ｸﾞｯｼﾞｮ!!

Qrious Homepage(EN)|Top pages
Curiosity Driven Female Creative Unit | Qrious

是非、チャレンジしてみてください♪
現在デザイン中の日本語版ホームページでは、さらに細かいタイポグラフィを創っていますので、公開をお楽しみに～(≧◇≦)