すぐに忘れる脳みそのためのメモ

2007年12月31日月曜日

GIMP で「にじみ」 smudge tool を使って絵を描く

1. ハリガネ人間を描く

描ける絵と言えば、ハリガネ人間が、限界。パタッ(o_ _)ｏ~†

鉛筆ツールを使って書いた。

2. 指先ツールを使って修正

事故で頚椎損傷をし、その後、リハリビリで絵を描くようになった人の映像を見たことがある。口で筆をくわえ、とても綺麗な絵を描いていた。

YouTube - デジ絵の文法 #18 -寿志郎 part1

この方は、全て Photoshop を使って製作している。

注目したのは、この映像の4:50 からの部分。「指先ツール」を使って、下絵の線を修正していた。

Gimp にも似たようなツールがある。指の形をしたアイコン、 smudge tool. これは使えそう。

071231-019

追記 (2009.1.16) : ハンバーガー - こくばん.in も同様の手法を多用している。すごい。(@_@)

3. 試しに描いてみる

とりあえず、ブラシツールで適当に線を描いてみることにした。どうせ細かいことはできないので、太いブラシを選択。

適当に線を引いて、色を重ねた。

ここで、先ほどの指の形をした smudge tool を選択し、ごしごしと伸ばしてみた。

最終的にはこうなった。

