PIXEL LAB tag:www.pixelimage.jp,2010:/blog//1 2010-02-08T00:50:19Z FLASH,3D,DESIGN,オリジナルツール by ピクセルイメージ Movable Type 3.34 営業の案内です tag:www.pixelimage.jp,2010:/blog//1.133 2010-02-08T00:43:49Z 2010-02-08T00:50:19Z 弊社、というか田中は、今月（2010/02/08）から、しばらく自宅にて、業務をおこなっております。 電話でのご連絡については、事務所ではなく、 田中の携帯（090-7350-1770）までいただければと思います。 メールや、郵便、FAXに... tanaka 弊社、というか田中は、今月（2010/02/08）から、しばらく自宅にて、業務をおこなっております。 電話でのご連絡については、事務所ではなく、 田中の携帯（090-7350-1770）までいただければと思います。 メールや、郵便、FAXについては、変更ありません。 // 「Macへのスイッチ日記」　その2：ドキュメントスキャナ「ScanSnap」 tag:www.pixelimage.jp,2010:/blog//1.132 2010-01-06T15:33:14Z 2010-01-06T15:34:28Z 前回エントリしたのが、昨年の11月の「Macへのスイッチ日記」。まったく、進んでません。 なんか、仕事以外の時間は、拡張パネル作る時間にとられてたので。 tanaka なんか、仕事以外の時間は、拡張パネル作る時間にとられてたので。

そのなかで、ちょっと進展があったので、エントリーです。

ドキュメントスキャナー「ScanSnap」

これまでずっとほしかったドキュメントスキャナー。

しかし、ドキュメントスキャナーは、Win用かMac用のハードしかなくて、
Macへのスイッチがままならない身として、ずっと、購入できずにいました。

が、やっとこさ、2009年の年末に、ハイブリッドモデルが登場！
ScanSnap S1300

さっそく購入し、昨年末に、いろいろさわってました。

ドキュメントスキャナーの成果は?

もともと、紙資料は少なかったのですが、大幅に、ペーパーレスが進みました。
以下の紙情報は、すべてデジタル化され、シュレッダーに送られました。
  • 名刺
  • 契約関連の書類(ハンコ押してるのは別)
  • はがき(年賀状)
  • 細々した、マニュアル
  • 結婚式の資料。出席確認はがきとか。
  • 住宅ローンや、保険などの資料・文書
  • これまでの給与明細
  • ワンコの病院でもらった、明細とか
  • 雑誌のおもしろい記事
  • 週刊誌の、これは!というグラビア
う～ん、個人的なモノが半分以上やな。
契約書とかも、デジタル化して、シュレだりたい所やけど、さすがにそれは無理か。

以上、大変、満足しております。いろいろすっきりしました。
(Macへのスイッチとは、あまり関係なかったなぁ)]]> オリジナルツール / フォント一覧管理パネル 「PI_FontList(AI用)」を作りました tag:www.pixelimage.jp,2010:/blog//1.131 2010-01-06T15:03:56Z 2010-01-06T15:33:04Z 昨年末から、夜な夜な、FLASHで、ADOBE系ソフトの拡張パネルを作成してるんですけど、 AI用のフォント管理パネルが、だいたいできたので、先にリリースします。 tanaka AI用のフォント管理パネルが、だいたいできたので、先にリリースします。

もともとは、Fireworks用のテクスチャ一覧表示パネルを作成してたんですけど、
なんだかんだ横道それて、Illustrator用のフォント一覧管理パネルを作成しました。

ドキュメント、ちゃんと書きたいところですが、しばらく忙しくなりそうなので、
先に公開します。

Illustrator用以外に、Fireworks、Flash、Photoshop用と、それぞれあるので、
それも、後日、調整が終わってから公開します。

■フォント一覧管理パネルの機能

Winでも、Macでも、フォントは、デフォルトで、200フォントくらいインストールされてますよね。
デザインにかかわる仕事してたら、500以上は入ってると思います。

