画像にちょっと手を加えるだけで、ホームページ全体の雰囲気が、やわらかい感じになったり、シャープな感じになったり…とても見やすくなります。

通常、画像を加工するには、Fireworks（ファイヤーワークス）や、Photoshop（フォトショップ）などのグラフィック系ソフトウェアを使用するのですが、ここでは、カンタンに！しかも、無料で！画像加工ができるジェネレータを2つ紹介します。

挑戦する加工は、、、

• 画像の角をまるくする≪カドマル≫
• 画像をやわらかいイメージにする≪ボカシ≫

---

■RoundPicでカドマル加工

①RoundPicを開く。
②「参照」→「Round it!」で加工したい画像を開く。
③大きさ（ImageのWidthやHeight），角丸のカーブ具合（Round）を設定して、「Round!」をクリック。
④できあがった画像に名前（～.jpg）をつけて、「Download」をクリックして画像をゲット！

---

■BlurHighlightでカドマル＆ボカシ加工

①BlurHighlightを開く。
②「ファイル選択」で加工したい画像を開く。

③画像が読み込まれたら、コントロールパネルでいろいろ加工する！

≪色合い≫の加工
周りの色…クリックでカラーパネルを出し、画像に色のフィルターをかけることができる。
周りの暗さ…ドラッグで調節できる。「0%」にすると「周りの色」は生きず、元画像の色合いのまま。

≪カドマル≫の加工
画像を丸める…ドラッグで調節できる。「100」に近くなるほど角丸のカーブが深くなる。

③Imageの画像をクリックすると、●●●（または×）が表示されるので、マウスドラッグでぼかす範囲を広げる。

≪ボカシ≫の加工
形状…「四角」か「円」をチェックで、ぼかす形を選択できる。
ぼかしの強さ…ドラッグで調節できる。「100px」に近くなるほど強いボカシになる。
四角の角…ドラッグで調節できる。「100」に近くなるほどボカシの範囲枠がまるくなる。

④小技いろいろ。

ぼかす範囲枠は、、、

「●」をドラッグして、タテ・ヨコ・ナナメに広げたり縮めたりできる。
「＋」マークをドラッグして、枠を移動させることができる。

※左の例は、
　右上の「●」をひっぱり、
　ぼかす範囲を縮めて、
　左下に移動させてみました。

そのほかにも、、、

画像のクリック＆ドラッグで、ぼかしを入れる範囲を決めたら、

形状で「円」にチェックを入れて、
ぼかしの強さを「59％」に設定、
周りの色で「濃い緑」を選択し、
周りの暗さを「70％」に設定、

ぼかす位置を移動させ、範囲をドラッグでのばすと、、、


デジタルタワーの後ろに大きな月（?!）ができました！

⑤最後に、「編集結果を保存」をクリック→名前をつけて→自分のPCに「保存」することを忘れずに！
※BlurHighlightでは、保存できる画像形式は「.png」のみ。

①「ページを編集」を開いて、画像を入れたい場所にカーソルを置く。

②ENTERキーを数回押して、画像を入れる余白をたっぷり空ける。

③カーソルを余白の上のほう（…といっても、文章の1～2行下辺りがよい）に置き、
「挿入」→「画像」をクリックして、まずは1枚目の画像を追加する。

④ ここがポイント！ 1枚目の画像を入れたら、
折り返しをオンにしてから、画像の右にカーソルを置く。（画像にピッタリではなく、少し間を空けて…！）

⑤2枚目の画像を追加。
ちょっとズレて入るが、折り返しをオンにすると高さがそろう。

⑥3枚目の画像も同様に、、、
2枚目の右にカーソルを置く→画像を追加→折り返しをオン。
3枚全部の高さがそろったところで、余白をDELキー または BackSpaceキーでつめる。

⑦最後に、「保存」を忘れずに！

---

【おまけ】 HTMLタグがわかるなら、編集バーの「」をクリックして、「HTMLを編集」するほうが早いです。

• ＜DIV～＜/DIV＞に囲まれた部分が、それぞれの画像が入っている枠です。
• この３つの枠がきちんと並んでいればO.K.です。
• ピンク色枠＝ピンクのバケツ画像，黄色枠＝黄色のバケツ画像，緑色枠＝緑のバケツ画像を表しています。