簡単Web素材へ戻る

「簡単Web素材の作り方」のコーナー

用意いただくもの

  • パソコン(Windowsを使っていますが、代替のソフト等の使用でMac等他のOSでも利用可能です。)スペックとしては、エクセルとペイントが動けばOKです。
  • 使用ソフト エクセルとペイント(簡単なエクセルの装飾方法を知っている方を対象にします。関数等はつかいません。)(ペイントはWindowsに標準で付いてくるソフトです。スタート→プログラム→アクセサリ→ペイントにあります。)

謝辞

サイト名及びURLの記録が無くなってしまい紹介ができませんが、私たちにエクセルを使って素材を作ることを教えていただいたのは、フリー素材のサイトでした。その中に、黄色と黒の阪神タイガースカラーの素材の商会がありエクセルで縞模様を作成した旨の掲載がありました。(もっと詳しい記載もあったかもし知れませんが記憶が曖昧です。)それにヒントを得て(というか、そのまま真似をして)素材を作りました。
ここにそのサイト運営者の方に感謝の意を表します。ありがとうございました。
どちらかのサイトか
判った際には改めて紹介とリンクをさせていただきたいと思います。
もし該当サイトの情報をお持ちの方がいらっしゃいましたら、ぜひご連絡をお願いします。

簡単Web素材の作り方
サンプルとして、ぶどう(巨峰)を紹介する簡単なバナーを作ってみました。
簡単Web素材の作り方sample1

その1
まず、エクセルにテキストを入れます。
サンプルではC3のセルに入力しました。
あとの作業のために上と左に空のセルを取っておきます。
(拡大画像はこちら

簡単Web素材の作り方sample2 その2
テキストのフォントとサイズを自分のイメージに合わせて変更します。
(拡大画像はこちら
簡単Web素材の作り方sample3 その3
テキストの色とセルの色を自分のイメージに合わせて変更します。
(拡大画像はこちら
簡単Web素材の作り方sample4 その4
アクセントとして周りのセルを額縁の様にしてみました。イメージに合うように2.4行とB.D行の幅を変えてみました。
(拡大画像はこちら
簡単Web素材の作り方sample5 その5
ちょっと判りづらいかもしれませんが、周りのセルの背景を白にしました。罫線が消えるので後の作業が楽になる場合があります。
(拡大画像はこちら
簡単Web素材の作り方sample6 その6
エクセルでの作業はここまでです。エクセルの画面をできるだけ小さくして、スクリーンショットを取ります。(Altキーを押しながらPrintScreenキーを押します。するとエクセル画面のコピーが撮れます。)(PrintScreenの文字は機種によりPrtScとかに略されている場合があります。)(画面サイズを小さくすると後の作業が比較的楽になります。)
(拡大画像はこちら
簡単Web素材の作り方sample7 その7
失敗例

判りづらいかもしれませんが、C2のセルを選択したままです。これでは素材に利用できません。
(拡大画像はこちら
簡単Web素材の作り方・ペイントを使う その8
次はペイントを立ち上げます。WindowsXPの場合のプログラムの場所を案内します。
スタート→すべてのプログラム→アクセサリ→ペイントです。
(拡大画像はこちら
簡単Web素材の作り方・ペイント画面 その9
ペイントを立ち上げるとこんな画面になります。
(拡大画像はこちら
簡単Web素材の作り方・ペイントに素材を貼り付ける その10
編集→貼り付けをクリックしてエクセルで作った素材のスクリーンショットをペイントに貼り付けします。
(拡大画像はこちら
簡単Web素材の作り方・「選択ツール」を使う その11
左上の「選択ツール」のアイコン(赤丸内の点線の四角が描いてあるアイコン)をクリックします。
(拡大画像はこちら
簡単Web素材の作り方・「選択ツール」で範囲選択

その12
マウスで実際にバナーにする部分(緑色の枠の外郭)を選択します。選択された範囲は点線で四角く囲まれます。周囲の白い部分が入らないように少し小さめに選択すると楽です。選択をしたらそのままコピーをして下さい。

(拡大画像はこちら

簡単Web素材の作り方・選択した部分の貼り付け

その13
ファイルメニューから新規作成を選択して初期に現れる白い画面の隅をクリックして小さくして下さい。そして先にコピーした画像を貼り付けて下さい。
(拡大画像はこちら

簡単Web素材の作り方・選択した部分の貼り付け

その14
ファイルメニューから「名前を付けて保存」を選んで下さい。保存する場所を聞かれますので任意の場所を指定して、任意のファイル名を入力して下さい。そして「ファイルの種類」で「GIF」を選んで下さい。
左のバナーの出来上がりです。
(拡大画像はこちら

説明が上手でないので判りずらい箇所もあるかと思います。時間があれば改良していきたいと思います。
エクセルとペイントというソフトの性格上サイズの決まった画像を作るのは難しいと思われますのでご注意下さい。(目検討の職人技になる可能性が大です。)
当然ワード等のエクセル以外のソフトでも素材の作成ができます。お好きなソフトで色々な手法を使っていただけたらと思います。
画像編集ソフトを持っていなくてもWindowsに標準で付いてくる(つまり殆どのオフィスに必ずある)GIFが作れるソフトということでペイントを使いましたが、他のソフトでも代用可能です。というか、他の画像編集ソフトをお持ちならなるべくそちらを使った方が良いと思います。

簡単Web素材へ戻る

TDSC電話回線電話加入権売買センター 提供
( このページはTDSC社員有志が会社の許可を得て運営しています。 )

運営スタッフが係わるサイト紹介
NTT電話加入権売買、ADSL電話回線とBフレッツ光回線の取付け受付
電話加入権なしのADSL専用線,Bフレッツ,FTTHで始めるBBライフ
00TDSCレンタルショップ 携帯電話レンタル.パソコンレンタル.PHSレンタル<エアエッジタイプ>.ビジネスホンレンタル.電話レンタル.プロジェクターレンタル その他各種レンタル
中古電話機、中古ビジネスホン、IP電話、電話加入権まで電話通信の総合コンサルタント
携帯電話で電話加入権ADSL光ファイバー取付けサイト
高速モバイルデータ通信カードイーモバイルレンタル
光回線インターネット導入ガイド
リサイクルトナーはエコエコトナー・EcoEcoToner

ブログ始めました
電話加入権・電話回線・ADSL・光ファイバー ニュース
http://blog.goo.ne.jp/kantanwebsozai/

「エクセルで作る簡単Web素材」TOPへ戻る

人気サイトランキング

W-ZERO3応援団 伊藤浩一のW-ZERO3応援団