【文字ツール】文字の変形と回転 - 文字の入力と編集
【Photoshop基本操作】文字ツールで作成したテキストレイヤー内の文字は、後でスペルまちがいを訂正するなどの編集可能な状態で、変形や回転を加えることができます。変形は [変形] コマンド、[ワープテキスト] 機能などで行え、オプションバーとの併用で、詳細な数値入力も可能です。 テキストレイヤーの文字が、そのまま変形できることは大変便利ですね。[ワープテキスト] なら、「アーチ」や「波形」など、さまざまな変形が簡単に試せます。しかし、なんか思うように変形してくれない…と感じることもあります。その原因のひとつは、フォントが持つバウンディングスペース。文字の変形にこだわるなら、[シェイプに変換] を適用することをオススメいたします。
Lettering.jsを併用して、任意のテキストにCSS3のアニメーションエフェクトを実装するスクリプト・textillate.js
ちょっと面白かったのでメモ的に。タイポグラフィ用のライブラリ、Lettering.jsを併用して、テキストにCSS3によるアニメーション効果を容易に与える事が出来る、というスクリプトのご紹介。 使いどころは限定されますが、動きが面白かったのでメモ的に。以前ご紹介したLettering Animateを少し進化させたような感じ。 エフェクトの種類もかなり用意されているのでデモを見てるだけでも楽しかったです。lettering.jsはjQueryのプラグインなので必然的にtextillate.jsもjQuery依存となります。 lettering.jsで1文字1文字のエフェクトにタイムラグを発生させる事が出来ます。 $('.foo') .fitText(0.5) .textillate({ in: { effect: 'flipInY' }});オプションでエフェクト等をセッティングします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
