トップに戻る  / 編集 / 新規 複製 名前変更 / 差分 バックアップ / 一覧 最終更新 単語検索

[ パソコン用表示 | スマホ用表示 ]


*外部LINKアイコン [#ya5e8384]

-アニメーションしていないものは,すべて透過png形式です。
-いずれも,白・黒・グレーと透過色しか使用していません。

|BGCOLOR(#CC9966):もとの画像|>|>|BGCOLOR(#ffCC99):LEFT:00. &ref(http://300000.jp/image/external_link_00.png,nolink);|
|BGCOLOR(#CC9966):左側に "LINK" の文字を追加|BGCOLOR(#ffCC99):LEFT:01. &ref(http://300000.jp/image/external_link_01.png,nolink);|BGCOLOR(#ffCC99):LEFT:02. &ref(http://300000.jp/image/external_link_02.png,nolink);|BGCOLOR(#ffCC99):LEFT:03. &ref(http://300000.jp/image/external_link_03.png,nolink);|
|BGCOLOR(#CC9966):"LINK" の文字の高さを2px低く|BGCOLOR(#ffCC99):LEFT:04. &ref(http://300000.jp/image/external_link_04.png,nolink);|BGCOLOR(#ffCC99):LEFT:05. &ref(http://300000.jp/image/external_link_05.png,nolink);|BGCOLOR(#ffCC99):LEFT:06. &ref(http://300000.jp/image/external_link_06.png,nolink);|
|BGCOLOR(#CC9966):"LINK" の文字の高さを戻した|>|>|BGCOLOR(#ffCC99):LEFT:07. &ref(http://300000.jp/image/external_link_07.png,nolink);|
|BGCOLOR(#CC9966):"LINK" の文字を "Link" に変更|>|>|BGCOLOR(#ffCC99):LEFT:08. &ref(http://300000.jp/image/external_link_08.png,nolink); &color(#ff0000){※ これを使用中};|
|BGCOLOR(#CC9966):迷走中……(汗)|BGCOLOR(#ffCC99):LEFT:09. &ref(http://300000.jp/image/external_link_09.png,nolink);|BGCOLOR(#ffCC99):LEFT:10. &ref(http://300000.jp/image/external_link_10.png,nolink);|BGCOLOR(#ffCC99):LEFT:11. &ref(http://300000.jp/image/external_link_11.png,nolink);|
|BGCOLOR(#CC9966):白黒反転|BGCOLOR(#ffCC99):LEFT:12. &ref(http://300000.jp/image/external_link_12.png,nolink);|BGCOLOR(#ffCC99):LEFT:13. &ref(http://300000.jp/image/external_link_13.png,nolink);|BGCOLOR(#ffCC99):LEFT:14. &ref(http://300000.jp/image/external_link_14.png,nolink);|

**アニメーションgif [#ib4d3a64]
-なんとなく作ってみた。(笑)
|BGCOLOR(#CC9966):1.0秒周期(0.5秒×2コマ)|BGCOLOR(#ffCC99):RIGHT:05+06 &ref(http://300000.jp/image/external_link_ani0506.gif,nolink);|BGCOLOR(#ffCC99):RIGHT:07+08 &ref(http://300000.jp/image/external_link_ani0708.gif,nolink);|BGCOLOR(#ffCC99):RIGHT:08+12 &ref(http://300000.jp/image/external_link_ani0812.gif,nolink);|
|BGCOLOR(#CC9966):0.9秒周期(0.1秒×9コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08 &ref(http://300000.jp/image/external_link_ani08g.gif,nolink);|
|BGCOLOR(#CC9966):1.8秒周期(0.1秒×18コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08+12 &ref(http://300000.jp/image/external_link_ani0812g.gif,nolink);|
**縦横2倍に拡大して表示 [#bb8fde97]

*縦横2倍に拡大して表示 [#bb8fde97]

-上の画像をブラウザで拡大しているだけです。
拡大表示の美しさ(汚さ)は,ブラウザに依存します。
-横幅の狭いディスプレイ(スマホなど)では,
2倍に拡大されない場合があります。

|BGCOLOR(#CC9966):もとの画像|>|>|BGCOLOR(#ffCC99):LEFT:00. [[&ref(http://300000.jp/image/external_link_00.png,22x22);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):左側に "LINK" の文字を追加|BGCOLOR(#ffCC99):LEFT:01. [[&ref(http://300000.jp/image/external_link_01.png,80x26);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:02. [[&ref(http://300000.jp/image/external_link_02.png,84x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:03. [[&ref(http://300000.jp/image/external_link_03.png,92x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):"LINK" の文字の高さを2px低く|BGCOLOR(#ffCC99):LEFT:04. [[&ref(http://300000.jp/image/external_link_04.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:05. [[&ref(http://300000.jp/image/external_link_05.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:06. [[&ref(http://300000.jp/image/external_link_06.png,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):"LINK" の文字の高さを戻した|>|>|BGCOLOR(#ffCC99):LEFT:07. [[&ref(http://300000.jp/image/external_link_07.png,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):"LINK" の文字を "Link" に変更|>|>|BGCOLOR(#ffCC99):LEFT:08. [[&ref(http://300000.jp/image/external_link_08.png,80x30);>外部LINKアイコン]] &color(#ff0000){※ これを使用中};|
|BGCOLOR(#CC9966):迷走中……(汗)|BGCOLOR(#ffCC99):LEFT:09. [[&ref(http://300000.jp/image/external_link_09.png,80x26);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:10. [[&ref(http://300000.jp/image/external_link_10.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:11. [[&ref(http://300000.jp/image/external_link_11.png,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):白黒反転|BGCOLOR(#ffCC99):LEFT:12. [[&ref(http://300000.jp/image/external_link_12.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:13. [[&ref(http://300000.jp/image/external_link_13.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:14. [[&ref(http://300000.jp/image/external_link_14.png,80x30);>外部LINKアイコン]]|

**使用したアプリケーションなど [#q185ba13]
**アニメーションgif(縦横2倍) [#k849f888]

|BGCOLOR(#CC9966):1.0秒周期(0.5秒×2コマ)|BGCOLOR(#ffCC99):RIGHT:05+06 [[&ref(http://300000.jp/image/external_link_ani0506.gif,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):RIGHT:07+08 [[&ref(http://300000.jp/image/external_link_ani0708.gif,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):RIGHT:08+12 [[&ref(http://300000.jp/image/external_link_ani0812.gif,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):0.9秒周期(0.1秒×9コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08 [[&ref(http://300000.jp/image/external_link_ani08g.gif,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):1.8秒周期(0.1秒×18コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08+12 [[&ref(http://300000.jp/image/external_link_ani0812g.gif,80x30);>外部LINKアイコン]]|


*使用したアプリケーションなど [#q185ba13]
-ペイントソフトは,Windows付属の「ペイント」です。(本当)
-透過png形式のファイル作成には,[[こちら>http://agmhs.web.fc2.com/tools/transparent/transpanret.html]] のサイトを使わせていただきました。
-アニメーションgif形式のファイル作成には,[[こちら>http://www.bannerkoubou.com/anime/]] のサイトを使わせていただきました。