しかし、デザインアプリのフォント選択方法は、セレクトボックスが主で、
これで、ストレスなく、目的のフォントを選択するのは、もはや職人技です。

ストレスフリーな、クリエイティブワークを目指して、このパネルを作成しました。
■機能抜粋
  • システムにインストールされているフォントを、リスト表示し、テキストオブジェクトに適応できます。
  • 独自のお気に入りフォントリストを作成できます(1から5まで)。
  • お気に入りフォントを強調表示できます。
  • フォントリストから、検索で絞り込めます。
  • リストの表示方法は、複数の種類があります。
    • テキスト
    • アイコン:S
    • アイコン:M
    • アイコン:L
  • リストの並び替え方法は、複数あります。
    • 昇順
    • 降順
    • ポピュラー
    • ヒストリ
    • ランダム

■ScreenShot



■対応バージョン

  • Adobe Illustrator CS4以上
Winおよび、Mac対応ですが、Mac版は、一部機能制限があります。
(Win版は、サムネイルが、それぞれのフォントで表示されます)

■Download

ZIPです。

■起動方法

ZIPを解凍後、Illustratorを起動し、メニュー [ スクリプト > その他のスクリプト ] を選び、解凍したjsxファイルを選択してください。



以上です。
きちんとした解説は、後日アップします。
不具合あったら教えてください。
]]> flash / いろんなバージョンのFlashPlayerを、インストールしたり、管理したり tag:www.pixelimage.jp,2009:/blog//1.130 2009-11-25T08:14:24Z 2009-11-26T01:11:05Z 先日、仕事で、FLASHの細かいマイナーバージョンの検証を行うため、 ADOBEのサイトを、いろいろ調べたのですが、 なにせ膨大かつ劇重なADOBEサイトから情報を探すのは大変です。 というわけで、ADOBEサイト内のFlashPlayer関連の情報をばまとめてみました。 tanaka ADOBEのサイトを、いろいろ調べたのですが、
なにせ膨大かつ劇重なADOBEサイトから情報を探すのは大変です。

というわけで、ADOBEサイト内のFlashPlayer関連の情報をばまとめてみました。

FlashPlayer インストーラ＆アンインストーラ

FlashPlayer ダウンロードページトップ

いちおう、トップのページなので掲載。
最新のプレイヤーを、単品（WinのIE用とか）でダウンロードできます。
Adobe Flash Player - Downloads

最新のFlashPlayer ダウンロードページ

いわずとしれた、getFlashのページ。最新のFlashPlayerがダウンロードできます。
Adobe - Adobe Flash Player

過去のバージョンのFlashPlayer ダウンロードページ

古いFlashPlayerでの検証なとき、このページが役立ちます。
以下のバージョンごとにFlashPlayerのインストーラのアーカイブが、ダウンロードできます。
（9と10のみ、マイナーバージョンも記載しておきます）
  • Flash Player 10
  • Flash Player 10 (debugger versions)
    • 10,0,32,18
    • 10,0,22,87
    • 10,0,15,3
    • 10,0,12,36
  • Flash Player 9
  • Flash Player 9 (debugger versions)
    • 9,0,159,0
    • 9,0,152,0
    • 9,0,151,0
    • 9,0,124,0
    • 9,0,115,0
    • 9,0,48,0
    • 9,0,47,0
    • 9,0,45,0
    • 9,0,28,0
    • 9,0,16,0
    • 9,0,15,0
  • Flash Player 8
  • Flash Player 7
  • Flash Player 6
  • Flash Player 5
  • Flash Player 4
  • Flash Player 3
  • Flash Player 2
バージョン9と10のアーカイブファイルサイズは100MBとかになってますが、
細かいマイナーバージョンもふくんでいるので、ファイルサイズが膨らんでます。
Win版、Mac版、IE用、NN用など、網羅されてます。

Archived Flash Players available for testing purposes

なお、スタンドアロンプレイヤーもふくまれてるので、簡単な検証であれば、ブラウザにFlash Playerを再インストールしなくても確認できます。

