ラベル VISIO の投稿を表示しています。 すべての投稿を表示
ラベル VISIO の投稿を表示しています。 すべての投稿を表示

2012/09/21

VISIOやWordで使用できるアイコンを作成する・その3・MS-Officeでの利用


VISIOを起動して、図面に図形を貼り付ける。




図面を開き、「挿入(N)」→「図(P)」→「ファイルから(F)...」を選択する。


先ほど保存した図形を選択する。


SVG画像の場合は、「SVG図の挿入」ダイアログが表示される。


「図の挿入」ダイアログが表示される場合もあるが、その場合は「OK」ボタンを押下する。


図が挿入される。
しかし、羽が黄色になってるな。VISIO 2003の制限か。

VISIOやWordで使用できるアイコンを作成する・その1・素材のダウンロード
VISIOやWordで使用できるアイコンを作成する・その2・素材の編集
VISIOやWordで使用できるアイコンを作成する・その3・MS-Officeでの利用

VISIOやWordで使用できるアイコンを作成する・その2・素材の編集

ダウンロードした二つの素材
から画像を合成する。これには、Inkscapeを使う。Inkscapeがインストールしてあれば、エクスプローラからダブルクリックで、SVGファイルを編集することができる。ASFロゴ画像ASF-logo.svgをダブルクリックする。



[Ctrl]+[A]で画像全体を選択し、[Ctrl]+[C]でコピーする。



続いて、ウェブサーバの画像web_server.svgをダブルクリックする。


ウェブサーバの画像が表示される。[Ctrl]+[V]でASFロゴを貼り付ける。


貼り付けたASFロゴの大きさ・位置を調整する。[Shift]+[Ctrl]+[M]を使えば、縦横費を保持したまま拡大・縮小できる。


必要に応じて、文字などを書き加える。


編集結果を保存する。VisioやPowerpointで使用する場合は、EMF形式で保存するのが良いだろう。[Shift]+[Ctrl]+[S]もしくは、「ファイル(F)」→「名前を付けて保存(A)...」で、「ファイルの保存先の選択」ダイアログが開く。


適切な場所を選ぶ。「ファイルの種類」ドロップダウンリストで「Enchanced Metafile (*.emf)」を選択する。「ファイル名(N)」に適切な名前を入力し、「保存(S)」ボタンを押下する。

「EMF出力」ダイアログボックスが表示される。「テキストをパスに変換」チェックボックスがチェックされていることを確認して「OK」ボタンを押下する。

VISIOやWordで使用できるアイコンを作成する・その1・素材のダウンロード
VISIOやWordで使用できるアイコンを作成する・その2・素材の編集
VISIOやWordで使用できるアイコンを作成する・その3・MS-Officeでの利用

VISIOやWordで使用できるアイコンを作成する・その1・素材のダウンロード

VisioやPowerpointで文書を作成していると、適切なシェイプやクリップアートが見つからない場合がある。そう言った場合に、簡単にベクタ形式のシェイプ・クリップアートを自作する方法を紹介する。

例えば、Apache HTTP serverのアイコンが必要となった場合を考えよう。Open Clipart Library等のサイトを参照すれば、ウェブサーバの絵は簡単に入手できる。


Open Clipart Libraryを開き、「Search」テキストボックスに「web server」と入力し、「Search」ボタン等押下する。検索結果より、lyteによるweb serverを発見することができる。


このweb_server.svgを素材としてダウンロードしておく。

これに、The Apache HTTP Serverの羽を足して、それらしい画像を作りたい。この羽のベクタ形式画像を入手したい。普通に「apache http server filetype:svg」でぐぐって探しても良いのだが、メジャーなソフトウェアであれば、Wikipediaで探した方がいい場合もある。Wikipedia(en)の『Apache HTTP Server』のページを開く。


ページ右に羽のマークがあることが確認できる。これをクリックする。


File:ASF-logo.svg』のページが表示される。このページには、SVG形式のファイルASF-logo.svgへのリンクがあるので、これを素材としてダウンロードする。

VISIOやWordで使用できるアイコンを作成する・その1・素材のダウンロード
VISIOやWordで使用できるアイコンを作成する・その2・素材の編集
VISIOやWordで使用できるアイコンを作成する・その3・MS-Officeでの利用

2012/09/07

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その4・ベクタ画像の利用


作成したSVGファイルを、Visioで利用する。「挿入(I)」→「図(P)」→「ファイルから(F)...」で「図の挿入」ダイアログを開く。


作成したSVGファイルを選択する。
 進行状況を表示する「SVG 図の挿入」ダイアログが表示される。
 以下の様なダイアログが表示される場合があるが、とりあえず無視して「OK」ボタンを押下する。
 図が挿入されたことを確認する。

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その1・概要
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その2・オンラインマニュアルのダウンロード
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その3・ベクタ画像の抽出
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その4・ベクタ画像の利用

