comments trackbacks you may also like

オシャレな線画イラストが動く?!面白アニメーション付き無料アイコン素材200個セットを使ってみた♪

2019年10月12日
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など
-
#線画イラスト素材 #線画イラスト無料 #線画GIFアニメーション #線画イラストアニメーション #便利ツール #GIFアニメーション無料 #Webデザイン #ブログ運営 #fc2ブログ #ブログカスタマイズ

この記事の内容

線画でおしゃれなイラスト素材が動く⁈

GIFアニメーション付き無料アイコン素材200個セットがダウンロード出来るオンラインツール‼︎

ウェブサイトはもちろんiOSやAndroidにも対応したアニメーション付きアイコン素材が無料&商用利用できるおすすめ便利ツール♪


FC2ブログ『ゆうらり Happy Smile(ゆうらりハッピースマイル)』を運営する管理人のMです。

この記事は、今とても人気の線画を使った動くGIFアニメーションが商用利用可能なうえ、しかも無料で使えちゃうというお話し。

sunrise-weather wink youtube facebook

お洒落でユニークなアニメーションを実装したアイコン素材200個セット『Animated Icons from Icons 8』をご紹介します。WebサイトやFC2ブログで普段何気なく利用しているアイコンですが、ちょっとだけ動きを加えることで読者の注目を集めたり、アッと言わせられるクリエイティブな仕掛けを演出できますヨ(^^)

シンプルな線画イラストを使った素敵なアニメーションのアイコン素材パック Animated Icons from Icons 8

Animated Icons - 200 Free Icons

Animated Icons from Icons 8 は、僕の利用するFC2ブログやウェブサイトはもちろん、iOSやAndroidにも対応したアニメーション付きアイコン素材です。サイトを開くと、「ウェブ」や「メディア」など8つの大きなカテゴリにわかりやすく分類されています。

日の出の線画イラスト素材が動く天気のアニメーションアイコン

ダウンロード可能なファイル形式は、GIFアニメーションの他にAfter Effects用.aepファイルやJSONファイルなど、種類も豊富のようですね(゚∀゚)

Animated Icons from Icons 8 を使用する際の注意点

Animated Icons from Icons 8 は個人、商用に関わらず利用できますが、Icons8.comへのリンクが必須となるので注意が必要です。

▼記載例はこんな感じ

記載場所としては、記事の最後に一文のせておくか、FC2ブログで頻繁に使用する場合はプラグインのリンクに加えておくのもアリですね。

動くアニメーションのアイコン素材はFC2ブログのどこに使えばイイの⁈

さっそく、僕の運営するFC2ブログで使ってみようと思いました。やっぱり使うとしたら、リンクに絡ませるのが分かりやすいですよね♪

リンクとなると、ブログヘッダーのタイトルに並べてみて、読者の方がクリックした時にビックリさせるのが一番効果的かしら⁇( ̄▽ ̄;)

でも僕の場合は、すでにアイコン使ってるから却下(汗)となると、記事の中で貼るリンクに並べてみるか…(・_・;

そう考えた僕は、まずダウンロードしたGIFアニメーション素材を小さくすることを考えました。僕のブログはテキストのサイズが15pxなので、50pxでダウンロードされるGIFアニメーション素材をテキストサイズに合わせなきゃならないわけです。

そこで、GIF画像のサイズ変更ができる便利ツールのILOVEIMGを使ってGIFアニメーション素材を15pxに縮小させたんですよ。ところが…。

縮小後のGIFアニメーションが壊れて表示されてしまう‼︎( ̄O ̄;)

現在、どうすれば正常に機能する形でサイズ変更できるのか検討中。まさか、テキストのほうを50pxにすることは出来ませんからね(汗)

追記:sunrise-weather もう一度やり直してみたら出来ました。一時的なエラーだったのかな?よくわからん…。

いろいろ使いみちはあるかと思いますので、興味がおありの方は是非お試し下さい♪

あわせて読みたい
\チェック/

【ランキングに挑戦中】

いつも応援クリック↓
ありがとうございます

にほんブログ村

関連記事
M
この記事を書いた人: M
ブロガー/FC2公式おすすめブログ認定/企業家/投資家/Fashion研究家/不動産コンサルタント/会社経営/将棋六段/おうちごはん男子部/料理を悪戦苦闘修行中/ヘッドスパとスイーツをこよなく愛する46歳/人生なんて気持ち次第‼︎きっと何くるないさ〜(´ー`)
FC2ブログオフィシャルおすすめブログ認定バナー日本ブログ村 プロフィール

この記事が気に入ったら
いいねとシェアしよう!

data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="6,2" data-matched-content-columns-num="1,5"
現在の人気記事はコチラ!
未分類 (0)
シン・胃がん闘病記 (31)
┣  AVANT: 癌の余命宣告~共存 (20)
┗  セントラルドグマ: 父親の胃癌 (11)
胃がん(ブログ、闘病記録、胃癌ニュース、私の症状など胃ガン情報全般) (5948)
┣  胃がんブログ (285)
┣  よりぬき 胃がんブログ (16)
┣  胃がん闘病記・日記 (5586)
┣  酒場放浪記 (10)
┣  胃がん手術後の食事記録 (6)
┣  胃切除後の料理など (35)
┗  がん治療のクラウドファンディング (10)
胃がん History (85)
┣  ステージ3B 多発性高度リンパ節転移胃癌 (57)
┗  胃がん再発「転移性肝がん」で余命宣告 (27)
がん のこと(ガン情報全般) (513)
┣  がんブログ (290)
┗  がんニュース (223)
胃がん 障害年金ブログ (71)
┣  障害年金 - 準備編 (23)
┣  障害年金 - 審査から年金受給まで (12)
┣  障害年金 - 審査請求・不服申立 (26)
┗  障害年金 - 再審査請求 (10)
Amazon (ニュース、お得なセール情報など) (142)
┣  Amazonセール (2)
┗  📱kindleセール (139)
おもしろグッズ (11)
今日のエッセイ (114)
ニュース・芸能・話題 (779)
┗  転職・キャリアアップ (21)
占い・心理テスト (6)
恋愛・人間関係 (30)
終活ブログ (12)
グルメ (104)
┣  低糖質レシピ (25)
┗  お酒の飲み方 (2)
胃切除後の食事・レシピ (670)
┣  ご飯・おかゆ・和食 (174)
┣  おかず (139)
┣  味噌汁・スープ (74)
┣  カレー関係 (66)
┣  パン・洋食 (63)
┣  麺類 (112)
┗  その他、簡単レシピなど (39)
ブログ (244)
┣  FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など (187)
┣  FC2ブログ日記(カスタマイズの所感など) (10)
┣  Google Adsense (アドセンス) (8)
┣  趣味や将棋のこと (31)
┗  ファッション (8)
iPhone の使い方・アプリなど (32)
司法書士 (26)
┣  仕事・実務や登記のこと (1)
┗  事件ファイル (25)
COLLECTION (27)
┣  家電 (11)
┣  ホーム&キッチン (4)
┣  ビューティー&ケア (5)
┣  QOLの改善&ヘルスケア (2)
┗  お酒 (5)