海外で人気のQrious Homepageで使われた華麗なタイポグラフィーのつくり方
こんにちは、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
是非、チャレンジしてみてください♪
現在デザイン中の日本語版ホームページでは、さらに細かいタイポグラフィを創っていますので、公開をお楽しみに~(≧◇≦)