====== Inkscape ====== ===== 概要 ===== * オープンソースのベクトル画像編集ソフトウェア * Adobe Illustrator と同等のことができる ===== インストール ===== $ sudo apt-get install inkscape ===== ショートカット ===== * よく使う機能のみをピックアップしてみた * 引用サイト: [[http://i-njoy.net/inkscape/shortcut.html | Inkscape ショートカット]] ==== ツール ==== ^ 名前 ^ 機能 ^ ショートカット ^ |選択ツール|オブジェクトを選択|S or F1| |ノードツール|ノードを編集|N or F2| |円/弧ツール|円弧を描画|E or F5| |鉛筆ツール(フリーハンド)|フリーハンドで描画|P or F6| |ペンツール(ベジエ曲線)|ベジエ曲線で描画|B or Shift+F6| |テキストツール|テキストを挿入|T or F8| |消しゴムツール|フリーハンドで任意の部位を削除|Shift + E| |バケツツール|領域を塗りつぶす|U or Shift+F7| |スポイトツール|指定したポイントの色を取得|D or F7| |グラデーションツール|グラデーションで塗りつぶす|G or Ctrl+F1| |レイヤーの追加||Ctrl+Shift+N| |エクスポートツールボックスの表示||Ctrl+Shift+E| |フィル/ストロークツールボックスの表示||Ctrl+Shift+F| |テキストツールボックスの表示||Ctrl+Shift+T| |位置と配置のツールボックスの表示||Ctrl+Shift+A| |レイヤーツールボックスの表示||Ctrl+Shift+L| ==== 通常 ==== ^ 名前 ^ 機能 ^ ショートカット ^ |上書き保存|Ctrl+S|| |名前を付けて保存|別名で保存(保存後は付けた名前のファイルで作業)|Ctrl+Shift+S| |コピーを保存|別名で保存するが、保存後は元のファイルで作業|Ctrl+Shift+Alt+S| |元に戻す|前の状態に戻す|Ctrl+Z| |やり直し|元に戻すをキャンセル|Shift+Ctrl+Z| |コピー|オブジェクトをクリップボードにコピー|Ctrl+C| |貼り付け|オブジェクトを貼り付ける(位置は元のオブジェクトからずれた位置)|Ctrl+V| |複製|クリップボードを介さずにオブジェクトを貼り付ける(位置は元のオブジェクトと同じ位置)|Ctrl+D| |同じ場所に貼り付け|同じ位置に貼り付ける(位置は元のオブジェクトと同じ位置;レイヤーをまたいでも貼り付け可能)|Ctrl+Alt+V| |削除|オブジェクトを削除|Del| |ページ設定|ページの設定(キャンバスの大きさとか背景色とかを設定)|Shift+Ctrl+D| ==== マウス ==== ^ オブジェクトに対する操作 ^ マウス操作 ^ キー ^ |オブジェクト選択|クリック| | |複数オブジェクト選択|クリック|Shift| |オブジェクト移動|ドラッグ| | |平行移動|ドラッグ|Ctrl| |オブジェクトの拡大縮小|オブジェクトを選択後に端の矢印をドラッグ(オブジェクトの左上隅を中心とする)| | |オブジェクトの拡大縮小|オブジェクトを選択後に端の矢印をドラッグ(オブジェクトの中心を中心とする)|Shift| |オブジェクトの拡大縮小|オブジェクトを選択後に端の矢印をドラッグ(高さと幅の比率を維持)|Ctrl| |画面を垂直に移動|スクロール| | |画面を水平に移動|スクロール|Shift| |画面を拡大|スクロール|Ctrl| ===== Tips ===== ==== ベジエ曲線 ==== * 使い慣れると綺麗な直線・曲線が描ける * 参考サイト * [[http://inkscapedesign.web.fc2.com/medium/bezier-tool.html | InkscapeでDesign- ペンツールでパスを描く]] * [[http://inkscapedesign.web.fc2.com/medium/editing-node.html | InkscapeでDesign- パス操作の基本(ノードツール)]] === 直線 === - ペンツールをクリック\\ (デフォルトでは左側の縦に並んだアイコンの列の中にある {{:pentool.png}}) - 直線を開始する位置をクリック - 直線を終了する位置を - クリック (続けて直線を描く場合) - ダブルクリック (終了する場合) === 曲線 === - ペンツールをクリック\\ (デフォルトでは左側の縦に並んだアイコンの列の中にある {{:pentool.png}}) - 曲線を始める位置をクリック - 曲げたい位置までマウスを移動 - さまざまな位置にマウスをドラッグして曲がり具合を調整 - 曲がり具合の良い所で - クリック (次の曲線を開始する位置になる) - ダブルクリック (終了する場合) - ボタンを手放す (曲げたい位置になる) ==== ショートカットキーを Adobe Illustrator と同じにする ==== * Illustrator を使ったことがないから評価できないが、メモ用 * [[http://everidea.info/?p=784 | ubuntu:inkscape:イラストレーターのショートカットに変更する | 際限なきアイデア-everidea!! 気になることあれこれ試す。CAD,PC,Mac,モンスト]] * というか、0.91 以降では「編集」->「Inkscapeの設定」を開き、「インターフェース」->「キーボードショートカット」で、プロファイルを選択できる ==== 画像のトリミング ==== - 画像を取り込む - ペンツールや矩形ツール、円/弧ツールなどを使って、切り抜きたい形状を作成する - 画像、切り抜きたい形状の順に、それらのオブジェクトを選択する (Shiftを押しながらクリックしていく) - 「オブジェクト」->「クリップ」->「設定」を実行するとトリミングできる * 参考サイト: [[http://logo.dollsent.jp/index.php?%E5%86%99%E7%9C%9F%E3%82%92%E5%88%87%E3%82%8A%E6%8A%9C%E3%81%8F | 写真を切り抜く - Inkscaper ~Inkscapeの使い方~]] ==== 矢印のサイズ変更 ==== * 問題 * 矢印を作る場合は、線を描画した後に、「フィル/ストローク (Shift+Ctrl+F)」の「ストロークのスタイル」の「マーカー」で指定するのだが、線の幅を指定するところはあっても、マーカー (矢印) のサイズを変更するところはない * マーカーは線の幅に合わせて、大きくなるがバランスが悪くなることもある * 解決方法 * エディタで .svg を開いて修正する - inkscape で、矢印の設定を変えたい線を選択 - 右クリックメニューから「オブジェクトのプロパティ」を開く - 「ID」の欄にある ID を覚える (例: path5407) - 好みのテキストエディタで .svg を開く - ID の番号を検索する * 通常は ''...'' タグの中にあるはず * 例: 5407 - その付近にある ''style = '' で始まる行を探す * '''' タグにあるはず - ''style = '' 内の ''marker-start:url(#)'' あるいは ''marker-end:url(#)'' の ''#'' 以降の名前を検索する * 通常は '''' にあるはず * 例: Arrow1Lend - '''' タグ内の ''transform(...)'' が矢印の大きさ (倍率) なので、そこを書き換えて保存する ==== テキストエリアのデフォルトのフォントを設定する ==== * [[http://degitekunote.com/blog/2014/09/24/inkscape-default-font-setting/ | 【忘備録】Inkscapeでデフォルトのフォントを設定する手順 | degitekunote2]] ==== 取り込んだ画像の背景色を透明化する ==== - 背景色を透明化したいオブジェを選択 - 「フィルター」->「塗りつぶしと透明化」->「ライトイレイザー」 - 以下のパラメータで適用 * 拡大: 1000.0 * 侵食: 1000.0 * 全体の不透明度: 1.00 * 参考サイト * [[https://inkscape.paix.jp/manual/filter/transparency-utilities/ | 透明化ユーティリティ – Inkscape@JP]] * [[http://graphicdesign.stackexchange.com/questions/15450/remove-background-based-on-color-in-inkscape | Remove background based on color in Inkscape - Graphic Design Stack Exchange]] ==== マージンを加える ==== * Ver. 1.1 までは、ドキュメントの設定から現在の選択領域から一定マージンを設定することができたが、Ver. 1.2 以降はその機能が消えたようだ。 * その対策手順を以下に載せる。 - ''ファイル'' → ''ドキュメントのプロパティ'' を選択する (あるいは、Ctrl+Shift+D)。 - ''表示'' タブの ''ページサイズをコンテンツに合わせて変更'' ボタンをクリックする。 - フロントページの幅と高さにマージン × 2 の値を加える (例: 上下左右に 5 mm 取る場合は、幅と高さに 10 mm 追加する)。 * 右側のリングアイコンをクリックしてからだと幅と高さを同時に増減できて便利。 - マージンを設定したいページ内のオブジェクトをすべて選択する。 - ''オブジェクト'' → ''整列と配置'' を選択する (あるいは、Ctrl+Shift+A)。 - 整列タブの ''基準'' を ''ページ'' にする。 - 中心を中心軸に合わせる ({{:ツール:hcenter.png?nolink|}} アイコン) ボタンをクリックする。 - 中心軸の中心に揃える ({{:ツール:vcenter.png?nolink|}} アイコン) ボタンをクリックする。 {{tag>アプリケーション 画像}}