GIFアニメ制作記09 県外版のスクールナビバナー制作
今更・・・って感じがしないでもないですが、ホッカイドウスクールナビとトウホクスクールナビがオープンしてます。オープンしてるのに、リンクバナーだけが沖縄版のまんまってのは、おかしいので作りました。とりあえず県外版のリンクバナーってことで、バナーの中に地方を指定する文字列は入れてません。
今更・・・って感じがしないでもないですが、ホッカイドウスクールナビとトウホクスクールナビがオープンしてます。オープンしてるのに、リンクバナーだけが沖縄版のまんまってのは、おかしいので作りました。とりあえず県外版のリンクバナーってことで、バナーの中に地方を指定する文字列は入れてません。
もう書くことは無いかもしれないと思ってたけど、GIFアニメ制作したので書いちゃいます・・・GIFアニメ制作記08。
誤解されると困るので、GIFアニメは先週の木曜日に制作しました。
GIFアニメ内の文言通り、「リフォームから修理、トラブル等の見積り・相談のかんたん比較」が出来ます。ご利用に関しては無料です。
沖縄で「リフォーム」と言うと、家もしくは部屋を丸ごと改装することを指すようだ、と聞いたので「修理」と言うキーワードも含めています。この修理に関しても、クーラーや水まわり、シロアリ駆除、防水・塗装・水タンク清掃と幅広いです。詳しくはリフォーム修理一括見積り相談を閲覧ください(サイト名ですが知らぬ間に変わってました)。言ってくれればGIFアニメの文言も変えたのにな・・・
サイズ
6サイズのGIFアニメを制作しました。
88×31, 100×60, 246×60, 468×60, 728×90, 125×125
ちなみにオールAIで作ったので、246×60は38.89KBと軽い方です。写真は1枚も入れてませんので。
似たようなGIFアニメで、おきなわタウンネット版と引越し一括見積りサイト版がありますが、最初のタイトルをパラパラっと落とすシーンよりも、シンプルに左から右にテキストが打ち込まれるシーンの方が、制作的には手間がかかりませんね( ̄~ ̄;)でも、20フレーム以上作っちゃいました(-_-;)125×125に関してはその倍のフレーム数です。
だったらFlashで作れ!って言われそうですが、あんな重いの作るよりGIFアニメの方がスマホにも汎用で使えます。スマホ(iPad含む)でFlashを見る場合、専用のアプリが無いと見れませんからねぇ。
以下、続きに出来立て6サイズ一覧あり。
タウンネットBlogの姉妹サイトになるかは知りませんが、沖縄移住者サイトに制作済みWebバナーが掲載されていました(^∀^)
採用されたGIFアニメはどちらも246×60のサイズでした。
このサイズならナビゲーションメニューにも対応できて良いですね。ただ後者の沖縄格安印刷デザインのWebバナーは301.41KBと、キャプチャーを使ったので前者(沖縄タウンネットのバナー:サイズは22.53KB)よりも15倍くらい重いです。
・・ところで残りの5サイズについてはどう使われるんだろう?
久々のGIFアニメ制作記!もう「07」まで来るとは・・。
「タウンネット引越し業者 無料一括見積もりサイト」のGIFアニメです。昨日言われて3個作り、今日残りの3個の制作が完了しました。
88×31
100×60
246×60
468×60
728×90
125×125
今回は文字が少なかったのでテストで作ったものもありますが、やっぱ伝えたい文字列が含まれているのは01~06なので、こちらを選んで制作しました。
殆ど同じです。制作スピードを上げるために、凄えシンプルに且つ素材の作成から入ったので、結構時間短縮して作れました。GIFアニメ制作記05までの自分なら、1から作ってたと思いますが、01・02・06を先にシンプルに作り上げ、06の素材(背景とキャラ)をコピー。03・04・05に活かしました。見て分かると思いますが、03・04・05はサイズが大きくなっただけです。
表示確認も良好でしたが、IEとFirefoxでアクションスピードが全然違う気がします。なんかFirefoxが速い気がします。
今日はブログテンプレート用にGIFアニメを制作しましたw
・・・ですが、所詮GIFなので・・256色なので'800×450'のヘッダーイメージには先ず向きません。しかもフォト画像をそのまま使ってますので。やっぱFlashにしないとダメなようですw
制作後、サイズを見るとあまりのでかさに驚きました。1.99MBでした。今は文字を加え、レイヤー効果まで付けたので、当ブログのヘッダーイメージに掲載されているGIFアニメは2.03MBでした(((( ;゚д゚)))
これです、これ。
GIFアニメ制作記も05となりました。まあ、本来なら1個出来たらアップロードして計3個のはずだけど。初めてのGIFアニメ制作ということもあり、いろんな過程を綴ってきました。
そこで今回アップロードしたのは、掲載を忘れていたデザイン・印刷用のGIFアニメ(8/22制作)です。こちらも前回同様、デザインは一つに絞って制作しました。特に背景とか。
88×31
100×60
246×60
468×60
728×90
125×125
このGIFアニメですが、よ~~く観察すると枠がぐらぐら動いてるのが伺えます。一度クリッピングマスクをかけた後、透明分割までしてからPhotoshopでGIFにしてるので、オブジェクトが内側に寄ってるのか知りませんが、それでGIFアニメではぐらぐらして見えるようになっているのかもしれません。
'125×125'の始めの「格安印刷!!」が降りてきたシーンでは背景も多少ぐらついて見えます。結果論ですが、バン!ぐらぐら・・という動きが加わっているように見えなくもないです。降ってきた「格安印刷!!」の衝撃でぐらぐら揺れている、感じ。
あと所詮GIFなので色数が256色しかありません。おかげでデカくて太い赤文字のグラデーションの境界が見える形になってしまっています。思わぬ結果ですが、そこだけ光で照らされたような感じになっているので、それはそれで有りです。
先週金曜日(8/19)にアップロードできなかった沖縄タウンネットのGIFアニメです。デザインはサイズが上がる毎にちょこちょこ細かなデザインを追加しています。
GIFアニメ制作記03でも文章で書いたけど、やっぱ画像あってのものですからね。「言葉よりもの」。
88×31
100×60
246×60
468×60
728×90
125×125
制作には1日使いました。営業同行がなければ、多分勤務時間内にできあがってたかもしれません(-.-;)
だんだん期限が迫ってきましたが、出来上がったものをアップします。
今回、制作したGIFアニメは昨日同様に、2万円ホームページの'246×60'、'468×60'、'125×125'の3サイズです。
これは、おきなわタウンネットでお持ち帰り用のイメージリンクになるようです。お手軽バナーサイズ。ちなみに直リンク禁止・・まあこれは当然ですね。
246×60
468×60
125×125
このGIFアニメ制作に至り、サーバにあったものをそのまま使用しています。まあちょこっとデザイン・配置を変えてますが、どのサイズも書かれていることはほぼ同じです。強調したい部分に動きを加えたり、2秒間静止させてます。
'468×60'は遊び心を入れてみたり。キャラ変わった・・
昨日作ったGIFアニメの修正が完了しました。まだOKは出てないのですが・・・とりあえずは余白や字間等、昨日指摘を受けた部分を念頭に置いて、今日もGIFアニメを制作しています。
昨日のものは、88×31の一番小さいもので、書体もサイズも限定され考えることに時間割いてたし、今日は大きいGIFアニメ(728×90)から制作しました。
ガオ君に吹き出しを加えて喋っているように制作。まあ、これだけ横長だとキャラクターでも入れない限り埋めきれないという本音もありますし。考える時間が長い分、素材もサーバにあるもので制作。1から作ってたら時間がいくらあっても足りません。
そのことを踏まえて、二番目に小さいものを制作。このサイズ(100×60)が適切だったので。
最後に、昨日の修正分(88×31)。後回しにするのがあまり好きではないので制作しました。
→
Before & After って感じですね。
今日からGIFアニメの制作に取り掛かりました。
このGIFアニメを金曜日までに仕上げて提出しないといけません。いろいろと初めてなので、絵コンテでちょっと苦戦しました(-.-;)簡単そうに見えるけど、仕上げるサイズや種類が豊富なので、かなりハードです。
その数、30個!
6サイズ×5種類
今日その内の1個をようやく完成させたのが17時くらいでした。まあ・・修正入ったけどね。あっさりと・・けど、考えてみたらそうなんですよね。他人に見せて分かる欠点ってよくあるし、私の場合・・全体の余白の処理が出来てなかったり、文字1文字1文字においてバランスが取れてなかったり、等々。
左右を見比べたら、絶対分かります。
左が私が作ったものです。ちなみに文字のカラーは抜きにしても全てのコマに修正が入っています。これを見て余白の研究しながら明日また作業に取り掛かろうと思います。
▼こちらは没になったGIFアニメ