写真を利用してバナーを作成する

例として、幅400ピクセル×高さ100ピクセルのバナーを作成します。

完成Sample

操作方法

1. 「キャンバスのサイズ」と「作成するバナーのサイズ」を同じにするため、キャンバスのサイズを設定します。
   ウェブアートデザイナー画面のメニューバーより、[ファイル]→[キャンバスの新規作成]の操作を行いキャンバスの設定ダイアログを開きます。キャンバスのサイズを「幅/400ピクセル」、「高さ/100ピクセル」と指定して[OK]ボタンをクリックします。
2. 利用する写真を開きます。
   ビルダー素材集の画像を利用する場合は、メニューバーより、[編集]→[素材集から貼り付け]の操作を行います。ご自分で用意した写真を利用する場合は[編集]→[ファイルから貼り付け]の操作を行います。(完成Sampleには、V10のビルダーに用意されている写真を利用しました。V10では、素材集>写真>植物フォルダ内に収録されています。/ ファイル名・・pla055.jpg/)
3. 写真のサイズを調整します。
   挿入した写真をダブルクリックしてオブジェクトの編集ダイアログを開きます。[位置とサイズ]の項目にある[幅]と[高さ]を設定してサイズを調整しますが、その際に[縦横比保持]がチェックされていない場合はチェックを入れます。チェックを入れたら幅または高さのどちらか一方に数値を入力します。ここでは、幅を640から350へと変更しました。
   [縦横比保持]がチェックされていると、入力した幅の数値に合わせて高さを自動的に調整してくれます。
   
4. 写真を配置します。
   キャンバス上で見えているところがバナーのサイズになります。
   キャンバス上にある画像をドラッグして写真を配置します。
   
5. 背景色を設定します。
   写真の背景色とうまく馴染むように、写真の背景色を取得して取得した色を背景色として利用します。「画面上の色を取得する」と「取得した色を登録する([色の設定]ダイアログに登録)」を参考に、写真の背景色を取得して登録します。
6. 写真背景の色が取得できたら、メニューバーより[編集]→[キャンバスの設定]を選択して[キャンバスの設定]ダイアログを開きます。[色]タブをクリックして画面を切り替え、[その他(O)]ボタンをクリックして前項で取得、登録した色を選択して[OK]ボタンをクリックします。