タグ:マーキー ( 48 ) タグの人気記事
マーキー
う~ん、自分で作るのも難しいけど、説明するのはもっと難しい。 (うまくできるかなぁ~)
昨日のマーキー画像は背景画像に夜空の月、魔女を透過してマーキーで動かし、その上に雲とカボチャのの画像を重ねたものです。画像は下の4枚です。魔女は別々のものですが、便宜上背景画像に貼り付けました。d0048312_219391.gif
左の画像は縮小してあります。
背景画像はJPGです。(何でもいいです)500×700です。
黒色だけでも良かったのですが、月フォントもあったので。
繰り返したくなかったし、余分なタグも書きたくなかったので大きめのサイズにしました。

紫魔女のサイズは200×200ですが、HTMLで100×100にしました。
エンボス魔女も透過してあります。背景画像の上に飛ばす時は周りを透過しないと四角い枠をつけたまま飛ぶことになります。周りが背景色と同じ場合はその限りではありません。

d0048312_2110760.gif
上に重ねる画像も周りを透過します。透過した部分を魔女が飛びます。
透過をする時は透過する色を画像で使用していない色にし、jtrimやPhotoEditorの透過アイコンでクリックします。
透過アイコンです 透過アイコン

透過した画像は必ずgifで保存します。

下のタグはエキサイトブログで使用できる普通のタグです。gooブログでは特殊なタグを使うのでこのまま使うことは出来ません。
昨日のソースです。数値は画像によって違いますのでそれぞれ直します。

<div style="background-image:url(背景画像のURL)"><MARQUEE scrollAmount=5 behavior=alternate width="600"><MARQUEE scrollAmount=5
direction=up behavior=alternate width="100" height="200">マーキーで動かす透過画像1</MARQUEE>
<MARQUEE scrollAmount=7 direction=down behavior=alternate width="200" height="300">マーキーで動かす透過画像2</MARQUEE></marquee>
<div style="margin-top:-400px">上に重ねる透過画像</div></div>