2012/09/06

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その3・ベクタ画像の抽出

Inkscapeを起動し、PDFファイルをInkscape上にdrug & dropするか、「ファイル(F)」→「開く(O)...」から当該PDFファイルを開くと、「PDFインポート設定」ダイアログが開く。
「選択ページ」を「15」に変更し、「OK」ボタンを押下する。当該ページがInkscape上に表示される。

こ こから必要な図をコピーする。グループ化されていて、必要なものだけをコピーできない場合もある。その場合は、[Ctrl]+[A]でページ全体を選択 し、[Shift]+[Ctrl]+[G]でグループ化を解除する。多重にグループ化されている場合もあるので、その場合は何度か[Shift]+ [Ctrl]+[G]でグループ化を解除する。 後の段階で、不要なものを削除できるので、この段階では大雑把にコピーできれば良い。Drug & dropで矩形範囲で選択し、[Ctrl]+[C]でコピーする。
[Ctrl]+[N]で新規図形を開き、[Ctrl]+[V]で貼り付ける。
不必要な要素を削除する。削除は、Drug & dropで矩形選択もしくはクリックで対象を選択し、[Del]を押下する。[Ctrl]+[A]で全要素を選択して、背景と同色の図形が残っていないかを確認するとよい。
Visio 2003では、改行を含むテキストを正常に処理できない場合がある。これに対処するには、当該テキストを選択し、「パス(P)」→「オブジェクトをパスへ(O)」もしくは[Shift]+[Ctrl]+[C]で、テキストを図形に変換しておく。
オ ブジェクトのサイズを調整する。まず、[Ctrl]+[A]で全要素を選択する。続いて、[Shift]+[Ctrl]+[M]もしくは「オブジェクト (O)」→「変形(M)...」で「変形」を表示し、「拡大縮小(S)」タブを選択する。単位のドロップダウンリストからを「in」(インチ)を選択し、 「幅(W)」に19、「高さ(H)」に3.5(2Uなので、1.75×2)を入力し、「適用(A)」ボタンを押下する。
ド キュメントのサイズを調整する[Shift]+[Ctrl]+[D]もしくは、「ファイル(F)」→「ドキュメントの設定(D)...」で「ドキュメント の設定」ダイアログを開く。「ページ」タブの「ページサイズをコンテンツに合わせて変更(Z)...」を選択し、「ページサイズを描画全体または選択オブ ジェクトに合わせる(R)」ボタンを押下する。
[Shift]+[Ctrl]+[S]もしくは、「ファイル (F)」→「名前をつけて保存(A)...」で「ファイルの保存先の選択」ダイアログを表示し、適切な名前で保存する。「ファイルの種類(T)」は、デ フォルトの「Inkscape SVG (*.svg)」でよい。MS-Word等から利用する場合は「Enchanced Metafile (*.emf)」を選択する。TeXから利用したい場合は、「EPS - Encapsulated Postscript (*.eps)」がよい。今回は、「Cisco UCS C24 M3 front.svg」という名前で保存した。
Inkscape上での作業は終了したので、Inkscapeを終了する。最初に開いたPDFファイルは、保存する必要は無い。

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その1・概要
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その2・オンラインマニュアルのダウンロード
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その3・ベクタ画像の抽出
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その4・ベクタ画像の利用

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その2・オンラインマニュアルのダウンロード

メーカが提供しているオンラインマニュアルをダウンロードする。メーカのウェブページを辿っても良いが、ぐぐるのが早い場合もある。例えば、「Cisco UCS C24 M3 Installation and Service Guide filetype:pdf」というキーワードでぐぐると、『Cisco UCS C24 Server Installation and Service Guide』が見つかる。
このPDFの15ページに、UCS C24 M3の正面図がある。

このページををInkscapeで開いて編集する。

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その1・概要
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その2・オンラインマニュアルのダウンロード
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その3・ベクタ画像の抽出
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その4・ベクタ画像の利用

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その1・概要

以前、『VISIO: ラック図に使えるマスタシェイプの作り方』と言う記事を書いた。このときは、ラスタ画像から図形を作る方法を紹介したが、今回はベクタ画像から図形を作る方法を紹介したい。なお、今回の方法は、Visioだけでなく、他のMS-Office製品(MS-Word、MS-ExcelやPowerpoint等)にも応用できる。

