田楽アイコンへの道~②背景の模様を自作しよう

【前置き】

前回のラストに「次回は背景と外枠を完成させる」と書きましたが…

すんません、書く事多すぎて分割しますm(__)m

とりあえず今回は背景部分となります。

====================================================

【本題】

f:id:Meirizechan:20190618222138j:plain

↑今回より記事サムネ用に画像置きます。前回Excelの編集画面がサムネなのどうなのかと思いつつ…

f:id:Meirizechan:20190618222304p:plain

さて、今回は↑の青色の部分の背景をExcelで自作しようと思います。

(※出回ってるフリー素材を使うって人はこの先しばらく読み飛ばしてください)

f:id:Meirizechan:20190618224021p:plain

背景デザインも同じファイルで作りますが…

分かりやすく新しいシートを追加しましょう。

赤矢印の+マークをクリックするとシートが追加されます

f:id:Meirizechan:20190618224133p:plain

シートの名前を右クリックすると名前変更が出来ます

分かりやすく"背景”とでもしておきましょう。

f:id:Meirizechan:20190618224240p:plain

此方でも挿入タブからオートシェイプの「四角形」を選びます。

前回と同じく、適当な所をぽちっとして出しましょう。

f:id:Meirizechan:20190618224552p:plain

この四角形は縦横10cmの正方形にします。

そして左上の端まで移動させておきます

 

さて今回作るのは、現在制作依頼を受けているクライアント(※)の趣味嗜好を採り入れながら、いわゆる市松模様にシルエットのアクセントを加えたようなデザインにしていきます。

あくまで一例ですので、色とかその辺は各自のお好みでどうぞ!

 

(※)クライアントなんて意識高そうな言葉使いましたが、要は私のフォロワーさんです。このシリーズでの見本ではその人からの依頼を制作してゆきます。

f:id:Meirizechan:20190618225605p:plain

この四角は若草っぽい色に

f:id:Meirizechan:20190618230416p:plain

図形を囲んでいる枠線は色なし(枠線なし)にします

f:id:Meirizechan:20190618230507p:plain

挿入→画像を選択し…

f:id:Meirizechan:20190618230540p:plain

シルエット画像を追加します。

今回は鳩のイラストを…何だか淀屋橋出町柳の間を飛んでそうな鳩だな

f:id:Meirizechan:20190618230937p:plain

この2つを重ねたら、"オブジェクトの選択"で…

f:id:Meirizechan:20190618231017p:plain

クリック押し続けながら全体を囲んで…

f:id:Meirizechan:20190618231113p:plain

すると図形・画像共に選択された状態になります。

f:id:Meirizechan:20190618231432p:plain

その状態のまま、今度は書式→配置→グループ化を選ぶと…

f:id:Meirizechan:20190618231543p:plain

両方が組み合わさった(1つのグループで選択された)状態になります。

この"グループ化"

大変便利な技なのです。

グループにまとめた図形・画像を同時に移動したりコピペしたり…後述のツールを使う事で1枚の画像として出力する時にも役立ちます。

私みたいにExcelで画像編集する者にとってともいえる機能なのです。

 

f:id:Meirizechan:20190618231941p:plain

もう一つ四角形を追加しましょう

こちらはやや薄い茶色系で

f:id:Meirizechan:20190618232842p:plain

どこぞの鉄道会社っぽいロゴを。

この会社の沿線に住むには毎月30万じゃ足りないそうで・・・

f:id:Meirizechan:20190618232952p:plain

こちらも2つをグループ化します

f:id:Meirizechan:20190618233016p:plain

ここまでグループ化した2つをコピペで追加して、今度はその下に並び替えて配置します。

f:id:Meirizechan:20190618233119p:plain

 これら4つのグループをきれいに並べます

必要に応じて表示倍率拡大したりしてズレのないように!

f:id:Meirizechan:20190619195631p:plain

そしてこれら全部を再度グループ化。

以後、

これをコピペで増殖→グループ化→コピペ…の繰り返しです

大体縦8×横16マスぐらいは最低限…

f:id:Meirizechan:20190619195928p:plain

こんな感じに。ちと並べ過ぎたな

当然ながらこれらも最後に全部一つのグループに統合します。

これを忘れると後々無残な事になります(大袈裟

f:id:Meirizechan:20190619200104p:plain

先程のExcelファイルは一旦上書き保存して…

前回ちらっと名前を出した「Excel画像保存ツール」の出番です。

f:id:Meirizechan:20190619200340p:plain

選択ボタンを押してさっきまで使っていたExcelファイルを開くと

このようにシート名が一覧表示されます。

今回は先程の「背景」シートのみをチェック残して他は外します

この時、画像数が1枚になっている事も確認、数が多ければ何かしらグループ化し忘れたものがある事になります。

 

そして、実行ボタンをクリック!

f:id:Meirizechan:20190619200612p:plain

すると…

Excelファイルを保存してるフォルダの中に出力したデータを含んだフォルダが追加されてます。

 

出力は無事成功したようです。

f:id:Meirizechan:20190619200757p:plain

制作中のアイコンのシートに戻りましょう

 

描画ツールの書式→図形のスタイルから書式設定(赤丸の部分)をクリック

f:id:Meirizechan:20190619200927p:plain

「図形のオプション」→塗りつぶしで(図形またはデスクチャ)を選択します。

そして「ファイル」をクリック、先程出力したデータを選択します。

f:id:Meirizechan:20190619201119p:plain

背景が自作・出力した物に切り替わりました。

…が、縦横比が変ですね。

赤丸で囲んだ"デスクチャとして並べる"にチェックします。

f:id:Meirizechan:20190619201320p:plain

縦横比は揃いましたが…おっと今度はでっかくなっちゃった!(マギー審司

赤丸の部分でお好みに合わせて縮小します。当然、幅・高さの%は揃えて。

f:id:Meirizechan:20190619201636p:plain

こんなもんでしょうか。

後はちょっと色が濃いかな~と思ったら透明度の部分を調整してあげると良いでしょう。

 

という所で予定よりも内容分割したにもかかわらず使用した画像は初回よりも多くなってしまいましたw

次回こそ、外枠に文字入れて土台を完成させたいと思います。