ベジェ曲線を使ってみよう

ベジェ曲線を使ってみよう

〜 Drawのテクニック〜

Masataka Kondo (@Masa_B_Kondo)

LibreOffice Kaigi 2016. 12

December 10th, 2016

LibreOffice Kaigi 2016. 12December 10th, 2016

Draw、使ってますか？

● WriterやCalcの方が親しみがある？

● LibreOfficeの特徴をなすツールのひとつ– 役割分担することで効率を上げる– 表計算ソフトに画像を貼り付けるとか不要

● 簡単な描画ソフト、かもしれないけど– そこそこのことができる

– 3枚あるレイヤー(増やすことも可能)を駆使する

– 自由に増やせるスナップライン


最近個人的に思ってること

● ソフトウェアの正当な評価の重要性– ベンダー製ソフトしか評価しない人

● オープンな文書フォーマット● ドローイングでいうと「ODG」と「SVG」

– OpenClipartでは通常SVGが入手可能

– PNGやWMFも入手できるが…● WMFは編集する際多角形にされるので崩れる


最近個人的に思ってること

● Writer / Calcで得た知見の展開

– WordやExcelにも「正しい使い方」を展開

● Drawなど「LibreOfficeにしかない」ものは？

– Illustratorとかに波及する？→高いからね

– Visioはもっとありえない

● InkscapeやGimpなどFLOSSのツールへ

– 曲線描画の扱いになれる (for Inkscape)– 領域選択の幅が広がる (for Gimp)


グラフィックフォーマットの相関

● ODG、SVGを中心にして再利用する

– LibO Drawへのインポート / からのエクスポート

PDF

Export

Export

Import

Print

Import

OtherFormats

Export

OtherFormats

(e.g. AI, DXF, ...etc.)


OpenClipartについて

https://openclipart.org


例えば、”penguin”と検索する


基本的にはSVGを入手可能


.org時代の遺産というか

● EMFを経由するのは時代的に推奨しません

● SVGが使えるので活用しましょう...


端的な結論を言うと

● Inkscapeは併用した方がよい

– Macの場合X11 (X Quartz)が必要

– Linuxでも、デフォルトでは入っていない● apt-get なり Package Managerなりを活用

● Drawでしかできないことと、

● Inkscapeでしかできないことがある


ベジェ曲線って？

● 2つの通過点とそれぞれの制御線で表現– 始点とその制御線がなす接線– 終点とその制御点がなす接線

● 最短距離で結ぶ曲線


無茶な曲線は描けますが

● 制御点を遠くに置くこともできる● あんまり意味はない


Screenshot

画面の外に制御点がある


素直に通過点を増やしましょう

● 先ほどの例はこうする方がよいです。● 通過点を増やし、制御線は短く。


練習の指針として

● 多角形を曲線に変えていく練習



● 多角形を曲線に変えていく練習● なれないうちは「対称に移行」を使う



● 多角形を曲線に変えていく練習● なれないうちは「対称に移行」を使う● 左右長さの違う制御線より扱いやすい


Drawでやる理由？

● 「レイヤー」の存在– オブジェクトごとではなく、ページとして制御– 非表示にしたり、編集不可にしたり– 画像ファイルをトレース元にする


座標にもこだわる

● 左下に表示されている制御点の位置を把握● 制御点もスナップラインやグリッドに固定可能● あらかじめスナップラインを配置するのがよい

この制御点を移動

制御点の位置を表す座標


その他

● 「多角形に変形」を活用する● 直線で結ばれた図形(見た目は変わらず)● Inkscapeに該当する機能はない？


欠点〜まとめ

● 先ほどのとは逆に「点を減らす機能」はない– 手でいじりながらやるしかない– レイヤーに固定してそれを見ながら？

● 制御点を減らすためにInkscapeも併用

● フォーマットによっては誤差が発生– 使わなければこの辺は改善しない

– 修正状況はBugzillaでチェック・フォロー予定

● 配布フォーマットはSVGがよい– もちろんエクスポート可能です


おまけ

● Gimpのパスツール

● 操作が独特ですが● 今回のことを応用

● 領域選択の幅が

広がり、役に立つこと

請け合いです :-)

Software

ベジェ曲線を使ってみよう