myunuts's blog

プログラム関係をメモっています

Inkscapeをセットアップ&パーツ作成

回路図を書く環境を Part2

Fritzingだけでは、まだ回路図を書くのは不足している。
理由としては、使用したパーツがFritzingにはデータがないから。
そのパーツ画は作成しないといけない。

なので、パーツ画を作成する環境を構築する。

参考:ラズパイマガジン 2014夏号

Inkscape

Inkscapeとは?

ドローソフト。
SVG形式でデータを保存することができる。

ダウンロード

Inkscape公式ページにアクセス
https://inkscape.org/ja/
f:id:myunuts:20160327233911p:plain

「DOWNLOAD」から「Windows版」を選択する。
https://inkscape.org/ja/download/windows/
f:id:myunuts:20160327233933p:plain


私は64bit用のを選択し「7z」方式でダウンロード。
現時点での最新は0.91。窓の杜からもダウンロードができるようになっている。

Inkscape-0.91-1-win64.7z」を展開し、任意の場所に設置。

起動

設置したフォルダ内の「inkscape.exe」を選択し実行。
f:id:myunuts:20160327233959p:plain

別準備(フォントのインストール)

フォントをインストール

Fritzingでも使用する2つのフォントをダウンロードし、TTFファイルを入手。
TTFファイルを選択して、「インストール」を実行する。

  • Droid Sans
  • OCRA

パーツを作ってみる

まずはベース素材を

使用したパーツは「BMP085」と非常に似ている。
ということで、Fritzingを起動。
右側の虫眼鏡のところに「BMP」を入力し実行。
f:id:myunuts:20160327234028p:plain

BMP085のイメージを選択し右クリック。
「Edit Part(new parts editor)」を選択する。
すると、Parts Editorが起動する。
f:id:myunuts:20160327234046p:plain

「ファイル」-「エクスポート」-「as Image」-「SVG」を選択し
名前をつけて保存する。

「Metadata」タブを選択する。
f:id:myunuts:20160327234102p:plain

Title を使用したパーツ名に変更する。
他、関係するところもついでに変更する。
※閉じずにそのまま置いておく。

Inkscapeでデータを編集

Inkscapeを起動し、上記でエクスポートしたSVGファイルを開く。
「ファイル」-「開く」より、SVGファイルを指定する。
f:id:myunuts:20160327234111p:plain

使用したパーツはほぼ正方形なので、整形する。
高さを幅と同じにする。今回は高さの値を幅と同じ値を入力することによって変更。
f:id:myunuts:20160327234138p:plain

「ファイル」-「ドキュメントのプロパティ」を選択する。
f:id:myunuts:20160327234250p:plain
「ページサイズを描画全体または選択オブジェクトに合わせる」ボタンを選択する。
そしてウィンドウを閉じる。

パーツを選択して右クリック。「グループ解除」を2回実行。
f:id:myunuts:20160327234307p:plain

グループ解除をしたらこんな感じになります。
f:id:myunuts:20160327234326p:plain

部品名を変更し
f:id:myunuts:20160327234338p:plain

保存します。

再びFritzingのParts Editor といったりきたり

「ブレッドボード」タブに戻す。
「ファイル」-「Load image for view」で上記で修正したファイルをインポートする。
そうすると、下のような状態に。
f:id:myunuts:20160327234357p:plain

パーツ名がつぶれてしまっています。
SVGファイルをテキストエディタで開き、下記の部分を修正する
変更前(※"<>"は<>に置換してます)


<tspan
style="font-size:3.10066199px;line-height:120.00000477%"
id="tspan4173">MLPS</tspan>
<tspan
style="font-size:3.10066199px"
id="tspan4177">331-MOD</tspan>

変更後

<tspan
style="font-size:3.10066199px;line-height:120.00000477%"
id="tspan4173">MLPS331-MOD</tspan>

再度ファイルをインポートする。
一応、意図通りの図となった。
f:id:myunuts:20160327234414p:plain

続いて、「アイコン」タブに移り、同様に同じファイルをインポートする。

続いて、「回路図」のタブに移る。
修正前なので、BMP085のデータになっているが、これをデータシートの記載に
従って、パーツの回路図に修正する。
まずは、エクスポートを行い、これまでと同様Inkscapeで修正を行う。
f:id:myunuts:20160327234432p:plain

そしてFritzingに戻り、修正したファイルをインポートする。
f:id:myunuts:20160327234443p:plain

コネクター」タブに移り、データシートの記載に従って修正する。
f:id:myunuts:20160327234458p:plain

「ファイル」-「Save as new part」を選択し任意の名前をつけて「OK」

そうすると、Fritzingのパーツペイン「MINE」に「My Parts」として作成したパーツが加わりました。
f:id:myunuts:20160327234515p:plain


一応、パーツの準備は整いました。
次はホントに回路図を書くところにいきたいものです。