『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b4bcf20167426dbbfc884014ec9cb278ea5719f/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2015%2F08%2Fcss-texteffect-2015aug-top-1.jpg)
こんにちは、デザイナーのサリーです。 今回はブログのアイキャッチにも使えるテキストエフェクトのフリー素材をまとめてみました(今回のアイキャッチでも使ってます!)。 PSDファイル形式なので、Photoshopでちょちょいと編集するだけで手の込んだエフェクトが使えちゃいます。 テキストエフェクト素材の使用方法 今回は「Grand Motel Text Effect」という素材を利用して、ざっくりした使用方法を説明していきます。素材によって微妙に使い方が異なりますが、基本的には同じような方法で編集できると思います。 STEP1. PSDファイルを開く こちらのPSDファイルのレイヤー構成はこんな感じ。 レイヤー構成は素材によってさまざまです。 こちらの素材は丁寧にレイヤー名に「Your text here(double-click the layer thumbnail)」と書いてありますね!
CSS 3 Transform Experiment CSS3トランスフォームを使ったpure CSSトリック。モダンブラウザ&IE9+みたいなので使うサイトは選ぶかなっと。 Animated Text Fill javascriptを使わずcssアニメーションでストライプを表現したテキストエフェクト Text Animation 見出しに追加して置きたいアニメーション Elastic Stroke CSS + SVG SVGを使ったカラフルなテキストアニメーション Fun With CSS Text-Shadow イベント時などに使いたいテキストシャドーを使ったインパクトあるポップなテキストエフェクト Box-bubble Cutout in CSS 写真にフィルターを掛けた背景に合わせた日付入りボックス Fly in, fly out JS &CSSで実装するアニメーション Maske
簡単にハイクオリティなタイポグラフィーデザインを表現することができるテキストエフェクトのまとめです。 いずれもファイル内に用意されているテキストやスマートオブジェクトを任意のものに変更するだけでエフェクトを適用させることができ、デザインツールの操作が苦手という方でも簡単に作成することができます。 形式はほとんどがPSDで用意されており、中にはひとつのファイルで複数のエフェクトが用意されているものもあります。 また、素材によってはサンプルで使用しているフォントもセットになっていたり、使用フォント名やダウンロード先などの情報を同梱してくれているので、「そのままサンプルイメージで使用されているフォントを使いたい!」という場合もわざわざダウンロード先などを探さずにすみます :) 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
簡単にハイクオリティなタイポグラフィーデザインを表現することができるテキストエフェクトのまとめです。 いずれもファイル内に用意されているテキストやスマートオブジェクトを任意のものに変更するだけでエフェクトを適用させることができ、デザインツールの操作が苦手という方でも簡単に作成することができます。 形式はほとんどがPSDで用意されており、中にはひとつのファイルで複数のエフェクトが用意されているものもあります。 また、素材によってはサンプルで使用しているフォントもセットになっていたり、使用フォント名やダウンロード先などの情報を同梱してくれているので、「そのままサンプルイメージで使用されているフォントを使いたい!」という場合もわざわざダウンロード先などを探さずにすみます :) 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
TOP > Design , Photoshop > photoshopのテキストエフェクトチュートリアル「35 Amazing Photoshop Text Effect Tutorials」 非常に高機能な画像編集ソフトphotoshop。世界中のクリエイターに利用されています。高機能なだけにアイデアや技術次第では、様々な表現を可能にしてくれます。今日紹介するのはphotoshopを利用したテキストエフェクトのチュートリアルを集めたエントリー「35 Amazing Photoshop Text Effect Tutorials」。 Create Awesome Splashing Water Text Effect in Photoshop 立体的なものから写真との合成、文字自体に質感を与えたものなど、様々なテキストエフェクトのチュートリアルが紹介されています。今日はその中から
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く