Time flies like an arrow, fruit flies like a banana, slime flies like a boobies.

前々から気になってたことの一つ。それが、DOFアダプター。
買うか、自作するか・・・自作つってもド素人w

まずは、下調べして知識をつけてから考えることにした!

これはデジタルビデオカメラの話

“DOF”“Depth of field” の略。日本語で“被写界深度”のこと。
この深度が “浅い” か “深い” かで・・・説明メンドいww
詳しくはWikipediaから引用

被写界深度(ひしゃかいしんど)とは、写真のピントが合っているように見える領域の広さのこと。写真用レンズにおいては、ある一つの設定で厳密な意味でピントが合っている場所は、一つの平面上にしかないが、感覚的にはその前後にも十分にはっきりと像を結んでいるように見える範囲がある。その範囲のことを被写界深度と呼んでいる。被写界深度:Wikipedia

ド素人的な表現で言い換えると、被写界深度の浅い写真は「おしゃれでプロっぽい」。
旅先で撮るベタな記念撮影も、なんだかプロが撮ったポートレートみたくなるわけ。

それを動画でやれれば、ホームビデオが劇場映画のようなリッチな雰囲気になるんじゃねーの?ってことで調べ始めたのがはじまり。

そしてたどり着いたのが “DOFアダプター”
これを自前の家庭用デジカムと、デジイチのレンズの間にかませて取り付ければ映画っぽい映像がとれるらしい。

ちなみに自前のデジタルビデオカメラはSONYの「HDR-CX7」。ハンディカムってやつ。

SONY フルハイビジョンビデオカメラ Handycam CX7 HDR-CX7

こいつで普通に撮ってもホームビデオ感たっぷりで面白くない。
もちろん家庭用ハンディカムだから、それ以上は求めすぎなのかもしれないけど・・・。

DOFアダプターは自作か購入か?

さんざ調べてみた結果、現在国内で販売している業者はない様子。
みつけたのは海外サイトだけ

DOFアダプター販売サイト(海外)
JAG35.COM
RNG35
TwoneilHD
Redrock Micro

どれも、結構いい金額するんだよね。アダプターのくせに。
買うのがイヤなら、自分で作るしかないわけだけど、ありがたいことに作り方を公開してるサイトがあった。

DOFアダプターのDIY(自作)サイト
Daniel’s GG-Holders for 35mm DOF Adapters
D.O.F. FORUM DOFアダプターを自作してみよう!
D.O.F. FORUM DOF自作日記
imprinted-agers’ blog:DOFアダプター

結構自作してる人が多いと分かった。これならなんとか作れるかも・・・。

次の目標は、さらに下調べ&部品調達w

作るにしてもSONY「HDR-CX7」に対応させるにはどうしたらいいかとか、自作サイトに書かれている部品が今も手に入るのかとか、入手できなかった部品の代用案とか・・・
その前にド素人だしw
勉強がてら調べながら部品をそろえていく事にしよう!次回へ続く!

失敗を恐れずガシガシいじるには、テスト環境がないと。
てことでXAMPPでテスト環境づくりメモ。まずはインストール。

XAMPP(ザンプ)って?

Apache(Webサーバ)、MySQL(SQLデータベースサーバ)とWebプログラミング言語であるPHPや同目的で使われるPerlの4つの主要ソフトウェアとphpMyAdminなどの管理ツール・・・

Wikipedia:XAMPPより抜粋

XAMPPセットアップ手順

  1. XAMPP日本語公式サイトからダウンロード
    • 4つのバージョンの中からXAMPP for Windowsを選択
    • XAMPP本体を”EXE(自己解凍型RARアーカイブ)”、”ZIP”のうち”ZIP”を選択
  2. ZIPを展開したらローカルディスクに移動
  3. setup_xampp.batをダブルクリック

XAMPPを起動

  1. xampp-control.exeをダブルクリック(コントロールパネル起動)
  2. WordPressの動作に必要な”Apache”、”MySQL”のStartボタンを押す
  3. ステータスがRunningになればOK

XAMPPの動作チェック&ユーザー認証

以下は、Apache、MySQLの順で設定したもの

  1. ブラウザで http://localhost/xampp/index.php へアクセス
  2. 左メニューの「セキュリティ」をクリック
  3. 画面下のhttp://localhost/security/xamppsecurity.php のリンクをクリック

