デザインを開発するという視点でお伝えするクリエイティブBLOG
デザイン上に配置するテキスト。いろいろな入れ方や表現の仕方がありますが、絵的に配置するだけでなくそこに動きを加えることで、魅力を増すのではないでしょうか？そんな中今回紹介するのは、テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」です。
12選という限られた数ではありますが、どれも魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
3D CSS Typography
3D化したテキストがさらにふわふわとした動きによって、より個性が強調されています。空間感を使ったデザイン演出をしたい時におすすめ。
Text animation
指定部分がロール回転し、テキストが入れ替わる仕組み。いろんなメッセージを伝えたい時に活躍してくれそう。点滅するカッコ部分もポイントです。
COSMOS
まるで惑星のように、「O」の部分が回転します。他のテキストを当てはめる際は見た目も含め、意味を持たせることが重要となりそうですが、とても個性あふれるeffectですね。
今まで取り入れたことがなかった方も、導入することにより新しいテキストデザイン表現を発見できるかもしれません。気になったものは取り入れてみてはいかがでしょうか？
テキストに動きを取り入れより印象的なデザインに「11 Beautiful Text Effects Created With CSS」
テキストをもっと魅力的に表現できるエフェクト集「25 Insanely Creative Text Effects You Can Use For Free!」
テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」
文字を平面・立体的に魅力的に演出するエフェクトチュートリアル集「New Amazing 2D and 3D Text Effect Tutorials (26 New Tuts)」
