Factory70 Blog 最新記事

Flashで湯気のエフェクトを作ってみます。
（サンプルムービーは記事後半に）

某牛丼屋さんのウェブサイトで、いちど見かけたんです。牛丼から立ち上るゆげ。なかなかおもしろいなぁと思ったので、自分でもオリジナルの湯気を作ってみることにしました。

作ってみた結果、某牛丼屋さんのFlashの湯気とはちょっと違うものになりましたが、わりとリアルな感じの湯気です。

イラストレーターがプログラミングもできるっていうのはすごいね、と言われることが多いです。
なんか自慢ぽくて感じ悪いですねｗ でもほんとうなんだもん。

普通、両者はものすごくかけ離れたものだと思われているから、そういうことになるんだと思います。だけど、「誰かの頭ん中にあるものを具現化する」って意味ではすごい近いなと、当の本人は思っています。つまり、イラストレーションとプログラミングは、わりと似ているような気がするのです。

とはいえ、私は、一般の人がイメージするような芸術家とかクリエイターのように「作品に思い入れがどうのこうの...！」ってまったく思わないタイプだからこそ、そういうふうにさらっと越境できるのかな？という面もあるのかもしれません。

ところで話変わりますけど、なんか急に、プログラミング覚えなきゃいけなくなる人っていますよね...？

あるいは、プログラミングを離れてみてですね、来月までに中国語か英語をおぼえなきゃならん、なんていうサラリーマンの人がいるかもしれません。

こうゆうときの「勉強のしかた」、私のようなクリエイターが畑違いの畑を耕すときどうするか？というお話を書いてみます。

前編からのつづき。先日、出版ネッツ主催「いちもくセミナー」で、フリーランサーの営業用ウェブサイト作りに関する講演をさせて頂きました。いろいろ反響を頂いたので、その中のいちコーナー「やったほうがいいコト・やっちゃダメなコト」から、抜粋して記事にしてみます。

前編：「やったことがいいコト」編はこちら→

私がイラストレーターという立場のため、近い職業の方を意識した内容になってしまっていることは、どうぞご了承ください。ただ、イラストレーターというのは、フリーランサーに多い職業の中でも、ことのほかウェブやテクノロジーに疎い人が多いような気がします。何となく同業者のサイトをまねてしまって、「やっちゃいけない」感じになっているサイトも、多かったりするのです。

先日、出版ネッツ主催「いちもくセミナー」で講演をさせて頂きました。テーマは「フリーランスのための、仕事が舞い込むウェブサイトの作り方」について。意外に思う人もいるかもしれませんが、出版系フリーランサーのあいだでは、わりと「ウェブとかそういうの、難しい、わからない」と言っている人が多いのです。そんな方たちへの手助けになれば、ということで、1時間程度のお話をさせて頂きました。

講演後もいろいろと反響を頂いたため、その中のいちコーナー「やったほうがいいコト・やっちゃダメなコト」から、抜粋して記事にしてみたいと思います。営業用ウェブサイトを作りたいフリーランサーの方、もしくはこれからフリーランサーになろうという方に参考になれば幸いです。

講演の内容を簡単に説明すると、「ウェブ制作のプロが使うフローに則って、きちんと作りましょう」というのが趣旨です。フリーランサーのウェブサイトは、個人だからということで適当に人のまねで作られてしまうことが多いのですが、仕事を取ってくるという機能を持たせるということは、本来はそこらの企業のサイトと同じ性質なはずです。

HTML5がなんたらかんたら、ソーシャルメディアが云々、ソフトは何を使えば...といった話はとりあえずどうでもいいのです。それ以前の基本的に大事なことは何か考えましょう、というのが、私がお伝えしようとしたことでした。その中で、少し実践的な内容も紹介しましょう、というのがこの記事のもとになったコーナーです。

私が所属しています出版系フリーランサー組合出版ネッツより、先週、「フリーランサーズガイド」という冊子が発行されました。

「フリーランサーズガイド」は、この組合に所属するフリーランサーを紹介するプロフィールブックで、毎年発行しています。掲載されているフリーランサーの職能は編集、執筆、校正、デザイン、DTP、マンガ、イラスト、撮影などです。今年はそれらの実力派フリーランサーのなかから106名が掲載されています。

出版制作系の皆様、フリーランスの人材をお捜しの時には、この「フリーランサーズガイド」がきっとお役に立ちます。無料でお届けいたしますので、ぜひお手元に置いておいてください。

※Factory70.comのメッセージフォームへ移動します。
必要事項をご記入のうえ、送信してください。
後日、出版ネッツ事務局より送付致します。

どうなるかためしてみたよ、って話。試すなよｗ

いや、試してみたというより、単にトロかった、というほうが正しい。

チキンな私は郵送で済ませてしまったのですが、一体どうなることやらと、出してしまってからひやひやしながら過ごしました。ですが、オチを先に言ってしまうと、意外とあっさりしたもんでした。

微妙にはまりかけたのでメモメモ。

えっとまず、今回の環境はAdobe CS4+windows7です。
このとき、ウェブ用の広告を作ってました。gifのバナーです。ところで、ウェブ広告って、容量の規定がすっごい厳しいの、ご存知でしょうか。1kbでもoverしたら入稿受け付けてくれません。

ですから、Photoshopで「web用に保存」して、数字をチェックしながら、規定容量に収まるように、ぼちぼちと容量削っていきます。でもできるだけ画質は保ちたいので、結局毎回、規定ぎりっぎり！な容量になります。

今回の媒体指示による容量規定は30k。現在29.83k。これ以上びた一文、カラー1色まけられまへん。

※長いので2ページに分けてあります。
ここまでの経緯＆そもそもイラレのスクリプトの作り方は？はこちら→

Adobe® Illustrator®は、Javascriptなどのプログラミングで自動化できます。
たくさんのアートボードを手入力で作るのが面倒なので、あらかじめCSVでリストアップして自動化してしまおう、というプログラムのお話です。

前のページからのつづきです。

スクリプトの中身解説

スクリプトの中身は、だいたいこういう流れになっています。

ファイルダイヤログを開いて、CSVファイルを選んでもらう
　↓
(*)一行ずつ、図版名・横寸・縦寸を読み取る
　↓
(A) 座標を計算して、アートボードをつくる
　↓
(B) ついでに、図版の名前をテキスト入力してアートボードの近くに置く
　↓
(*)に戻って以下ループ...

以下、ポイントだけ説明します。