XAMPPページへのアクセス制御

  1. 「ユーザ;」「パスワード;」に入力
  2. 「安全なXAMPPディレクトリを作成してください」ボタンをクリック
  3. 「セキュリティ」ページを再度開く
  4. 「これらのXAMPPページは・・・」のステータスが「安全」に変わっているのを確認

MySQLのルートユーザーの設定

  1. root(管理者アカウント)のパスワードフォームが表示
  2. 「新しいパスワード(確認)」にパスワードを入力
  3. 「パスワードを変更しました」ボタンを押す。
  4. 「セキュリティ」ページを再度開く
  5. 「MySQLユーザルートは・・・解消されました」が「安全」に変わっているのを確認

参考サイト
XAMPPの使い方:AdminWeb

Photoshopと言えば”レタッチ”でしょ?
中でも”美顔”は避けて通れねぇ。キレイな方が好きだもんね。

「美顔レタッチのやり方なんて簡単じゃん」
とか言ってんじゃねぇーばっきゃろ。
美は一日にしてならずじゃだし、地道な作業は場数をこなさねば効率はあがらねぇ!

ここに美顔テクを記す。メモメーモ

工程1.お肌をキレイに!

この工程で使うテクは以下のとおり

  • お肌を選択して、フィルタ > ノイズ > ダスト&スクラッチ
    • 選択範囲は多少ぼかしておくように
    • ダスト&スクラッチは肌の質感が少し残る程度に
  • 修復ブラシツールで美白&シワ取り

工程2.小顔にする

年取ると皮膚も肉も重力に負けてくる。
あごのラインがたるんでると若く見えないからね、キュっとしめちゃう。

ここで使うテクは以下のとおり

  • 理想の輪郭線ガイドを別レイヤーでつくる
    • ブラシでフリーハンドでおk
    • 「パスの境界線を描く」でやるのもあり
  • 指先ツールで輪郭をシメる
    • 硬さ60%、強さ100%、直径は大きめで
    • 輪郭とその周辺を大胆に動かすイメージ
  • スタンプツール&修復ブラシツールで整える

工程3.鼻筋を通す

鼻って年月が染み出てるよね~
簡単な工程だから以下のとおり

  • スタンプ&修復ブラシツール
  • 指先ツールでやさしくこする

工程4.ほうれい線を薄くする

ほうれい線って、鼻の両脇から出てるシワね。
大笑いしてる写真でなければ、基本いらねぇよこのシワw
でも、無いと不自然だから薄くする程度にとどめるのがコツ。

細めの覆い焼きツールでチョンチョーンってカンジ。

工程5.目、眉、口を整える

どれも若さには大事なパーツだねぇ
眉と目はほんのすこし吊り上げて、目は全体と黒目を大きくすれば大丈夫

口は好みでいいかな。今回は厚みを少しだしてみたけど。

  • パーツごとにざっくり選択(選択範囲はぼかす)して加工
  • 唇は指先ツールで厚みをだす

あっという間に完成!

ビフォーアフター!はいきたドーン!

before
after

かわいいね。てか、元の写真がよかったってのもあるかw

googlequiz_titleimg

先月 Google Webmaster Central Blog でウェブマスタークイズが開催されたんだよね。

今朝回答が発表されたから、早速答え合わせだっ

正解数は・・・

40問中30問正解!

まずまずだっ!こんなもんでしょうw

下のは問題と答え。

赤太字がROBOの回答

斜線が間違えたとこ(オレンジ文字が正解)

1. サイトを新しいドメインに引越しました。ユーザーと検索エンジンが引き続き適切にこのサイトにたどり着けるようにする必要があります。この場合、最適な方法は以下の選択肢のうちどれ?

  1. 301 リダイレクトを使う
  2. 302 リダイレクトを使う
  3. 古いサイトへのリンクを新しいサイトに追加する
  4. 古いサイトにて新しいドメイン名を記載したエラーページを表示させる

2. サーバーを移動することになり、24 時間、サイトへアクセスすることができなくなります。この場合の対処法は?

  1. Google に電話をして、その間サイトをクロールしないよう伝える
  2. robots.txt を使って、その間サイトのクロールが行われないようにする
  3. すべてのリクエストに対し、状況を説明するメッセージと共に 503 ( サービス利用不可 ) を返す
  4. Wi-Fi をインストールして、移動期間中であっても、サーバーがオフラインにならないようにする。ダウンタイムの発生を何としても避ける

