昨日のブログで、ちょこっと「アイキャッチ」について触れました。

諸々お知らせとちょこっとアイキャッチのはなし

 

そんな昨日のブログのアイキャッチにはこちらの画像を貼りました↓

「GIF」という動く画像を貼ったんですが、これ実はめちゃくちゃ簡単な仕組みなんです。

 

ネタばらしすると、実はイラストはまったく同じですが、背景をちょこっと動かして、以下の2パターンの画像をつくっています。

この2つの画像を「GIF作成アプリ」を使い、交互に表示させることによって、イラストが動いているように見えるんです。わかりやすく言えば、2コマのパラパラまんがですね。

この他にも、例えば「おしらせ」と書いたボードの高さに変化をつけると、こんな動きになります。

動きが大きなり、より目立たせることができますね!

 

さらに、今日のブログのアイキャッチはこんな感じで作っています。

文字・顔・手・背景が動かしています。これだけ動くと、2コマだけとは思えないですよね♪

描く過程も動かす過程も楽しめるし、ウェブサイトも賑やかになるので、ぜひお試しください!