ハリガネ人間からは、ちょっと進歩した気がする。 (^^;

Webサイトのスクリーンショットを kwout で撮り、Flickr へアップロードして、Picnik で加工する

1. Web サイトのスクリーショットを撮るのに kwout を利用

ウェブ魚拓 via kwout

サイトのスナップショットを撮りたい場合、

ウェブ魚拓

を真っ先に思い出す。

「ウェブ魚拓」という名前は一度聞いたら忘れない。

kwout

も類似したサービス。

"kwout" is a way you quote a part of a web page as an image with an image map.

kwout という名前は、quote に由来しているのかな？サービスの名称を忘れたとき、果たして

kwout

という単語を思い出すことができるだろうか。 (+_+)

kwout | A brilliant way to quote via kwout

2. kwout でスクリーンショットを撮る

例えば、last.fm のスクリーンショットを撮ってみる。

最初に、kwout にアクセスし、URL を入力するフィールドに

http://www.last.fm/

を入力して、kwout ボタンを押す。

しばらくすると、 URL を入力したサイトのスクリーンショット画面が表示される。

引用したい範囲をドラッグして選択し、 Cut Out ボタンを押す。

3. kwout から Flickr に投稿する

スクリーンショットをとった画像を、kwout から Flickr へ投稿することができる。

上記の続きで、Cut Out ボタンを押すと、Quote 画面で切り取った画像が表示される。

Post のラジオボックスで、

Post this to your Flickr

を選択。

Flickr を選択し、Click here をクリックする。

flickr に、はじめて kwout から投稿する場合、認証画面が出る。OK, I'll ALLOW IT ボタンを押す。

投稿した画像が表示されたら、This photo is private となっているので、 edit を押す。

Anyone を選択し save ボタンを押す。これにより、投稿した写真を後悔できる。

4. flickr で Picnik を使い、写真を加工する

投稿した写真の画面で、EDIT PHOTO ボタンを押すと、画像を編集できる。

画像を加工するための画面が表示されたら、Create タブを押し、Shapes を選択する。

Basic Shapes の中の矢印を選択し、ドラッグ&ドロップで配置し、Shape Color で色を選択。

完成！

Flickr に投稿しない場合のメリット

kwout の Quote 画面において、Post の

Post this to your web site

を選択すると、ブログ等に貼り付けるためのコードが生成される。

コードの内容を見てわかるように、イメージマップが作成されている。

<div class="kwout" style="text-align:center;">
<img src="http://www.flickr.com/photos/8246127@N08/2150391343/" alt="http://www.last.fm" height="60" title="Last.fm – The Social Music Revolution" width="538" usemap="#kwout_fffbqs2u"/>
    <map name="kwout_fffbqs2u" id="kwout_fffbqs2u">
        <area coords="377,0,442,33" href="http://www.last.fm/widgets/" shape="rect" alt="#"/>
        <area coords="208,0,261,33" href="http://www.last.fm/users/" shape="rect" alt="#"/>
        <area coords="154,0,207,33" href="http://www.last.fm/music/" shape="rect" alt="#"/>
        <area coords="317,0,377,33" href="http://www.last.fm/events/" shape="rect" alt="#"/>
        <area coords="443,0,517,33" href="http://www.last.fm/download/" shape="rect" alt="#"/>
        <area coords="0,0,153,31" href="http://www.last.fm/" shape="rect" alt="#"/>
        <area coords="20,38,109,47" href="http://www.last.fm/uploadmusic/" shape="rect" alt="#"/>
        <area coords="262,0,317,33" href="http://www.last.fm/listen/" shape="rect" alt="#"/>
        <area coords="428,38,449,47" href="http://www.last.fm/login/" shape="rect" alt="#"/>
        <area coords="494,38,527,47" href="http://www.last.fm/?change=language" shape="rect" alt="#"/>
        <area coords="464,38,479,47" href="http://www.last.fm/help/" shape="rect" alt="#"/>
    </map>
<p style="text-align:center;margin-top:10px;"><a href="http://www.last.fm">Last.fm – The Social Music Revolution</a> via <a href="http://kwout.com/quote/fffbqs2u">kwout</a></p></div>

これを貼り付けると、画像をクリックして、リンク先に飛ぶことができる。すごい！

Last.fm – The Social Music Revolution via kwout

last.fm でボサノバを聴く

追記(2008.8.3) : 現在はインターフェイスが変更されている。→ ネットラジオでボサノバ – last.fm で

たまに見かけて、気になってたサイト。 last.fm.

Last.fm - Wikipedia

Last.fmは、ユーザーの音楽的指向を反映するSNSであり、それを通じてユーザー同士の音楽的なつながりをつくり出す。由来はLast FM you ever need（あなたが必要とする最後のFM局）。

とりあえず、登録は面倒なので、未登録でボサノバを聴くことができるか試してみた。

日本語版と英語版では、インターフェスが異なっている。以下が英語版。 Listen をクリックする。

検索画面が表示されるので、Tag を選択し、フィールドに bossa nova と入力して、Play ボタンを押した。

→ Bossa Nova Tag Radio – Last.fm

Bossa Nova とタグ付けされた音楽が流れだした。

追記 (2008.1.1) : Bossa Nova で検索しても出ないときは、 bossa だけで検索するとよい。 → Bossa Tag Radio – Last.fm

プリントスクリーンした画像を Gimp へ流し込む

キーボードの PSc または Print Screen のキーを押すと、画面全体の写真がクリップボードにコピーされる。

Windows 標準のプリントスクリーンの利点は、画像キャプチャソフトでは写すことができないものまでコピーすることができること。

Gimp へ貼り付け

Gimp を起動し、ファイル > 新規 で新規画像を作成する。

編集 > 貼り付け によって、プリントスクリーンした画像を貼り付ける。この際、プリントスクリーンした画像よりも、新規画像の方が小さい場合、キャンバスからはみでてしまう。

表示領域を調整

レイヤーダイアログを選択する。

スクリーンショットで貼り付けた画像が「フローティング選択領域」として、背景の上にあるので、その上で 右クリック > 新規レイヤー を選択する。

これにより、「貼り付けられたレイヤー」に変化するので、同様にその上で 右クリック > 下のレイヤーと結合 を選択する。

背景と統合されたら、画像のウィンドウの方で、画像 > キャンバスをレイヤーに合わせる を選択する

これでプリントスクリーンした画像全体が入ったことがわかる。

2007年12月30日日曜日

パスワード管理に KeePass - ユーザ名とパスワードの「自動入力機能」は手放せない

1. パスワードの管理は面倒くさい

ユーザ登録しているサイトの数は、数知れず。

一応、テキストファイルで、ユーザ ID と、パスワードを保存している。

さすがに暗号化されてないテキストだとやばいだろと思いつつ、また年の瀬を迎えた。この際、ちゃんとパスワード管理をしよう！

ということで、パスワードを管理するためのアプリケーションとして、

KeePass Password Safe

を使うことにした。

cf. MOONGIFT: » マルチプラットフォームで使えるパスワード管理「KeePassX」

2. KeePass のインストールと日本語化

Downloads - KeePass から、Professional Edition をダウンロードしてインストール。
Translations - KeePass から日本語化ファイルを探し、ダウンロードして解凍。
日本語化ファイル Japanese-○○○.lng ファイルを、KeePass.exe のあるフォルダに置く。
(普通は、C:\Program Files\KeePass Password Safe )