アンインストーラー

古いプレイヤーをインストールする場合は、いっかい、アンインストーラーできれいにしましょう。
How to uninstall the Adobe Flash Player plug-in and ActiveX control

バージョンの確認やら、リリースノートやら

ブラウザにインストールされている、FlashPlayerのバージョンの確認

クライアントから、「FLASHが見れない」といわれたら、とりあえず、このページを表示してもらって、細かいバージョンまで確認してもらいましょう。
Adobe - サポート - Adobe Flash Player のバージョンテスト

FlashPlayerの必要システム構成

クライアントから、「推奨環境おしえてください」っていわれたら、このページを参照してもらいましょう。
でも、最低限のハードウェア構成だから、あまり参考にならないか。
Adobe - Flash Player 10: 必要システム構成

FlashPlayer バージョン別のリリースノート

バージョン5から10の、マイナーバージョンごとに、修正点などの記載あり。
バージョン5から9までは、HTMLページだけど、10からはPDFでアップされてる。
いっかい読んでみると、なかなか勉強になります。たくさん不具合あるのね。
Adobe - Flash Playerリソース： リリースノート

バージョンの切り替え

ブラウザにインストールされているFlashPlayerを、すばやく切り替えれるソフト

いろいろなソフトのプラグインを切り替えられるソフトのようですが、
主には、FlashPlayerの切り替えのソフトで、昔は、たしかそれ専用のソフトだったような。

KewBee Plugin Switcher 3.0

ちなみに、私の環境では、IEの切り替えが、うまくいきません。。。
IE6と7を共存されてるからかな？　以前、インストールしたときは、うまくいってたんですけど。


以上です。
ADOBEのサイトは、有益な情報がたくさんあるんですけど、、、、
やっぱり、いつまでたっても重いですよねぇ。テンポをくじかれます。
だれか、ADOBEのゲートウェイページとか、つくってくれんやろか。
]]> 「Macへのスイッチ日記」　その1：思い悩みながら、はじめます tag:www.pixelimage.jp,2009:/blog//1.129 2009-11-18T15:35:52Z 2009-11-18T15:37:07Z 基本的に、Windowsベースで仕事してるんですけど、最近、Macにスイッチすべく、悪戦苦闘してます。もともと仕事はじめたときは（ああ、もう12年も前・・・）、Macだったんですけど、7年くらい前から、Winつかってます。そのころは、OS Xがまだまだ劇重で、使いくい時代だったので、思い切って、Winに乗り換えたわけです。 tanaka
で、現在。snow leopardはとってもよさげだし、Windowsにも飽きてきたところで、知り合いのデザイナさんが、Macにスイッチしたので、思い切って、スイッチにトライすることにしました。
スイッチするといっても、一気にではなく、じょじょに、Macで制作環境を構築していくわけで、完全移行するまでは、仕事はWindowsでしてます。

スイッチしたい理由

  • ずっとXPなので、飽きてきた。でも、VISTAにも、7にもする気がしない
  • Mac OS Xがだいぶ使いやすくなってきてるっぽいし、動作も速いらしい
  • 昔とくらべ、Winでしかできないこと（ソフト）は、少ない
  • iPhoneアプリ、つくってみたい（Macでしか開発できない）
  • FLASHオーサリングのため、デザインファイルをもらう場合、Macで作られてる比率が高い

スイッチに躊躇する理由（まだ、ちょっと思い悩んでる）

  • ソフト買い換えるお金がかかる
  • Winにはあって、Macには無いソフトがある
  • 慣れるまで、OSの違いからくるストレスに耐えなければならない
  • 仕事もぼちぼち忙しいし、土日も、パパで忙しいので、スイッチにかける時間がなく、一気にスイッチできない
  • 家はWindowマシンしかないので、ちょと混ざる
そうゆうわけで、現在進行形の、MACへのスイッチ日記をば、しばらく書きたいとおもいます。なお、現在進行系ですんで、スイッチは挫折するかもしれません・・・

