クリッカブルマップ

昨日、今日とクリッカブルマップ（イメージマップ）の作成をしました

クリッカブルマップとは画像の特定の位置に複数リンクを張ることが出来ます。

アメブロはHTMLでの入力ができるので、クリッカブルマップ使えるのでしょうか

試してみたいと思います





さて、いかがでしょうか


この画像には3か所のリンクを張り付けています。

○にはヤフー、△にはグーグル、□にはアマゾンといった感じです


いちからはじめるWebマスター科ではグラフィックソフトだけではなく、
HTML、CSSも学べます


HTMLを覚えるとアメブロで記事を編集してる方はわかると思いますが、
HTMLタグで編集することもできますので、アメブロをさらに楽しめます


GIMPはこのクリッカブルマップで一旦終了～


明日からはHTML、CSS応用編になります

GIFアニメーション作成

今日も昨日から続いているGIFアニメーションです

今日は本格的なGIFアニメーションの作成です



画像クリックするとアニメーションが再生されます。


こういった高度なアニメーションにチャレンジすることで、
新たなインスピレーションを得たり、高いテクニックを
覚えることができると思います

GIFアニメーションはこれでおしまい。

明日はクリッカブルマップの作成です

ロゴ作成とGIFアニメーション

本日はまず、UPLE123のロゴ作成から

今回も最低条件だけ決めて、あとは全て自分で考えてもらうスタイル

2時間で作成してもらい、全員で品評会していいものに一人一票いれてもらい、MVPを選出いたしました。
画像は本人の許可を頂いております




今回はFさんの作品が選ばれました。おめでとうございます。

非常にPOPで面白い作品だと思います。

時間もあまり取れず、皆さん納得のいくまで作れなかったようですが、定められた時間内に仕上げる重要性もありますので、慣れてきたら作業効率を上げることを意識して作っていくといいかもしれません。



残り時間はGIFアニメーションの基本について

絵文字でおなじみのGIFアニメーションです

今日は講義と一番簡単なGIFアニメーション作り




明日はもう少し凝ったGIFアニメーションの作成をします