Natural Sense Official Blog

iPad 壁紙「Boots Riley」

iPad壁紙第３弾です。
iPadの壁紙を作る場合、縦向きと横向きにした時の、両方の位置を考えながら作らないといけません。
あんまし、上下左右にデザインを寄せちゃうと切れちゃいます。

今回作った壁紙のように、正方形でデザインもセンターに寄ってるのが一番無難ですが、
ただ単にセンターに寄せちゃうと、実際に壁紙にした際、アイコンの位置によっては、
おかしくなっちゃったりするので、そこらへんも考えないとなー。

まぁ作ってiPadでテストするのが一番ですね。
実はまだ僕、iPad持ってませんが・・・笑

ちなみにiPadの画面は1024×768なので、正方形でデザイン作るときは、
1024×1024以上のサイズで作るといいです。

☆ 画像保存方法 ☆
iPadからこのブログを見てる方は、画像をタップして開いた後、
画像長押しで「画像を保存」メニューをタップ！

iPad 壁紙「LADY GAGA」

またまた、iPad用壁紙を作成しましたー。
ちなみに今回はLADY GAGA。でもなーんかいまいちGAGAっぽくない．．．
今回はPhotoshopをメインに作成しました。

リクエストあればお願いしまーす。がんばって作ります。
一緒に画像のリンクなんかも書いていただくとありがたいです。

注）iPadやiPhoneを使ってる人は、画像をタップした後、画像長押しで「画像を保存」のメニューを選択してください。

では、また！

iPad イラスト壁紙「Perfume のっち」

イラレでまた、iPad用の壁紙作りました。
今度はPerfumeの、のっちをモデルにしてみましたー。

※iPadやiPhone、iPod touchからこのサイトを見てる人は、
画像をタップして拡大表示したら、画像長押しで、「画像を保存」をタップしてくださいな。

iPad 壁紙

ついに、日本でもiPadが発売になりましたねー！
Apple Storeの行列もすごかったです。
という訳で、IllustratorでiPad用の壁紙を作ってみました。

が、横向きにしたときに顔が切れちゃうので、後日作り直したいと思いまーす。
ちなみにiPadからこの記事を見てる方は、画像をタップして開いた後、画像を長押しで
「画像を保存」というメニューが出てくるので、保存してから壁紙に使用してください。ではー!

Natural Sense Material サイトリニューアル！

現在販売中の「キラキラ素材集」と「ハートの素材集」。
サンプルページを大幅リニューアルしました！

こちらから

サンプルムービーも、ハイビジョンで掲載しています。
ぜひチェックしてください。

販売はYahoo!オークションで行っています。

HTMLメールの作成 & メールソフトでの送信方法

以前から一度はやってみたいなと思っていた「HTMLメール」。
作成方法を調べると、結構いろんなサイトがあるので、作成はすんなり出来ました。

ただ、作ったはいいが「これ、どうやって送信するの？」ってトコで行き詰まっちゃいました。
HTMLソースをそのままコピペで送信しても、ただのテキストとして送信されるし、
HTMLを保存して添付して送ると、ただの添付ファイルになるし。

んで「えぇーい！わからん！」って諦めてました。

でも諦めきれず色々と試しているときに、ふと閃きました！んでやってみたら大成功！

・・・というわけで同じ悩みの方も多いんじゃないかと思いますので、ご紹介しておきます。
ちなみに、あくまでMacでの送信方法ですのであしからず。

1.
HTMLをWebページ作成の要領で作る。（ボクはDreamWeaverを使用）

注意点としては、CSSやJavaは使わずテープルを使ってレイアウトする事。CSS等を使っちゃうと、利用者の環境によってはうまく表示出来ないので。

ちなみにこのAdobeのページが一番参考になりました。

2.
作ったページを「ブラウザでプレビュー」。
この際、「Safari」でプレビューします。

そして、その「Safari」のプレビュー画面をドラッグで選択しコピー。

3.
Mac OS X「Mail」の新規メッセージの本文にペースト。

まぁようするに、作ったWebページを「Safari」で開いて、それをメールのメッセージにコピペって事。超簡単！

というわけで、意外とシンプルな方法で「HTMLメール」が送れちゃいますので、ぜひ皆さんもお試しあれ～。

ちなみに、ボクの作業環境は、

・Mac OS X 10.5 Leopard
・DreamWeaver CS3

です。

自作 DOFアダプターで、撮影してきました！

残暑というか、夏真っただ中に動物園で撮影してきました。

会社の同僚と発足した写真部メンバー（部といっても自分も含め2人w）で行って参りました。
暑い・・・　　ひたすら暑かった・・・

今回は写真も撮りつつ、去年自作したDOFアダプターのテストシュートを兼ねて行ってきました。
ちなみにDOFアダプターとは、一眼レフカメラ用のレンズをビデオカメラにつけられるようにする機器のことです。
それによって、フィルム撮影のような印象のビデオがとれる訳です、うん。
自作の際は、こちらのサイトなどを参考にさせていただきました。
参考というかまんま真似させて頂きました（感謝）。