多分、Macにスイッチしたいけど、なかなかできない人って多いと思うので、人柱になれればと思います。 ]]> twitterはじめました！ tag:www.pixelimage.jp,2009:/blog//1.128 2009-11-18T12:42:54Z 2009-11-18T12:45:46Z やっとこさ、はじめました。 まだ、なんも書いてませんが、よかったら、フォローしてやってくださいまし。 http://twitter.com/pixelimage_jp ... tanaka
まだ、なんも書いてませんが、よかったら、フォローしてやってくださいまし。

http://twitter.com/pixelimage_jp

]]> Flash / 雑多 / 会社サイトを2.0にバージョンアップ tag:www.pixelimage.jp,2009:/blog//1.127 2009-06-25T13:52:06Z 2009-06-25T15:34:45Z 5月ごろからつくりはじめ、やっとこさアップしました。バージョン2.0です。 以前のバージョンはさようならです。 ついでに、ブログのデザインもリニューアル。 tanaka 5月ごろからつくりはじめ、やっとこさアップしました。バージョン2.0です。
以前のバージョンはさようならです。
ついでに、ブログのデザインもリニューアル。

PIXELIMAGE.JP 2.0

以下のリンクからどうぞ。

PIXELIMAGE.JP 2.0

新バージョンのポイント

基本的なフォーマットは、以前とまったく同じで、あいかわらず通り魔みたいなサイトです。

個々のクリップ作成に時間をついやしたので、
より激しく、エモくなりました。ハイスピード映像もあるよ。

長かった・・・

この一年は、普段の仕事が忙さにくわえ、子供×2名の夜鳴き、家の引越し、事務所の引越しと、
あわただしかったのですが、それもひととおり終わって、ウェブもリニューアルして、
やっとこさ、なんとなく落ち着きました。

ブログの更新する時間ができそうなんで、
去年なみにいろいろエントリーあげたいと思います。
]]> ABOUT / 春から事務所移転しました tag:www.pixelimage.jp,2009:/blog//1.126 2009-04-27T12:58:11Z 2009-06-25T14:02:21Z 詳しくは、弊社ウェブサイトにて。 tanaka 弊社ウェブサイトにて。 ]]> 雑多 / iPhone 買いはりました tag:www.pixelimage.jp,2008:/blog//1.125 2008-09-04T16:26:16Z 2008-09-04T16:27:10Z 盆前くらいからハリケーン級に仕事忙しかったですが、一瞬だけ落ち着いたので、久々エントリー。 タイトルビジュアルは、、、まあ、別に意味は無いです。 昨日、「東京カワイイTV」で、お菓子携帯デコやってたので、 負けるか！と思って、iPhoneデコって見ました。 tanaka 盆前くらいからハリケーン級に仕事忙しかったですが、一瞬だけ落ち着いたので、久々エントリー。
タイトルビジュアルは、、、まあ、別に意味は無いです。
昨日、「東京カワイイTV」で、お菓子携帯デコやってたので、
負けるか！と思って、iPhoneデコって見ました。

iPhoneを手にいれましてん

まだまだ手に入らないと思っていたiPhone。
でも、ふらっと近所の弁天町のソフトバンクによったら、あっさり買えました。
買ってから、１ヶ月くらいたったので、ざっと使用感を書いてみたいと思います。

まずは、iPhoneのカメラで撮った写真。

ベタに花

難波でキタロウビール

にゃー（長女）

雨の散歩

祭

めっけ！

上品でしょ

かっこいい

ほっぺっぺ
なんかね、テンポよく、気軽に撮れるので、よいですよ。
画質も、結構きれいです。

iPhoneの全体の動作・外観など

グーな点

  • 結構早い
  • 画面、キレイ
  • モーションがエレガント。うっとり

うーんな点と、こうなってほしい点

  • 使ってると、だんだん重くなってくる場合がある。
    特に日本語入力は不安定。その場合は再起動
  • 熱いです
  • 落としそうで怖いです。ストラップ穴ほしい

