ＥＸＣＥＬマジ☆アート

携帯電話（２）ボタン配置の整列

前回の最後で、作成中の携帯と元画像を並べてお見せしましたが、比較をするためにわざわざ横に並べたもので、横目で見ながら作業をしているのではありません。
私は、いつもは重ねて作成しています。
元画像の上に、オートシェイプを重ねて行き、ある程度出来上がったら、サンプル画像を最前面に移動して、また作っていきます。
こうしてパーツを作っては移動、パーツを作っては移動を繰り返して、サンプル画像の裏にパーツをためていきます。
最後にサンプル画像をどかして、順序や形を整えて仕上げていくのです。

さて、基盤が出来上がったら、次にボタンを並べます。
まず、良く観察してみましょう。
携帯2-1

１～＃の１２個のボタンは、同じ大きさですね。
その上の通話ボタン～終了ボタンは、ちょっと大きいようです。

整然と並べられていてきれいですね。

それではまず、１のボタンから作りましょう。
図形描画のツールバーから四角を選択し、ドッラグして長方形を描きます。
携帯2-2

次に、２、３とコピーします。
Ｃｔｒｌ＋Ｓｈｉｆｔを押しながら横にドラッグするわけですね。
携帯2-3

目分量で並べたところ、たまたまきれいに並びましたが、目分量を信用してはいけません。
そこでちゃんと整列という作業を行います。
１～３を選択して、画面左下、図形描画のツールバーから「図形の調整　→　配置／整列　→　左右に整列」を選択します。
chosei

すると、目分量ではなく、ＥＸＣＥＬがきちんと計算して整列をしてくれます。

次に、４～＃まで作ります。
１～３の３つの四角を選択し、先ほどと同様にＣｔｒｌ＋Ｓｈｉｆｔを押しながら下にドラッグします。

そのまま、あと２回繰り返せば、１２個のボタンの出来上がりです。
携帯2-4

当然これも目分量なので、整列が必要です。
今度はたて並びの１,４,７,＊の４つのボタンを選択し、図形描画のツールバーから「図形の調整　→　配置／整列　→　上下に整列」を選択します。
きれいに並びましたね！
１２個全てのボタンを整然と並べましょう。

１～３ボタンをＣｔｒｌ＋Ｓｈｉｆｔを押しながら上にドラッグしてコピーすればいいわけですが、大きさが若干違うので調整が必要です。
どうやら少したてに大きいようなので、ちょっとだけ引き伸ばします。
まず、３つとも選択した状態で、１つの四角の調整ハンドル（図形を取り囲んでいる白丸）の上下どちらかを引き伸ばします。
携帯2-5

これで３つとも同時に拡大できました。

次に同様に上のボタンも作っていきますが、複写、調整、整列を繰り返して作っていきます。
ちょっと省略しますが、こんな感じになります。
携帯2-6

次に配色を行います。
元画像を最前面に移動してもう一度良く観察すると、マルチファンクションキーの外側は斜めに光っていて、ど真ん中だけは真っ黒です。
それ以外の色は上下が明るくて、真ん中が暗いように見えます。
そこで、そのようにグラデーションをかけるんですが、マルチファンクションキーを除く１９個のボタンのグラデーションを例示しますとこんな感じですね。
携帯2-7