【04初級編】ちいさな画像を、いくつか組み合わせる方法
*
info_page
【Level 04 初級編】
4分割で作ってみました
さきほど、Level 03で作ったような大きな画像が、どうしても見つからないときは、ちいさな画像を、いくつか組み合わせるという方法があります。

上の画像のように、きちんとグリッドで分割すると、うまくできると思います。
この画像も、ウェブアートデザイナーで加工しました。
作り方は、↓こんな感じです。

  1. まず、、4角形塗りつぶしをクリックしてキャンバスをドラッグ。
  2. 図形の編集→塗りつぶしの色タブを選択後、色を黒にします。
  3. 続いて情報タブを選択→縦横比のチェックを外し巾を350、高さを210にします。
  4. 出来た図形を複製して右上と左下に配置します。(グリッドに合わせるようにしておくと、ぴったり配置できます)
  5. 続いて、使う画像を、ウェブアートデザイナーで読み込みます。
  6. 読み込んだ画像を、分割した枠に合うように拡大縮小します。
  7. 続いて、4角形塗りつぶしをクリックしてキャンバスをドラッグ。
  8. 最後に、適当な文字を入れたら完成です。(フォントは、ウインドウズに標準で入ってるArialを使ってます。)

ここまで出来たら、グリッドを細かく6分割とか9分割にしてみましょう。
グリッドを細かく分割した例は、コチラにあります。


Page Top


main

BR→
main_box