タッチパネル

グーな点

  • 新鮮
  • まあまあ使いやすい
  • うちの２歳の娘でも、操作できる

うーんな点と、こうなってほしい点

  • 自分で押したと思う場所と、実際におされた場所に、ズレがある。慣ればOKな気もする
    指が細い人は、使いやすいかもだけど、指の太い大工さんには、ツライと思う
  • 非常に感度が高く、すこし触れただけでも反応するので、結果的に、ご操作がおおくなる
    筆圧（指圧？）もとれれば、もっとステキになるのでは？　技術的に難しい？
  • 押した時のフィードバックが、もっと派手であってほしい（押したと判定されたか微妙な場合が多い）
  • 人差し指の指先が痛い
  • 指の腹でおさんといかんので、つめが伸びてるとダメ

iPhoneのメール

グーな点

  • IMAP形式のメールがとれるので、メインのPCメールのアカウントがそのままつかえる
  • ド地下以外は、どこでもPCメールチェックができる。返信もできる
  • 添付メールも、PDF、オフィス系、画像がみれる。ZIPファイルは無理
  • ケイタイメールは、もともとやらないので、絵文字うんぬんが使えないは、気にならない
  • メールの削除や移動など、操作が簡単
結果的に、PCで定期的にメールチェックしないといけないという、暗黙の生態から開放されます。

仕事がら、じっくり読み解かないといけないメールが多いので、
気分をかえて、お昼食べながら、じっくりメールの内容を検討できます。これだけで、かなり満足。

うーんな点と、こうなってほしい点

  • メール一覧の表示形式を、カスタマイズできない。送信者名よりも、件名を大きく表示してほしい
  • メール一覧の表示形式を、日付ごとに太いラインをいれるなりして、パッとみたときの時間間隔を表現してほしい
  • メール一覧の表示形式に、絞込み検索がほしい

iPhoneのウェブブラウザ

グーな点

  • おもったより、表示は速いし、サファリがのっかってるので正確にレンダリングしてくれます
  • ニュースサイトは、iPhone用に最適化されたレイアウトにしてくれてるところが多い。見やすい
  • タブブラウザのように、複数のサイトを表示できる
  • ゴローンとしながら、ブラウズできるのは、なかなかよい
  • 今まではプリントアウトしてた内容（地図とか）などは、プリントする必要なし。もちあるける）
  • ブラウザを通して、いろんなことができるのでは？　と、ウキウキできる

うーんな点と、こうなってほしい点

  • FLASHは再生されない（してくれない）
  • 表示は速いけど、やっぱりPCと比べると遅い

iPhoneのテキスト入力

グーな点

  • なし

うーんな点と、こうなってほしい点

  • 日本語入力がつらい。えらい重くなるときがある（再起動すると直る）
  • 定型文の登録ができない。対応としては、アドレス帳に登録すれば、可能。
テキスト入力は、やはり、タッチパネルはしんどいですね。

iPhoneのカメラ＆写真・動画ビュアー

グーな点

  • テンポよく、手軽にさくさく撮れる
  • 写真ビュアーが素敵・キレイ
  • 最近買った、デジタルビデオカメラのデータを、そのまま見れる

うーんな点と、こうなってほしい点

  • 室内では暗いので、ぶれまくり
  • 解像度ひくい
  • マクロ（接写）は無理。
iPhoneは画質などはイマイチですけど、テンポよく撮影できるので、すごいヨイです。

iPhoneの通話

通話は、おまけの機能だと思います。
メインの携帯で使うのはシンドイかと。

そのほか

グーな点

  • youTubeみれるのはいい。目がわるくなりそう
  • いろんなappをインストールできる

うーんな点と、こうなってほしい点

  • 単純に、PCからファイル転送できない。wi-fiつないで、有料appが必要（数百円）。
    たとえば、PCのPDFをiPhoneに転送するには、添付メールしかない。

以上

