[After Effects] 文字を書き順通りに徐々に表示させるアニメーションの作り方 | UNORTHODOX WORKBOOK | Blog
文字を書き順通りに塗りつぶしていくアニメーションが必要になったので、After Effectsを使ってアニメーション（動画）を作成しました。After Effectsは、あまり使う機会がなく、たぶんすぐ使い方を忘れてしまうと思うので、今後のために作り方をブログに残しておきたいと思います。 「文字を書き順通りに塗りつぶす」と言っても、単なる（After Effects上の）テキストではなく、Illustrator で作成したレイヤーに、件のアニメーションを施すという作業になります。 After Effectsの基本的な部分も含め、AIデータの配置から動画のレンダリングまで細かく紹介していきます。 追記：これと同じアニメーションをSVGとJavaScriptで実装した場合の記事も書きました。 完成動画 まずは、完成した動画から。以下のようなアニメーションを作成します。再生ボタンをクリックでアニ
![[After Effects] 文字を書き順通りに徐々に表示させるアニメーションの作り方 | UNORTHODOX WORKBOOK | Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/c1c2e761c20f70f37427e734f6353f3196a5337e/height=288;version=1;width=512/https%3A%2F%2Ftheorthodoxworks.com%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F09%2Fcatch-line-effect.jpg)
[WordPress] 記事の抜粋表示の文字数・文末文字 [...] を変更する方法 | rakuishi.com
WordPress の記事の抜粋表示は、記事ループ中に the_excerpt 関数を使用します。次のコードで出力します。 <?php the_excerpt(); ?> the_excerpt 関数は、初期設定では、投稿の最初から 55 文字、文末に […] が付く仕様になっています。これを変更するには、WordPress のフィルターフックを使用します。フィルターフックとは、ある関数の出力結果を変えたり、指定した数値を反映するために使用されます。 抜粋の長さ・文末文字の変更 フィルターフックするには、テーマのための関数である functions.php に記述します。以下を反映すれば、投稿の最初から 75 文字、文末に … が付いた状態で出力されます。 <?php // 抜粋の長さを変更する function custom_excerpt_length($length) { retur
![[WordPress] 記事の抜粋表示の文字数・文末文字 [...] を変更する方法 | rakuishi.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/927c0c4b1e66fd219c5b0b8b2ec5dd63300e8740/height=288;version=1;width=512/https%3A%2F%2Frakuishi.com%2Fassets%2Fimages%2Fog.jpg)
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
【予想外】斜め上をいく文の里商店街のポスター52点
大阪市阿倍野区にある「文の里（ふみのさと）商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。（本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します） 大嶋漬物店 ポスター？ はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛！があるならメリークリス鱒！てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物 姉妹屋 その着物 かわいいやん かわいい
フラットデザイン入門③ 『日本語でフラットデザインをするならば』 | ajike switch
こんにちは、はきりです。 3日連載のフラットデザイン入門、 初日は『フラットデザインは混合している』、 2日目は『フラットデザインの流行性と必然性』でした。 本日最終日です。ではどうぞ！ そうなると色とタイポグラフィしか デザインする余地がないのが本音。 昨日の記事から見るにフラットデザインは流行的な側面もあるが、多くは次の技術的環境への対応と変化によるものだと思う。技術的な対応からとなると、デザインできる要素が「色」と「文字」に必然的に限られてくることもわかり、「色」と「文字」がフラットデザインの根幹となっていることが改めて明確になってきた。 fladdictさんによるナイスなツッコミ ここで著名なiPhoneアプリ作家であるfladdictさんが記事にしていたフラットデザインへの鋭いツッコミがとても面白いので紹介します。 どこ押せばいいか謎 言われてるほど新しくない（スイス系のリバイバ
商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カタカナのネーミングを使うことによって与えられる3つの印象【クラウドワークス】