文字や画像を動かすときは、
marquee（マーキー）というタグを使います。
<marquee>と</marquee>で挟まれたfont（文字）やimg（画像）は、
その他のアクションを付けるタグで指定された指示に従ってブラウザを動き回ります。
但し、この効果はIE（インターネット・エクスプローラ）のみの様です。
タグの例は青字で表記しておきます。
１．基本的なマーキーです。
特に指定がなければ右端から左端に移動します。
<marquee>文字や画像</marquee>エキサイトでUPした画像を移動させる場合は
<marquee>
[#IMAGE|a0124890_・・・・201005/30/90/|left|50|51#]←UPした画像
</marquee>の様にします。UPした画像自体が移動します。（上図はアニメGIFです。）
（画像の中で文字や画像を移動させる場合は、別の方法をとります。）
２．横の移動範囲を設定しました。
width=数値 が横の移動範囲です。
<marquee width=300>文字や画像</marquee>
３．上下に動かす場合は
height=高さ と 動く方向
direction=up又は
downを追加します。
directionには left（デフォルト）right up down があります。
複数のタグを入れる場合は、半角スペースで区切ります<marquee height=50 direction=up>文字や画像</marquee>
４．左から右に動かす場合。
動く方向 direction=right
<marquee direction=right>文字や画像</marquee>
５．文字が左右に行ったり来りします。
behavior=alternateを入れます。
behaviorにはalternateの他に scroll（デフォルト）とslide（移動して止まる）があります。
<marquee behavior=alternate>文字や画像</marquee>
６．上下に行ったり来りする場合。
height=高さ と 動く方向
direction=up又は
down と
behavior=alternateを入れます。
<marquee height=50 direction=up behavior=alternate>
文字や画像</marquee>
７．動くスピード（1回の移動距離）を指定できます。
scrollamount=数値 大きいほど早くなります。（無指定で6）
<marquee scrollamount=1>文字や画像1</marquee><marquee scrollamount=2>文字や画像2</marquee><marquee scrollamount=3>文字や画像3</marquee>
８．動くスピード（1回の移動する時間）を指定できます。
scrolldelay=数値 大きいほど遅くなります。（1=1/1000秒 無指定82）
<marquee scrolldelay=100>文字や画像1</marquee><marquee scrolldelay=200>文字や画像2</marquee><marquee scrolldelay=300>文字や画像3</marquee>
９．背景色を指定できます。
bgcolor=色名または
色番号。
<marquee bgcolor=yellow>文字や画像</marquee>
１０．縦横複数指定する。（上スクロール横移動）
始めのmarqueeで、（左移動デフォルト）、背景色と移動範囲の高さ30を指定してます。
次のmarqueeで、上移動と移動高さ26を指定し（下が少し欠ける）スピードとして移動距離を2にしています。
<marquee bgcolor=#C1FFC1 height=30>
<marquee direction=up height=26 scrollamount=2>
文字や画像</marquee></marquee>
１１．縦横複数指定する。（上スクロール横移動反復）
始めのmarqueeで、背景色と移動範囲を幅300、高さ100、上移動で反復を指定してます。
次のmarqueeで、左移動とスピードとして移動距離を2で反復指定しています。
<marquee bgcolor=#D8BFD8 width=300 height=100 direction=up
behavior=alternate>
<marquee direction=left scrollamount=2 behavior=alternate>
文字や画像</marquee></marquee>
１２．改行禁止でマーキーを横に並ばせる。
<nobr>と
</nobr>で囲まれた記述範囲は改行禁止になります。
<nobr><marquee bgcolor=#EECBAD width=360>
<marquee behavior=alternate width=60><font color=red>●</font></marquee><font color=blue>
○(^-^)oテヤッ</font></marquee></nobr>
今回は、このくらいにしておきましょう。
なお、最上段のマーキーは『ウェーブ マーキー♪』というソフトで作成しました。
# by jonnobi133-2 | 2010-06-03 13:18 |
マーキー
今回はエクセル等の
画面をコピーして「画像ファイル」にする方法です。（エクセルに限りませんが・・・）
ソフトには『Ｊｔｒｉｍ』を使用します。
無い場合は、下記にてダウンロードできます。
http://www.forest.impress.co.jp/lib/pic/piccam/picedit/jtrim.html
（以下、画像が見難い場合は画像をクリックしてください。拡大します）
１．エクセルを起動し、絵を描いたファイルを開いてください。
画面をそのままコピー（スクリーンキャプチャと言う）しますが、下図の様に通常、エクセルではセルの枠線が表示されています。描いた絵に透過処理をしていると、この
枠線が出てしまうので
解除します。
「メニューバー」の「ツール」→「オプション」→「表示タブ」。「ウィンドウオプション」の「枠線」のレ印をはずして下さい。
下図の様な枠線の無い状態になったと思います。
また、取り出したい絵が全て画面に表示されていなければならないので、拡大・縮小率を変えて絵の全体が表示される様にしておいて下さい。（赤丸のところで▼をクリックして選択、直接数値入力も出来ます）
２．エクセルはそのままにして
Jtrimを起動します。
起動したら、メニューバーから「イメージ」→「画面キャプチャ」をクリックします。
「アクティブウィンドウのクライアント領域」を選択して、「実行」をクリックします。
（これは、起動しているソフトの表示部分だけと言う意味です。）
実行をクリックすると一瞬、エクセルのウィンドウが開いてから、Jtrimに戻る動作をして、画像を取り込んできます。
３.余分な所も含めてエクセル上の画像が表示されます。ここから、
必要な所だけ切り出します。（トリミングと言う）
メニューバーの「イメージ」→「切り抜き」をクリック。
必要な所を囲むようにドラッグして、切り出す範囲を決めて下さい。良ければ「ＯＫ」をクリック
４．下図のように切り出せたら、「ファイル」→「名前を付けて保存」します。
（保存する前にリサイズしたい場合は「イメージ」→「リサイズ」で・・・）
保存するに当たって「ファイルの種類」を「JPEGファイル」として下さい。
JPEGファイルには「圧縮率」と言うのがあってファイルの大きさが変えられます。
圧縮率を大きくして低品質にするとファイルは小さくなりますが、画質が落ちてしまいます。
右下の「設定」をクリックしてください。
「保存オプション」に「保存の品質」がありますので、これを指定します。
「プレビュー」があるので確認しながら決めて下さい。80以上が良いでしょう。
また、このエキサイトブログでは500KBを超えるとアップできないので、「ファイルサイズで指定」することも出来ます。
参考：画像ファイルについて
画像ファイルには色々あって良く使われるのが「ビットマップ：bmp」「JPEG：JPG」「GIF：gif」などです。
○ビットマップはWindows標準の画像ファイルで、１ピクセル（点）ずつの情報が記録されるためファイルが大きくなります。ですが、JPEGの様に画質の劣化はありません。また、エキサイトブログではUPできません。
○JPEGは圧縮されるためファイルは小さくなりますが、保存するたびにある単位で情報を間引いてしまうので注意が必要です。間引いても気が付かないような写真などに向いています。拡大すると解かりますが圧縮率が高いものは四角いブロックが目立ってきます。ベタ塗りの絵でもノイズがでます。
○GIFはアニメーションなどに良く使われ、ファイルサイズも小さいです。256色までしか表示できません。色数の少ないイラスト等はGIFの方が良いかもしれません。エキサイトブログでUPできます。
※ちなみに、Windowsの「ペイント」でJPEG保存するとかなり画質が悪いです。
追加１ 「マイピクチャ」に保存する
「ファイル」→「名前を付けて保存」で、「保存する場所」の右横の▽印をクリックして、「マイドキュメント」→「マイピクチャ」とクリック。「保存する場所」が「マイピクチャ」になったらファイル名をつけて「保存」をクリックします。
（下図の上段は「マイドキュメント」をクリックした状態。下段は「マイピクチャ」をクリックした状態）
# by jonnobi133-2 | 2007-08-22 23:47 |
TRY
紫陽花で最後省略した背景の作成を追加します。１０．からの続きです。
１１．「背景のコピー」レイヤーの消したい所を「消しゴムツール」で消していきます。
下図の様に消したら。その「背景のコピー」レイヤーの下に新規レイヤー（レイヤー４）を作成します。
（新規レイヤーは選択されているレイヤーの上にできるので「背景レイヤー」をクリックして「新規レイヤー作成ボタン」をクリックする）
新規レイヤー（レイヤー４）を「紫色」に塗つぶします。
（パレットを紫に変えて、「塗つぶしツール」で画面をクリックする）
（または、「編集」→「塗つぶし」→「描画色」でもOK。色パレットは紫でネ）
レイヤー４の上で「右クリック」で「レイヤー効果」を選択します。
「ベベルとエンボス」の「テクスチャ」を選択して、「パターン」を「ワックスクレヨン」にします。
そして「比率」→「287」、「ふかさ」→「+231」にして下さい。（見た感じでいいです）
（画像クリックで拡大表示します）
レイヤー4の上に新規「レイヤー５」を作成し、例によって、「境界をぼかした黒塗つぶし」をします。
「四角選択ツール」で図の点線範囲をドラッグし、「選択範囲」→「境界をぼかす」→「100pixel」で「OK」をクリック。そのまま、黒で塗つぶして下さい。
「塗り」は86％位にしました。（画像クリックで拡大表示します）
「選択範囲」→「選択範囲の解除」で終了です。
# by jonnobi133-2 | 2007-06-30 09:12 |
メイキング
『紫陽花』のメイキング｣№７の詳細です。ここに貼りついている画像（下の元画像）を「ファイルに保存」してもらってから
Photoshopで開いて
例によって、「背景のコピー」レイヤーを作ったのが下図の状態です。
（背景レイヤーは「目のマーク」をクリックして非表示にします）
メニューバーの「選択範囲」→」「色域指定」をしたのが下図です。画面の赤矢印部分（白い部分）をクリックして下さい。
それで「OK]をクリックして「delete」キーを押すとすると下図になります。
このレイヤーを「移動ツール」」で持っていけば」№７の後半につながります。
これは「洋ラン２」でも同じ事をやていますので参考にして下さい。
# by jonnobi133-2 | 2007-06-28 00:11 |
メイキング
１．元画像です。(800Ｘ600：クリックで拡大します。）
例によって「背景のコピー」のレイヤーを作成して「背景」レイヤーは非表示にしておきます。
２．今回、花の色を変えたのは１０箇所もあり、同じ作業の繰り返しなので、一箇所だけの説明とします。
まず、色を変えるところを「投げなわツール」で大まかに範囲を決めます。
３．そのまま、「編集」→「コピー」。「編集」→「ペースト」。
４．新規レイヤーとして選択した部分が「レイヤー１」で作成されます。
「背景のコピー」レイヤーの「目のマーク」をクリックして非表示にします（判りにくいので）
５．このレイヤーの花以外の所と別の花の所を「消しゴムツール」で消していきます。
下の様になったら
６．「イメージ」→「色調補正」→「色相・彩度」を選択します。
「色相」のスライダーを左右に動かすと色が変わります。右側へずらし赤になる所を探してさい。色が決まったら「ＯＫ」をクリック。
「背景のコピー」レイヤーの「目のマーク」をクリックして表示すると下図の様になります。
他の花の色を変えたい場所も同じことの繰り返しです。
７．紫婦人の「型」はあらかじめ作成しておきます。
（この画像を取り込んで、「選択範囲」→「色域指定」で画面上の白い部分をクリック。選択できたら「delete」キーで白い部分を削除できます。）
作成したら、こちらのウィンドウにコピーします。
「移動ツール」でドラッグすればコピーできます。
８．紫婦人をグラデーションで色を変えます。
「選択範囲」→「選択範囲を読み込む」。選択範囲が点滅します。
「グラデーション」アイコンをクリック。左上に色選択の窓が出ますので▼印をクリック。パレットからパターンを選択します。
（実は、このパターンの白を少しいじって薄紫にしています）
そのまま、赤→の様に右上でクリックし左下にドラッグして下さい。
（ドラッグの始点と終点の位置によってグラデーションの変化が違います）
９．着物に紫陽花の柄をつけます。
（作品ではこの場所に水色の紫陽花に変えた別レイヤーがあるので、このレイヤーからコピーしたのですが、すべてを解説するのが大変なので要領だけ説明します。）
選択範囲はそのままで、ここでは水色紫陽花の代りに「背景のコピー」レイヤーをアクティブに（クリック）します。そして「編集」→「コピー」。
紫婦人の「レイヤー２」をアクティブにして、「編集」→「ペースト」。
（アクティブなレイヤーの上に作成されるため「レイヤー２」を選択しておく）
「レイヤー２」の上に背景柄で紫婦人型の「レイヤー３」ができました。（柄が背景と同じなので区別がつかない状態です）
「モード」を「スクリーン」に変えてください。
（作品では水色紫陽花だけのレイヤーからコピーしているので、上半身に柄はありません）
１０．「レイヤー２」の上で右クリックし、「レイヤー効果」を選択。
「ドロップシャドウ」を下図の様にして下さい。
「角度」54°、「距離」11、「スレッド」29、「サイズ」7として下さい。（あくまでも参考です。プレビューを見ながら調節して下さい）
「ベベルとエンボス」下図の様にして下さい。
「スタイル」ベベル内側、「深さ」171％、「サイズ」9、「ソフト」0として下さい。
これでほぼ出来上がりです。あとは、文字を入れてください。
メイキングといいながら出来上がりが違いますが、要領は同じです。
作業が多いので省略いたしました。ご了承ください。
アッ！それと背景に紫の雨っぽい感じのものをいれましたが省略しました。
# by jonnobi133-2 | 2007-06-19 16:48 |
メイキング