全体として、とてもヨイです。うっとりです。
買ってよかったです（まあ、会社の経費だし）。

FLASH屋さんとしては、FLASHを再生できないのは悲しいですが、
遅いパフォーマンスで中途半端に再生されるよりは、ましかも。
まあ、AJAX仕事もぼちぼちやってるんで、AJAXつかって、なんか自分ツールでも作ろうかと。

PCでFLASHサイトを、動画キャプチャして、iPhoneにいれておけば、
いつでも実績を動画で、さくっと（重要）紹介できてよさそう。

だらだらと書いてしまい、すんませんねぇ。
]]> FLASH / FlashDevelop3でAS3開発速度を上げるセミナー tag:www.pixelimage.jp,2008:/blog//1.124 2008-08-13T16:30:03Z 2008-08-13T16:31:22Z 最近、エントリーがとどこおってますねぇ。スイマセン。 ネタはまだまだあるんですが、なかなか書く時間がありませぬ。（今年は、盆なしで仕事です） さて、今回のエントリーです。 はじめて、FLASH関連セミナー参加してきます！ セミナーやらイベントやら、まったくいかないのですが、ひさびさにセミナーに申し込みました。 （いってきたのではなく、あくまで、申し込み段階） tanaka ネタはまだまだあるんですが、なかなか書く時間がありませぬ。（今年は、盆なしで仕事です）

さて、今回のエントリーです。
はじめて、FLASH関連セミナー参加してきます！

セミナーやらイベントやら、まったくいかないのですが、ひさびさにセミナーに申し込みました。
（いってきたのではなく、あくまで、申し込み段階）

どんなセミナーに参加するの？

参加するセミナーは、以下。

Flash CS3と FlashDevelop3でAS3開発速度を上げる33の方法
2008年9月6日(土)　13:00～19:00
http://www.sansokan.jp/events/eve_detail.san?H_A_NO=08840

大阪南港のiMedioで開催されるセミナーで、京都のワン・トゥー・テンさんの
かたが講師をされるようです。

『FlashDevelop』という内容のしぶさにグッときたのと、
『開発速度を上げる33の方法』とのことで、
しかと33の奥義を、心に刻んでこようと思います。

推測ですが、33というのは、FlashDevelop3とAS3からとった数字で、
いまから、33にあわせて内容（33の方法）をつくってるのだと思います。あってますか？
（と、講師の方にプレッシャーをかけてみる）

私と、あと弊社のFLASHERの和田くんも、いっしょにいきます。
終わったら、講師さんや、同じ受講生のかた、メシでもどうでしょうか？

FlashDevelopって？

フリーのFLASH開発環境です。
FLASHのIDEの外部ASエディターとしてつかったり、
FLEX SDKと組み合わせて、FLASHのIDEをつかわずに開発できたりします。

以下、詳しく解説されてるサイトです。
FlashDevelopをActionScript3のIDEとして使う

ちなみに私は、クラスファイルを書く際に、FlashDevelopを
外部ASエディターとして使ってるレベルの新入生なんで、
このセミナーの対象の、ドストライクかと思います。

これを機会に、、、

いろいろセミナーに参加しようかと思います。
よさげなセミナーがあったら、誘ってやってください。

ちなみに、、、私は7、8年ほど前ですが、iMedioで「ウェブデザイン中級セミナー」ってのを、
一年間くらいやってました。7、8年ほど前なので、
FLASHもSEOもCSSもない、平和な時代だったなぁ。と、少し懐かしくなりました。
覚えているのは、会場がえらい乾燥してて、のどがいたかったことです。
ペットボトルのお茶は必須ですよ！ ]]> Design / iPhone,iPod touch用オリジナルCGフリー壁紙 99 tag:www.pixelimage.jp,2008:/blog//1.123 2008-07-10T16:41:59Z 2008-07-10T16:44:10Z 気づけば今日、iPhoneの発売日ですね。 記念にiPhone,iPod touch用の、オリジナルCGのフリー壁紙を作成したので公開します。 tanaka
気づけば今日、iPhoneの発売日ですね。
記念にiPhone,iPod touch用の、オリジナルCGのフリー壁紙を作成したので公開します。
思いつきで、ダーと2時間くらいで作業したので、変なところがあったらごめんね。

