角丸君
概要
「角丸君」は、簡単な操作で、画像の4つ角を丸く加工できるフリーソフトです。
これまでは、画像を角を丸く見せるために、わざわざ角の丸部分を別に作成し、テーブルタグなどで組み合わせて作成してきました。また、 CSSで丸角にする方法もいくつか紹介されているようですが（参考URL）、 CSS2では、直接サポートされているわけではありません（2010年に勧告される予定の「CSS3」では、角丸のプロパティも用意されるようです）。 「角丸君」は、丸角の外の部分に背景色と同じ色を設定することで、外の部分が背景色に溶け込み、擬似的に丸角に見せる事ができます。 ですので、実際に画像を丸角にカットするわけではありません。ただ、背景に溶け込むと全く分かりませんし、無理に丸角にカット する意味もありません。操作がとても簡単で、短時間の作業で済むので、サイト内で使う素材作成などにぴったりです。「知恵の実.com」内で使っている画像の一部にも、利用させていただいています。
ダウンロード
「Vector」内の「角丸君」のページから、ダウンロードできます。インストール
本体のインストールは、ダウンロードしたファイル「kadomaru.zip」を解凍するだけでOKです。
画面・操作
画面は、上部分で加工する画像ファイルを指定し、下部分で加工方法を指定するシンプルな構成です。
取り合えず、一度このサンプルで作成してみます。
はじめに、「参照」をクリックし、加工する画像ファイルを指定します。画像形式は、読み込み・保存とも、BMP・JPEG・GIF・PNG・TIFF 形式に 対応しています。
次に背景色を指定します。背景色の指定は、直接「#000000」形式の16進数を指定する事もできますし、入力ボックス横の四角をクリックすれば、 Windowsのカラーパレットが表示されるので、そこから色を指定する事も可能です。今回は、丸角の加工が分かりやすいように、背景色に「赤」 を指定しておきます。
今回は、他の設定はそのままで作成してみます。「作成」をクリックして、ファイル名・保存形式を設定して、保存します。作成前に「プレビュー」 をクリックすると、今の設定で作成される予定の画像が表示する事も可能です。
左側がプレビュー画面、右側が今の設定で作成したサンプルです。
並べてみると、カットせずに背景色に同化させて溶け込ます、と言うのが良く分かると思います。基本的な作業は、今の操作だけです。
丸くする部分は、4つの角を任意に選択できます。「適用部」に表示されている四角にマウスを乗せると、赤く表示が変わりますので、クリック すると、丸くする←→丸くしないを切り替えられます。
また、「大きさ」の数値を変更すれば、丸角の大きさを変更できます。「プレビュー」を見ながら、最適な数値を見つけましょう。
下のサンプルは、背景色を白で同化させて、丸角部分を上部分のみ、大きさは20で作成したものです。
作業に短時間しかかからず、画像も分割しないので、ソースもすっきりします。ぜひ使ってみて下さい。