[ リストに戻る ]
No.1706に関するツリー

   切り抜きアニメを - 沙霧 - 2009/02/18(Wed) 00:14:20 [No.1706]
Re: 切り抜きアニメを - donbey - 2009/02/18(Wed) 11:35:13 [No.1707]
Re: 切り抜きアニメを - 沙霧 - 2009/02/18(Wed) 20:15:04 [No.1708]
Re: 切り抜きアニメを - donbey - 2009/02/18(Wed) 20:27:23 [No.1709]
Re: 切り抜きアニメを - 沙霧 - 2009/02/18(Wed) 22:18:28 [No.1710]
Re: 切り抜きアニメを - 沙霧 - 2009/02/18(Wed) 22:48:10 [No.1711]
Re: 切り抜きアニメを - donbey - 2009/02/19(Thu) 12:06:22 [No.1712]
Re: 切り抜きアニメを - 沙霧 - 2009/02/19(Thu) 13:14:22 [No.1713]
Re: やっと完成。 - 沙霧 - 2009/02/21(Sat) 20:54:51 [No.1714]
Re: やっと完成。 - donbey - 2009/02/22(Sun) 19:38:24 [No.1715]



並べ替え: [ ツリー順に表示 | 投稿順に表示 ]
切り抜きアニメを (親記事) - 沙霧

bonbeyさんこんばんは♪
アニメの画像を別な画像に貼り付けたいのですが
どのようにしたら好いのですか?
ソフトが必要なのでしょうか。
この画像に〜・・・
http://www.geocities.jp/kanazawaran/s-P1070827.jpg
鴉のアニメ画像を貼り付けたのです。
http://www.geocities.jp/kanazawaran/karasu150.gif
教えてほしいのです。宜しくお願いいたします。


[No.1706] 2009/02/18(Wed) 00:14:20
Re: 切り抜きアニメを (No.1706への返信 / 1階層) - donbey

ホームページビルダーを使っておられるようですから、
HPビルダーの「挿入」メニューにある「レイアウト枠」を使えば好きな位置に入れることが出来ます。
また「レイヤー枠のエフェクト」を使うと右から左へ飛んでいく事も出来ます。

s-P1070827.jpg に karasu150.gif を重ねてその場で羽を動かす場合は、
下の<BODY>〜</BODY> の中のソースをページの<BODY>〜</BODY>内の好きな場所に入れると、
ご質問の「アニメの画像を別な画像に貼り付けたいのですが」が出来ます。

<BODY>
<DIV style="width : 162px;height : 159px;top : 18px;left : 56px;
position : absolute;
background-image : url(http://www.geocities.jp/kanazawaran/karasu150.gif);
z-index : 1;
visibility : visible;
" id="Layer1"></DIV>
<P><IMG src="http://www.geocities.jp/kanazawaran/s-P1070827.jpg" width="400" height="300" border="0"></P>
</BODY>


[No.1707] 2009/02/18(Wed) 11:35:13
Re: 切り抜きアニメを (No.1707への返信 / 2階層) - 沙霧

出来ました!
ホームベジでも見えます。

次に教えてほしいのですが、
出来た画像をマイピクチャに名前を付けて保存すると、
gifの画像が消えているのです。
どうしてなのでしょうか?


[No.1708] 2009/02/18(Wed) 20:15:04
Re: 切り抜きアニメを (No.1708への返信 / 3階層) - donbey

ホームページで表示されている画像は、2つの画像をHTMLとCSSで合成して表示していますので、1つの画像としては保存できません。
2つの画像として保存して、ホームページで表示する時に重ねる様に指定します。


[No.1709] 2009/02/18(Wed) 20:27:23
Re: 切り抜きアニメを (No.1709への返信 / 4階層) - 沙霧

もう一度挑戦してみます。ありがとうございます。
出来上がったものです。
http://www.rankaede.net/karasusuraido.html


[No.1710] 2009/02/18(Wed) 22:18:28
Re: 切り抜きアニメを (No.1710への返信 / 5階層) - 沙霧

donbeyさんこの意味が幾ら考えても分からないのですよ。
<2つの画像として保存して、ホームページで表示する時に重ねる様に指定します>
どのようにすればいいのですか。
宜しくお願いします((´_`〃)ペコッ


[No.1711] 2009/02/18(Wed) 22:48:10
Re: 切り抜きアニメを (No.1711への返信 / 6階層) - donbey

http://www.rankaede.net/karasusuraido.html

上の画像は3枚の画像をHTMLとCSS を使って表示していますので、
一枚のGIF画像として保存できません。

保存したい場合はkarasusuraido.htmlで保存するしかありません。
保存方法は、http://www.rankaede.net/karasusuraido.htmlを開いて、「ファイル」⇒「名前を付けて保存」で「WEBページ完全」を選んで保存すると、http://www.rankaede.net/karasusuraido.htmlが削除されてもPCのファイルに残ります。

どうしてもGIF画像として保存したい場合は、動いているカラスの動きを分解して、動いていない風景画像の上に分解した枚数だけ一枚ずつ貼り付けた画像を作りHPビルダーにある「ウエブアニメーター」を使って作成するとGIF画像として保存できます。
ただしカラスのアニメが自分で作ったものでない場合は、アニメを分解するソフトが必要です。

又は、動いていない風景画像を背景として、カラスのアニメを「ウエブアニメーター」で作る事も出来ると思います。
この場合もgif画像として保存できます。


[No.1712] 2009/02/19(Thu) 12:06:22
Re: 切り抜きアニメを (No.1712への返信 / 7階層) - 沙霧

ありがとうございました。
頑張ってみます♪(*∩∩*)ニコニコ


[No.1713] 2009/02/19(Thu) 13:14:22
Re: やっと完成。 (No.1713への返信 / 8階層) - 沙霧

どおにかやっとできました。
photoshoをつかいながら、

今回は画像を重ねるが2枚だから良かったですが、
アニメは本当に面倒ですね。
無我夢中で創ったので2度目が出来るか如何かが心配です。

今回も本当にありがとうございました。
「gif」に変えた画像です。
http://www.rankaede.net/suraido1/karasu22.gif


[No.1714] 2009/02/21(Sat) 20:54:51
Re: やっと完成。 (No.1714への返信 / 9階層) - donbey

アニメの合成保存、勉強しましたね成功してよかったです。
沙霧さんphotoshopを持っていたんですね。
それならphotoshopのレイヤーで開くとアニメがレイヤーに分解して表示されますので、
壁紙画像の上にレイヤーを重ねていく事でgif画像に保存する時にサイズや表示回数も指定できます。
次はphotoshopの使用説明の「Web用のアニメーションを作ろう」を参考にすると簡単に出来ます。

解りやすく(作り手に解り易く)作る時は、
photoshopのレイヤーでアニメを分解保存してから、
Excel を使って背景画像に合成した分解画像を作成して「ウエブアニメーター」で作成するとアニメの速度も調整できます。

画像編集ソフト(特にphotoshop等)を持っていると画像の編集範囲が広がって楽しいですから又頑張って面白い写真も作ってみてください。

Excelと「ウエブアニメーター」で作成して見ましたが、OKでした。
作成Web保存したExcelと分解画像と合成画像送りましょうか?
良ければメールアドをdonbeyのgooアドレスにメールで送ってください。


[No.1715] 2009/02/22(Sun) 19:38:24
以下のフォームから投稿済みの記事の編集・削除が行えます


- HOME - お知らせ(3/8) - 新着記事 - 記事検索 - 携帯用URL - フィード - ヘルプ - 環境設定 -

Rocket Board Type-T (Free) Rocket BBS