論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … ·...
TRANSCRIPT
![Page 1: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/1.jpg)
論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!
Inkscape講座理工学図書館後期LS講習会 2017 Dec. 11 担当 : 丸山
![Page 2: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/2.jpg)
論文の図ってどのソフトで作るの?
2
ペイント Power pointAdobe
illustrator
![Page 3: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/3.jpg)
Inkscapeとは
• Illustratorと似た用途のグラフィックソフト
•無料で高性能
• ベクター形式画像を扱う
3
© Jmarchn(https://commons.wikimedia.org/wiki
/File:InkScape_CAT.png)
![Page 4: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/4.jpg)
Inkscapeで論文図を作図するメリット
• ベクター形式を扱えるので・・・画像を劣化させる事なく拡大や縮小、変形が可能
後から再編集が楽
他のソフトで出力した画像を編集できる
• Powerpointと比べて作図に特化した機能パス編集
レイヤー
•無料
論文の説明図を作りたい学生にぴったり!4
![Page 5: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/5.jpg)
ベクター形式とは
5
ベクターデータ→ 線(数式)で表現される画像
(.eps, .svgなど)
ラスターデータ→ 点の集まりで表現される画像
(.jpeg, .pngなど)
• 他のソフトとの組み合わせが可能・・・Epsで出してinkscapeで編集
画像をベクターで出力
MATLABやGNU plot Inkscape
あ
あ
あ
![Page 6: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/6.jpg)
講習会内容
前半:Inkscapeチュートリアル
後半:教科書の図を描いてみよう
6
![Page 7: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/7.jpg)
Inkscape tutorial
InkscapeでDesign
(http://inkscapedesign.web.fc2.com/index.html)
他にも・・・
• Inkscape公式チュートリアル(https://inkscape.org/ja/doc/basic/tutorial-basic.ja.html)
•岐阜大屋代・内藤研 inkscapeの使い方(https://www1.gifu-u.ac.jp/~ysr_labo/share/inkscape/index.html)
7このチュートリアルでは、© InkscapeでDesign (2011-)の画像を使用します。
![Page 8: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/8.jpg)
画面スクロール・ズーム
• スクロール• マウス中ボタン押しながら画面ドラッグ
• Shift + マウスホイールスクロール
• ズーム• Ctrl + マウスホイールスクロール
8
![Page 9: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/9.jpg)
矩形 円 3Dボックス ツール
• Shiftを押しながらドラッグ始点を中心として描画
• Ctrlを押しながらドラッグ縦横比を整数に固定して描画
• ハンドルで編集
9
ドラッグで図形を描きます。
![Page 10: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/10.jpg)
選択ツール
オブジェクトを拡大/縮小、回転/傾斜するツールです。
10
Shift, Ctrl, Altをそれぞれ押しながらドラッグすると・・・?
![Page 11: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/11.jpg)
ペンツール
ベジェ曲線を描くツールです。マウスドラッグに沿ってノードハンドルを作りながらパスを描いていきます。
11
• 直線を描く始点でクリックし、ドラッグせずに終点でもう一度クリックあ
• Ctrlを押しながらで角度をキリのよい数値に固定して描く
• ノードをつないで折れ線を描く
![Page 12: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/12.jpg)
フィル/ストローク
• コマンドバーの ボタン「フィル/ストローク」を選択
12
線や塗りのスタイルを変更する機能です
線の太さを変更
線種類を変更(点線・実線など)
線の先端形状を変更(矢印など)
![Page 13: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/13.jpg)
ノードツール
パスを編集するツールです。
13
![Page 14: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/14.jpg)
レイヤー
オブジェクトを複数の階層に分けて管理する機能です。
14
• コマンドバーの ボタンをクリック
![Page 15: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/15.jpg)
説明図:電流が磁界から受ける力
𝑭mag = 𝑙𝑰 × 𝑩 = 𝑙𝐼𝐵𝑠𝑖𝑛𝜃
15
![Page 16: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/16.jpg)
説明図:電流が磁界から受ける力
16
![Page 17: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/17.jpg)
パースを決め,ガイドを作る
• 3D矩形ツールで好きなパースの矩形を描く(磁石のガイド)
17
X軸:180°Y軸:90°Z軸:25°
• [オブジェクトをガイドに]でガイドライン作成
![Page 18: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/18.jpg)
磁石枠線の作図
18
• ペンツール で磁石の線を描く
• 作成した図形を複製(Ctrl+D または Ctrl+C & Ctrl+V)
![Page 19: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/19.jpg)
磁石枠線の作図
19
• 選択ツール で回転
Ctrl押しながら回転でキリの良い角度に
• 磁石枠線完成
次は磁石の見た目
![Page 20: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/20.jpg)
磁石の見た目変更
20
• ノードツール で省略線を作成
Shiftを押しながらドラッグでガイドを無視
• フィル/ストローク で線の太さを変更
![Page 21: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/21.jpg)
磁石の見た目変更
21
• 背後の線を点線に
• 背後の線を点線に
次は導線
![Page 22: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/22.jpg)
導線の作図
• レイヤーを追加
22
• ガイドを移動・回転させる
ガイドをShift+ドラッグで回転
![Page 23: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/23.jpg)
導線の作図
• 円ツール で円を描く
23
• 円をコピーする
Shift+Ctrl押しながらで正円
![Page 24: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/24.jpg)
導線の作図
24
• 円と円をペンツール で繋ぐ
• 筒の色(フィル)を変更する
先端は閉じる
![Page 25: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/25.jpg)
導線の作図
• 円を最全面に移動させる
25
• 円を半円にする
円ツール の扇形設定
![Page 26: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/26.jpg)
導線の作図
•導線完成
26
次は磁力線
![Page 27: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/27.jpg)
磁力線の作図
• レイヤーを作成
27
• ペンツール で直線を描く
Ctrl 押しながらで鉛直に線を引く
![Page 28: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/28.jpg)
磁力線の作図
28
• ノードツール で矢印の付く点を追加
線上をダブルクリックで新ノード追加
• 線に矢印を追加
![Page 29: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/29.jpg)
磁力線の作図
29
• 磁力線を4つコピー
• 磁力線を整列
![Page 30: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/30.jpg)
磁力線の作図
• 磁力線をコピーし、導線の裏側のレイヤーに貼付
30
次はキャプション
![Page 31: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/31.jpg)
キャプションの作成
31
• 電磁力を表す矢印を描き、スタイルを変更
太めの線矢印と始点マーカー
• レイヤーを追加
![Page 32: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/32.jpg)
キャプションの作成
• スタイルを変更する
32
フォント 下付き文字サイズ斜体/立体・太字
• テキストツール を選択
![Page 33: 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こ … · 論文・プレゼンに!作図専用のフリーソフトで美しい図を描こう!](https://reader033.vdocuments.net/reader033/viewer/2022041415/5e1b1ff9d496f27d8f2d17f4/html5/thumbnails/33.jpg)
キャプションの作成
33
• 他のキャプションを追加して完成