INKSCAPE Drawing Weblog インクスケープ・実践講座 http://www.samurai-logic.com/inkscape2/ インクスケープの使い方・基礎講座(Inkscape basic lecture)の続編をブログにしました。動画チュートリアルを準備中・・・。 ja Copyright 2010 Thu, 24 Sep 2009 13:49:52 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification Inkscape 0.47 pre2 プレ・リリース　ベータ版 まだ開発段階のInkscape 0.47 pre2 をインストールしてみました。主に改良されているのが、ベジエツール機能、パスのスナップ、そしてフィルタ効果機能！フィルタエフェクトは0.46ではフィルタエディタで作っていたものが、メニューから直接選択してオブジェクトに適用できるようになります。結構、使えるフィルタパターンが多数揃っています。パターンを使うことで簡単なロゴなどすぐに描けます。テキスチャのパターンはいろんな背景などに有効です。

ベジエツールはストロークをフィルに変換して髪の毛のような線が描けるようになります。0.46ではストロークをフィルに変換してから加工していたのですが、髪の毛とかイレギュラーな線系のオブジェクトを描くのに便利になります。

しかしながら便利な機能が改良された分、ノード数の増加などでSVGファイル自体が大きくなりメモリに余裕がないと （特にフィルタ機能を使うときに） 画面がフリーズし易くなります。低スペックのPCでフィルタ機能などを使う場合、こまめに保存したり、（アンドゥバッファを初期化するために）メモリ使用量が大きくなる前に終了＆再起動を定期的にしないといけないようです。Linux環境がWindowsよりも安定しています。（Windows 7 との相性がどれくらいいいか分かりませんが・・・）　大きなＳＶＧファイルを扱ったり、頻繁にInkscapeを使って大きな作品を描くのであればUbuntu などのＬｉｎｕｘ環境がおすすめです。

0.47-1.JPG




0.47-2.JPG

]]> http://www.samurai-logic.com/inkscape2/2009/09/inkscape-047-pre2.html http://www.samurai-logic.com/inkscape2/2009/09/inkscape-047-pre2.html Inkscapeの機能 0.47 pre2 Thu, 24 Sep 2009 13:49:52 +0900 RETAS STUDIO RETAS STUDIO というアニメーション制作のためのソフトがあります。性能も機能もトップクラスでとても安価になってます。Inkscapeを卒業して次のステップ（本格的な2D アニメーション制作）を踏みたい方にこのソフトはお勧めです。３Dに興味があれば別です。

またInkscape ではなくAdobe Illustrator を購入して学んでいればFlashなどのAdobe関連のソフトでアニメーションからゲーム、Web制作など幅広いことが出来ます。

いろんな道、いろんな捉え方があると思います。

]]> http://www.samurai-logic.com/inkscape2/2009/06/retas-studio.html http://www.samurai-logic.com/inkscape2/2009/06/retas-studio.html Articles Thu, 04 Jun 2009 18:02:41 +0900 Google Chrome Logo グーグル・クローム　ロゴ Google Chrome のロゴです。とても細かい部分があるのでチュートリアルで描き方の解説は難しいです。SVGファイルをダウンロードしてご覧ください。

chrome.png

]]> http://www.samurai-logic.com/inkscape2/2009/05/google-chrome-logo.html http://www.samurai-logic.com/inkscape2/2009/05/google-chrome-logo.html Works(作品) ロゴ・フォント logo work Thu, 07 May 2009 09:50:27 +0900 Inkscape Drawing : ハーフトーン・テキスト ＆ ロゴ Inkscape のタイルクローン機能を利用したテキスト、ロゴの加工方法を紹介します。

tone.png

]]> http://www.samurai-logic.com/inkscape2/2009/02/inkscape-drawing.html http://www.samurai-logic.com/inkscape2/2009/02/inkscape-drawing.html ロゴ・フォント Logo Sun, 08 Feb 2009 18:09:28 +0900 Inkscape Drawing : インクスケープでQuick Time ロゴを描く Inkscape で Quick Time のロゴを描いてみました。チュートリアルで紹介するにしてはかなり複雑な工程を辿りますので分かり難い部分は圧縮ファイルをダウンロードしてみてください。

このQuick Timeのロゴは出来るだけ本物のロゴそっくりに描いてみました。