iPhone Free Wallpapers

作成したといっても、このブログで紹介してるオリジナルアートワークの、
REトリミングなだけですが。

iPhone Free Wallpapers
ご自由にどうぞ。

ついでだから、ケータイ待ちうけ用もつくろうかなぁ。

iPhoneほしいけど

iPhoneは、発売直後は手に入りくだろうから、
落ち着いてから手に入れようかと思ってます。

自分やったら、どんな壁紙にするやろ。独身やったら、セクシーなやつやね。
今は、子持ちなので、やはり子供の写真ですかね（無難やなぁ）。 ]]> Fireworks,Flash / 拡張パネル / MXPファイルにしました tag:www.pixelimage.jp,2008:/blog//1.122 2008-07-09T13:54:14Z 2008-07-09T14:05:15Z FireworksとFlash用の拡張パネルを、これまでいくつか公開してますが、 どれもSWFでの配布で、解凍して特定のディレクトリに手動で配置する必要がありましたが、 ADOBEソフト専門のインストーラファイルである、MXPファイルにしました。 tanaka どれもSWFでの配布で、解凍して特定のディレクトリに手動で配置する必要がありましたが、
ADOBEソフト専門のインストーラファイルである、MXPファイルにしました。

ダウンロードして、ダブルクリックで、インストールされます。
WINでもMACでもOK！

MXP化した拡張パネル

以下の拡張パネルのエントリーを少し更新しました。

インストールでつまづいたら

ちなみに、私のマシンではMXPファイルをクリックすると、3ds maxがたちあがります。
まあ、普通は、3ds max入ってないと思うので、問題ないと思いますが、
別のソフトが立ち上がる場合は、FireworksやFlashから[へルプ] ＞ [拡張機能の管理]で、
Extension Managerが立ち上がるので、ファイルを直接選択してインストールしてください
]]> Design / Hard Typographic Artwork - 03.TREE編 tag:www.pixelimage.jp,2008:/blog//1.121 2008-07-07T16:57:43Z 2008-07-07T17:03:59Z シリーズ「Hard Typographic Aarwork」の第三弾です。 tanaka シリーズ「Hard Typographic Artwork 」の第三弾です。

オリジナルアートワーク

今まで、ずっとアルファベットでしたが、今回は、和文でやってみました。
やっぱり、かなりイメージが変わります。
タイポグラフィックは、英文より、和文のほうが、形のバリエーションが多くて、深みがでますねぇ。

2008/07/08_04 (別WINDOW)

2008/07/08_05 (別WINDOW)

2008/07/08_06 (別WINDOW)
白黒で和文だと、凄みがでますねぇ。
YUGOPさんっぽくならないようにと思って作り始めましたが、
なかなか、エエ感じに仕上がりました。

白黒で和文って、ちょっとヒットです。

さて、次は何つくろうかなぁ。
モンローとか、ゲバラとか、デザインモチーフの定番でも、いこうかな。 ]]> Design / Hard Typographic Artwork - 02.FLOWER編 tag:www.pixelimage.jp,2008:/blog//1.120 2008-07-07T16:56:42Z 2008-07-07T17:04:21Z シリーズ「Hard Typographic Aarwork」の第二弾です。 tanaka シリーズ「Hard Typographic Artwork」の第二弾です。

オリジナルアートワーク

花びらを、タイポでREPLACEすれば、面白いかも？という思いつきのもと、 ざっと作成してみました。

2008/07/08_01 (別WINDOW)

2008/07/08_02 (別WINDOW)

