FC2ブログ

フリーイラスト6_歯車時計

← 【ギャラリー一覧】
← 前の画像【5_きらきら星】

6つ目のイラストは、歯車の時計です!↓
ギャラリー画像6_歯車時計
※画像をクリックすると拡大表示されます。
ジャンプ先の画像が小さい場合は、画像をもう一度クリックして下さい。

---------------------------------------------------------------------------
(作者)Tavmjong Bah 様
(フォルダ位置)C:\Program Files\Inkscape\share\examples
(ファイル名)animated-clock.svg
(同梱確認)【Ver.0.46】
(説明)
インクスケープ付属(同梱)イラストです。
普通にインストールした場合には、上記の位置にファイルがあります。
(注意事項)
通常の「Inkscape SVG」形式(拡張子が.svg)なので、
そのまま利用することができます。(*^o^*)
---------------------------------------------------------------------------
(ちなみに…)
上の画像とは作り方が違いますが、
インクスケープには自動で歯車を描画する機能があります。
(メニューバーの「パス-Path Effects」)

ギャラリー画像6_歯車パスエフェクト1

上の画像と同じフォルダ内に
歯車の設定方法を記述したファイル(live-path-effects-gears.svg)
があります。(英語ですが…。)↓

ギャラリー画像6_歯車パスエフェクト2

あまり細かい設定はできませんが、なんといっても、
クリック1つで、一瞬のうちに歯車ができあがるので、感動ものです
---------------------------------------------------------------------------

元のファイル名に「animated」とついているので、
ちょっと加工してGIFアニメを作ってみました。

ギャラリー画像6_歯車時計(アニメーション)

この動画は、GIMPというこれまた無料の画像処理ソフトの力を借りて
作りました。やり方は…

①インクスケープで
色を変えて回転させた画像を4枚用意して
それぞれPNG出力(ビットマップにエクスポート)します。

②GIMP(ギンプ)で
4枚の画像を取り込み、アニメーション処理します。
やり方は「GIMP」「GIFアニメ」などのキーワードで検索してくださいね。(^^;ゞ



アニメーションは、Webサイトの見た目を華やかにしてくれますね!
ちゃっちいアニメですが、このGIFアニメもご自由にご利用ください。(●´ω`●)ゞ



☆☆☆ ブログランキング参加中です ☆☆☆

↓手抜きして、画像4枚だけでアニメ化してるため、
歯車の動きがガタピシです★そこはご容赦を!m(_ _;;)m

ブログランキングへ  人気ブログランキングへ

間の画像を入れて、せめて8枚くらいでアニメーションすれば、
もう少し滑らか感が出せると思うのですが…。(´Д`;)


→ 次の画像【7_東方モチーフ??模様】




スポンサーサイト



テーマ : WEB素材
ジャンル : コンピュータ

コメントの投稿

非公開コメント

はじめに
検索フォーム
最新記事
人気ページ
カレンダー
11 | 2019/12 | 01
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
カウンター

現在の閲覧者数:
メールフォーム

名前:
メール:
件名:
本文:

最新コメント
RSSリンクの表示
月別アーカイブ