【Level 04 初級編】
4分割で作ってみました
さきほど、Level 03で作ったような大きな画像が、どうしても見つからないときは、ちいさな画像を、いくつか組み合わせるという方法があります。
上の画像のように、きちんとグリッドで分割すると、うまくできると思います。
この画像も、ウェブアートデザイナーで加工しました。
作り方は、↓こんな感じです。
ここまで出来たら、グリッドを細かく6分割とか9分割にしてみましょう。
グリッドを細かく分割した例は、コチラにあります。
さきほど、Level 03で作ったような大きな画像が、どうしても見つからないときは、ちいさな画像を、いくつか組み合わせるという方法があります。
上の画像のように、きちんとグリッドで分割すると、うまくできると思います。
この画像も、ウェブアートデザイナーで加工しました。
作り方は、↓こんな感じです。
- まず、、4角形塗りつぶしをクリックしてキャンバスをドラッグ。
- 図形の編集→塗りつぶしの色タブを選択後、色を黒にします。
- 続いて情報タブを選択→縦横比のチェックを外し巾を350、高さを210にします。
- 出来た図形を複製して右上と左下に配置します。(グリッドに合わせるようにしておくと、ぴったり配置できます)
- 続いて、使う画像を、ウェブアートデザイナーで読み込みます。
- 読み込んだ画像を、分割した枠に合うように拡大縮小します。
- 続いて、4角形塗りつぶしをクリックしてキャンバスをドラッグ。
- 最後に、適当な文字を入れたら完成です。(フォントは、ウインドウズに標準で入ってるArialを使ってます。)
ここまで出来たら、グリッドを細かく6分割とか9分割にしてみましょう。
グリッドを細かく分割した例は、コチラにあります。
main
BR→
main_box