ちなみにこんな感じ。

カメラはAVCHDの「Canon HF11」。

レンズは「Canon EF50mm F1.8 II」。
あの安ーい単焦点レンズです。ただこいつがなかなかイカしてます。

なんだかぐるぐる巻きのケーブルがカッコ悪いですが、あれはスクリーンを振動させるための、
モーターを回す電池が繋がれてるんです。しょうがないんです・・・大事なんです・・・必要不可欠なんです・・・（必死）

まぁ、作るときもっと短いケーブルで作れば良かったんですが・・・

撮影素材の取り込み、編集は、先日購入したばかりの「Final Cut Studio 3」の「Final Cut Pro 7」で行いました。
新しいコーデックの「ProRes4444」を使って編集してみました。
最後にちょっとだけ「Color」を使って色補正をしたんですが、レンダリング時間が長いこと、長いこと。
途中で寝ちゃいましたw

ちなみにYouTubeにムービーをアップしましたんで、良ければ見てください。

キラキラ素材集

現在、ご好評をいただいている素材集シリーズ第２弾、「キラキラ素材集」。
Yahoo!オークションにて好評販売中です！

オークションはこちらから！
サンプルページ

PV制作や番組制作に是非ご活用ください。
フルハイビジョン素材ですので、業務レベルでの使用にも耐えうるクオリティーです！
価格は、\3,500です。

キラキラ素材集！鋭意製作中！！

Yahooオークション！にて素材集を販売していますが、
ご好評をいただいている「ハートの素材集」に続いて、
「キラキラ素材集」を現在製作中です！

プロモーションビデオ制作や、タイトルバック、スライドショーのアクセント等に重宝する、
綺麗なパーティクル系の素材です。

発売日が決定しましたら、またご報告します！
Yahooオークション！へ

サンプル
↓↓↓↓↓↓↓

Photoshop レイヤーマスク活用術その1

今日は、Photoshopのテクニックを紹介したいと思います。
映像制作においても、Photoshopは必須のツールです。
いわゆる映像のネタ作りを、Photoshopで行う訳ですが、ネタが良くないと何をやってもダメな訳ですから、結構重要だったりします。

という訳で、今日はレイヤーマスクを使ったテクニックを紹介します。
そもそも、レイヤーマスクとはいったい何かというと、Photoshopの各レイヤーに対して「白黒で透明部分を定義する」というのが役割です。

つまりこの画像にレイヤーマスクを付けると、

このように、レイヤーマスクで黒く塗った部分が透明になる訳です。
これを活用して、画像の色補正をします。

1.まず補正したい画像をPhotoshopで開いたら、その画像をコピーします。
コピーの方法は、レイヤーを「新規レイヤー」ボタンにドラッグ。

2.コピーしたレイヤーの合成モードを「焼き込みカラー」にする。
すると、下のレイヤーにコピーしたレイヤーが焼き込まれて、色が濃くなります。
このままでは、全体的に色が濃くなっていまいちな画像になってしまいます。

3.そこでレイヤーマスクを使います。レイヤーマスクボタンを押して、コピーしたレイヤーの方へレイヤーマスクを追加します。

4.次にグラデーションツールを使って、レイヤーマスクを黒から白の円形グラデーションで塗ります。
レイヤーマスクで黒く塗った部分は、透明になる訳ですから、上のレイヤーだけ見るとこんな感じになります。

5.結果、画像のフチだけ、焼き込みカラーで重ねられた形になり、画像にビネットのような効果が得られました。
写真の中央に目を引きたい時には、非常に効果的です。

このように

1.画像のコピー
2.合成モードを変える
3.レイヤーマスクで一部を透明にする

というテクニックは色々なシーンで使えます。ぜひ色々と試してみてください。

今日のテクニックを使った作例。

Final Cut Pro のマルチカム編集の活用テクニック（素材：ハートの素材集）

Macの映像制作アプリケーション、Final Cut Proは、Final Cut Pro 5から、マルチカム編集機能を搭載しました。

マルチカム編集というのは、複数のカメラで同時に撮影した素材をマルチクリップにして、簡単にアングル切り替えが出来る機能です。

ただ、プロの現場は別として、マルチカメラで撮影する事は、個人で映像制作をしている人だと少ないはず。

でも、この「マルチカム編集」というのが意外に使えるんです！
スライドショー作成や、映像素材の活用等にもってこいなんです。
今日はそんなテクニックを紹介します。

＜映像素材の活用＞
通常、映像素材集を購入すると、色違いやアレンジ違いで、同じモチーフの映像が数パターンはいっています。
それらを「マルチカム編集」のアングル切り替え機能を使って切り替えていく事で、より凝ったものにする事が出来ます。

1.まず同じモチーフの映像素材をFinal Cut Proに読み込みます。
ここでは、色違いの素材を4つ読み込みました。
今回は「ハートの素材集」の、「ハート2」を使いました。
ただし、準備として、QuickTime Proを使い、素材をDV形式に変換。

