「Excelで路線図を作る方法」の編集履歴(バックアップ)一覧に戻る
Excelで路線図を作る方法 - (2011/11/20 (日) 21:36:00) のソース
*前置き 話し合いの場などで路線図を作りたい、と言う方が多かったので作りました。基本的には、Excelとpaint(Macの場合はPhotoshopなどで代用)があれば作成可能です。~ 慣れない方は、土台のところだけで十分ですが、もっとリアルなものが作りたい方は、応用編を参照していただけると、非常に美しいものが仕上がります。~ &color(red){路線図作成は根気です!!} #contents *作り方(土台) ここではWindows(Excel2003ver・2007ver・Excel2010ver)・Mac(Excel2004verExcel2008ver)を例に挙げて説明していきます。 **マス作り -&color(blue){Excel2003の場合} --Aのマスの大きさを18ピクセルにする。 --Aの上で右クリックしてコピーをクリック。 --BCDEFG…を選択して右クリック、そして貼り付けをクリック。~ ※ちなみにシートの左上をクリックし、「書式」→「列」→「幅」ないしは右クリックで「列の幅」を選ぶかAの枠線を動かすことにより、より簡単にマス作りができます。 -&color(blue){Excel2007・2010の場合} --Windows Excel2003の場合と同じ。~ ※ただし、「幅」をメニューから調整するときは、シート右側「セル」→「書式」から幅を調整する。 -&color(blue){Mac Excel2004の場合} --シートの左上をクリックし、「書式」→「列」→「幅」で0.6cm(17ピクセル)にする。なお、右クリックが使えるマウスで右クリックおよびcontrolキー+クリックの場合はそれから「列の幅」を選択可能。~ ※上記の18ピクセルにする場合は0.64cmにする。その場合は「列の高さ」も合わせること。 -&color(blue){Mac Excel2008の場合} --Mac Excel2004の場合と同じ **塗りつぶし -&color(blue){Excel2003の場合} --挿入(真ん中の辺りにある)をクリックする。 --次に、図(%%%P%%%)にカーソルをあて、オートシェイプをクリック。 --そして塗りつぶしの横にある逆三角にカーソルをあて、白色を選択。 --最後に範囲を選択して塗りつぶしを選択。これでマス目が消える。 -&color(blue){Excel2007・2010の場合} --シート上部メニューのフォントの部分のペイントマークから好きな色を選択。 -&color(blue){Excel2004の場合} --設定パレットを開き、罫線と網かけより網かけの色から好きな色を選択。 -&color(blue){Excel2008の場合} --Mac Excel2004の場合と同じですが、「設定パレット」の部分を、「書式パレット」に置き換えて解釈してください。 **線、停車駅の作り方 -&color(blue){Excel2003の場合} --線を引きたいところを選択して塗りつぶしをする。 --その線の上に、○やオートシェイプの中にある図形で停車駅を作る。 --一度使った図形をコピーして好きな場所に貼り付ければ丸などの形を統一できる。 -&color(blue){Excel2007・2010の場合} --線を引きたいところを選択して塗りつぶしをする。 --シート上部メニューの「挿入」より、「図形」を選択し、○などの図形で(停車)駅をシート上で作る。 --デフォルトだと青色の図形になっているので、「書式」メニュー(図形を作れば自動的に出ます)中央の塗りつぶし・枠線の設定を変更する。 --デフォルト図形の縮小などは各自でやってください。 --一度使った図形をコピーして好きな場所に貼り付ければ丸などの形を統一できる。 -&color(blue){Excel2004の場合} --線を引きたいところを選択して塗りつぶしをする。 --その線の上に、オートシェイプ(「挿入」→「図」→「オートシェイプ」より【ツールバーの設定を変えればより簡単に呼び出せます】)から○などの図形で(停車)駅を作る。~ ※□の場合はマス目を利用して罫線で作るやり方もあります。 --一度使った図形をコピーして好きな場所に貼り付ければ丸などの形を統一できる。 -&color(blue){Excel2008の場合} --「オブジェクトパレット」(デフォルトの「書式パレット」上にあるアイコンで左から2番目をクリックする。もしくは、挿入→図→図形からでも可能)をだし、パレット内にある好きな図形をシートにドラッグする。 --デフォルトだと青色の図形になっているので、シートにドラッグした図形をダブルクリックすると書式設定ができる(図形をクリックした後で「書式パレット」でも設定可能)。そこで、塗りつぶし・線・影などの設定を変える。 --デフォルト図形の縮小などは各自でやってください。 --一度使った図形をコピーして好きな場所に貼り付ければ丸などの形を統一できる。~ ※□の場合はExcel2004の場合と同様。 **駅名の付け方 -&color(blue){Excel2003の場合} --ワードアート挿入で好きな字体を選択。 --サイズなどを設定し、文字を入力。(元々書いてある言葉は消しておくこと。) --好きな場所に移動させる。 --塗りつぶしで色を設定し、筆みたいなマークのところでふちの色を決める。 --この方法で列車の種別なども書くと良い。 -&color(blue){Excel2007・2010の場合} --ワードアート(「挿入」→「テキスト」より)挿入で好きな字体を選択。 --自動的に文字(元々書いてある言葉は消しておくこと。)がでるので、入力する。 --塗りつぶしや輪郭は書式メニュー中央の「ワードアートスタイル」で変更する。 --フォントや文字の大きさの変更はいったん「ホーム」メニューをクリックし、シート上部にあるメニューの「フォント」で設定をする。 --好きな場所に移動させる。 -&color(blue){Excel2004の場合} --ワードアート挿入(「挿入」→「図」→「ワードアート」より【ツールバーの設定を変えればより簡単に呼び出せます】)で好きな字体を選択。 --サイズなどを設定し、文字を入力(元々書いてある言葉は消しておくこと。)。 --好きな場所に移動させる。 --塗りつぶしとふちは、ワードアートウィンドウの中部の左から2番目のアイコンをクリックしてそれぞれ調整。~ ※マス目利用の場合は基本1マスに1文字ずつ入力するとよい(あとは各自で調整してください)。 -&color(blue){Excel2008の場合} --ブックのウィンドウ上にあるワードアートをクリックし、好きな字体を選択。 --書式変更は「書式パレット」を使用するか、枠をダブルクリックして書式設定をする。その後、文字を入力(元々書いてある言葉は消しておくこと。)。 --好きな場所に移動させる。 --塗りつぶしとふちは前述の「書式パレット」を使用するか、枠をダブルクリックして書式設定と同じ。~ ※マス目利用の場合はExcel2004の場合と同じ。 **拡張子の変更 -&color(blue){Excel2003の場合} --枠線を消す。ツール内の「オプション」-「表示」-「ウィンドウオプション」の「枠線」のチェックを外す。 --上の行程を全て終えたら必要な範囲を指定しコピー機能を使う。 --ペイントを出し貼り付け機能を使う。(Windowsの時、「すべてのプログラム」-「アクセサリ」-「ペイント(Paint)」にあります) --ファイルから名前を付けて保存を選択。名前を付ける。 --そのまま保存するとbmpファイルで重くてアップロードできないので、名前の下のファイルの種類をpngやjpegなどにして保存。 --これで完成です。お疲れ様でした。 -&color(blue){Excel2007・2010の場合} --枠線を消す。シート上部メニューの「表示」→「表示/非表示」(Excel2010は表示)の「枠線」のチェックを外す。 --ペイントを出し貼り付け機能を使う。(Windowsの時、「すべてのプログラム」-「アクセサリ」-「ペイント(Paint)」にあります) --ファイルから名前を付けて保存を選択。名前を付ける。 --そのまま保存するとbmpファイルで重くてアップロードできないので、名前の下のファイルの種類をpngやjpegなどにして保存。 --これで完成です。お疲れ様でした。 -&color(blue){Excel2004の場合} --枠線を消す。アップルマーク横の「Excel」→「環境設定」から「枠線」のチェックを外す。~ ※画像編集ソフトによってはこの操作はいりません。 --上の行程を全て終えたら必要な範囲を指定しコピー機能を使い、画像編集ソフトで新規ファイルを作り、そこにペースト。 --他に必要な修正があればそれを行い、保存する(保存の際はpng形式で。このWikiにあげる時は容量を1MB以下に)。 --これで完成です。お疲れ様でした。 -&color(blue){Excel2008の場合} --枠線を消す。アップルマーク横の「Excel」→「環境設定」を開き、表示のオプションから「枠線」のチェックを外す。~ ※画像編集ソフトによってはこの操作はいりません。 --上の行程を全て終えたら必要な範囲を指定しコピー機能を使い、画像編集ソフトで新規ファイルを作り、そこにペースト。 --他に必要な修正があればそれを行い、保存する(保存の際はpng形式で。このWikiにあげる時は容量を1MB以下に)。 --これで完成です。お疲れ様でした。 &color(red){※Macの場合はWindowsでのpaintのようなデフォルトアプリケーションがないため、Photoshop・Painter・GIMPなどの画像編集ソフトを各自で用意すること。} *画像での説明(2003バージョン) 画像をクリックすると拡大します。 #ref(rosenzu01.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=787) #ref(rosenzu02.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=788) #ref(rosenzu03.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=789) #ref(rosenzu04.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=790) #ref(rosenzu05.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=791) #ref(rosenzu06.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=792) #ref(rosenzu07.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=793) #ref(rosenzu08.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=794) #ref(rosenzu09.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=795) #ref(rosenzu10.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=796) #ref(rosenzu11.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=797) #ref(rosenzu12.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=798) #ref(rosenzu13.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=799) *画像での説明(2007バージョン) #ref(路線図(2007)-1.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-1.PNG) #ref(路線図(2007)-2.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-2.PNG) #ref(路線図(2007)-3.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-3.PNG) #ref(路線図(2007)-4.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-4.PNG) #ref(路線図(2007)-5.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-5.PNG) #ref(路線図(2007)-6.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-6.PNG) #ref(路線図(2007)-7.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-7.PNG) #ref(路線図(2007)-8.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-8.PNG) #ref(路線図(2007)-9.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-9.PNG) #ref(路線図(2007)-10.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-10.PNG) #ref(路線図(2007)-11.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-11.PNG) #ref(路線図(2007)-12.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-12.PNG) #ref(路線図(2007)-13.PNG,,width=280,http://www44.atwiki.jp/myads?cmd=upload&act=open&pageid=20&file=%E8%B7%AF%E7%B7%9A%E5%9B%B3%282007%29-13.PNG) *応用編 **曲線の扱い方 Zさんのコメントをヒントにまとめてみました。多少の数学的知識が必要になります。また、''上記とは線の扱い方が違います''(ここではオートシェイプ横の「直線」を使います)ので注意してください。 #ref(曲線の扱い方1.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=1015) #ref(曲線の扱い方2.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=1016) #ref(曲線の扱い方3.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=1017) #ref(曲線の扱い方4.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=1018) #ref(曲線の扱い方5.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=1019) #ref(曲線の扱い方6.PNG,,width=280,http://www44.atwiki.jp/myads/?plugin=ref&serial=1020) *コメント欄 ご不明な点および、疑問質問などはこちらにコメントしていただけたらと思います。ただ、''初歩の初歩な質問はご遠慮ください''。 - [[Z]]さんのアドバイスのおかげで、私もなんとか路線図をまとめられるようになりました。あの時は、本当にありがとうございました。どうしようか迷ったのですが、私も路線図製作に協力させていただこうかと思っています。 -- [[Nis]] &new{2010-02-22 (月) 15:51:59}; - 分かって頂けて何よりです。まだまだ私も未熟者ですがともに技術を高めあいましょう! -- [[Z]] &new{2010-02-23 (火) 16:18:46}; - 私が作った路線図のエクセルファイルを掲載する形で協力させていただきます。でも、このページに添付するのはZさんに失礼と思い、自分の紹介ページにさせていただきますので、よろしくお願いします。 -- [[Nis]] &new{2010-02-23 (火) 23:32:22}; - 勝手ながら路線図を貼り付けました。後、下の添付ファイルにランランルーと書いてあるのは間違えてアップロードしてしまったものなので気にしないで下さい。ちなみに中は路線図です。 -- [[ny]] &new{2010-05-24 (月) 22:02:05}; - おぉ!新しい路線図美しいですね。特にきれいに並んだ曲線!しかも3時間で作ったとは!私のは、10時間程度かかってます... -- [[Nis]] &new{2010-07-20 (火) 17:46:42}; - こんな時間まで、解説用の写真(?)を17枚も作っちゃいました…疲れました。''分かりにくいとか絶対に言うな!'' -- [[KM]] (2011-03-27 00:21:13) - KMさん、写真ありがとうございます。ただ、ペイントで拡張子を変えるときはjpegよりもpngの方が良いかと思います。jpegの圧縮方法は、単純に画像解像度を落とす方法に対し、pngは、周りに似た色や、規則性を見つけて圧縮する方法なので、画質が落ちることはまずありません。普通の写真の場合、規則性が少ないため、jpegのほうが圧縮するにはいいのですが、同じ色が多く活用されている、路線図のようなものは、規則性の宝庫なので、圧縮したときの大きさもpngのほうが基本的には小さくなるかと思います。よって、pngのほうが路線図の圧縮に適しているかと思います。 -- [[Z]] (2011-03-28 03:24:32) - そうなんですか。僕が試したときはJPEGが一番軽かった(と思う)ので、てっきりJPNGがいいかと思いました… -- [[KM]] (2011-03-28 10:21:54) - 少なくともpngにすれば劣化せずに圧縮できるということが言いたかっただけです。 -- [[Z]] (2011-03-28 14:27:14) - >KMさん 17枚もの写真ご苦労様です。どうせなら、添付ファイルだけでなく画像掲載もされてみては? -- [[Nis]] (2011-03-29 14:15:36) - 私からも是非お願いします。 -- [[Z]] (2011-03-29 17:48:30) - わかりました。ただ、一部修正してから掲載するので、暫くお待ちください。掲載方法ですが、新しく項目を作ってからそこに掲載すればいいでしょうか? -- [[KM]] (2011-03-29 18:53:38) - 私からは何とも言えませんが、写真を並べるか今ある作り方に挟むかのどちらかでしょうが、どっちの方が見やすいでしょうか? -- [[Nis]] (2011-03-29 19:20:50) - 修正版(rosenzu01~13)をUPしました。とりあえず写真を並べておきますが、「こっちのほうが見やすい!」などがあれば、どうぞ自由に変えちゃって下さい。 -- [[KM]] (2011-03-31 19:39:20) - クリックしても拡大されませんが。私だけでしょうか? -- dr (2011-03-31 19:49:26) - 違う場所にリンクしている気がします。複雑な書式でいまいち意味がw -- [[Z]] (2011-03-31 23:30:12) - 画像部分を編集して原寸で見られるようにしました。バックアップ等見てもらえれば分かるでしょうが、こういった時は回り込み(around+#clear)は付けなくても大丈夫ですよ(たぶん)。 -- [[Nis]] (2011-04-01 02:10:32) - ペイントの右クリックができないんですが。 -- dr (2011-04-09 11:18:00) - もしかして、左側のメニューで四角の枠以外のところが選択されていませんか?10番の写真のように、四角の枠を選択しないと右クリックできませんよ。 -- [[KM]] (2011-04-09 11:26:02) - 編集にクリックしたらできました。でも、Excelの線が残ってしまうのですが、対処法なんてありますか? -- dr (2011-04-09 11:31:23) - 8番の写真のように、ツール→オプション→表示で枠線のチャックを外すと線は消せますが・・・ -- [[KM]] (2011-04-09 17:04:59) - 曲線の引くのにはどうすれば良いのでしょうか? -- dr (2011-04-25 20:13:42) - 弧を選択して、太さを直線とあわせるだけ。たとえば30度などにしたいときは、もうひとつ弧を作って、それを適当に傾けてかぶせる。その後に、同じ角度の長方形でかぶせれば完成 -- [[Z]] (2011-04-25 21:36:45) - 応用編として、「曲線の扱い方」をまとめてみました。慣れるまで結構大変なんですが、路線図制作で何かの役に立てば幸いです。 -- [[Nis]] (2011-05-28 22:13:19) - 応用編編集お疲れ様です。曲線をうまく使いこなせれば、鉄道会社が使っている路線図にぐっと近づくか、うまくいけば、超えられますよ!! -- [[Z]] (2011-05-29 01:35:19) - 太さを変えるにはどうすればいいんでしょうか? -- dr (2011-06-01 19:50:48) - 線をダブルクリック→「太さ」の欄の数字を変えればおkです。 -- [[KM]] (2011-06-01 20:57:40) - テキストボックスなしで出来ましたよ? -- 快速 (2011-06-18 17:25:42) - 快速さんのおっしゃるとおり、テキストボックスやワード挿入を使わなくても表示できますが、後で移動しようとすると面倒になります。ま、いろいろやり方があるってことで。 -- [[Nis]] (2011-06-18 19:15:45) - 2007だから最初が分かりにくいです -- 名無しさん (2011-08-11 09:21:15) - やはり、バージョンが違うとそうなりますか。なんとかしたいのですが、2003しか持ってない私としては…。 -- [[Nis]] (2011-08-11 14:12:07) - 名無しさんと同じで、2007だから分かりにくいです。 -- 特急 (2011-08-22 14:00:05) - Nisさんからの依頼により、Macにおける作り方(土台)を当方が加筆いたしました。 Macユーザーの方で今まで作りたいけど、わからなかったという方はぜひ参考にしてください。なお、画像等必要な場合は後日にはなりますが、アップロードさせていただきます。&br()追記:なお、Macのバージョン(手持ち分)についてはすべて記載しました。-- 丁稚クラス (2011-08-24 15:59:29) - とりあえず、Windows Excel2007(Enterpriseで検証)およびWindows Excel2010(Professional plusで検証)における作り方(土台)を当方が加筆いたしました。&br()Excel2007とExcel2010についてはやり方が一緒のようです。画像も違いがある部分をピンポイントで撮影しております(アップロードの場合は後日になります)。&br()画像を加えて説明するとなると、WindowsとMacでページ分割したほうが将来的には得策かもしれません。何かご意見などございましたらよろしく御願いします。-- 丁稚クラス@出先 (2011-08-25 11:55:54) - 丁稚クラスさん、お忙しい中ありがとうございました。しかも、かなり細かく説明していただけて感謝×2です!分割などについては、まあ後日にってことでいいのではないでしょうか? -- [[Nis]] (2011-08-25 14:04:29) - 取り急ぎではありますが、なんとかまとめました。応用編もいずれはバージョンごとの説明を導入したいところですが、まずは自ら勉強しておきます。暫くの間は特別な事情がある場合を除き分割せずに、このままにしようかと思います。Excel2007で作られる皆様はとりあえず、説明文を見て、自力でやってみてください。自力でやっていただければ、より理解が深まりますし、力もつきます。 -- 丁稚クラス (2011-08-25 14:27:21) - 2007での簡単な路線図の作り方を画像で作成、及び一部加筆訂正いたしました。 -- [[KM]] (2011-10-23 11:05:27) - 今更ながら、加筆訂正のお知らせ。 で、2003,2007verは画像がありますし、文章での説明方法は要らないかと。ご意見お待ちします。p.s.どなたか、「Macを持ってるし、画像も作れる」という方が入れば…いや、何でもないっすw -- [[KM]]@ケータイ (2011-11-20 21:36:00) #comment