皆さんは、資料やWebサイトを作るときに、イラストや写真を入れることもあると思います。
そのとき、googleなど検索サイトを使って画像検索＞コピーをしたり、
いらすとやなどの無料素材集サイトで探すこともあると思います。
ですが、他の方が作られた作品には著作権があることがほとんどです。
著作権のことを知らないと、気づかぬうちに抵触しているなんてこともあるかもしれません💦
デザインセンスの問題はありますが、
自分でイラストを作ったりするときに使えるソフトには、
AdobeのIllustratorやAdobe Photoshopなどがありますが、
今回はオープンソースの「Inkscape」をご紹介したいと思います。
著作権とは
みなさんの趣味はなんでしょうか？
いろんな趣味をお持ちだと思います。
では、それらを好きだからと、録画した映画を許可なく勝手に共有サイトにアップしたら、
著作権に抵触することになります。
著作権には様々な種類があり、とても複雑です。
詳しくは、みんなのための著作権教室などをご覧になってみてください。
Inkscapeをダウンロードしてみよう
Inkscape とは
オープンソースで開発されているベクトル画像編集ソフトウェア（ドローソフト）。Inkscape はXML、SVG、CSS などの標準に完全に準拠したグラフィックツールとなることを目標としている。クロスプラットフォームなソフトウェアであり、LinuxOS、Unix系オペレーティングシステム (OS)、macOS、Windows などで動作する。引用：wikipedia
まずはInkscapeをダウンロードしましょう。
Inkscapeのダウンロード手順
①Inkscapeの公式サイトのナビゲーションメニューから「ダウンロード」をクリックする。
②ダウンロードしたい端末の種類の名前をクリックする。
※Windows端末をご利用の場合は、Windows用のダウンロードボタンを押す。
③お使いのパソコンに合わせ、32bitか64bitをクリックする。
※確認手順は下部に記載
④ダウンロードするファイルの種類を選択する。
| ファイル種類 | 意味 |
| Installer in .exe format（exe） | Windowsで用いられる実行可能プログラムのファイル形式の一つ。インストールするソフトウェアのパッケージを展開して、OS上にソフトウェアのコピーを行いシステムにソフトウェアを登録するプログラムをまとめたもの。 |
| Windows Installer Package（msi） | ソフトウェアをインストールするための、ソフトウェアの圧縮されているパッケージとレジストリ情報のみをまとめたファイル。このファイル単体ではインストールを行うことはできず、Windowsの「Microsoft Windows Installer」を実行する必要がある。 Windows環境でのみ実行が可能。 |
| Compressed archive in 7z format (64bit)（7z） | 7-Zipオープンソースソフトウェアで作成された圧縮アーカイブファイル。 |
⑤ファイルがダウンロードされる。
パソコンのbit数確認手順
①「スタート」を右クリックする。
②「システム」をクリックする。
③「デバイスの仕様」欄のシステムの種類を確認する。
Inkscapeをインストールしてみよう
では、Inkscapeを使えるようにするためにインストールしていきましょう。
ここでは、msiファイルでのインストール手順を記載します。
Inkscapeのインストール手順
①ダウンロードしたmsiファイルをダブルクリックする。
②Setup Wizardが起動するので、「Next」をクリックする。
③ライセンス使用許諾が表示されるため、内容を確認し、チェックをONにし、「Next」をクリックする。
④インストール対象のファイルを選択する。
ここでは、そのまま「Next」をクリックする。
⑤「Install」をクリックし、インストールを開始する。
⑥完了画面が表示されたら、「Finish」をクリックする。
Inkscapeの画面構成
メニューなどからInkscapeを起動してみてください。
どのような画面構成となっているか、確認しておきたいと思います。
Inkscapeの画面構成
| # | 名称 | 説明 |
| ① | メニューバー | Inkscapeの操作項目を大項目に分類して並べたもの。 |
| ② | コマンドバー | 新規作成や、コピー、ペーストなど、よく使う機能のショートカットボタンを並べたもの。 |
| ③ | ツールコントロール | オブジェクトの回転や順序変更など、選択したオブジェクトに対する操作を並べたもの。 |
| ④ | ツールボックス | オブジェクトの作成や、編集に関するツールを並べたもの。 |
| ⑤ | キャンバス | 描画領域。 |
| ⑥ | ページ | この内部にあるオブジェクトが印刷・出力対象となる。 |
| ⑦ | スナップバー | 「スナップ」はオブジェクトを他のオブジェクトやグリッドなどに吸着させること。 その方法に関する操作を並べたもの。 |
| ⑧ | カラーパレット | オブジェクト等の色設定を行う際に使用する。 |
| ⑨ | ステータスバー | 座標情報やズームなどを表示する。 |
Inkscapeを使ってみよう
では早速、Inkscapeを使って、遊んでみたいと思います。
試しに、♪を作ってみましょう。
円を描いてみよう
円の描き方
①ツールボックスから円/弧ツールを選択する。
②ページ内でマウスをクリック→ドラッグし、円を作る
円の色を変えてみよう
色の書き方
①ツールボックスから選択ツールを選択する。
②色を変えたいオブジェクトをクリックして選択する。
※複数のオブジェクトが近くにある場合は、マウスをクリック→ドラッグで範囲選択する。
③カラーパレットから好みの色を選び、オブジェクトの上にドラッグ&ドロップし、色を変更する。
オブジェクトの形を調整してみよう
オブジェクトの調整手順
①ツールボックスから選択ノードツール（①）を選択する。
②形を微調整したいオブジェクトをクリックして選択する。
③白い点や丸が表示され、必要に応じてそれらを触って動かし、形を変更する。
| # | 説明 |
| ② | 高さを調整する |
| ③ | 幅を調整する |
| ④ | オブジェクトの開始と終了位置を調整する |
オブジェクトの傾きを変えてみよう
オブジェクトの傾きの変え方
①ツールボックスから選択ツールを選択する。
②傾きを変えたいオブジェクトをクリックして選択する。
③オブジェクトの周りの矢印の向きがオブジェクトから内側/外側に向いている場合、
もう一度クリックし、矢印の向きがオブジェクトの周りを囲むようにする。
④傾きを変えたい場所の矢印をクリックし、緑色になったときにマウスを動かし傾きを変える。
曲線を引いてみよう
曲線の引き方
①ツールボックスからカリグラフィツールを選択する。
②マウスを動かし、線を引く。
色を塗りつぶしてみよう
色の塗りつぶし方
①オブジェクトを右クリックし、フィル/ストロークをクリックする。
②フィル/ストロークの画面で、スウォッチをクリックし、フィルの色を選択する。
オブジェクトの角を丸くしよう
以下のように角が角ばっているものを丸くしてみます。
オブジェクトの角の丸め方
①オブジェクトを右クリックし、フィル/ストロークをクリックする。
②ストロークのスタイルで、角丸結合などを選択し、丸くする。
複数のオブジェクトをまとめよう
複数オブジェクトのまとめ方
①ツールボックスから選択ツールを選択する。
②マウスを動かし、まとめたいオブジェクトを選択する。
③右クリック→グループ化をクリックする。
まとめ
いかがでしたか？
他にもいろんな機能があります。
いろいろ触って、何ができるか試してみてくださいね✨
コメント