2.次にその4つの映像をFCPのブラウザ上で選択し、右クリック（Control+クリック）。

3.メニューの中から「マルチクリップを作成」を選択。

4.出来上がったマルチクリップをタイムラインに配置したら、配置したクリップをダブルクリックし、ビューアへ開く。

5.ここで重要なのが、「同期」の設定。
かならず「同期」をオープンにし、キャンパスとビューアの画面が、
連動して動くようにしておく。

6.あとは、キャンパスの再生ボタンで再生をして、ビューアのアングルをクリックして選択していくだけ。
すると、クリックしたタイミングでアングルが切り替えられていくので、結果として、途中で色が変わっていく映像素材が出来上がる。

7.あとは、編集点にトランジションを適用し完成。

同じ手順で、写真を使えばあっという間にスライドショーが作れちゃいます。

ハートの素材集

Natural Sense Materialより発売中の「ハートの素材集」の作例をご紹介します。

「ハートの素材集」はFinal Cut ProやPremire、iMovieなど、様々なビデオ編集ソフトでご利用いただける、映像素材集です。

現在、Yahoo！オークションにて販売中です。
Yahoo！オークションヘ

この「ハートの素材集」に収録されている素材の簡単な使い方を紹介します。

今日は、Final Cut Proを使って、簡単なオープニング画面を作りたいと思います。
素材は、Heart_6を使います。

1.　まず、Final Cut Proに「Heart_6」と背景用の写真を読み込みます。
2.　そして背景用写真をV1トラックに配置します。
3.　次に「Heart_6」を先ほどの写真に重ねてV2トラックに配置します。

「Heart 6」は、アニメーション形式になっているので、背景は透明です。ですので、簡単に合成が出来ます。

4.　次にFinal Cut Proのジェネレータボタンをクリックし、アウトラインテキストを作成。

5.　テキストを「ビューア」パネルの「コントロール」で適当に編集します。

6.　出来上がったテキストをV3トラックに配置します。すると、こんな感じの状態になります。

7.　あとは適当にキーフレームやトランジションを使って調整をすればこんな感じのムービーが出来上がります。
アニメーション形式のQuickTimeは、とても扱いやすいです。

iPhone & iPod touch 壁紙

先月、ついに発売されたiPhoneですが、ボクは、iPod touchをすでに購入していたので、あまりそそられてません（笑）
ですが、iPhone発売以来、さまざまなサービスがはじまり、iPod touchユーザーのボクにもうれしい限りです。

壁紙サイトなるサイトが、まるでi-modeが流行しだした時のようにどんどんと現れてるみたいですね。

という事で、ボクも壁紙作ってみました。

iPhoneの画角（縦横比）は、320×480で3:2というちょっと特殊なものですが、縦撮りした写真なんかは、いい感じに加工しやすいっすね！
やっつけ仕事で作ってみましたが、良ければ使ってください。

ちなみに、iPhoneやiPod touchでWeb上の画像を保存する方法は、保存したい画像を長押しで出来ます。
意外と知られてない機能みたいですね。

壁紙のリクエスト等もあれば、どうぞ！

Natural Sense Material

Blog Start !!

Natural Sense Blog Start !!

Natural Senseは、映像、音楽、グラフィック、Web、イベント、といったさまざまなメディアを舞台にクリエイティブワークを行っているグループです。

このブログでは、Natural Senseの映像、音楽、グラフィック作品の公開や、制作におけるテクニック等を紹介していきます。

作品の制作テクニックに関して、質問等あればどしどしコメント頂けたらと思います。ハイビジョンの映像素材の販売も行っていますので、ぜひアクセスしてみてください。

Natural Sense Material

さて、今日はブログ開始記念として、このブログのタイトル画像にもなっている、グラフィックを使った映像作品「girl」を公開します。

制作は・・・
素材作りに「 Photoshop CS3」「Illustrator CS3」等を使い、それらをAppleの「Final Cut Studio 2」に同梱されている「Motion」を使ってアニメーションさせています。

制作行程も後日、記事にしていきたいと思います。

Natural Sense Official Blog

iPad 壁紙「Boots Riley」

iPad 壁紙 「LADY GAGA」

iPad イラスト 壁紙「Perfume のっち」

iPad 壁紙

Natural Sense Material サイトリニューアル！

HTMLメールの作成 & メールソフトでの送信方法

自作 DOFアダプターで、撮影してきました！

キラキラ素材集

キラキラ素材集！鋭意製作中！！

Photoshop レイヤーマスク活用術 その1

Final Cut Pro のマルチカム編集の活用テクニック（素材：ハートの素材集）

ハートの素材集

iPhone & iPod touch 壁紙

Natural Sense Material

Blog Start !!

Natural Sense Material

iPad 壁紙「LADY GAGA」

iPad イラスト壁紙「Perfume のっち」

Photoshop レイヤーマスク活用術その1