【Excel2003】Excelでバナーを作る 〔前編〕【ココログ】
この記事は以前の記事『Excelでお絵かき』の応用で、ココログなどのブログに設置するアバター入りのバナーをExcelで作る方法を説明しています。画像作成ソフトがなくても、Excelでもこのくらいのことはできます、というご紹介です。
WordにもExcelと共通するオートシェイプがあり、同様の操作でお絵かきは可能ですが、キャンバスとしてはWordの文書よりExcelのシートの方が断然使いやすいので、ここではExcelを使用しています。
アバター画像を取り込む部分はココログ固有の説明ですが、アバターに限らず、お好みの画像を使ってください。
ここでは下のようなバナーを作る手順を説明しています。
1. Excelを起動します。
デフォルト(規定)で「book1」という新規ファイルが表示されます。場合によっては、下の図のように、「作業開始」というチュートリアルが表示されるかも知れませんが、邪魔なので閉じるボタン(「×」)をクリックして閉じます。
格子状の線が入った部分を「シート」と呼びますが、ここが画像を描くキャンバスになります。
2. ウィンドウの下方にある「図形線描」ツールバーから、オートシェイプの『額縁』を選択します。
図形線描ツールバーが表示されない場合は、メニューから、「表示」→「ツールバー」から「図形線描」をクリックします。
カーソルが「+」の形になるので、シート上で斜めにドラッグして額縁を描きます。(サイズや縦横の比率はあとから変更できますが、作業がしやすいように少し大きめに描きます。)
額縁が描けました。
図形を選択しているときは下図のように、丸や菱形のハンドルが表示されます。
図-5
サイズを変更するには、周りに表示される色のついていない、丸いサイズ変更ハンドルをドラッグします。
黄色い、ひし形の調整ハンドルをドラッグすると、額縁の高さが変更できます。調整ハンドルの効果は図形によって異なります。
オートシェイプについての詳しい説明は、Microsoftの公式サイト『オートシェイプ、組織図、ワードアート、Microsoft Graph グラフ、数式を変更する』をお読み下さい。
3. オートシェイプの書式を設定します。
画像の上で右クリックして表示されるメニューから「オートシェイプの書式設定」を選択します。
「オートシェイプの書式設定」ダイアログボックスが表示されます。
ここでは、色は「白」、線の色は「線なし」に設定しますが、色の右側の色が表示されている部分をクリックすると下のようなリストが表示され、好みの色に設定することもできます。(詳しくは「6. 文字の追加」の項で説明します。)
下のように書式が変更されました。ここに画像や文字を追加していきます。
4. マイページからアバター画像を取得する。
この章はココログ以外の方、アバター以外の画像を使う方は読み飛ばし、5へ進んで下さい。
自分のマイページを開き、アバターの上で右クリックします。表示されるメニューから、「名前を付けて画像を保存」を選択します。(下の図はブラウザがFireFoxの場合ですが、他のブラウザでも同様のメニューがポップアップし、「名前を付けて画像を保存」に該当するメニューがあると思います。)
次に、保存場所を指定するウィンドウが表示されるので、適当な場所に保存して下さい。名前も変更することができます。(下ではデスクトップに保存しています。)
5. Excelに今保存した画像を取り込む。
メニューから「挿入」→「図」→「ファイルから」を選択し、保存したアバター画像を指定し、「挿入ボタン」を押します。
シート上に画像が挿入されました。余白が大きいのでトリミングしていきます。
画像の上で右クリして表示されるメニューから「図ツールバーの表示」を選択します。
「図ツールバー」が表示されるので、「トリミング」ボタンをクリックします。
図形の周囲にハンドルが表示されるので、ドラッグしてトリミングをします。
ここでは顔ギリギリまでトリミングしました。
次にこの画像を縮小します。「図-5」で説明したように、右下のハンドルをドラッグすることで画像サイズを変更できますが、キーボードの[Sift]キーを押しながらドラッグすると比率を変えることなく縮小することができます。
図-17
縮小した画像をバナー(額縁)の上に配置します。
6. 文字の追加
ここでは、下のように、「cocolog」、「My Page」という文字を追加します。
このような書式のついた文字はワードアートで作成します。
図形線描ツールバーにある「ワードアート」のボタンをクリックします。
図-19
「ワードアートギャラリー」から左上のスタイルを選択し[OK]を押すと「ワードアートテキストの編集」ダイアログボックスが表示されます。
「ここに文字を入力」というところをクリックし、文字を入力し、フォントを適宜変更します。(サイズはあとから変更できます。)
ここでは、「POP48」というフォントを選択していますが、フォントはお持ちのパソコンにより異なります。(似たような雰囲気のフォントでは「富士ポップP」があります。)「B」ボタンをクリックして太字にしています。
ワードアートがシートに作成されました。この後書式やサイズを変更していきます。
7. ワードアートの書式を変更する
ワードアートの上で右クリックして表示されるメニューから「ワードアートツールバーの表示」をクリックします。一度やっておけば、次回からワードアートを選択したときに常にツールバーが表示されるようになります。
「ワードアートの書式設定」ボタンをクリック(図-22b)すると、「ワードアートの書式設定」ダイアログボックスが表示されます。(図-22c)
図-22b
塗りつぶし色のリストをクリックし、「塗りつぶし効果」を選択します。
下の図は先に設定後の状態を示しています。
色は「2色」にし、色1は「ゴールド」、色2」は「オレンジ」を選択します。グラデーションは「縦」で、バリーションは右上のスタイルを選択します。
色を選択するときは、リストの欄をクリックして表示される色の一覧から選択します。
全ての指定が終わったら、[OK]を押して前の画面に戻り、線の色を「線なし」にします。ここでは、影(※)も付けました。
影のつけ方
ワードアートを選択した状態で、影の設定ボタンをクリックし、好みのスタイル(ここでは「影スタイル6」)を選択します。
影の位置の微調整は、「影の設定」ツールバーで行います。
図-23b
次に、ワードアートを縮小(ハンドルをドラッグするか、「ワードアートテキストの編集」でフォントサイズを変更)し、縮小したワードアートをバナーの上に配置します。
同様に「My Page」のワードアートも作成し、バナーに配置します。
フォントは「富士ポップP」、「下図は「My Page」の「塗りつぶし効果」設定内容です。
色は、グリーン系のグラデーションにしていますが、下のような方法で設定しました。同系色のグラデーションを設定する際に参考にして下さい。
「色1」を設定する際、リストから「その他の色」を選択し、グリーンを選びます。
次に「色2」を選択するときは、色1に指定した色がリストに追加されているので、一旦それを選択します。
次に再度「色2」をクリックして、リストから「その他の色」を選択すると、図-24bが表示されるので、「ユーザー設定」タブをクリックします。
図に示したスライダーを下にドラッグで動かし、好みの濃さにします。
サンプルの色は下のような値に設定しています。
「My Page」の書式設定ができました。
ワードアートを適切なサイズに縮小し、バナーの上に配置します。
図-26
次回「中編」では作成したバナーを画像として保管する方法、「後編」ではバナーをサイドバーに設置してリンクを貼る方法を説明する予定です。
【関連記事一覧】
- 【Excel2003】Excelでバナーを作る 〔前編〕【ココログ】
- 【Excel2003】Excelでバナーを作る 〔中編〕【ココログ】
- 【Excel2003】Excelでバナーを作る 〔後編〕【ココログ】
« 「港町十三番地」は「みなとちょう十三番地」!? | トップページ | ベイ(・∀・)勝った 番長・バネのバッテリー ∩( ・ω・)∩バンジャーイ »
« 「港町十三番地」は「みなとちょう十三番地」!? | トップページ | ベイ(・∀・)勝った 番長・バネのバッテリー ∩( ・ω・)∩バンジャーイ »
コメント