画像の加工
2007年06月16日00:16
あなたは画像を加工する際、画像ソフトは何を使っていますか？
私は、ホームページビルダーに付属しているツール、「ウェブアートデザイナー」を使っています。


ホームページビルダーは当サイトで度々紹介しているソフトなのですが、ホームページビルダーの機能について紹介したことはほとんどありません。と言うか、全くありません。
ホームページビルダーを買って、ホームページビルダーを使わないで、どうするんだ？と思われる方もいらっしゃるかもしれません。
私だって、私だってせっかく買ったし、使いたいんです。
使おうとトライしてみるものの、何度も挫折しているんです・・・orz。
で、結局使っているのは付属ツールの画像加工ソフト「ウェブアートデザイナー」と簡単なアニメーション画像が作れる「ウェブアニメータ」だけです。

以前ホームページビルダー９を買って、散々この２つのツールを使っていたのですが、最近ふらっと近くの電気屋に行くと、ホームページビルダー１１が売ってました。
なになに、FLASHソフト「FREE MOTION」、素材ソフト「具満タンDX」、FLASH素材「@rtFlash」、ロゴ作成ソフト「ロゴット」がついて、お値段９４００円！？しかも２０万本限定。「限定」です。これは買いだ！と、思わず飛びついてしまいました。

↓IBM ホームページ・ビルダー11 通常版 プレミアパック （半額キャンペーン版）


思わずホームページビルダー９を持っていながら、ホームページビルダー１１持ちになっちゃったんですが、FLASHもやってみたかったし、かっこいいロゴもこれでがんがん作れるだろうし、いい加減ホームページビルダー本体も使えるだろう、と期待に胸を膨らませていたのです。

で、結局使っているのが、「ウェブアートデザイナー」と「ウェブアニメータ」のみです。
・・・orz

しょうがないので、「ウェブアートデザイナー」の紹介をしようかと思います。

ウェブアートデザイナーは、私が説明書も読まずに使っていくうちに使えるようになるくらい、直感的な操作で簡単に使えるソフトです。
困ったときは画像や図形をダブルクリックしたり右クリックしたりすれば、大体解決します。

今回のサイトの手直しでも、画像は全てウェブアートデザイナーで作っています。
この記事では、自己流のサイトロゴの作り方を紹介します。

一応バナーなどにも使えるように、縦横比が１：２になるように最初に四角形の枠を設定してその中にロゴを作っていきました。

まずはウェブアートデザイナーを起動。

１．操作ツールバーにある「四角形」をクリックします。
右にある ▼ ボタンをクリックすると、[四角形(枠のみ)] とか[四角形(塗り潰しのみ)]とか選択できます。
枠のみを選んで、枠を作ります。

２．次にサンプルの図形を選んで加工します。
テンプレートギャラリーにあるウェブアート素材から図形→基本図形を選んで枠なしの三角形をダブルクリック。
出てきた図形をダブルクリックすると色や大きさなどが変えられます。右クリックすると回転などできます。

３．最初に作った枠に三角形を入れ込みます。



４．操作ツールバーにある[文字]タブ を押すと文字が入力できます。
できた文字をダブルクリックすると、フォントや色、大きさ、文字飾りが変更できます。
加工した文字を枠にどんどん入れ込みます。



５．標準ツールバーにある、ボタンの作成をおします。これは立体的な図形がウィザード形式で簡単に作成できます。
できた図形はダブルクリックや右クリックでさくさく加工。図形を１回クリックすると選択状態になりそのまま移動したりできますが、選択した際に出る囲いの右上端のぽっちを動かすと簡単に好きな角度に回転できます。
こうして調整した図形もまた枠の中に入れ込みます。

６．というわけで、できはどうあれ、だいたい完成です。




ウェブアニメーターがありがたいのは、この画像を選択して、右クリックすると「Web用保存ウィザード」というものが出てきて、これにしたがっていくと、GIFやjpeg形式で画像が保存でき、Web用に簡単に容量が小さくできるのです。GIFは透明部分も作れたりして、重宝します。

ただ、複数の画像を組み合わせてひとつの画像としてウィザードで保存する場合、何でそんな不要な囲いのところまで画像に含めるかな、と思うことがあります。
無駄に画像が大きくなってしまうわけです。


こういう時は無料ソフトのＱｔｙＣａｐｔｕｒｅ。

↑起動すると、こんな感じのちっこいインターフェイスが画面下のほうに出てきます。

↓ダウンロードはこちら
http://www.vector.co.jp/soft/win95/art/se281866.html

範囲指定キャプチャで切り取るときには、拡大ウインドウが出るので微妙な大きさもぴったり切り取ることができます。


こういう感じで、ロゴが作成できます。

もっともっとスマートな方法で画像を作成されている方、たくさんいらっしゃると思います。
できたらそういうスマートな方法を教えていただきたいのですが、画像加工をしたことの無い方が最初にロゴや画像を作りたい、と思う時にはウェブアートデザイナー、結構便利で簡単ですよ。

もれなく、ホームページビルダーもついてきます。


↑IBM ホームページ・ビルダー11 通常版 （半額キャンペーン版）




│clip! │ホームページビルダー 
このBlogのトップへ │前の記事 │次の記事

この記事へのコメント
モアロマ
モアロマ
2007年06月16日 02:05
5

afiliateさ〜ん♪afiliateさ〜ん♪

素敵にカスタマイズですね＾＾
「ば」の点はもしかして、涙目の「涙」？
うれし涙の「涙」？
コアラもかわいいです。

先ほど、「CRON さくらインターネット 再構築」でググったら「幼稚園」が54,500中、3番目か4番目にヒットでした。「幼稚園」も以前とスッカリイメージが変わっていてビックリしました。

私もウェブアートデザイナー使ってます。
最近はMTばっかりなので、ビルダー10を購入するも、使っているのはウェブアートデザイナーのみです。

＞もれなく、ホームページビルダーもついてきます。
あはは。確かに。もれなくですね＾＾

afiliate
2007年06月16日 02:20
モアロマさ〜ん♪、モアロマさ〜ん♪
ほめていただいちゃってありがとうございます♪
「ば」の点は涙とか汗とか、いろんな思いを込めてみました（笑）
あらら、CRONとかでヒットするとはお恥ずかしい。何の解説もしてないのに（＾＾；
「幼稚園」は、StyleCatcherでスタイルをさくさく変えてたまに遊んでます。
でも、よかった。ウェブアートデザイナー、お仲間発見！少し自信がもてました。
もれなくついてきた２つの本体の処理に悩んでいますけど（笑）