【目次】へ戻る
flipflop    2004.09.18  Title:ROLLING STONES

元の画像 加工後の画像(マウスを当ててみて下さい。)
元の画像-0 元の画像-1
元の画像-2 元の画像-3




<加工過程>
画像の加工としては見るべきものはありませんが,HTMLといっしょに遊ぶとこんなことも・・・・という感じで作ってみました。
・レコードジャケット4枚の画像をGIF形式で保存し,それを適当に傾けます。
・傾けたときにできる四隅の三角部分を「イメージ」→「透過色設定」で透過します。
 (JTrimをGIF対応にしておく必要があります。詳しくは配布サイトで)
・レコードジャケットを傾けた高さと同じ寸法の透過GIF(100%)を作っておきます。(touka.gif)
・テーブルのbackgroundで1枚の画像(ここではs000.gif)を指定します。
・マウスアウトで画像を指定し,マウスオーバーで透過GIFを指定して3箇所に貼ります。

以下にテーブル全体のソースを記載しますので参考にしてください。

<table width="100%" height="670" border="1">
<tr height="40" align="center"><td width="50%">
<span class="font">元の画像</span></td><td width="50%">
<span class="font">加工後の画像</span></td></tr>

<tr align="center">
<td width="50%" bgcolor="#000000">
<img src="s000x.gif" border="0" alt="元の画像-0">
<img src="s001x.gif" border="0" alt="元の画像-1">
<br>
<img src="s002x.gif" border="0" alt="元の画像-2">
<img src="s003x.gif" border="0" alt="元の画像-3">
</td>
<td width="50%" background="s000.gif">
<img src="s001.gif" border="0"
onMouseover="this.src='touka.gif'"
onMouseout="this.src='s002.gif'" alt="">
<br>
<img src="s002.gif" border="0"
onMouseover="this.src='touka.gif'"
onMouseout="this.src='s003.gif'" alt="">
<br>
<img src="s003.gif" border="0"
onMouseover="this.src='touka.gif'"
onMouseout="this.src='s001.gif'" alt="">
</td>
</tr>
</table>






flipflop    2004.09.12  Title:"Stars and Strips Forever"

元の画像 加工後の画像
元の画像
元の画像
加工後の画像


<加工過程>
私もchikoさん同様,3年前の9月11日のようなことが,この世界で二度と起こらないよう願いを込めてアップします。

koyamaさんの自由の女神を拝借いたしました。koyamaさん事後承諾で申し訳ありません。
JTrimでの透過GIFの作り方がよく分からないので,photo shopで透過しました。 それからJTrimの「編集」→「合成」で星条旗に貼り付けて,「超新星」で輝きを放ちました。

画像加工は時間の経つのも忘れて,睡眠不足になります。みなさん お気をつけください。(^_-)-☆






flipflop    2004.09.05  Title:三角形

元の画像 加工後の画像
元の画像 加工後の画像


<加工過程>
画像を三角形に切り抜いてみました。三角形といっても実は四角形です。左下の半分が背景色と同じにしてあります。

◇ここでは背景色が白のページに貼るものとして加工します。
■任意回転角度(−35)
■切り抜き範囲を指定して→切り抜き
■任意回転角度(35)
■「編集」→「背景色」で「白」以外の背景色を指定します。(今の画像が三角形と白い部分で現れましたね。)
■必要な部分の切り抜き範囲を指定して→切り抜き
■「編集」→「背景色」で白に戻します。
■フェードアウト(124)

※三角形やその他の多角形(円も)の画像ってできないみたいです。あくまで四角形という枠のなかでの多角形なんですよね。 つまり見えない部分は背景色と同じ色ということになります。
見えない部分(この場合は背景色と同じ色の白;対角線の左下半分)を透過すれば,もっといろんな使い方ができるかも。。。。。






flipflop    2004.09.02  Title:ブラインド越しの秋

元の画像 加工後の画像(画像にマウスを置いてください。)
ブラインド越しの秋
ブラインド越しの秋


<加工過程>
さっちゃんのパクリみたいなものですが,今のシーズンにちなんで秋を表現してみました。
題して「ブラインド越しの秋」
元の画像(kuri001.jpg)を次のように加工して,HTMLで画像交換と額縁を処理します。

■offマウスの画像(kuri002.jpg)
グラデーション(色:両方白,不透明度50)
超新星加工(半径:11,放射線数:50,超新星の色:白)
ブラインド加工(幅:20,水平,白)

■onマウスの画像(kuri003.jpg)
グラデーション(色:両方白,不透明度30)
超新星加工(半径:25,放射線数:200,超新星の色:白)

<HTMLの記述>
<img src="kuri002.jpg" border="0"
onMouseover="this.src='kuri003.jpg'"
onMouseout="this.src='kuri002.jpg'" alt="ブラインド越しの秋">

※額縁の記述はソースをご覧ください。(額縁は要らなかったかなぁ?)
外すとこう↓なります。

ブラインド越しの秋




inserted by FC2 system