Inkscapeの使用法:ShapeのSVGをWordPressに

InKscapeで作成したSVGファイルをアップしました。 WordPressはSVGファイルに対応していないため、SVG supportというプラグインをインストールしています。 ところで、SVGはベクター画像ですので、拡大しても画像が乱れません。 また、テキストデータですのでエディタで開いて編集することができます。 さらに、CSSやJavaScriptによってコントロールすることができます。例えば、次のようなインターアクティブなコンテンツを作成できます。 CREATE A PLAYABLE GUITAR USING INKSCAPE Please follow and like us:…

Continue reading

Inkscapeの使用法:ShapeとLineとText

InKscapeを始めるのは簡単です。 4つのshapeと3つのlineとtextを組み合わせて描くのが基本です。 それぞれ少し慣れれば描けます。ただし、ペンツール(Bezie curve)は少し練習が必要です。線を引くのではなく、どこにnodeを置くかで決まります。 まずは、円やハートを描けるよう練習しましょう。   Please follow and like us:…

Continue reading

Inkscapeの使用法:ラバースタンプ

下のページのとおりで所要時間は10分程度です。   Rubber Stamp with InKscape   ポイント 円と文字のストロークをパスにしてひとまとめ(Union)にする。 上記とカリグラフィとを交差(Intersection)させる。 グラデーション(Linear Gradient)をつけぼかす(Blur)。 Please follow and like us:…

Continue reading

Inkscapeの使用法:Shape tools

Shape   Inkscapeには4つの種類のシェイプ作成ツールがあります。 シェープはそれぞれ、ノードで特徴ある形(よく使う形)に変形できます。 また、「パス> ストロークをパスに変換」で変換するとノードで自由に変形できます。       Please follow and like us:…

Continue reading

Inkscapeの使用法:ショートカット

Inkscape keys and mouse referenceより F1, s Selector:当然、F1よりsが便利。 Space Selector (temporary):これは便利! Space switches to the Selector tool temporarily; another Space switches back. Ctrl+mouse wheel zoom in or out:これは便利! Ctrl+D duplicate selection Alt+D clone object  F2, n Node tool:nが便利。 F4, r Recta…

Continue reading

Inkscapeの使用法:写真をイラストに

来年度に備えて、アプリケーションをオープンソースのものに変更しています。 イラストはInkscapeをイストールして使ってみました。 Inkscape Mac用最新バージョンは日本語の関係で一部うまく動きません。言語設定を英語にして再インストールするとうまく動きました。 Illustratorを使っていたこともあってか、Inkscapeをすぐに使用することができました。ペジェ曲線は少し描きにくいですが慣れの問題かもしれません。 次に示しましたが、写真を簡単にベルトル画像にすることもできます。 写真をベクトル画像に変換することができます。ただし、ベクトルを修正するのは相当時間がかかるようです。 …

Continue reading