Topサービス > 2012年6月
2012年6月30日

ミニチュア風写真が作れるサービス「TiltshiftMaker」

June 30,2012 2:55 AM
Tag:[, ]
Permalink

ご存知の方も多いと思いますが、ミニチュア風写真が作れるサービス「TiltshiftMaker」を紹介します。

Tiltshift Maker
Tiltshift Maker

このサービスを利用すれば、下のスクリーンショットのように、普通の画像をミニチュア風に仕上げることができます。

ミニチュア風サンプル

1.画像を指定する

ここでは「Futta.NET」にあった次の画像を使ってみます。ベネチア(イタリア)です。

ベネチア

画像を指定するには、トップページにあるフォームを使います。ローカルPCの画像を指定する場合は「Choose a photo to upload:」で画像を選択し、「Upload picture」をクリックします。ネット上の画像であれば「...or use a photo from the web:」にURLを指定して「Use this photo」をクリックします。

トップページのフォーム

画像を指定してフォームを実行すると次のような設定画面になります。左の画像が調節用、右の画像がプレビュー用です。

(クリックで拡大)
プレビュー画面

以降で説明する各項目をプレビュー画面に反映させるには、「プレビュー」をクリックしてください。

プレビューボタン

「Focus size」は焦点を合わせる範囲を指定します。範囲を狭くすればぼかす部分が多くなります。

Focus size

画像右側にあるスライダーで、垂直方向の位置を調節できます。

焦点を合わせる部分を調節

「Defocus strength」でぼかし具合を調整できます。「weak」はぼかしの度合いが弱く、「strong」は強くなります。

Defocus strength

「Defocus gradient」は、焦点が合っている部分とぼかす部分の境界を調整します。「quick」は焦点が合っている部分から離れるとすぐにぼかし、「slow」は徐々にぼかしていきます。

Defocus gradient

「Compact」「Large」は調整する画面の大きさを変更します。「Large」を選択すると調整用画面のみを大きく表示し、プレビュー画面を表示しません。

「Compact」と「Large」

「Enhance colors」をチェックすれば、明るさ・鮮やかさを強くします。

Enhance colors

「Bokeh style: Aperturer」でぼかしのスタイルを決めます。

Bokeh style

「Bokeh Boost: Strength」でぼかしの強弱をつけます。「Bokeh Boost: Coverage」で弱い光も少しぼかしとして浮き立たせるかどうかを決めます。

Bokeh Boost

ファイルを保存するには「Download」をクリック。サイズは640x480固定のようです(後述する有償版に加入すれば制限解除の模様)。

Download

さらに「Click here」をクリック。

Click here

このような感じに仕上がりました。

ミニチュア後

元の画像
元の画像

トップ画面に戻らなくても、プレビュー画面で別の画像を指定することもできます。

別の画像を指定

サインアップ(1ドル/月)すれば、ファイルサイズなどの制限が解除されるようです。

サインアップ

高低差の少ない風景画像や、人が小さく写っているものなどが効果があるように思われます。

ということで、色々試してみてください。

Comments [0] | Trackbacks [0]
2012年6月 5日

複数のJavaScriptファイルを簡単にマージできるオンラインサービス「JMerge」

June 5,2012 11:55 PM
Tag:[, ]
Permalink

ウェブサイトのパフォーマンスを向上させるテクニックの1つに、HTTPリクエスト数を減らす方法があります。

複数のJavaScriptファイルを1つにまとめるのもその1つですが、複数のファイルを1つにまとめる作業はちょっと面倒です。

が、本エントリーで紹介するオンラインサービス「JMerge」を利用すれば、ウェブサイトで利用している複数のJavaScriptファイルを簡単にマージすることができます。

JMerge
JMerge

ページ内にマージしたくないJavaScriptファイルがある場合も、簡単に除外できます。

使い方

フォームの「URL:」に、ウェブサイトのURLを入力して「Continue」をクリック。

URLを入力

ウェブサイトで使われているJavaScriptファイルを上から順番に検索し、一覧として表示します。ここに表示されているファイルがマージ候補になります。

JavaScriptファイル

表示されたURLをクリックすれば、マージしたくないCDNやAdsense、Analyticsなどのコードを削除できます。

JavaScriptファイル(削除後)

最後に「Combine them!」をクリックすれば、マージしたソースコードが表示されます(IEの場合はファイルのダウンロード)。

Combine

単にマージするだけでなく、ファイルを取捨選択できるという、かゆいところに手が届くサービスですね。

Comments [0] | Trackbacks [0]
2012年6月 4日

.htaccessの作成が簡単にできるオンラインサービス「.htaccess Editor」

June 4,2012 11:55 PM
Tag:[, ]
Permalink

.htaccessの作成が簡単にできる老舗のオンラインサービス「.htaccess Editor」を紹介します。

.htaccess Editor
.htaccess Editor

このサービスでは次の作成が行えます(2012年6月現在)。

操作内容主な使用ディレクティブ
ファイル一覧の拒否アクセスURLにindex.htmlがない場合のファイル一覧の表示・非表示を決定Options -Indexes
Options Indexes
ベーシック認証ベーシック認証(ユーザー・パスワード入力によるアクセス)を有効にするAuthUserFile
AuthGroupFile
AuthName
AuthType
エラーページアクセスしたURLが存在しない場合などの代替エラーページを表示ErrorDocument
デフォルトページURLをスラッシュで止めたときにアクセスするファイルの優先順位を決定DirectoryIndex
WWW あり・なし統一アクセスしたURLのwwwあり・なしを統一RewriteEngine on
RewriteCond
RewriteRule
リダイレクトアクセスしたURLを別のURLにリダイレクトRedirect
アクセス制限指定したURLからのアクセスを許可または拒否allow from
deny from
モバイルアクセス制限モバイルアクセス制限機能を有効にするallow from

使い方は、各項目で表示されるフォームに必要事項を入力すると、.htaccessへの設定内容がテキストエリアに表示されるので、それをコピー&ペーストするだけです。

たとえば、面倒なベーシック認証も次のように各項目を設定するだけです。

ベーシック認証設定画面

これでページ下にあるテキストエリアにずばっと表示されます。

ベーシック認証設定内容

ディレクティブが思い出せないときなど非常に便利です。

Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3