さて、最初にこれをやったのは、ある、gooブログでビルと木の間をたしか、バスと飛行機が走っている画像を見たときです。(だいぶ前なのではっきりと覚えていません)
その方はtableタグを使って作成なさっていました。
このエキサイトブログではtableタグが使えないのでdivタグを使って工夫しました。
その時の画像です。2008年5月20日
そこで、これをgooブログで出来ないかと、がんばってみました。(gooブログはややこしくてずいぶん前にやめてしまいましたが、まだ残っていたのでためしてみました。
gooブログ・マーキーです。
できましたね。最初、「<」がちょろちょろ出るので困り果てました。

d0048312_21531486.jpg
背景画像はバラの写真です。
飛行機と手前に重ねる画像は透過gif画像です。
手前の画像は飛行機が通る部分以外を塗りつぶし、透過しました。

一番右側のバラだけ飛行機が手前を飛んでいます。これはなぜかというと、私のgooブログの横幅が600なのに対し、画像が500だからです。背景画像は余った分、リピートしていますので、左側のバラが右側に出てきたのです。一方、上に重ねる画像も500pxなので100px分右側が空いています。
この失敗画像のおかげで、どうなっているかが良くわかります。
重ねる画像の上余白をマイナスにしているのはマーキー(飛行機)の分だけ下に下がるので飛行機の分、上に上げて、画像をぴったり合わせるためです。
(飛行機も実際は別に作って透過しておきます)




gooブログで書いたタグです。


<div style="background-image:url(背景画像のURL)"><span style="font-size:0px;"><<marquee><img src="飛行機画像のURL"><</marquee></span><div style="margin-top:-186px"><img src="重ねる画像のURL"></div></div>

「gooブログ マーキー」で検索したら出てきたマーキー画像のソースを見て参考にさせていただきました。 gooブログで教えて下さっているサイトを見たほうが早いと思います

マーキータグについてはあちこちで説明がありますので検索してください。
makoさんのところにも説明があります。

23日訂正:肝心のマイナス(-)が抜けていました。
widthを指定すれば右側に余分な画像が出ませんでした。 10月23日 goo画像

<div style="background-image:url(背景画像のURL);width:500px"><span
style="font-size:0px;"><<marquee><img
src="飛行機画像のURL"><</marquee></span><div
style="margin-top:-186px"><img src="重ねる画像のURL"></div></div>
[PR]
by mmi331 | 2009-10-21 22:48 | 画像加工 | Comments(0)
期日前投票 ・ ハロウィンマーキー(関連なし)
今度の日曜日は市長選挙と(神奈川)参議院補欠選挙ですが、出かける予定があるので今日、期日前投票に行ってきました。
ついでに足を伸ばして溝の口駅まで行ったら黒山の人だかりが出来ていました。
鳩山総理大臣が応援演説に駆けつけてきたのです。
後ろのほうからちらりと見ただけですが、いつものスタイルと、いつもの声といつもの演説でした。(って、当たり前ですが)

昨日「パソコンで遊びたいなぁ~」のmakoさんがおもしろいマーキーを作られたので私も真似してうんと時間をかけて真ん中マーキーを作ったのに、送信しないまま別のページを開いてしまったのでみんな消えてしまいました。がっくり。もう一度作って今日中にアップできるかしら・・・
全部フォントなので楽と言えば楽なのですが。順番に重ねています。夜空の月は背景画像です。魔女をマーキーで飛ばして、その上に雲の画像を重ねてあります。

d0048312_2339311.gif

d0048312_23403364.gif

d0048312_2335045.gif


あ~~~もう時間切れです。
[PR]
by mmi331 | 2009-10-20 23:49 | 画像加工 | Comments(4)
ハロウィンカボチャ
昨日は久しぶりの街歩きで、きょろきょろしてしまいました。、お店の飾り付けにハロウィングッズが多かったです。私には何の関係もありません。
私のパソコンにはハロウィンカボチャのフォントが入っています。HolidayPi BTというフォントです。クリスマスフォントもあります。定かではありませんが、筆ぐるめについているとか。
これをワードアートに入力して遊びました。面白いフォントはIMEパッド-文字一覧から探して入力します。ワードアートを大きくし、ワードアートの書式からグラデーションなどで色をつけたり、、影や奥行き、傾きを変えたり、ワードアートの形状を変えたりすると面白いです。
d0048312_2049584.jpg

↓ ワードの画面です。HolidayPi BTが入っていない方は違うフォントで遊んでみるのも楽しいです。上の画像は左右のカボチャフォントで遊びました。
d0048312_2056122.jpg


Jtrimで塗りつぶして。
d0048312_21381242.gif

こんなフォントも入っています。
d0048312_2343859.gif

[PR]
by mmi331 | 2009-10-19 21:14 | ワード絵 | Comments(2)
東北旅行 十和田・奥入瀬
20日~22日は2泊3日のツァーで東北方面に出かけました。
時期的には何にもありませんが、日曜と連休しか休めないので思い切って行って来ました。
1日目は新幹線で盛岡まで行き、そこからは観光バスで十和田湖観光と奥入瀬渓流散策・・・の予定が、
奥入瀬渓流沿いの道路が渋滞で散策はほんの10分程度しかできず、車窓からの観光となりました。
添乗員さんのお話ではこんなに混むのは珍しいとのことです。他県ナンバーの乗用車が路駐しているので渋滞を引き起こしているようです。これも高速道路1000円の影響でしょうか。
よって、奥入瀬渓流ではほとんど写真が撮れず、渓流というより、軽流になってしまいました。
3枚の写真をGiamでアニメ化  140KB
d0048312_223216.gif

渋滞の影響で十和田湖に着いたときは日が傾きかけていました。遊覧船からの景色です。
ごく一部です。PhotoFitFeelでパノラマ作成。マーキーで動いています。


湖岸に近い恵比寿大黒島です。少し紅葉しています。
d0048312_22542340.jpg

湖畔に立つ乙女の像は高村光太郎の傑作として知られていますが、遠くから見ると、スマートな乙女に見えますが、近くで見ると・・・・迫力があります ^^
d0048312_22431348.jpg

十和田湖周辺はナナカマドが色づき始めていました。あと一ヶ月もすれば全山紅葉して、湖は錦に飾られることでしょう。
d0048312_22482768.jpg

[PR]
by mmi331 | 2009-09-23 23:11 | おでかけ | Comments(2)
こいのぼり
屋根より高いこいのぼ~り・・・   ちょっと高すぎました

鳥と、こいのぼりは「wordでお絵かき」の描き方を見て描きました。

後はいい加減です。

d0048312_19391384.gif

d0048312_19433772.gif

YOMIURI OMLINE→新おとな総研→wordでお絵かきに描き方が載っているのですが・・・あらら、もたもたしているまに鯉のぼりの後半が描かれています。

このエキサイトブログで
鯉のぼりの画像はbackground-imege(背景)です。鳥はアニメ画像で、marquee(マーキー)で動いています。
まず、背景となる画像をアップロードし、プレビューから画像右クリックでプロパティを見ます。画像のURLが書いてありますのでhttpから始まる画像のURLをコピーします。
投稿欄に下のタグを書き、先ほどコピーした画像のURL を( )の中に入れます。

<div style="background-image:url(httpから始まる画像のURL)">
この間に文章を書いたり、画像を入れたりします。
マーキーの場合はmarqueeタグの間に普通に画像をアップロードします。
<marquee>マーキーで動かしたい画像</marquee>
</div>


背景画像の高さ分、テキストや画像を配置しないと背景画像の全体が現れません。
なお、最初にアップロードした画像タグは投稿欄で削除します。同じ画像が2つ表示されてしまいます。
[#IMAGE|xxxx_xxxxxxxx.gif|200904/22/12/|mid|xxxx#]←は投稿欄で消します。アップロード済みのところで削除してはいけません。なくなってしまいます。

鳥のアニメはオートシェイプで描いた絵を編集して2つ作って羽ばたいているようにしました。
オートシェイプならでは、ですね。背景画像の上に飛ばす時は鳥の周りを透過します。透過しないと白い四角が付いたまま飛ぶことになります。d0048312_20171049.gifd0048312_2017401.gif
フリーソフト「Giam」で作成しました。
d0048312_20295086.gif

[PR]
by mmi331 | 2009-04-22 20:32 | 画像加工 | Comments(6)
東京都心の桜・ 皇居東御苑
今日は汗ばむほどの陽気でした。
知り合いの方からNHK学園生涯学習書道展の案内をいただき、東京科学技術館へ見に行きました。
先週の日曜日も九段下から千鳥ヶ淵を歩き、満開のソメイヨシノを見てきましたが、今日は桜もほとんど散っていました。景色の移り変わりが見られてラッキーでした。

素晴らしい書の数々を拝見した後は科学技術館を出てすぐの横断歩道を渡ったところにある東御苑に八重桜を見に行きました。
まだ5分咲きといったところですが、この陽気が続けばあっというまに満開になるでしょう。
東御苑には天守台跡や、大奥、松の廊下跡があります。広くてのんびりして、おまけに皇居の警察がパトロールしているので安全です。
今日も仕事の都合で一人で来たのでおにぎり持参です。景色を眺めながらベンチでお弁当を食べました。パノラマ作成は右「フリーソフト2」のPhotofit Feelです。大きくて収まりきらないのでマーキーにしました。
皇居東御苑

八重桜のほか、石楠花も満開でした。ツツジも咲き始めています。
d0048312_2225891.jpg

JTrimで濃いグレーのキャンバスにただペタペタと合成貼り付けしました。
[PR]
by mmi331 | 2009-04-11 22:05 | おでかけ | Comments(2)
西洋桜草 チョウのアニメ



d0048312_2093966.gif
 


我が家の西洋桜草が満開です。
今日、家の周りの桜草のプランターを数えたら30ありました。そのほかに植木鉢や地植えもあり、少し整理しなくちゃ・・・と考えるようになりました。
e0095659_1954541.gif

桜草の画像は背景画像です。蝶は2枚の蝶をアニメにして、マーキーで飛んでいます。
桜草の画像はgifに変換すると160KBにもなります。仕方が無いのでjpgにしたら色が汚くなりました。でも60KBです。
背景画像はあまり重いと私のようなひ弱なパソコンでは表示されるのが遅くなります。
蝶はJTrimで作りました。
イメージだけで書いたのでかっこ悪かったですね。フォントの丸と円形切抜きを使って遊びながら書きました。アニメはGiamで作成。2枚目はペイントで変形しました。(伸縮と傾き)
元画像です↓  笑っちゃいやぁ~よd0048312_20341281.jpg

夕食後は暇なのです。昼間は仕事があるのでジャガイモを植える暇もなかなかありません。
まさか、夜、暗くなってから畑へ行くわけにも行かないので・・・朝はまだ寒いし。
時節柄、花粉症で、マスクに眼鏡で軍手をして夜歩いていると泥棒と間違えられます。

蝶はオートシェイプのほうが簡単ですね。
といってもお手本が無いとかっこ悪いものしか書けませんが。


変なタグを書いたらしく、なかなか表示されません(^_^;)
マーキーが表示されないブラウザではどんな風に見えるのかしら??

忘れないようにちょこっと・・・
d0048312_2156221.gif
羽根は半分だけ描いて反転し、連結します。胴の部分はテクスチャの麻縄を使用。触覚は黒丸の中に白丸を書き、半分をコピー、ミラー反転、連結します。最後に角度をつける
JTrim専門の方は簡単にお出来になるのでそのうち詳しく書いてくださるかもしれません。
くださらないかもしれません。   と、無責任なことを・・・・
[PR]
by mmi331 | 2009-03-11 20:54 | 画像加工 | Comments(4)
読書
地域で、花や野菜のお世話をするボランティアの末席にいますが、前回、草むしりのボランティアをけろっと忘れてしまったので今日の行事は断れなくて、地域の小学校の野菜スープパーティへ行ってきました。
子供たちが野菜作り指導のお礼にと招待してくれたのです。
野菜スープは先生と子供たちが作ってくれたのですが、ほんとうにおいしかったです。私は2回ぐらいしかお手伝いをしていないのにこんなに美味しいスープをいただいて、いいのかしら?
学校ですので写真は撮れませんでした。

夕飯が終わってふと、本棚を見たら読んだのか読まなかったのか思い出せない本があり、読み出したらもう、10時を過ぎてしまいました。「しろばんば」。読んだような、読んでないような・・4ぶんの3まで読んでも思い出せません。最近全然、本を読まなくなったので、これではいけない、と思うのですが、眼鏡をかけるのが億劫です。

というわけで今日は写真も加工もありません。マーキーで遊んでみました。
おもしろマーキー

nJKL
数値を入れるだけでいろんなマーキーが作れるHPを見つけました
マーキータグ作成ツール
ただし、この、影文字とマーキーは表示されないブラウザもあるそうです。

顔文字はwingdingsのJ,L,K,です。
[PR]
by mmi331 | 2009-02-24 21:32 | Comments(2)
新宿御苑
姉を新宿まで送っていくついでに新宿御苑によりました。
新宿御苑では今、「菊花壇展」が開催されています。
皇族ゆかりの菊花壇展ということで、それは見事な菊ばかりが飾られていました。
11月1日から15日までの期間中は休まず開園しています。
新宿御苑のホームページです。
実はこの菊花壇展はいつも見ているブログに書いてあった情報です。新宿に出るついでに是非見たいと思って足を運びました。新宿には良く行きますが、新宿御苑を訪れるのは今日がはじめてです。

広い日本庭園は綺麗で静かで、まさに大都会の中のオアシスです。
広すぎていっぺんに収められないのでパノラマにしてマーキーで流しました。
11月6日の新宿御苑


縮小した画像です。クリックで拡大します。
d0048312_16345998.jpg

パノラマ作成はPhotoFitFeelというソフトです。
[PR]
by mmi331 | 2008-11-06 20:12 | おでかけ | Comments(4)
スズメがね♪  稲を・・・
6月15日に開成町のアジサイ祭りでいただいた稲の苗はバケツの中で順調に育ちました。
ネット(網)までして大事に育てた稲です。9月24日には穂が実り、収穫も間近です。
(立体枠はJTrimで)
d0048312_1714795.jpg

ところが!!
バケツ稲を道路に面した場所に移し、ネットをかけなかったら・・・・
あっという間にスズメに食べられてしまいました。

d0048312_1911875.gif
d0048312_1911875.gif

   おコメはおいしかったのでしょうか?  

スズメはgifアニメです。マーキーで飛んで(?)います。
スズメの写真が無かったので先月、甲州市で撮った飾りのスズメを見て書きました。(^_^;)
「こんなに太ってないよ」とスズメに怒られそうですが私の稲を食べたバツです。
d0048312_224123.jpg

[PR]
by mmi331 | 2008-10-08 20:00 | 画像加工 | Comments(0)