Visioを使ってネットワーク図やラックマウント図を書く場合を考える。メーカ等が無料で配布しているステンシルを利用できれば、それを利用すればよい。しかし、そう言ったステンシルに自分の欲しい図形が含まれていないこともある。
例えば、Cisco UCSに関しては、Ciscoが提供している『Visio Stencils』から、『Unified Computing System』をダウンロードして利用できる。しかしこの中には、Cisco UCS C24 M3が含まれていない。

そう言った場合、メーカが準備しているPDFオンラインマニュアルからベクタ画像を抽出し、SVG形式に変換することで、Visioから利用可能な図形を得る。

PDFからベクタ画像を抽出するのには、Inkscapeを利用する(Inkscapeのインストールに関しては、こちらを参照)。Windows用のインストーラも準備されているので、それを利用するといいだろう。

VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その1・概要
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その2・オンラインマニュアルのダウンロード
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その3・ベクタ画像の抽出
VISIO: PDFオンラインマニュアルからベクタ画像を抽出して使用する・その4・ベクタ画像の利用

2007/10/27

VISIO: スピードによって太さが変わるネットワークコネクタ

ラック図に使えるマスタシェイプの作り方シリーズに続いて、VISIOの小技。

Visioでネットワーク図を作るとき、機器と機器をコネクタで結ぶが、このコネクタにカスタムプロパティでスピード・デュプレックス・メディアタイプを定義し、スピードに従って線の太さが自動的に変化する機能を追加する。以下の通り作業する。
Visioでネットワーク図作っているところ。ファイアウォールとルータが動的コネクタで接続されている。
ツールバーからコネクタツールを選択し、機器間をドラッグすると、動的コネクタで接続される。
動的コネクタにカスタムプロパティを定義するために、カスタムプロパティウィンドウを表示する。メニューバーから「表示(V)」→「カスタム プロパティ ウィンドウ(M)」を選択する。
カスタムプロパティウィンドウが表示される。左の例では、動的コネクタが選択されているので、その動的コネクタのカスタムプロパティがカスタムプロパティウィンドウに表示されるはずだが、動的コネクタにはカスタムプロパティが定義されていないため、「カスタム プロパティなし」と表示されている。
動的コネクタ選択するためにクリックし、カスタムプロパティウィンドウを右クリックし、メニューから「プロパティの定義(D)」を選択する。
「カスタム プロパティの定義」画面が表示される。
スピード・デュプレックス・メディアタイプの三つを定義するが、まずはスピードから。以下の通り入力し、「新規作成(E)」ボタンをクリックする。
  • ラベル(L): Speed
  • 種類(T): 固定リスト
  • 書式(F): 10M;100M;1G;10G
  • 値(V): 100M
続いてデュプレックス。以下の通り入力し、「新規作成(E)」ボタンをクリックする。
  • ラベル(L): Duplex
  • 種類(T): 固定リスト
  • 書式(F): 全二重;半二十
  • 値(V): 全二重
最後にメディアタイプ。以下の通り入力し、「OK」ボタンをクリックする。
  • ラベル(L): Media Type
  • 種類(T): 固定リスト
  • 書式(F): T;SX;LX;ZX
  • 値(V): T
カスタムプロパティウィンドウに、新たに定義されたカスタムプロパティが表示されている。各プロパティは、ドロップダウンリストから値を選ぶことができる。
スピードによって線の太さが変わるよう、動的コネクタのシェイプシートを編集するため、動的コネクタを選択した状態で、メニューバーから「ウィンドウ(W)」→「シェイプシートの表示(S)」を選択する。
画面下部にシェイプシートが表示される。
シェイプシートの中の、「Custom Properties」セクションに注目。カスタムプロパティSpeedは、「Prop.Row_1」という名前で参照できることが判る。
シェイプシートを下へスクロールしていくと、「Line Format」セクションが見つかる。この中の「LineWeight」欄に、
=IF(Prop.Row_1="10M",0.25 pt,IF(Prop.Row_1="100M",0.72 pt,IF(Prop.Row_1="1G",1.5 pt,3 pt)))
と入力する。Prop.Row_1で参照されるカスタムプロパティSpeedの値によって、値を変えている。例えば、Speedが100Mのときは、0.72ptになる。
シェイプシート右上「×」をクリックし、シェイプシートを閉じる。
実際にスピードを1Gに変更してみよう。動的コネクタのカスタムプロパティSpeedのドロップダウンリストから1Gを選ぶ。
線が太くなる。


これでスピードによって太さの変わる動的コネクタを作成できた。
ただし、これをこのままコピーしてもこの機能は引継がれない。
機能を引継ぐためには、この動的コネクタを、ステンシルにマスタシェイプとして登録する必要がある。ステンシルへのマスタシェイプの登録は、前回の記事を参照して欲しい。

2007/10/25

VISIO: ラック図に使えるマスタシェイプの作り方・その4・マスタシェイプの作成

