地面の目印 -エスワン-

さまざま、気の向いたとき
数学関係は、今後 https://fifthtaxi.hatenadiary.jp/ へ

画像の融合

2012-12-31 11:39:16 | インポート

 2つの画像を境目を意識させず滑らかに、自然に、融合させたい場合がある。例えば一方の画像から他方の画像が作成されるような時、その変化が連続的に生じるようなイメージを湧かせたい場合である。
 今回年賀状を作る際にGIMPを使って画像融合を試みたので、これはそのメモです。
ほとんど この記事 を参考にしました。

目標:同じサイズの画像を二つ用意します。ここでは文字の「安」(画像A)と「あ」を例にとりますが写真でも何でもかまいません。
Photo Photo_2
 最終目的は、 安->あ がイメージできる重ね合わせ画像を作成することです。

1.画像の読み込み
 GIMPを立ち上げ、「ファイル」→「開く/インポート」 で画像Aを読み込み。
 次に、「ファイル」→「レイヤーとして開く」 で画像Bを読み込み。

2.画像に透明度グラデーションをかける
・画像Aを選択 「レイヤ」→「レイヤマスク」→「レイヤマスクの追加」 とするとウィンドウが現れるので 「完全不透明」を選択し、「追加」をクリック
・次に「ツールボックス」の中から「ブレンド」を選び、グラデーションを「描画色から透明」に設定
・グラデーションしたい領域をドラッグ すると下のような結果が得られる。
Photo

・同様な操作を画像Bに対しても行う。するとレイヤーボックスの表示はこのようになる。

Photo_2

3.画像の統合
「画像」→「画像の統合」 により画像統合し、エクスポートすれば出来上がり。

Photo_3
融合は中央付近のみとしたほうが良かったかも知れません。
以上、使用したGIMPのバージョンは2.8.2でした。


OS OpenSpace

2012-12-16 16:31:18 | インポート
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Open Space Web-Map builder Code</title>

<script type="text/javascript" src="http://openspace.ordnancesurvey.co.uk/osmapapi/openspace.js?key=D0F04151651AD66FE0405F0AC8601A74"></script>
<script type= "text/javascript" src="http://openspace.ordnancesurvey.co.uk/osmapapi/script/mapbuilder/basicmap.js"></script>
<script type= "text/javascript" src="http://openspace.ordnancesurvey.co.uk/osmapapi/script/mapbuilder/searchbox.js"></script>
<script type="text/javascript">
//declare marker variables
var pos, size, offset, infoWindowAnchor, icon, content, popUpSize;

function initmapbuilder()
{
//initiate the map
var options = {resolutions: [2500, 1000, 500, 200, 100, 50, 25, 10, 5, 4, 2.5, 2, 1]};
osMap = new OpenSpace.Map('map', options);

//configure map options (basicmap.js)
setglobaloptions();
//set the center of the map and the zoom level
osMap.setCenter(new OpenSpace.MapPoint(544532,258835),12);
// add a marker
pos = new OpenSpace.MapPoint(544657,258760);
size = new OpenLayers.Size(33,45);
offset = new OpenLayers.Pixel(-16,-36);
infoWindowAnchor = new OpenLayers.Pixel(16,16);
icon = new OpenSpace.Icon('https://openspace.ordnancesurvey.co.uk/osmapapi/img_versions/img_1.1/OS/images/markers/marker_blue.png', size, offset, null, infoWindowAnchor);
content = '

Old Bench Mark in St. John's College, Cambridge

\"

';
popUpSize = new OpenLayers.Size(250,150);
osMap.createMarker(pos, icon, content, popUpSize);}
</script>
</head>
<body onload="initmapbuilder()">

</body>
</html>