プロフ写真で遊ぶ!GIFアニメの簡単な作り方 | ★渋谷でうごめく老舗文具店ウェブマスターの企み

プロフ写真で遊ぶ!GIFアニメの簡単な作り方

昨日、この記事 のためだけに(笑)、ブログ右上のプロフィール画像をチェンジしました。


渋谷でうごめく老舗文具店ウェブマスターの企み


とりあえずご本人に受けたので良かったです。
ということで、「どうやって作るの?」と質問いただきましたので、カンタン解説いきます。


この、時々イケメンになっちゃう画像は、GIFファイルです。
GIFは、軽いのでウェブサイトの部品などによく使われますが、アニメを作れる点も大きな特長ですね。
つまり、何枚もの画像を束ねて、アニメのように見せることが出来るんです。


フラッシュ全盛の昨今ですが、昔ながらのGIFアニメも、なんともいえないキッチュさがいいもんです。ちなみに横の「名刺バカ」のバナーもGIFであります。(言うまでもないか。)


で、今回の顔写真は、まさにそのGIFアニメなんですが、
準備としましては、同じ大きさのGIF画像を数枚用意することくらいかな。


ただ、今回のは、イケメン外人の画像を探すのに苦労しました。
ポイントとしては、わたくしと同じメガネの人がいいなと思い、そんな人を探したのです。
そして、顔の傾きの角度なども極力近付けて、変わる中にもスムーズな要素が入るようにしました。そしてモノクロに変換!

(※もちろん、著作権侵害(人物写真は特に注意)にならないよう、ここのフォトストック で購入でございます。)


さて、つなげる画像を用意できましたら、このサイトに行きます。


「渋谷でうごめく老舗文具店ウェブマスターの企み」


>>gif make .com


ここで、
①順番に画像をアップロードします。(「参照」ボタンで選んで、赤い「UPLOAD」ボタンでGO!)

②どの画像を何秒ずつ表示するか設定します。(100分の1秒表記ですので、500にすれば5秒、40なら0.24秒になります。)

③最後に「GenerateGIF」ボタンを押して完成。(上に生成された画像がプレビューされますので、気に入らなかったら何度でも調整します。)


非常にカンタンです。
あ、ちなみにGIF画像が作れないんですけどー、というところから始まってしまうと、ちょっと長くなってしまいますので、今回はGIFアニメの作り方のみというところでご勘弁いただきたく存じます。


ペタしてね



にほんブログ村 経営ブログ 広告・マーケティング部門ランキングに参加中
>>広告・マーケティングの人気ブログでヒントをゲット!