4-1/7
目次へ戻る lesson 1 lesson 2 lesson 3 lesson 4 lesson 5

■ Webページを簡単に作ろう!!

このページは、インターネットのWebページを簡単に作成する方法を考察します。
このページの内容:
画像の加工の説明です。トリミングとリサイズの方法の解説です。
画像を、横4:縦3の割合でトリミング(切り抜き)する。
それを表示させるサイズにリサイズ(縮小)する。
画像サイズ:200x150ピクセル(px)、300x225px、 600x450px などを作成する
資料
完成した 画像5枚ファイル hoto.lzh  右クリック:対象をファイルに保存

Vixを使って、画像の加工をします


Vix を開き C:\abc\hoto を表示します。上記の画面です。画像が何枚かあります。

4-2/7

1番大きな画像を加工します

Vix を開き c:\abc\hoto\0914_36.jpg をクリックすると次の画面が表示されます。


編集、トリミングを選択します。トリミングの小窓の「縦横比を固定」に数字4と3を入れます。
画像上でマウスで4角形を作ります。比率は4:3です。トリミングする箇所に4角形を移動して、大きさも調整します。実行をクリック。

4-3/7

点線内が切り取られます。画像がトリミングされます。284x213pxです。

4-4/7

トリミングされた画像。これをリサイズします。


編集、リサイズを選択します。「サイズ指定」で横284pxを200に変更します。縦横比を変えないを選択していれば、縦は自動で決まります。(150px)。 OKを押して実行します。


画像を、ファイル名 a_01.jpg として保存します。

4-5/7

JTrimを使って、画像の加工をします

\webページ作成ソフト\Jtrim153\JTrim\JTrim.exe のショートカットをディスクトップに作成する

1番大きな画像を加工します

Vix を開き 画像c:\abc\hoto\0914_36.jpg を「JTrim」のアイコンにドラッグ、ドロップする。JTrimが起動して次の画面が表示されます。


イメージ、切り抜きを選択し、表示された枠を左の上へ移動する。 次の画像の「ここが基準点」のところ。 枠が表示されない場合は、マウスで四角形を作る。

4-6/7

ここが基準点は、小窓:座標指定切り取り、「座標1」0,0、となる。
「座標2」に、400、300、と数値を入れる。縦横比を維持するを指定する。
四角形を切り取りたい位置に移動して、必要なら大きさも変更する。OKをクリック。


点線内が切り取られます。サイズ、297x223pxと表示されている。
イメージ、リサイズを開く。

4-7/7

サイズで指定する、横297(画像左)を横200(画像右)にする。OKを押す。

ここで少し画像の加工をします。


カラー、ヒストグラム、ノーマライズ、を実行。
加工、シャープにする、レベル1もしくはレベル2、を指定。OKを押す。保存する。

画像は、左:画像の加工前、右:加工後。加工を実行すると少し感じが変わります。
最初の項目のVixでは、左の画像と同じです。どちらが使いやすいか、加工はする方がよいかは、画面の作者の考え方しだいです。
小生は、ほとんどの画像をJtrimで加工しています。原画像が少しぼけていても加工して何とか使います。

必要とする画像を、トリミング、リサイズ、をして作ります

lesson 2 の構成では、画像大:3枚、画像中:4枚ですが、もう少し減らして
a_01.jpg  200x150pix
a_02.jpg  300x225pix
a_03.jpg  300x225pix
a_04.jpg  600x400pix
a_05.jpg  600x400pix
計、5枚の画像を作成します。

目次へ戻る lesson 1 lesson 2 lesson 3 lesson 4 lesson 5