スキップしてメイン コンテンツに移動

Excelの図形を組み合わせて文字盤を作る方法

作成に使用した環境:Excel 2007 SP2

力業で誰得な方法です。 が、Excelなのでカラーバリエーションやサイズを変更しやすいかな・・?と思います。文字盤と言いながら、文字は入ってません。
Excelで文字盤の目盛の入れ方というのが正しいです(;^_^A

image
図1 完成図

JavaScriptを使って、アナログ時計を作りたかったのですが、文字盤は画像を使うというこで、ネットで文字盤の画像や文字盤を作成するフリーソフトを探しても良かったのですが、適当なのが無かったのと、背景色と合わせたかったので、自作することにしました。単純な構成の図でありながら、お絵かきソフトを使い慣れていない僕は、Excelの図形を組み合わせて作成してみたいと思います。

image
図2 基本の円

まず、挿入から図形を選択し、「円/楕円」という図形をシート上に描きます。楕円にならないよう、高さと幅を同じ値にしておきます。

1.文字盤と角度の関係

文字盤を描く前に、秒針の角度について触れておきます。当たり前の事ですが、0秒から60秒進むのに、秒針は360°回転します。なので、1秒進むと、6°傾いているということが言えます。Excelで描く文字盤には、6°ずつ傾けて線を描きます。


image
表1-1 秒と角度の対応(30秒まで)


また、図1にあるように、細かく目盛が振ってあるアナログ時計の文字盤の目盛の大きさは、

  • [大] 0秒、15秒、30秒、45秒の位置
  • [中] 5秒、10秒、20秒、25秒、35秒、40秒、50秒、55秒の位置
  • [小] それ以外の位置

となっていることが多いと思います。表1-1では、大:オレンジ、中:黄色、小:白色で色分けしてみました。それぞれの部分で違う目盛を描く必要があります。

これらを踏まえて、小サイズの目盛から描き始めていきます。

2.小サイズの目盛を描く

挿入から図形を選択し、「直線」で、円を真っ二つにするように線を引きます。
image
図2-1 直径に線を引く

Excel 2007だとちょうど直径になるように、線が引けます。この線を、書式リボンから、回転→その他の回転オプションを選びます。

image
図2-2 回転オプション

サイズタブの回転欄に、既に90°もしくは270°と値が入っているはずです。表1-1になあるように、1秒は6°なので、ここから6°回転させます。

image
図2-3 1秒分回転

次に、再び図2-1のように、縦線を入れます。今度は、2秒目を表すために、12°回転させます。同じ手順で、18°回転と、最後に回転させない線追加します。

 image
図2-4 0秒~3秒まで

これで、0秒、1秒、2秒、3秒の所に線が入ったことになります。この線をグループ化して、コピーして、以下の角度へ回転させた位置へ配置します。

  • 36°
  • 66°
  • 96°
  • 126°
  • 156°

image 
表2-1 コピー後に必要な回転(赤枠)

グループ化しているので、6個分の作業です。コツとしては、Excelのシートの表示倍率を200%程度に拡大し、図2-4のグループ化した線をコピーしたら、コピー元はそのままにしておいて、全く同じ位置へ貼り付けます。微調整はキーボードの矢印キーなどで行い、図2-2やった回転オプションで、上記の角度へ回転させます。なので、36°→66°→96°→126°→156°という順番で、最後に、コピー元を6°回転ということになるかと思います。

image 
図2-5 文字盤の小サイズの目盛

このままだと、目盛とは言いがたいので、背景の円をコピーして縮小させます。ここでは、縦横共に0.5cm縮小させました。

image

これを、かぶせます。

image 

3.中サイズの目盛を描く

要領は、先ほどの小サイズの目盛と同じです。

image 

縦に線を入れて、今度は表1-1の黄色い部分の値で回転させます。

image 

また、これを先ほどの要領と同じで、ふたをします。ただし先ほどより、縮小はほんの少しにします。かぶせるにあたり、色が同化して中心が分からなくなるので、重ね合わせるまで、一時的に後ろの円の色を変えておくと良いかも知れません。

image

image

こんな重なり方をすると、非常に選択し辛く、元の色に戻せないという自体が発生しますが、書式リボンで、「オブジェクトの選択と表示」をクリックすると、

image

サイドにオブジェクト一覧が表示されるので、円/楕円を選択して、塗りつぶしの色を変更すると、元の色に戻せます。

image

アナログ時計の文字盤っぽくなってきましたね。

4.大サイズの目盛を描く


中サイズと同じ手順で、表1-1のオレンジ色の角度に、貼り付けていきます。というか、線をクロスさせればいいだけです。

image

で、同じように、縮小した円でふたをします。

 image

で、このままでも良いのですが、目盛の外側に余白が欲しいので、ほんの少し大きめの円を作成して、最背面で貼り付けます。

image

これで、文字盤の完成です!
後は、グループ化して、お絵かきソフトでJPGやPNG保存をするか、Excel背景の枠線を消して画面キャプチャするかで、画像として使えます。



 

 

 
Officeで描ける!!クリップイラストテクニック Word/Excel/PowerPoint対応
狩野 祐東
技術評論社
売り上げランキング: 181375

コメント

このブログの人気の投稿

Javaでprivateなfieldやmethodにアクセスする

JUnitでテストしてると、privateなフィールドにアクセスして、値を参照したりセットしたりしたくなるわけですが、よく使うのでメモしておきます。 例えば、次のような対象のクラスがあるとします。 public class ParentClass { private String hoge = "ParentClass!!"; public void dispMsg() { System.out.println("dispMsg:" + hoge); } private void privateDispMsg(String msg) { System.out.println("dispMsg:" + msg); } }

GolangでWindows GUIアプリケーション

GUIアプリ作成の前提 社内ツールとしてexeで配布 開発環境はGoLandを使う 社内ツールとしてexeを配布ということであれば、Visual StudioでC#による開発だと思います。しかしながら、Go言語を習得したいのと、GoLandの補完機能が便利で、Android Studio使っていたこともあり、とっつきやすいという点からGo縛りでGUIアプリケーションを考えたいと思います。 lxn/walk Windows application library kit for Go. Windows向けしか考えていないので、まずこのライブラリなのですが、ボタンやコンボボックスが思ったように並ばなかったり、手軽にイメージボタンを配置したりなど、簡単にレイアウトを変更できない課題に直面しました。レイアウト作成だけで時間を取られてしまいます。そう言えば、Androidアプリ開発のときは、XMLでデザイン部分を切り離してたのを思い出して、今回の調査の運びとなりました。 fyne-io/fyne Cross platform native GUIs designed for Go based on Material Design. Supports: Linux, macOS, Windows, BSD, iOS and Android. walkと比べると、クロスプラットフォームで作成できるのですが、こちらもコードの中にデザインを書いていく形でした。 therecipe/qt therecipe/qt allows you to write Qt applications entirely in Go or JavaScript. Qt Creatorなるものがあるようで、デザイン部分を切り離せる印象はあるものの、最新のPCでもビルドに時間がかかるようで、学習コストもかかるという記事を見かけて断念しました。 どうしたものかとツイートしましたら、下記のようにご助言をいただいた。 同じ課題に対し色々試した結果、PWAのフルキャッシュドに落ち着いた。中身はGo+WASMで。 https://t.co/e60whDTV16 — のぼのぼ📡 (@nobonobo) July 21, 2020 PWA 早速調べてみました。Googleが進めているプロジェクトで、ネイティブアプリのよ

Eclipseの高速化メモ

Eclipseが重いと一言に言っても、いろいろな工程での話があると思いますが、過去記事のなども含めてこの記事にピックアップしておきたいと思います。以下はWindows環境での話です。