Cafi Netつながる情報技術
  1. トップ>
  2. ホームページ作成>
  3. 加工画像の貼り付け

ウェブアートデザイナーに加工画像を貼り付け

今回のホームページのテーマは「お茶」にします。

本来であれば商品やサービスに合わせてテンプレートを選ぶところですが、今回は最新テンプレートの編集ということで順序が逆になっています。

商品は、もしもドロップシッピングから選びたいと思います。

画像加工が手間に感じる方は、nikukyu-punch様に加工依頼されることをお勧めします。

about.html をご覧になれば分かりますが、お得なサービスなので加工依頼した方が良いかと思います。

今回は解説なのでウェブアートデザイナーで作成します。

それではウェブアートデザイナーを使って画像を加工していきます。

ウェブアートデザイナーを開いて加工画像を貼り付ける

まずはimagesフォルダに入っている「bg」を作成していきたいと思います。

1と2の部分を3の位置に作成していきます。

「ツール」-「ウェブアートデザイナーの起動」でウェブアートデザイナーを起動します。

ウェブアートデザイナーの「編集」-「ファイルから貼り付け」から「imagesフォルダのbg」と「sampleフォルダのbg」をキャンバスに貼り付けます。

画像が大きくてキャンバスの広さが足りないので、「編集」-「キャンバスの設定」-「幅2000ピクセル 高さ1000ピクセル」にキャンバスの広さを変更します。

画像はドラッグ&ドロップで自由に移動が可能です。

ダブルクリックから情報タブを開くと、位置とサイズにX座標とY座標が表示されます。

各パーツをなるべくデフォルトの無料テンプレートと同じ配置にしたい場合は、X座標とY座標を調整して揃え易いように画像を配置して下さい。

これで加工の準備が整いました。

今度は1の反射画像を作成していきます。

ウェブアートデザイナーの使い方で役立ちそうな、編集画面で使われているカラーを知る方法も解説します。