Cafi Netつながる情報技術
  1. トップ>
  2. ホームページ作成>
  3. メイン写真(flash)作成

ウェブアートデザイナーでメイン写真を作成する

メイン写真(flash)の作成と入れ替えを行います。

まず about.html を確認します。

・横889px、高さ300pxのjpg画像を3枚準備します。
・3枚の画像名は表示順に「1.jpg」「2.jpg」「3.jpg」とします。
・作成後「index.html」がある階層と同じ所に3枚の画像を上書き保存します。
このように書いてありますので説明通りに写真を作成します。

ウェブアートデザイナーでメイン写真の作成

写真は「2000ピクセル以上のフリー写真素材集様」のフリー写真を利用させて頂きました。

商品写真などがない場合は「フリー 写真」といったキーワードで検索すると沢山の写真素材が見つかります。(各サイトによって規約が違いますのでご確認下さい)

写真をダウンロードしたら切り取りなどを使い、サイズを「横889px」「高さ300px」にします。

文字(任意)を入れたら「Web用保存ウィザード」-「保存形式JPEG」-「ファイルに保存」-「それぞれ「1.jpg」「2.jpg」「3.jpg」へ上書き保存」します。

プレビューでFLASH(フラッシュ)を確認して問題なければ入れ替え完了です。

こういったフラッシュの作成では、ウェブアートデザイナーの使い方によって全く違った雰囲気になると思います。

例えば、黒の下地に輪郭のぼかしを設定して切り抜いた画像を配置するだけでも、全く違った雰囲気の画像になります。

Nikukyu-Punch様の無料テンプレートには画像を入れ替えるだけで利用できるフラッシュも多いので、ウェブアートデザイナーを使いこなしてホームページのテーマに合ったフラッシュを作成して頂けたらと思います。