突然ですが問題です。 この直線と曲線の点線のアニメーションですが、 それぞれどれぐらいの時間をかけて制作しているでしょう。 正解は"続きを読む"から! 何て事は言いません。 両方ともだいたい30秒です。 直線の方を30秒で作れる人は多いと思いますが、 曲線は難しいのではないでしょうか。 今回はadobeもビックリの制作方法をご紹介します。 普通に作ろうと思ったら、 点線を少しずつずらしてループさせれば出来上がりなんですが、 この作り方だと直線は出来ても、 曲線のアニメーションは出来ません。 そこで flashの破線の特性を利用します。 線を伸ばす長さにによって破線の動く長さも変わるので、 少し慣れは必要です。 これで小便小僧の小便もかんたんにアニメーションできます! ちなみに flash8までであればどちらの方向から線の長さを変えても破線はズレます。たしか 昔アニメーションを作っていて、
サムネイル画像をマウスに合わせてグルグル回転させる、オープンソースのフラッシュ素材をRoy Tanck's weblogから紹介します。 Photo widget, floating thumbnails for your website ※バナナ画像のリンクは//coliss.com、花は無し サムネイル画像の変更やリンクの設定にフラッシュの知識は必要無く、「photowidget.xml」のテキストを編集するだけです。 <textarea name="code" class="html" cols="60" rows="5"> <image href="//coliss.com/" target="_blank">banana.jpg</image> <image>test.jpg</image> </textarea>
いかしたFLASHの作成マニュアル。 英語ですが、画像の使い方が絶妙なので結構わかりやすいです。 詳細は以下に。 ギャラリーというだけのことはありますよ スクロール式ギャラリーFLASHマニュアル。 Parallax Gallery 上記原文と以下の翻訳を同時に見ればある程度わかるかと思います。 エキサイト翻訳 注意点としては、翻訳のみを見ると、表記がちょっとおかしかったり、ソースコードがおかしくなったりしますので、見るときは、基本原文を重視してください。 ギャラリーというだけあって、FLASH内に様々な仕掛けがなされています。 サンプルデモを開くと完成後のサンプルが見れます。 そのアイテムにあったイメージが展開されます。 こうした仕掛けが多数盛り込んであります。 興味のある方はぜひチャレンジしてみるといいかもしれません。 紹介もとのwebdesignerwallブログは昔から見ていますが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く