2014年12月9日火曜日

Illustrator:サクッとスプリングを作るよー

今回はイラストレーターでバネというかスプリングというか、そんな感じのものの作り方の紹介をしてみようと思います。バージョンはCS5でげす。

ビヨンビヨン

特に書く前置きも無いので早速始めようとおもいます。

それではどうぞ!


2014年12月7日日曜日

AfterEffects:テキストアニメーションを動画にまとめてみた。



AfterEffectsではアニメーションプリセットから効果を選ぶと、テキストにさまざまなアニメーション効果をつけることができます。

今回はそれぞれのアニメーション効果を動画にまとめてみました。(管理人がプレビューでチェックするのが面倒くさいというのは内緒。あと、和文にアニメーションを反映させたときの感じも知りたかったので)


文字に反映させているアニメーション効果は95%ぐらいデフォルトです。パラメータをいじらないと効果がわからなかったり、尺に収まらなかったり(3秒2回まわし)するものはちょっとだけいぢっています。

テキスト用のアニメーションプリセットの場所は上のメニューの
「アニメーション」→「アニメーションプリセットを参照」→「Text」
から参照したり、

「ウィンドウ」→「エフェクト&プリセット」

 で見つかります。(管理人のバージョンはCS5.5です。)

ちなみにYouTubeで60fpsを試してみたかったというのもあります。 それなりに綺麗に見えるかな?


それではどうぞ


2014年12月2日火曜日

Blogger:記事内に囲いを付けたい時のhtmlのタグ

event_note9:53:00 forumNo comments

あらためて読んでみると、あまりにも見づらい記事が多いので少し見やすくするために囲いを付ける癖をつけようと思い立った今日この頃です。自分用メモです。

こういう囲いは

<div style="border: 1px dashed #000000; padding: 15px;">
●●●●●●●●●●●●●●●●●<br />
</div>

で作れる。(●は枠内に入れたい文字)

こんなのも

こういう囲いは

<div style="background:#99FFCC; padding:10px; border:2px solid #37cd8c;">
●●●●●●●●●●●●</div>

で作れる。(●は枠内に入れたい文字)

ブログをやっていると、ちょっとづつですがHTMLとCSSの知識は増えるものですね。


HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
エビスコム
ソシム
売り上げランキング: 3,646