動くバナー（リンク用）の創り方

質問

こんにちわ。動くバナーを創りたいと思ってるのですがどうにも創り方が分かりません。横に細長くて文字がスライドしてでてきたりするやつです。今まで静止バナーしか作ったことが無いのでさっぱりです。なにかいいソフトあったら教えてください。よろしくお願いします。

回答No.3

qO_op · ベストアンサー

＞やってみたのですが文字は動くのですがそれと同時に背景もうごいてしまします。

背景の上に文字を描けば…当然、文字が動けば背景も…

＞ペイントのようなワードアートなどで作成したものをくりぬいて貼り付けする
（文字だけ貼り付けて白いところがはりつかないようにする）ことは可能ですか？

？？？（補足内容…言いたい事が、私に読解力が無いのでわかんない（汗））
とりあえず、少し試してもらえますか？試すだけなのでペイントで説明します。
（上記の問題点から推察しての回答です。）
１）同じ大きさの絵を２枚用意して下さい。
・１枚目は背景が白で文字だけの入ったもの　・１枚は背景だけのもの
２）ペイントで背景だけの絵を読み込んで下さい。
３）ペイント内の編集用アイコンから『選択』を選んで下さい。
（２列ある中の最右上（点線で長方形のもの））
４）そうすると、編集用アイコンの下に透過用の選択が出てきます。
（円柱（青）と球（ピンク）と立方体（黄緑）の絵が２種類）
５）その透過用の選択を透過側に合わせて下さい。（下側）
６）[編集]→[ファイルから貼り付け]で今度は“背景が白で文字だけの絵”を読み込んで下さい。
…このような事をもっと綺麗にやってみたいという事でしょうか？

もしそうなのであれば、レイヤーの使えるソフトを使うと、少し慣れれば簡単に出来る様になりますよ。
レイヤ　【layer】http://e-words.jp/w/E383ACE382A4E383A4.html

持ってないといけないので、１つソフトを紹介しておきます。

Pixia
http://www.vector.co.jp/soft/win95/art/se144188.html
http://homepage2.nifty.com/~maru_tacmi/

例として先程の２枚の絵を使ってこちらのソフトでやってみましょう。
１）同じ大きさの絵を２枚用意して下さい。
・１枚目は背景が白で文字だけの入ったもの　・１枚は背景だけのもの
２）Pixiaで背景だけの絵を読み込んで下さい。
３）[編集]→[ファイルから貼り付け]で今度は“背景が白で文字だけの絵”を読み込んで下さい。
４）この時点では今回は貼り付いていないので、画像の上で右クリック
“新規レイヤーとして貼り付け”を選択して下さい。
５）Pixiaの右下に“LAYER0”“LAYER1”があります。その“LAYER1”をクリックして選択
６）その横にあるボタンの方の[編集]をクリック[設定]をクリック
７）合成方法、レイヤー濃度などが操作できる小窓が現れたと思いますので
レイヤー濃度のスライドを触ってみて下さい。
（合成方法も変えてみて下さい。）

…こんな感じで内容的には良かったでしょうか。

Pixiaレイヤ合成
http://homepage2.nifty.com/~maru_tacmi/about/layer/index.html

あとは説明より『少しでも触って慣れて下さい』。
(このソフトでも、GIFにする場合はBMPで保存して下さいね。)

お礼

丁寧に返答ありがとうございます。
＞ペイントのようなワードアートなどで作成したものをくりぬいて貼り付けする
（文字だけ貼り付けて白いところがはりつかないようにする）ことは可能ですか？
というのは別のソフトのはなしでして、なんかできないようで。とりあえずやってみます。

回答No.4

qO_op

＞ペイントのようなワードアートなどで作成したものをくりぬいて貼り付けする
（文字だけ貼り付けて白いところがはりつかないようにする）ことは可能ですか？

ここでいう“ワードアート”とは“Microsoft Word”で作成できる画像（ワードアート）の事でしょうか？（ドロー系）

ペイント系ソフトとドロー系ソフトの違い
http://www.ing-jet.net/store/gazou/gazou_soft.html

もしそうであれば、“Microsoft Word”で作成後、“Microsoft Word”の
[ファイル]→ブラウザでプレビュー
でブラウザに表示させ“プリントスクリーン”で撮って
＜画面をキャプチャする方法＞
http://www.setuyakudou.com/naishoku/capture.html
ANo.3の様に加工されればOKです。

常に貼り付いておらず、文字を変更などしたいという話であれば、ペイント系のソフトではなく
ドロー系のソフトを使用して下さい。
（ペイント系は画像にした時点で一画像として扱われ、文字として扱われていないので出来ません。）
ペイント系では（文字であれば）、Photoshopがその機能を持っていますよ。

お礼

返答ありがとうございます。がんばってみます。

回答No.2

qO_op

私も、Animation GIF Makerという無料ソフトを使って動画バナーを作っています。（Ver.0.71）

ANo.1の方もおっしゃっていますが、残念ながらこのソフトの公開は終了しているので手に入りません。

前のバージョンでよろしければ
http://www.sunfield.ne.jp/~tkubota/html/gifanim.htm

今公開されているものであれば
Ani for GIF
http://www.vector.co.jp/soft/win95/art/se159134.html
http://heo.jp/banner/anim.html

が使い易いと思います。

＞横に細長くて文字がスライドしてでてきたりするやつです
元画像（BMP）を作っておき
JTrim
http://www.woodybells.com/jtrim.html
のイメージ→シフトを使って一定量動かし、何枚か画像を保存すれば、簡単に文字のスライドしていく
画像が作成できます。
（BMPで保存）

アニメーション出来るまでの画像が出来上がりましたら
“イーファンビュー”でGIF化してあげて
http://www8.plala.or.jp/kusutaku/iview/

はじめに紹介した“Animation GIF Maker”や“Ani for GIF”でアニメーション化して下さい。

お礼

どうも丁寧にありがとうございます。さっそくやってみます。

補足

やってみたのですが文字は動くのですがそれと同時に背景もうごいてしまします。＋＿＋それとペイントのようなワードアートなどで作成したものをくりぬいて貼り付けする（文字だけ貼り付けて白いところがはりつかないようにする）ことは可能ですか？どうもすみません何度も。

回答No.1

noname#110850

私はですが、Animation GIF Makerという無料ソフトを使って動画バナーを作っています。
ただこのソフトの公開は終了しているので、『アニメーションバナー　フリーソフト』等の単語やベクター等で検索すると違うソフトが見付かると思います。

作り方ですが、私（WindowsMe）の場合、
ペイントソフトを開く→バナーにしたいサイズにして１マスずつズラして保存（bmpファイルになりますがそのまま保存）→イーファンビューというソフトでgif化→gif化した画像をAnimation GIF Makerに取り込んで動画バナーにする
で作っています。

お礼

早々の返答どうも有難うございます。公開終了ですかぁ。残念です。参考になりました。もう少し探してみます。