3. あなたのサイトが一般公開されてから 5 日が経過しましたが、まだインデックスに登録されません。この場合は何をすべき?

  1. Google ダンスを踊る
  2. 引き続きサイトの更新を続ける
  3. 別のドメインを購入し、サイトをそこに複製する
  4. アクセスカウンターの水増しをする

4. W3C のバリデータ ( http://validator.w3.org/ ) を使用してサイト全体を検証したところ、287 個のページにエラーが見つかりました。Google があなたのサイトからインデックスに登録する可能性のある URL は最大いくつ?

  1. 0
  2. サイトにある URL の総数 – 287
  3. 287
  4. サイトにある URL の総数

5. あなたは複数のドメインを購入しました。すべてのドメイン名にて同じサイトを表示させるにはどうすればいい?

  1. フレームを使う
  2. 301 リダイレクトを使う
  3. コンテンツを複製する
  4. DNS エイリアス ( CNAME レコード ) を使う

6. 非公開フォルダである /private-files/ フォルダから 192 の 非公開 PDF ファイルがインデックスに登録されてしまいました。Google の検索結果からこれらの PDF ファイルを削除したい場合、最も早い方法はどれ?

  1. それら非公開 PDF ファイルをフォルダから削除して、そのまま待つ
  2. robots.txt を使って、すべての PDF ファイルへのアクセスを制限する
  3. 公開されている URL ( ウェブページ ) 削除リクエストツールを使う
  4. robots.txt にてこのフォルダへのアクセスを制限し、ウェブマスター ツールを通じてフォルダ全体の削除をリクエストする

7. /private-files/ フォルダ内のファイルは今後も、Google のインデックスに登録されないようにする必要があります。最適な対処法はどれ?

  1. これらファイルがどこからもリンクされないよう気をつける
  2. このフォルダへのアクセスには、サーバー側での認証 ( ユーザ名 / パスワード ) を求めるようにする
  3. ウェブマスター ツールを使って、クロール速度を 0 にする
  4. Disallow: /private-files/ を robots.txt に追加する

8. サイトのすべての URL を .php から .asp に変更しました。この場合、何をする必要がある?

  1. URL ( ウェブページ ) 削除ツールを使用する
  2. robots.txt を使って、”/*.php”へのアクセスを制限する
  3. 古い URL から新しい URL へ 301 リダイレクトが行われるように設定する
  4. robots.txt を使って、”/*.php”へのアクセスを制限し、古い URL から新しい URL へ 301 リダイレクトが行われるように設定する

9. example.es という国別コードトップレベルドメイン ( ccTLD ) を含むドメイン名にてサイトを運営しています。このサイトをスペインに関連付けるために必要な対処は?

  1. HTML に次のタグを含める: <META NAME=”country” content=”Spain”>
  2. 地域ターゲット ツールを使用して、地域ターゲットをスペインに設定する
  3. 特に何もする必要はない。”.es” で終わっているドメインはすでに Google 側でスペインに関連付けられている
  4. 言語のメタ タグを含める: <META HTTP-EQUIV=”Content-Language” CONTENT=”Spanish”>

10. あなたのサイトの中に、スペイン語のみで書かれたページと、英語のみで書かれたページが混在しています。この場合、何をする必要がある?

  1. HTML 開始タグにて言語を指定する: <HTML lang=”es”>
  2. 言語のメタ タグを含める。例: <META HTTP-EQUIV=”Content-Language” CONTENT=”Spanish”>
  3. 何もする必要はない。Google で自動的に判別される
  4. コンテンツを言語別のフォルダに分けて置く必要がある ( 例: http://example.com/es/ および http://example.com/en/ )

11. 以下の選択肢の中でウェブマスター向けガイドラインに違反していないものはどれ?

  1. サイトのテストのため、ユーザーによって異なるバージョンのページを見せる
  2. 検索エンジンに見せているページとユーザーに見せているページが異なる
  3. 検索エンジンおよびユーザーに同じページを見せているが、JavaScript もしくは CSS を使って主要なテキスト コンテンツの一部をユーザーから隠蔽する
  4. Javascript リダイレクトを使って、サイト内のより適したコンテンツがあるページにユーザーを移動させている

12. 以下の選択肢の中で、検索結果におけるサイトのランキングに悪影響を与えることがないリンク方法はどれ?

  1. あなたのサイトを訪れたユーザーにとって面白い、または役に立つと思える外部のサイトにリンクする
  2. スパムサイトや質の低いサイトにリンクする
  3. 過剰な相互リンクやリンク交換を行う
  4. PageRank を転送するリンクの売買を行う

13. robots.txt ファイルに、”User-agent: *” と “Disallow:” の記述がある場合、これは何を意味する?

  1. すべての検索エンジンに対し、サイトのクロールを許可する
  2. すべての検索エンジンに対し、サイトのクロールを許可しない
  3. すべての検索エンジンに対し、サイトのルートにあるコンテンツを除く全てのコンテンツのクロールを許可しない
  4. URL の末尾のスラッシュが検索結果に表示されないようにする

14. robots.txt ファイルに、”User-agent: *” と “Disallow: /” の記述がある場合、これは何を意味する?

  1. すべての検索エンジンに対し、サイトのクロールを許可する
  2. すべての検索エンジンに対し、サイトのクロールを許可しない
  3. すべての検索エンジンに対し、サイトのトップページのクロールを許可しない
  4. robots.txt ファイルでは、この記述は無効である

15. ウェブマスター ツールのメッセージ センターにメッセージが表示される可能性があるのは次の選択肢のうちどれ?

  1. ウェブマスター向けガイドラインに違反した場合
  2. クロール速度の設定を変更した場合
  3. サイトに「無限のスペース」が検出された場合
  4. 有料リンクを報告した場合
  5. 上記のすべて

16. First Click Free ( http://www.google.com/support/webmasters/bin/answer.py?hl=ja&answer=74536 ) を使用している場合、Google の検索結果からアクセスしたユーザーに対し表示されるページは Googlebot に表示されるコンテンツと同じでなければならない

  1. 正しい
  2. 間違っている

17. 一般的に言って、重要なコンテンツはどの形式で提供するのがベスト?

  1. alt テキストを指定した画像
  2. テキスト
  3. Flash

18. あなたのサイトにある重複コンテンツが問題となる可能性が低いのは次の選択肢のうちどれ?

  1. 元のコンテンツ提供者が気付いていない
  2. rel=”canonical” のリンク要素を使う、もしくはウェブマスター ツールの新機能「パラメータ処理」を使って、指定した URL パラメータを無視するように設定している
  3. それぞれのページでテキストやアンカーテキストをちょっとずつ変更している
  4. コンテンツの作者があなた自身である

19. あるキーワードに関連するコンテンツがあなたのページの画像上にあります。そのキーワードの検索結果にあなたの サイトを表示したい場合はどうする?

  1. 画像内にキーワードを含ませる
  2. keywords メタ タグを使う
  3. description メタ タグを使う
  4. alt 属性を使う、またはページ内にテキストとしてキーワードを含める
  5. フッターに小さなフォントでキーワード テキストを書く

20. ウェブマスター ツール アカウントに「robots.txt ファイルにアクセスできません」というエラーがたくさん表示されます。この場合の対処法は?

  1. robots.txt ファイルを作成する
  2. robots.txt ファイルを削除する
  3. ホスティング事業者もしくはサーバー管理者に連絡する
  4. トップページからあなたの robots.txt ファイルへリンクする

21. あなたのサイトがネコに関するものであるにも関わらず、あなたのウェブマスター ツールのアカウントに「バイアグラ」や「着メロ」などのキーワードがリストされています。これは何を意味する?

  1. あなたのネコが内緒で Google Checkout を利用していろいろ買い込んでいる
  2. あなたのサイトが乗っ取られた可能性がある(サイト内のフォーラムやブログ投稿へのコメント スパム、などを含む)
  3. 競合相手がこれらのキーワードであなたのサイトへのリンクを張ることで、あなたのサイトに損害を与えようとしている
  4. おそらく同じサーバーを使用している別のサイトが原因なので無視して構わない

22. 検索エンジン最適化 ( SEO ) 業者があなたのサイトのランキングに関するレポートを作成しましたが、その結果は自分で確認した情報と一致しませんでした。この原因は?

  1. ランキングはユーザーの所在地によって異なる可能性があるから
  2. ランキングはユーザーによって異なる可能性があるから
  3. ランキングは日によって異なる可能性があるから
  4. 上記のすべて

23. あなたのサイトが乗っ取られました。どのように対処しますか?

  1. 乗っ取られた部分を削除する
  2. ソフトウェアをアップデートする
  3. ログ ファイルをチェックする
  4. ホスティング事業者 / サーバー管理者に連絡する
  5. 上記のすべて

24. XML サイトマップを Google に送信する適切な方法は?

  1. ファイルに “/sitemap.xml” と名前をつけるだけで、自動的に認識される
  2. あなたのトップページから XML サイトマップ ファイルにリンクする
  3. Google ウェブマスター ツールを使う
  4. ICMP ”ping” を “www.google.com” に送信する

25. あなたのサイトの 1 ページが検索結果にてタイトルのみ表示されています ( スニペットは表示されていません) 。どんな原因が考えられる?

  1. robots.txt にて、そのページの URL へのアクセスがブロックされている
  2. そのページの URL に対してまだクロールが行われていない
  3. そのページには nosnippet メタ タグがある
  4. 該当するページにテキスト コンテンツが一切含まれていないかもしれない
  5. 上記のすべて
  6. どれもあてはまらない

26. あなたのウェブショップには 100 個の製品があります。site: 演算子を使って検索すると、50,000 URL がインデックスに登録されています。どのようなことが考えられる?

  1. Canonical 指定関連の問題が発生している
  2. 「ページが見つかりません」のエラーページが 404 エラーを返していない
  3. あなたのサイトが乗っ取られた
  4. クローラにセッション ID を見せている
  5. 上記のすべて

27. Google がインデックスへの追加を保証するサイトの種類は?

  1. AdWords に広告を出しているサイト
  2. AdSense に参加しているサイト
  3. ウェブマスター ツールの認証を受けたサイト
  4. LOLcat ( http://ja.wikipedia.org/wiki/Lolcat ) の画像を含んでいるサイト
  5. どれもあてはまらない

28. 帯域幅が限られているため、Google によるサイトのクロール頻度を少なくしたい場合は、どうすればいい?

  1. 接続ピーク時に、robots.txt にてあなたのサイト(もしくはサイトの一部)のクロールを制限する
  2. 接続ピーク時に、XML サイトマップにて、サイトの全 URL の優先順位を “0.0″ にする
  3. ウェブマスター ツールでクロール速度を設定する

29. Google には夜間だけクロールしてほしい。どうするべき?

  1. info@google.com 宛にメールを送る
  2. robots.txt ファイルに “Allow: 11pm-7am” を追加する
  3. サーバーに許容範囲を超えるリクエストが来ている間、すべてのユーザに 503 ステータスコードを返す
  4. robots.txt を動的に変更して、昼間の間、サイトのクロールをブロックするようにする

30. AdWords に費やした金額は、Google の検索結果におけるランキングに影響を与える?

  1. 影響を与える
  2. 影響を与える場合がある
  3. 影響を与えない

31. 無料のセキュリティアップデート ( WyszKablamCMS v.2.7.8 ) がリリースされたという情報を読みました。どう対処する?

  1. 無視する
  2. サーバーのパスワードを変更する
  3. アップデートの内容を読み、インストールし、潜在的な脆弱性または互換性の問題に対処する

32. 「______に焦点を絞れば、他のものはみな後からついてくる。」はGoogle の理念のひとつです。______には何が入る?

  1. 検索結果
  2. コンバージョン
  3. リンク
  4. ユーザー

33. あなたのサイトに対し、マルウェアに感染した疑いがあるとの警告が出ましたが、マルウェアを見つけることができません。どのように対処する?

  1. サイトの再審査リクエストを送信する
  2. ウェブマスター ヘルプ フォーラムに投稿し、助言を求める
  3. ツイッターで @google に苦情を投稿する
  4. ドメイン名を破棄して、最初からやりなおす

34. robots.txt はどこに置く?

  1. この件について Google で検索する
  2. ウェブマスター ツール内
  3. ドメインもしくはサブドメインのルート ディレクトリ
  4. アクセスをブロックしたいフォルダ内

35. ウェブマスター ツールのクロールエラー、”robots.txtファイルにアクセスできません” の意味は?

  1. robots.txt ファイルが存在しない
  2. Google があなたのサーバーの robots.txt ファイルにアクセスできなかった
  3. robots.txt ファイルの記述が、robots.txt ファイルへのアクセスをブロックしている
  4. robots.txt ファイルがパスワードを要求している

36. site: 演算子検索にて表示される、インデックスに登録されているページ数が変化します。考えられる原因は?

  1. 複数あるデータセンター ( Google のコンピュータ ) が、それぞれ異なる情報を表示する場合がある
  2. ログイン / ログアウトの状態 –Googleの「パーソナライズド検索」のフィルタが影響を与えている可能性がある
  3. 重複コンテンツのフィルタが影響を与えている
  4. 上記のすべて

37. あなたのサイトは 200 ページありますが、Google は 5 ページしか見つけることができません。考えられる原因は?

  1. Google があなたのサイトを嫌っている
  2. Google があなたの分野 / 業界のビジネスに対する陰謀に加担している
  3. サイトがクロール可能となり、インデックスへの登録の準備が整っている場合でも、Google がサイトを完全に把握するのには時間がかかる場合がある

38. あなたは広告収入を得るため、あなたのサイトからリンクを張りたいと考えています。以下のリンク方法のうち、適切なものはどれ?

  1. ただリンクを追加するだけでいい
  2. リンクを追加した後、フォントサイズの小さいテキストを使い、テキストの色を背景色と同じにして、リンクをページから隠すようにする
  3. リンクの <a> タグにて、rel=”nofollow” の HTML microformat を使う

39. robots.txt にてクロールのブロックを設定すると、Googlebot が301 リダイレクト、nofollow メタ タグ、noindex メタ タグに気付くことができなくなる

  1. 正しい
  2. 間違っている

40. If-Modified-Since を使って、ロボットによるサイトのクロールをより効率的にする方法は?

  1. ウェブサーバーの設定を変更して、同じソース IP からの繰り返しのリクエストを無視する
  2. 必要に応じて 304 (変更なし) ステータスコードを返す
  3. If-Modified-Since メタ タグを HTML ページに追加する

dotsample_titleimg

ドットグラフィック(ドット絵)って地味で手間。

二十歳のドッター時代、誰に教わるでもなく手探りでやってた覚えがある。

ひたすらPhotoshopでクリックしまくってたなぁ・・・

「ドット絵職人/Suguru.T著」は名著すぎwww

この本に二十歳の頃出会いたかった!

以下にまず目次

はじめに
第1章 ドット絵の描き方
1.1 とりあえず描いてみよう
1.2 下絵を描こう
1.3 色を塗ろう
1.4 影をつけよう
1.5 ドット絵を仕上げよう
1.6 ドット絵に動きをつけよう
1.7 応用1:モチーフ・レイアウト
1.8 応用2:デフォルメ・仕上げ
1.9 応用3:中間色
1.10 応用4:立体感
1.11 応用5:アミをかける
1.12 応用6:パレット・フォーマット
1.13 応用7:アイコンの貼り付け
第2章 いろいろなドット絵の実践
2.1 キャラクターを描こう
2.2 動物を描こう
2.3 乗り物を描こう
2.4 ものをつくろう
2.5 背景を描こう
2.6 イベントものを描こう
2.7 RPG風ドット絵を描こう
2.8 いろいろ描こう
まとめ

「応用5:アミをかける」をメモしとこう

下の画像は、「応用5」のページに掲載されているアミかけ見本を拡大したもの。

それぞれ「黒から白」「黒から赤」「赤から緑」のドットグラデーション3本。

注目なのは、13色からなるグラデーションを矢印で示した4色のみでなめらかに表現しているところ。

dot_sample

1つずつドットを埋めてくなんて作業してると、中間色やボケ足で壁にぶちあたる。

Suguru.T氏 のように「アミをかける」という発想はコレを解決してくれそう。

ちなみに、この応用5ではもう一つ重要なことが書いてあったのでコレも要チェック!

「アミかけは打つより消すように」

名言だ。心得ました~!

favicon_titleimg

いっぱい物足りない状態が続いてる「ほぐれスライム」。

頭の中には「そのうちやるリスト」があるんだけど、そこから漏れてるヤツがいた。

そう「favicon(ファビコン)」!

アイツって、どうでもいいけどほっとけないw

「そのうちやるリスト」に入れたら一生忘れそうだから、先片付けちまうか。

Favorite icon(フェイバリット・アイコン)略してFavicon

今まで「ファビコン」って発音してたけど、英語圏では「ファブアイコン(Fav-icon)」て読むってさっきウィキペディアで読んだw

でも慣れ親しんだ「ファビコン」がいい。

今後忘れないように、メモメモと。

Photoshopで作るには

Photoshopだと、.ico ファイルが作れないってことで一筋縄じゃない。

どうやらWindows icon形式で保存できるようにするプラグインを拾ってくるといいらしい。

ICO(WINDOWS ICON)FORMAT現在つながらず

マルチアイコン化

ひとつの .ico ファイルで「16×16pixel」「32×32pixel」「64×64pixel」に対応した「マルチアイコン」ってのをつくる。

マルチアイコンは @icon変換 を使えば一発で作成可能。

ん? @icon変換 の仕様・・・

読み込みは ICO/BMP/PNG/PSD/ICL/EXE/DLL、書き出しは ICO/BMP/PNG/ICL に対応しています。

おおっ!プラグインいらずじゃん!

これ、どうやら背景レイヤー1枚だけだと読み込まないみたい。

そこだけ気をつければ問題なし。しかも、レイヤー別に読み込んでくれるから.psdも1ファイルで済む。

サイトに反映させるには

ここのくだりはWikipediaを参考にさせてもらおう。

HTMLやXHTMLで指定する方法

HTML/XHTML内でFaviconを指定するにはhead要素の中でlink要素を次のように用いる。単独でも効果はあるが、両方指定するのが望ましいとされる。

  • <link rel=”shortcut icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon” />
  • <link rel=”icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon” />

ふむふむ

一行追加しとくか・・・

ファイル名の決まりは特にない。また、ファイル形式の決まりもなく、ウェブブラウザが認識する形式であればどのようなフォーマットを用いても良い。

なにっ!?

.ico じゃなくても良かったの????

.gif とか .png でもいいんかっ

ただし、Internet ExplorerはICO形式しか認識しない。

あ、そういうことかwwwww

じゃ、IEのために手間かかる方でやっとくか。

panorama_title_image

専用のパノラマカメラ、パノラマレンズがあれば簡単に撮れるものを・・・。

でも、手持ちのデジカメとPhotoshopがあれば作れるぞ。と。

撮り方で九割決まるし。

Photoshopがありゃなんでも出来るって思ってると、後々レタッチにすげぇ時間食う。最初にしっかり撮れてればPhotoshopの出番なんてチョッピリで済む。

なんだったら余った時間で思う存分ハナほじれるよ。

しかもソフトボールくらいのが出来ちゃうぐらい。作業時間に差がでる。

できねぇよw

今回は実践してみたので、まず撮り方をまとめてみる。

  1. 撮影場所は一箇所で固定
    • 撮影者がその場でターンするイメージ
    • 今回は椅子に座って上半身を固定
      • 椅子の回転をパノラマ雲台の代わりとして活用
  2. 室内撮影だったのでストロボを使用
  3. 好みの明るさでAEロック
    • 色味の違う写真をつなぐ作業は面倒
  4. 被写体を端から端まで複数回に分けてシャッターを切る
  5. 写真のつなぎ目を30%くらい重なるカンジで撮る

PCに取り込んでPhotoshopでつなげる

やっぱPhotoshopはスゲェ。

「Photomerge(フォトマージ)」っていうパノラマ自動合成機能がついてんの。CSから。

じゃ、その「Photomerge」の簡単さを画像つきでメモメモと。

panorama_menu

これは、CS3ね。

[ファイル]>[自動処理]>[Photomerge..] って選んでく。

panorama_photomerge

「Photomerge」のパネルが開いたら、撮影した写真を選択。

今回は「自動設定」で合成スタート!

するとPhotoshopがガンガン写真開いてはレイヤー合成!

もう、ちぎっては投げみたいな。

で、Photoshopが「できました!」って出してきたのがコレ。

panorama_raw

すげぇなオメェwwwあっという間(5~6分くらい)

ちなみに今回撮ったのは、自宅の作業デスクw

トリミング・色調補正・ゴミ取り・その他はお好みで。

今回使ったカメラは以下のとおり。

  • Nikon P5000+ワイドレンズコンバーター+スピードライト
  • NikonD40+30mm単焦点レンズ+ストロボ

で、それぞれの撮れ具合(レタッチ込み)は下に。

まず、Nikon P5000ね

panorama_p5000

加工は、トリミング+トーンカーブ+彩度アップくらい

で次がNikon D40

panorama_d40

こっちは、ぼかし(ガウス)を結構使ってる。デスク正面にあるNikon P5000以外をじんわりぼかしてるカンジ。

Photomergeのおかげでシャッターが軽くなった。

引きこもりカメラマンにとっては、こんな頼れるやつ(Photomerge)が後に控えてると思うと楽しくなるわw 失敗を恐れずシャッターが切れるってもんだ!

宝の持ち腐れ状態だったカメラよ。よみがえれっ!

コンデジ「いや~w 宝てwww 照れるつの」

デジイチ「ちょw おめぇの事じゃねーだろがwwww」

お前ら2台ともだ。ばーろい。ちょっとコッチこい。

寝てたオメェらを起こした理由は「パノラマ」

過去何度か旅先でパノラマ写真に挑戦してきたけど、上手くいったためしがなかった。

せっかくの絶景目の前にして撮りそこなうとはなんちゅう失態だ。

今までやってたパノラマ撮影がまちがいだらけ

過去を思い出しつつ箇条書きにしてみると・・・

  • 被写体とカメラの距離がバラバラ
  • カメラを使いこなしてないw
  • そもそもパノラマの撮り方を知らない
  • 露出がバラバラでレタッチしにくい

ひどいなこりゃw

ど素人だということを自覚できたって事で良しとするか。

以下は次回までのメモ

パノラマ撮影の方法

  • カメラを固定する(できれば三脚&パノラマ雲台)
  • 被写体とカメラの距離を一定にしながら撮る
  • 写真のつなぎ目が30~40%重なるように撮る
  • AEロックで露出を統一しながら撮る
  • Photoshopの自動処理「Photomerge」で楽チン合成

こんなもんかな。次は実践編ってことで。

2010_tiger

第十四回は完成編!最終回

いままでの工程で99%完成してるんだけど、最後のツメってのやっとこか。
最後は、やっぱ色調整だね。この工程は好みの問題だから気の済むまでやったらいいよw

乗算で重ねていくと彩度がくすむ

最後に色調整したのは「壁」。まず下の画像を見てね。

2010_tiger_wall_a-b

上が調整前、下が調整後。

ここでは、壁だけの選択範囲をつくって「色相・彩度」レイヤーで彩度をあげるだけ。

  • 色相:0
  • 彩度:+51
  • 明度:+16
  • 描画モード:通常

乗算で色レイヤーを重ねていくと色がくすんでいくから途中か後で色を調整しとくといいよ。この工程をサクサク進めるためには「チャンネル」は欠かせないから。主要なパーツぐらいは選択範囲を個別に作っておくといいよ。

じゃ、完成品のレイヤー構成ドドーン!

2010_tiger_layere_all

各レイヤーグループの展開内容は過去記事読んでね。

寝かせないと分からない事がある!

最後に重要なことメモしとこ。

イラスト長年やってていつも思うことなんだけど、数ヶ月後とか数年後に改めて見ると作品のいいトコロと悪いトコロがくっきり見えてくることがある。

現段階でモヤっとしていても、後々にならないと明確に分からないって事って多いんだよねー。なんだろねコレ。

こういうときは、さっさと気持ちを切り替えた方がいいよね。他にもやる事あるんだしw

2010_tiger_shadow

第十三回は影!地味な影編!

このイラストの場合、下絵段階で鉛筆線の影入れまくってるからだいぶ手が抜ける。

この回で入れた影は、最低限必要な影。壁との距離感を出すための影。

  • R:128/G:128/B:128
  • 描画モード:乗算

レイヤーも一枚だけ。色もグレー一色で塗って乗算でかぶせるだけ。カンターン!

コツは、壁の段差と、強い光源を一方向だけ意識しておけばおk。

「影」「光源」はとっても奥が深い。「写りこみ」「反射光」とか現実の世界を意識するとやらなきゃいけない工程がどんどん増えちゃう。でも締め切りってのが迫ってきて作業時間も無限じゃない。そういうときには、手を抜くテクが必要になってくるんだと思う。

じゃ、次回はいよいよ完成編!

漫画でPR!の広告