2008/07/08_03 (別WINDOW)
結果は、、、まあ、ぼちぼちですかね。
これ作ってる途中で、TREEシリーズをつくりたくなったので（次のエントリーで公開）、
ちょっと、仕上げで、手をぬいてしましました。
]]> Design / Hard Typographic Artwork - 01.HUMAN編 tag:www.pixelimage.jp,2008:/blog//1.119 2008-07-05T16:06:20Z 2008-07-06T11:37:45Z 新シリーズ「Hard Typographic Artwork」です。 キレのあるハードなタイポを使ったアートワークを、毎回テーマを設け、作成していきたいと思います。 tanaka 新シリーズ「Hard Typographic Artwork」です。
キレのあるハードなタイポを使ったアートワークを、毎回テーマを設け、作成していきたいと思います。

オリジナルアートワーク

前回のアートワークのエントリで、大きな画像サイズでアップしましたが、
結構、いい感じなので、しばらく、大きなサイズで掲載していきたいと思います。
(LiteBoxで遷移せずに拡大画像を表示できるのは、テンポがいいのですが、
サイズを小さめにしないといけないので、感動が少し落ちます。)

2008/07/06_01 (別WINDOW)

2008/07/06_02 (別WINDOW)

2008/07/06_03 (別WINDOW)

制作手順の解説

だいたいこうゆうアートワークを作ってる方は、PhotoShopが多いですが、
私は、Webデザインも、アートワークも、簡単なメモも、すべてFlash×Fireworksで作成してます。

このサイトで公開している、DRAWシリーズや、拡張パネルを駆使して作成してますし、
それ以外にも3ds maxや、未公開ツールも、たくさんつかってます。

ざっくりとした手順は以下。
  1. メイン写真を選ぶ（個人的なストックやら、素材集やら）
  2. FLASHにて、ピクセルごとに色を取得し、配列にする
  3. 配列をFireworksにオブジェクトとして取り込む（ここまでは、純粋にオペレーション）
  4. オブジェクトをタイポに変換
  5. オリジナル拡張パネル「transformer」を使用して、全体をみながら、調整していく
  6. 背景やら、タイトル画像やらの、演出作業をへて完了()

写真からタイポに変換するのって、、、

結構、古典的なお題だと思いますが、だいたいコードによる生成でおわってます。
Hard Typographic Aarworkシリーズについては、
コードジェネレート半分、手による調整が半分と、いいとこどりでやってます。

未公開ツール

未公開ツールに関しては、『作って、試して、直して、試して』の繰り返しをしてる最中なんで、
ツールが落ち着いてきたら、公開します。
でも8割がたは、公開してるツールつかってます。

Fireworkでアートワーク作成してます

利点

  1. ビットマップ、ベクターの垣根がなく、同列にあつかえる
  2. カスタマイズ範囲が広い
  3. Javascriptをつかって、作業の自動化ができる
Javascriptをつかった、作業の自動化に関しては、イラストレーターでもできますが、
Fireworksの場合は、拡張パネルのように、Flashで入力インターフェースを作成し組み込めるので、
汎用的に、自動化ツールが作れます。
（イラレ＝コマンドライン、Fireworks＝GUI　みたいな感じ）

そのうち、イラストレータや、フォトショップでも、できるようになると嬉しいな。

欠点

  1. イラストレーターや、フォトショップと比べて、存在が地味
  2. 大きな画面サイズにすると、急激に重くなる
  3. いつADOBEのラインからはずれるかわからない

問題点

Fireworkをそこそこ使ってるかたは、気になってると思いますが、
ベクターオブジェクト（パスやらタイポ）をいっぱいつかってると、えらく動画が重くなります。
1000オブジェクトくらいあると、選択だけで、10秒。移動するとなると、数分くらいの待ち時間の覚悟が必要です。

「もうこれ以上、編集しない。ここはFIX」ってところは、ビットマップ化するか、グループ化しましょう。
ここらへんの手順をクリアしないと、Fireworkで大量のオブジェクトを扱うアートワークはツラツラです。
（そこだけは、イラストレーターがうらやましいです）]]> ■2008/07/0追記 ちょっと、スペルミス、修正しました。