こころもよう

Inkscapeの擬似３Ｄ(透視図)

お〜い！

花は正面ばかりじゃないぞ

という貴方に

今回は

正面を向いた花を

一発で横に向かせる「透視図」の紹介です

まずは、

マーガレットを横に向かせる

ムービーをどうぞ

Inkscape 擬似3D(透視図の使い方）１分２８秒 

また

透視図は

文字(テキスト)も

同様に形と角度を変えることが出来ます

Inkscape 透視図(文字編） ５７秒　

OH〜！

透視図→遠近法→3D？

といいたいところですが

それほどの機能ではありません

Inkscapeの透視図は

みたいな機能です

ちなみに

透視図に使う型の形が変われば

下図のように元の図案もそれぞれ変わります

なんだ

やっぱり

一点透視図法だとか

二点透視図法とかに則って

ちゃんとした型を描けば3Dになるではないか

と

いいたいところですが

やっぱり3Dではないので

おしべが立ったり

花びらのウラが見えることはありません

また、

透視図の型を書き始める位置や

時計回り、半時計周りで描くかによっても

図案の角度などが変わります

以下のひまわりのムービーで確認してください

Inkscape透視図のつかいかた（角度が変わる） 

■透視図の操作手順

１．変形したいオブジェクト(図案)を選ぶ

２．透視図の型を選ぶ

３．エクステンションメニューのパスの変形>透視図を選択する

という手順で行ってください。

順番を間違うと

思ったようにならないばかりか

多くの場合エラーになります。

そのため、

図案と型は

マウスをドラッグさせるのではなく

シフトを押しながら

マウスの左ボタンをクリックして順番に選ぶほうが賢明です

■変形させるオブジェクトのお約束事

のように、

角度や形を変えたいオブジェクト(図案)は

ひとつ、もしくは複数のパスを

グループ化したものでなくてはなりません

そのため

のようなシェイプは

そのままではNGです

事前にパスメニューのオブジェクトをパスへで

パスに変えてください

また

タイルクローンなどで出来たクローンもＮＧです

編集>クローン>クローンのリンク解除をして下さい

などと

書くと難しいですが

これまでの説明で

何度も

オブジェクトをパスへの作業と

リンクの解除は行っているので

問題ないはずです

【文字を透視図で変形させたい】

文字を選んで

"パスメニューのオブジェクトをパスへ"を行うと

グループ化されたパスになります。

そのため

文字だけ透視図の処理にかける場合は

改めてグループ化する必要はありません。

【グループの注意事項】

グループの階層は１階層のみです

たとえば、

柄があるなどの理由で

花びら１枚１枚がグループ化され

さらに花の芯を含めた

花全体でもう一度グループ化する

というように

グループ化された図案とパスとか、

グループ化されたいくつかの図案を

何段階にも階層化された

グループの場合はうまくいきません

対処法は、

後述の「あれ？バラバラになった(その２)」を参考にして下さい

■透視図の型

は、

ペンツールで描いた

台形やひし形のような四角にします

ややこしい形にすると

エラーになります

■なんだかうまくいかな〜い！時のガイド

透視図の操作中に

あれ？と思ったり

うまくいかない！の対処方法について

以下に紹介します

参考にして下さい

【ぎゃ！せっかく描いたのが消えた】

Inkscapeの透視図（あれ消えちゃった？！) １分７秒　

透視図の型に色がついていると

変形させたいオブジェクトが消えたように

錯覚することがあります

映像では黄色ですが

白の場合は本当に消えたと錯覚するかもしれません

【なんとエラーだぜ】

マウスで選択する順番を間違っていませんか？

Inkscape 透視図の順番を間違えるとエラーになるよ 49秒　

【あれ図形が変わらない】

などのシェイプが含まれていませんか？

Inkscapeの透視図(シェイプは反映されないよ） ５８秒　

オブジェクトをパスへの処理を行いましょう

【うわ〜バラバラになった(その１)】

図案にクローンが含まれていませんか？

InkScape の透視図（クローンの悲劇） 　

クローンを解除してやり直しましょう

【あれ？バラバラになった(その２)】

オブジェクトのグループが、２階層３階層になっていませんか

Inkscape透視図（グループ化が階層化されていた場合）　

一旦グループをすべて解除して

グループ化しなおしましょう

■その他

透視図には

バグがあるようです

同じようにやってるのに

エラーになったり

違う結果が出るなんて事があります

透視図を行うための

型やオブジェクト(図案)以外に

図形などがあると

変な動きをすることもあるように思います

（…が、たしかではありません）

新しいページを別に作り

透視図を行いたい

型やオブジェクト(図案)をコピペして

実行してみるか

Inkscapeを

一旦終了させて

やり直すというのも手かもしれません

以上

にほんブログ村参加中

イラスト：熊本画伯

本記事で操作方法を紹介しているInkscapeは

無償配布されているドロー系アプリです。

Mac OSやWindows、Linuxにも対応しています

ご興味のある方は

こちら↓からダウンロードしてください

http://inkscape.org/index.php?lang=ja

ダウンロードやインストールについては

当ブログの「Inkscapeのダウンロードからインストールまで」にも記載しております

動画作成に使用したソフト

■画面キャプチャー：AG-デスクトップレコーダー Ver1.2.0 (フリー版)

　T.Ishii氏　http://homepage2.nifty.com/t_ishii/ag/index.html

■音声ソフト：SofTalk（cncc　http://www35.atwiki.jp/softalk/）

　(絶妙な女性ナレーターの声）

■ビデオ編集：Windows Life ムービーメーカー(マイクロソフト)

花花花…

みんな同じような描き方なので

マーガレット、ひまわり、バラ、菊（タンポポ？）

まとめてみました

今回は

きっちり回転させるだけでなく

ランダムを指定して

自然の花のように

すこし回転をバラつかせる

バージョンもありませす。

なお、

クローンタイルの指定で

すべて共通（同じ）なのは

次の二つの項目です

【対称化】

P1:シンプル

【シフト】

水平シフトの列ごと＝-100%

垂直シフトの行ごと＝-100%

あとの設定は、

花によって違いますので

それぞれを参考にして下さい

■マーガレット

Inkscapeでマーガレットを描く（５分１5秒）

その１：単純に２０枚

【行列】

　20行　×　1列

【拡大縮小】

すべて０

【回転】

行＝18度、列＝0度、ランダム＝0

その2：花びらを交互の前後させる

【行列】

　10行　×　2列

【拡大縮小】

すべて０

【回転】

行＝36度、列＝18度、ランダム＝0

その３：花びらの回転をばらつかせる（ランラム指定）

【行列】

　10行　×　2列

【拡大縮小】

すべて０

【回転】

行＝36度、列＝18度、ランダム＝３

■ひまわり（花びらの回転をばらつかせる：ランラム指定）

ひまわり（３分２秒）

＊カラーパレットが映ってないため、分かりにくい箇所がありますが

　色の変更はウィンドウ下のカラーパレットで行っております

【行列】

　10行　×　3列

【拡大縮小】

すべて０

【回転】

行＝36度、列＝12度、ランダム＝2

■バラ

　バラのような花（２分３０秒）

【行列】

　4行　×　6列

【拡大縮小】

行ごとの水平方向の拡大縮小＝0

行ごとの垂直方向の拡大縮小＝0

列ごとの水平方向の拡大縮小＝-20%

列ごとの垂直方向の拡大縮小＝-20%

【回転】

行＝90、列＝45、ランダム＝0

■バラが咲いた（楕円を回転させただけのバラ）

バラが咲いた（１分１０秒）

【行列】

　10行　×　1列

【拡大縮小】

行ごとの水平方向の拡大縮小＝-10%

行ごとの垂直方向の拡大縮小＝-10%

列ごとの水平方向の拡大縮小＝0

列ごとの垂直方向の拡大縮小＝0

【回転】

行＝45、列＝45　、ランダム＝0

■菊だかタンポポみたいな花

菊だかタンポポみたいな花（１分４６秒）

【行列】

　20行　× 20列

【拡大縮小】

行ごとの水平方向の拡大縮小＝-10%

行ごとの垂直方向の拡大縮小＝-10%

列ごとの水平方向の拡大縮小＝0

列ごとの垂直方向の拡大縮小＝0

【回転】

行＝18、列＝9　、ランダム＝0

■諸注意事項

タイルクローン作成を行うと

オリジナルの前面(ま上)に

クローンがひとつできてしまいます。

必要がなければ

消してしまいましょう

また

クローンはリンク解除を行っておきましょう

にほんブログ村参加中

イラスト：熊本画伯

本記事で操作方法を紹介しているInkscapeは

無償配布されているドロー系アプリです。

Mac OSやWindows、Linuxにも対応しています

ご興味のある方は

こちら↓からダウンロードしてください

http://inkscape.org/index.php?lang=ja

ダウンロードやインストールについては

当ブログの「Inkscapeのダウンロードからインストールまで」にも記載しております

動画作成に使用したソフト

■画面キャプチャー：AG-デスクトップレコーダー Ver1.2.0 (フリー版)

　T.Ishii氏　http://homepage2.nifty.com/t_ishii/ag/index.html

■音声ソフト：SofTalk（cncc　http://www35.atwiki.jp/softalk/）

　(絶妙な女性ナレーターの声）

■ビデオ編集：Windows Life ムービーメーカー(マイクロソフト)

春なのにコスモスみたい〜♪な花の描き方

そろそろ

あのおネぇさんの声に

うんざりですか？

などと

いいつつも

Inkscapeによる

春なのにコスモスみたい〜♪な花の描き方 The Movie

お時間は９分ほどです

春なのにコスモスみたいな花の描き方

■定規（ルーラー）を使ったガイドについて

何がなんでも

ガイドを使わなきゃ…

ということはありませんが

中心点を決めておけば

のちのちやりやすいです

■花びらのパターン１と２の違い

映像の花びらは

細いので分かりにくいのですが

下の図ようにやや太目の花びらだと

違いが分かりやすいと思います。

パターン１の花びらが一重なのにたいし

パターン２は

花びらの枚数は同じ８枚ですが

４枚一組の二重なのです

もし、

単純なパターン１でいいんだけど…

一箇所だけ花びらの重なりかたが

気に入らない

つっても

わかりにくいなら

の手順は、

次のとおりです

こうすれば

すべての花びらが

互いに一枚ずつ上に重なっているように見えます

■タイルクローンの設定内容

パターン１と２の違いは

行・列の数と回転の角度だけです

対称化とシフトはどちらも設定内容は同じです

また、

拡大縮小などその他の設定は

リセットボタンで０にして下さい

■パターン１と２ともに同じ設定の項目

【対称化】

P1:シンプル移動

【シフト】

水平シフトの列ごと＝-100%

垂直シフトの行ごと＝-100%

■パターン１

行列は８行×１列

回転の角度は４５度にします

■パターン２

行列は４行×２列

回転の角度は

行ごと=90度

列ごと=45度

■諸注意事項

タイルクローン作成を行うと

オリジナルの前面(ま上)に

クローンがひとつできてしまいます。

必要がなければ

消してしまいましょう

また

クローンはリンク解除を行っておきましょう

にほんブログ村参加中

イラスト：熊本画伯

本記事で操作方法を紹介しているInkscapeは

無償配布されているドロー系アプリです。

Mac OSやWindows、Linuxにも対応しています

ご興味のある方は

こちら↓からダウンロードしてください

http://inkscape.org/index.php?lang=ja

ダウンロードやインストールについては

当ブログの「Inkscapeのダウンロードからインストールまで」にも記載しております

動画作成に使用したソフト

■画面キャプチャー：AG-デスクトップレコーダー Ver1.2.0 (フリー版)

　T.Ishii氏　http://homepage2.nifty.com/t_ishii/ag/index.html

■音声ソフト：SofTalk（cncc　http://www35.atwiki.jp/softalk/）

　(絶妙な女性ナレーターの声）

■ビデオ編集：Windows Life ムービーメーカー(マイクロソフト)

Inkscapeによる桜(吹雪)の描き方

Inkscapeによる

桜吹雪？の描き方 The Movie

お時間は7分半ほどです

http://www.dailymotion.com/embed/video/xpf28v

Inkscapeによる桜の描き方

■ガイドについて

何がなんでも

ガイドを使わなきゃ…

ということではありません

でも

ちょっと

面倒くさいようですが

花びらの重ね具合いや

おしべなどほかの回転させるものと

中心点を同じにしたいなど

少々神経質に描くときは

かえって便利です

早い話が

急がば回れ！な手法です

■花びらの形

映像では

マルをつかって

花びらの先端を加工していますが

こんな方法もあります

こっちのほうが

一般的かもしれませんね

あ、

花びらの上に

逆三角形を描いて

差分の処理をしてもいいですよ

っていうか

そちらのほうが簡単ですね

以下

映像に出てくる

タイルクローンの設定内容です

■はなびらの場合

【対称化】

対称化は、P1:シンプル移動にします

桜の花びらは5枚なので、５行×1列に設定します

【シフト】

水平シフトの列ごと＝-100%

垂直シフトの行ごと＝-100%

ほかは"0"

【拡大縮小】

すべて"0"

【回転】

桜の花びらは５枚数なので、360÷5で角度は72度にします

■おしべ

今回は、大小10本の2種類20本描きます

【対称化】

対称化は、P1:シンプル

大小2種類のおしべにするため、10行、2列にします

【シフト】

水平シフトの列ごと＝-100%

垂直シフトの行ごと＝-100%

ほかは"0"

【拡大縮小】

2列目はオリジナルより30%小さくします

列ごとの水平方向の拡大縮小、垂直方向の拡大縮小を-30にする

【回転】

行は、360÷10で角度は36度にします

列は、36の半分の18度にして角度をズラします

■諸注意事項

タイルクローン作成を行うと

プログラムの都合上?

オリジナルの前面(ま上)に

クローンがひとつできてしまいます。

必要がなければ

消してしまいましょう

また

クローンは

複製の一種ですが

オリジナルの色や形を変えると

自動的にクローンも同じように変形する

便利といえば便利なものです

ですが

あまり多くなると

Inkscapeの動作が重くなることが懸念されます

そのため

ある程度デザインが決まったら

クローンのリンク解除を行い

クローンを普通のパスにしておいたほうが

よいと思います

最後に

あんまり

調子に乗って

スプレーをかけると

動作が重くなりますので

ご注意ください

にほんブログ村参加中

イラスト：熊本画伯

本記事で操作方法を紹介しているInkscapeは

無償配布されているドロー系アプリです。

Mac OSやWindows、Linuxにも対応しています

ご興味のある方は

こちら↓からダウンロードしてください

http://inkscape.org/index.php?lang=ja

ダウンロードやインストールについては

当ブログの「Inkscapeのダウンロードからインストールまで」にも記載しております

動画作成に使用したソフト

■画面キャプチャー：AG-デスクトップレコーダー Ver1.2.0 (フリー版)

　T.Ishii氏　http://homepage2.nifty.com/t_ishii/ag/index.html

■音声ソフト：SofTalk（cncc　http://www35.atwiki.jp/softalk/）

　(絶妙な女性ナレーターの声）

■ビデオ編集：Windows Life ムービーメーカー(マイクロソフト)

Inkscapeによる梅の花？の描き方

ゲゲッ

あれは、

"めしべ"じゃなくて

"おしべ"であったか…

が

もうなおせない

イヤ面倒だ

と

いうわけで、

そのまま公開…(^^ゞ

Inkscapeを使った

梅みたいな花の描き方 The Movie

お時間は7分半ほどです

Inkscapeによる梅の花？の描き方

Inkscapeで草花を描く

といっても様々でしょうが──

ここで紹介するのは

写実的というより

幾何学的な手法を使い

図案のように描く方法です

基本的には

花びらを複製し

回転させるのですが

ポイントは次のふたつです

Point１：中心点の位置

Point２：回転角度

■中心点の位置

選択ツールで描画した

オブジェクト(図形やパスなど）を

二度クリックすると

オブジェクトの四方に回転の矢印と

真ん中にうっすら十字が出てきます

この十字が

回転するときの中心になります。

十字のズラシかたによって

どんな風に回転が変わるかは

下の図を参考にして下さい。

■回転角度

マウスをドラッグして

自由な角度に回転させることができますが

ここでは、

角度を入力して正確に

回転させる方法を紹介します

【変形】

[オブジェクト]メニューの[変形]を選択し

角度タグから角度を入力して回転させます

Inkscapeの[変形]には”コピー機能”がないので

[Ctrl]+[D]キーで花びらを複製して

変形の[適用]ボタンを押す

という作業を繰り返します。

入力する角度の数値は

円周360度÷花びらの枚数＝角度です

【タイルクローン】

回転や縮小拡大などの設定内容に合わせて

ワンクリックでたくさんの

クローン(複製みたいなもの)を作る…

イヤ、描くことができます。

この方法だと

[Ctrl]+[D]キーで花びらを複製する

という操作が必要ありません

ですが、

設定方法が

少々難しいのが難点です

ちなみに

私もすべての機能は存じません

動画での設定内容は…

【対称化】

対称化は、P1:シンプル移動にします

おしべは10本なので行が10、列を１にします

行＝10、列＝10にすると100本になりますが

今回は意味がないのでやりません

【シフト】

水平シフトの列ごと＝-100%

垂直シフトの行ごと＝-100%

ほかは"0"

同じ位置で回転をさせるため

位置をずらさない(シフトしない)という意味ですが

このまま覚えてください

【回転】

今回は、360÷10で角度は36度にします

※上述の項目の中には

今回の描画では、

指定する必要のない項目もありますが

アレコレ理屈を書くと混乱するでしょうから

このまま覚えてください

なお、

今回は

使っていませんが

複数の行と列を指定して

花びらを幾重かに増やしたり

拡大･縮小を指定して大きさを変えたり

各項目のランダム化に数値を加えて

描画に不規則さを与えたり

することができます

ま、

牡丹？菊かな？てな

感じではありますが…

本日ココまで

にほんブログ村参加中

イラスト：熊本画伯

本記事で操作方法を紹介しているInkscapeは

無償配布されているドロー系アプリです。

Mac OSやWindows、Linuxにも対応しています

ご興味のある方は

こちら↓からダウンロードしてください

http://inkscape.org/index.php?lang=ja

ダウンロードやインストールについては

当ブログの「Inkscapeのダウンロードからインストールまで」にも記載しております

動画作成に使用したソフト

■画面キャプチャー：AG-デスクトップレコーダー Ver1.2.0 (フリー版)

　T.Ishii氏　http://homepage2.nifty.com/t_ishii/ag/index.html

■音声ソフト：SofTalk（cncc　http://www35.atwiki.jp/softalk/）

　(絶妙な女性ナレーターの声）

■ビデオ編集：Windows Life ムービーメーカー(マイクロソフト)