■ 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角形を移動して、大きさも調整します。実行をクリック。
点線内が切り取られます。画像がトリミングされます。284x213pxです。
トリミングされた画像。これをリサイズします。
編集、リサイズを選択します。「サイズ指定」で横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が起動して次の画面が表示されます。
イメージ、切り抜きを選択し、表示された枠を左の上へ移動する。 次の画像の「ここが基準点」のところ。 枠が表示されない場合は、マウスで四角形を作る。
ここが基準点は、小窓:座標指定切り取り、「座標1」0,0、となる。
「座標2」に、400、300、と数値を入れる。縦横比を維持するを指定する。
四角形を切り取りたい位置に移動して、必要なら大きさも変更する。OKをクリック。
点線内が切り取られます。サイズ、297x223pxと表示されている。
イメージ、リサイズを開く。
サイズで指定する、横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枚の画像を作成します。
- a_01.jpg 200x150pix
- a_02.jpg 300x225pix
- a_03.jpg 300x225pix
- a_04.jpg 600x400pix
- a_05.jpg 600x400pix