2012.9.6(木)追記:
ベクタ画像を利用する方法を公開した。ベクタ画像の方が一般に高画質が期待できる。

ラック図に使えるマスタシェイプの作り方シリーズの第四回。

ここでは、既存のマスタシェイプ「棚」に前回準備した正面図を貼り付けることで、新しいマスタシェイプを手抜き作成する。
手元にVisio 2003しかないので、Visio 2003での実行例となります。あしからず。
・Visioを起動すると「図面の種類の選択」画面が表示される。
「ネットワーク図」から「ラック図」を選択する。
新規ラック図が作成される。
右の「図形」ウィンドウから「ラックマウント式機器」ステンシルを選択する。
ステンシル内の「棚」マスタシェイプをドラッグし、図面上に置く。
・メニューバーから「ファイル(F)」→「図形(E)」→「個人用図形(W)」→「お気に入り」を選択する。
「お気に入り」ステンシルが「図形」ウィンドウに追加される。
先ほど図面上に置いた「棚」シェイプをドラッグし、このステンシル上に置く。
「お気に入り」ステンシルの編集の可否を問うダイアログが表示されるので、「はい(Y)」をクリックする。
棚シェイプが、新たにマスタシェイプとして「お気に入り」ステンシルに登録された(ステンシルの右上に編集中を示すフロッピーディスクアイコンが表示されている)
名前が「Master.番号」となっているので、これ変更する。マスタシェイプを右クリックし、メニューから「マスタシェイプ名を変更(R)」を選択する。
適切な名前に変更する。ここでは、「CentreCOM GS924S」とした。
続いて、このマスタシェイプを編集する。マスタシェイプをダブルクリックするか、マスタシェイプを右クリックし、メニューから「マスタシェイプの編集(E)」→「マスタシェイプの編集(E)」を選択する。
「お気に入り」ステンシル内の「CentreCOM GS924S」マスタシェイプを編集する画面が表示される。
この段階で正面図を置くこともできるが、それではラックへ接着できないマスタシェイプになってしまう。
そこで、この「棚」グループのさらに編集し、その中に画像を配置する。
まずは、このグループをクリックし、選択状態にする。画面左には、「図形のサイズ/位置/回転」ウィンドウが表示されるはずだ(「図形のサイズ/位置/回転」ウィンドウを非表示にしていなければ)
メニューバーから「編集(E)」→「棚を開く(O)」を選択する。
「棚」グループを編集する画面が表示される。
このグループの中に、前に作成した正面図を置く。
メニューバーから、「挿入(I)」→「図(P)」→「ファイルから(F)」を選択する。
「図の挿入」ウィンドウから前に作成した正面図を選択する。
正面図が挿入されるが、サイズが調整されていないため、大きく表示されている。
これを修正するために、画面左の「図形のサイズ/位置/回転」ウィンドウに正しいサイズを入力する。
もし「図形のサイズ/位置/回転」ウィンドウが表示されていなければ、メニューバーから「表示(V)」→「図形のサイズ/位置/回転(S)」を選択すればよい。
「図形のサイズ/位置/回転」ウィンドウに正しい幅と高さを入力する。メーカの製品情報ページからダウンロードしたカタログに「外形寸法 441(W)× 235(D)× 44(H)mm」と記載されているので、この数値を入力する。
正面図が、棚の図形からはみ出さないように位置を調整する。
調整後、画面右上の「×」をクリックして、編集を終了する。
マスタシェイプの編集画面に戻る。
マスタシェイプの編集を終了するため、画面右上の「×」をクリックする。
「CentreCOM GS924S」マスタシェイプの更新の可否を問うダイアログが表示されるので、「はい(Y)」をクリックする。
編集結果を保存するため、画面左「図形」ウィンドウ内の「お気に入り」ステンシル右上に表示されているフロッピーディスクアイコンをクリックする。
このマスタシェイプは、他のマスタシェイプと同様、図面上にドラッグして使うことができる。ラックへ接着することも可能だ。
これで一応は使えるラックマウント式マスタシェイプを作ることができた。
ただ、このマスタシェイプには、たのラックマウント式マスタシェイプに定義されている、「ネットワーク名」や「IPアドレス」等のカスタムプロパティが定義されていないし、ポートへコネクタを接続することもできない。
これらへの対処については、別の機会に解説する。

VISIO: ラック図に使えるマスタシェイプの作り方・その1・概要
VISIO: ラック図に使えるマスタシェイプの作り方・その2・ツールのインストール
VISIO: ラック図に使えるマスタシェイプの作り方・その3・正面図の準備
VISIO: ラック図に使えるマスタシェイプの作り方・その4・マスタシェイプの作成