qt.png

]]> http://www.samurai-logic.com/inkscape2/2009/02/inkscape-drawing-quick-time.html http://www.samurai-logic.com/inkscape2/2009/02/inkscape-drawing-quick-time.html ロゴ・フォント Logo Sun, 08 Feb 2009 10:02:02 +0900 Inkscape work : Skype のロゴマークを描く 今回は、Skypeのマークを描いてみたいと思います。少し複雑なのでテクニックが必要な部分があったり、２つ前に使ったＦｉｌｔｅｒ Effect を使ったりしています。Zipファイルにトレースする画像とSVGファイルがありますのでダウンロードしてお使いください。

また、最初にトレースしたSkypeのロゴが小さかったため、細かい部分を注意して見ると実際のロゴと違う部分がありました。チュートリアルとして紹介してますので、ご了承ください。

skype-img.png

skype-or.png

]]> http://www.samurai-logic.com/inkscape2/2009/02/inkscape-work-skype-logo.html http://www.samurai-logic.com/inkscape2/2009/02/inkscape-work-skype-logo.html Works(作品) ロゴ・フォント Logo Fri, 06 Feb 2009 19:13:08 +0900 Inkscape Drawing Kitty : インクスケープでキティちゃんを描く Inkscape で Kitty をベジエツールを使って簡単にトレースしてみます。

kitty.png

]]> http://www.samurai-logic.com/inkscape2/2009/02/inkscape-drawing-kitty.html http://www.samurai-logic.com/inkscape2/2009/02/inkscape-drawing-kitty.html キャラクター Fri, 06 Feb 2009 08:17:58 +0900 Inkscape : Filter Effect　テキスト・ロゴ 今回は Inkscape のFilter Effect（フィルター イフェクト） の機能を紹介します。まだインクスケープはSVG の Filter Effect の一部がサポートされてないので時期バージョン(0.47)を待ってから紹介しようと思ってましたが、いろんなところで活用できそうな面白いＦｉｌｔｅｒができましたのでアップすることにしました。今回のチュートリアルは少し長めです。説明不足なところもあるかと思いますが、ＳＶＧファイルをダウンロードして、実際に出来上がったファイルを見ながら説明を見ると分かりやすいと思います。 Inkscape の時期バージョン（ver. 0.47）でこのＦｉｌｔｅｒ Effect 機能が少し手が加えられるみたいです。

（Inkscape の） Filter Effect 機能は使いやすいように作られているとは思いますが、そもそもＳＶＧのFilter Effect 自体が複雑で理解するのに時間がかかります。まだこの機能の一部しか理解してませんが、Ｆｉｌｔｅｒパターンは大きく分類してみるとある程度限られているように思えます。今回紹介するＦｉｌｔｅｒパターンはロゴなどに使える面白いものだと思います。Perspective とノードをジッタリングしたものなどでテキストを加工してFilter Effect を加えています。

inkscape.png filter.png logic.png jittering.png jitter2.png

フォントを日本語で書く場合は、日本語対応のフォントを選択します。日本語に対応してない海外製のフォントが多いです。

]]> http://www.samurai-logic.com/inkscape2/2009/02/inkscape-filter-effect.html http://www.samurai-logic.com/inkscape2/2009/02/inkscape-filter-effect.html Filter Effect ロゴ・フォント Filter Effect Jittering Perspective Wed, 04 Feb 2009 19:46:37 +0900 Downloads:Inkscape works 以前紹介したインクスケープの作品を配布します。作品名：SathebyとHarukaは、所有している並スペックのＰＣでフリーズを繰り返したため最後まで仕上がっていません。Sathebyはトレースした画像のサイズが小さくて細かい部分が見えなかったこともあります。

作品名：angel-wingはウィングの部分は少し雑になってますが、天使の顔の部分はよく描けていると思います。ＰＣに限界があったことで、すべて完璧にとはいかなかった部分がありました。

作品を見ただけでは、あまり描くテクニックが伝わらないとは思いますが、少しレベルの高い分類にある作品に実際に触れてみるのもいい刺激になるのではないかと思い配布することにしました。

インクスケープは将来的に、ＳＶＧ1.1のフルサポートされる予定です。これは相当パワフルなグラフィックツールになることを意味していて将来的展望が開けているものです。まだ日本では認知度が低いですが、これからもっと普及していくと思っています。

Works (作品名)Image linkZip File to Download
Satheby （サザビー） Satheby (Image link) Zip File(圧縮　SVG ファイル)
Haruka　（綾瀬はるか） Haruka (Image link) Zip File(圧縮　SVG ファイル)
angel-wing （天使） Angel (Image link) Zip File(圧縮　SVG ファイル)
© Copy right : samurai-logic.com (public domain). Redistribution is prohibited unless you have a permission.　再配布を禁止します。

]]> http://www.samurai-logic.com/inkscape2/2009/01/downloadsinkscape-works.html http://www.samurai-logic.com/inkscape2/2009/01/downloadsinkscape-works.html Download Works(作品) Downloads works Wed, 21 Jan 2009 21:48:51 +0900 マスク、クリップ、ビットマップを使って画像を加工する方法(mask, clip, bitmap) 今回は、ドラゴンボールの孫悟空の画像をマスクとクリップを使って加工する方法を紹介します。

