Cafi Netつながる情報技術
  1. トップ>
  2. ホームページ作成>
  3. メイン写真作成と入れ替え

メイン写真を作成して入れ替える手順

引き続きウェブアートデザイナーを使った画像の編集方法を紹介します。

選択したテンプレートによって、画像編集が必要な部分は異なります。

また、作成するホームページによっては、たくさんの画像が必要な場合もあります。

使いやすい画像編集ソフトがあると、ホームページ作成の幅が広がります。

加工が上手くいかない画像について

ウェブアートデザイナーで加工が上手くいかない画像については、nikukyu-punch様に依頼するのも良い方法です。

加工依頼を検討する部分

例えばこのテンプレートでいうと、メニュー部分は同じデザインの文字を作るのに苦労します。

このメニュー1つに沢山の時間を使うぐらいであれば、加工依頼した方が良いケースもあります。

詳しくはnikukyu-punch様のテンプレート加工サービスをご覧下さい。(2009/4 調べ)

メイン写真について

「メイン写真再利用不可」と書かれたテンプレートについては、必ず写真を入れ替える必要があります。(aboutをご覧になれば分かるかと思います)

再利用不可の写真については、サイズ・ファイル名・高さについて確認しておくと編集に役立ちます。

ウェブアートデザイナーでメイン写真を作成「aboutで確認」

メイン写真の作成と入れ替え

写真を用意する:商品の写真、お店の写真、社員一同の写真、無料素材の写真などメイン写真として使いたい写真を用意します。

下地となる図形を追加:今回は複数枚の画像を影付きで作ろうと思いますので、下地となる図形を使います。四角形を追加(塗り潰しのみ・影を付けるにチェック・幅は元の画像と同じ898pxに設定)します。

写真を下地に重ねて上書き保存:写真サイズを調整(写真をダブルクリック・情報で変更)します。下地に写真を重ねます。キャンバスの色を白に戻します。上書き保存 main_img.jpg なので、同じJPEG形式で保存します。

ウェブアートデザイナーでメイン写真を作成して入れ替え

メイン写真の確認とサイズ変更

ファイルを開きなおすと写真が縦長になっています。

これはメイン写真が縦(400px)で設定してあるのに、作成したメイン写真が縦(307px)だからです。

ページ編集の画面で写真を選択します。HTMLソースを開きます。メイン写真を選択したままHTMLソースを開くと、目的の場所が黄色くなります。height="400" を height="307" に変更します。ページ編集を開きます。メイン写真を確認します。

ウェブアートデザイナーでメイン写真を作成「縦長写真のHTMLソース編集」

ウェブアートデザイナーを使って自分で編集できると、より自由にホームページを運営できます。