gokoo1.png
gokoo2.png

]]> http://www.samurai-logic.com/inkscape2/2009/01/mask-clip-bitmap.html http://www.samurai-logic.com/inkscape2/2009/01/mask-clip-bitmap.html キャラクター bitmap mask Mon, 05 Jan 2009 22:53:43 +0900 パターンを使ったイメージ加工 ビットマップ画像をインクスケープにインポート後、イメージをパターン化して加工した描き方を紹介します。

gtr.png

画像は、Nissan GT-R の画像を切り抜いて宇宙の画像に置いたものです。

チュートリアルは下のContinue（続き）をクリックしてください。

]]> http://www.samurai-logic.com/inkscape2/2008/12/post-1.html http://www.samurai-logic.com/inkscape2/2008/12/post-1.html その他 パターン Wed, 10 Dec 2008 08:10:33 +0900 ペンジィ～の憂うつ・・・注射の時間 ペン太のおじいさん、ペンジィ～の憂うつな注射の時間・・・特大の注射をもったケバい看護婦にあせるペンギンのじぃ～さん・・・( ‥) ン?・・・毛が・・・ペンギンに毛が・・・

chusha.png

]]> http://www.samurai-logic.com/inkscape2/2008/11/post.html http://www.samurai-logic.com/inkscape2/2008/11/post.html Works(作品) キャラクター works Thu, 06 Nov 2008 10:26:12 +0900 Inkscape drawing an Angel　モデル：蝦原友里(エビちゃん) Angel...

angel-wing.png

顔のモデルはエビちゃんです。普通、人の顔をトレースしたら少しは違和感があり修正が必要なんですが、エビちゃんの顔はほぼ完璧？なのか修正いらずでした。描きながらエビちゃんの顔の輪郭、目、鼻、口などの創りに関心してました。(⌒^⌒)ｂ　うん



Face :

顔の部分です。 face.png



Eye:

目の部分を拡大したものです。 eye.png



first drawing of hair was meshed darkbrown. I have changed to angel's hair later.

最初、髪の毛の色はこげ茶色のメッシュでしたが、最後に天使にしたときに少し違和感があったので色の大半をグレー、白、オレンジに変えました。 wing.png

]]> http://www.samurai-logic.com/inkscape2/2008/11/inkscape-drawing-an-angel.html http://www.samurai-logic.com/inkscape2/2008/11/inkscape-drawing-an-angel.html Works(作品) works Sun, 02 Nov 2008 18:36:37 +0900 Bitmap Trace(ビットマップトレース)を使った作品の描き方 Bitmap trace(ビットマップトレース)を使った作品の描き方

今回は、慣れると簡単で10分もあれば出来てしまうインクスケープのビットマップトレース(bitmap trace)を使った描き方を紹介します。

出来上がりは下のようになります。写真の女性は、Natalie Janzというカナダの売り出し中のアーティストです。Myspaceで何度かメッセージを交換したことがあって、とてもセンスのいい写真でしたのでここでちょっとこれを使って作品を描いてみようと思います。

natalie.png

今回の講座のSVGファイルは、↓からダウンロードできます。
ダウンロード

]]> http://www.samurai-logic.com/inkscape2/2008/10/bitmap-trace.html http://www.samurai-logic.com/inkscape2/2008/10/bitmap-trace.html キャラクター Bitmap trace Thu, 16 Oct 2008 13:55:15 +0900 Screencasters Flickr's page Screencasters User Contributed Content

Screencasters Flickr's page

flickr.png

Screencasters のInkscape チュートリアルの動画の中でインクスケープの使い方を教えてくれているHeathenx さんたちが作ったFlickr's page です。

もしインクスケープで作った作品があればサインアップして公開してみませんか？他のアーティストとコミュニケーションが取れたり、様々な作品が見れます。作品は結構集まっていますので、是非見に来てください。Screencasters Flickr's page

]]> http://www.samurai-logic.com/inkscape2/2008/10/screencasters-flickrs-page.html http://www.samurai-logic.com/inkscape2/2008/10/screencasters-flickrs-page.html Articles Flickr Sat, 04 Oct 2008 08:54:13 +0900