ぼくらの勉強不足ですったもんだしてしまった東北地方太平洋沖地震の義援金募集用バナーをまた作り直しました。（前回の義援金支援バナー ver.02 については日本赤十字社に問合せ中です。貼っていただいたり、削除してもらったりお手数おかけしてすみませんでした。）

「日本にハートとスマイルを！」のテーマを変えずに、より柔らかく親しみやすいデザインにしてみました。いかがでしょうか…

追記: 修正した「+」マークでも問題があるとご指摘いただきました。データが拡散するのを防ぐためにダウンロードファイルを削除いたします。ぼくらのチェックミスで皆様にご迷惑をおかけしたことを深くお詫び申し上げます。※念のため、このエントリーのログは残しておきます。

東北地方太平洋沖地震の義援金募集用バナーを作り直しました。

前回アップした 義援金募集用バナー to 三階ラボ に対し、コメントやメールで「赤十字マークはよろしくない」とご指摘いただきました。（ありがとうございます！）
実際は赤十字マークではなく「プラス」を意図したものでしたが、極力混同を避けるために「プラス」の形を変更しました。

既に前回のデータをご使用いただいている方は、余裕があったらでいいので新しいバナーに置き換えていただけますでしょうか。毎度お手数おかけしますが、よろしくお願いいたします！

今回作成したバナーやオリジナルシンボルマークは前回同様著作権フリーで配布させていただきます。（こっそりポスター用PDF付き）

また、バナーやシンボルを使っていたっだいた方々のリンクを分かる範囲でまとめてみました。ご協力ありがとうございます！

使っていただいているサイト一覧（敬称略、順不同）

ご迷惑をおかけするので削除いたします。後ほど各サイトの管理者様へメールでご連絡させていただきます。

今回の東北地方太平洋沖地震への義援金を支援するバナーを作成しました。

ブログやウェブサイトに貼付けて、募金情報まとめサイト [to site.google.com] や、日本赤十字社の義援金・救援金募集ページ [to jrc.or.jp]などへのリンクしていただけるとありがたいです。
※怪しい募金サイトや詐欺サイトには絶対にリンクしないでください！
「日本への義援金」をかたる詐欺サイトが出現、信頼できる機関の利用を [to ITmedia]

また、今回作成したオリジナルシンボルマークも著作権フリーで同梱しました。PNG形式の複数サイズの他、Illustrator8形式のベクターデータも用意してあります。もし気に入っていただけましたら、ウェブサイト以外にも、ポスターや壁紙などでご自由にお使いください。

追記: れいんさんのご指摘で、日本赤十字社の「ホームページ」へリンクするには申請が必要だということがわかりました。この「ホームページ」というのがどういう扱いなのか、申請書をダウンロードするページへのリンクも申請しなければならないのかが不明なのですが。。。念のため、今回の義援金支援バナーを設置していただいた方々で、リンク先を日本赤十字社のウェブサイトにされている場合は、日本赤十字社に申請書を提出するか、リンク先を「募金情報まとめサイト」の方に設定しなおしてください！ご面倒をおかけしますが、よろしくお願いいたします。勉強不足で申し訳ありません。

お亡くなりになられた方々のご冥福をお祈りするとともに、被災地のみなさまのご健闘をお祈りいたします。

こんにちは。開発者さんラブな宮澤です。Twitterやってます。よろしくです。
すっかり忘れていたのですが、毎度おなじみの iPhone 4 の Illustratorデータを作成しました。
ウェブ用/印刷用Illustratorファイル、ウェブ用/印刷用Photoshopファイル、PNGファイルを用意しましたので、用途に合わせて使い分けてください。

• ファイル名に「print」と書かれているファイルは印刷用ファイルです。iPhone 4本体が実寸で描かれています。
• ファイル名に「web」と書かれているファイルはウェブ用ファイルです。iPhone 4のスクリーンサイズに合わせて描かれています。メリっとした表示になるように、ピクセル単位で調整してあります。

iPhone 4 本体部分のアウトラインデータはとても少なくしてあります。

今回は、「いかにオブジェクトを減らしてアピアランスで絵を描くか！」という、どうでも良さげなところをこだわってみました。。。

Adobe Illustrator CS4から新機能で、一つのIllustratorファイル内に複数のアートボードを作れるようになりました(CS3までは一つだけ)。 ちょっとずつ進化してるIllustrator CS4ですが、この複数のアートボードが作れるだけで手に入れる価値があります！ 今までのデザイン作業のワークフローが一変しました。 どんだけこの機能を待ち望んでいたことか！むしろ期待以上でした！

紙の企画書を作る際は複数ページのPDFを作るわけですが、これまではIllustratorでデザインして、InDesignにコピペして、微調整して、そこからPDFにしてました。印刷だけならPDFにしなくても、Illustratorからそのままいけます。(Illustrator CS3でも一応複数ページのPDFにできましたが、精度が低い＆作りにくかった) Webなどのモニターで表示するデザインをする場合は、Illustratorで作って、個々に書き出すなり、コピペして、Photoshopに持っていて・・・。 紙でもウェブでもなかなかIllustratorだけで完結することが少なかったことが、Illustratorのみでフィニッシュまで持っていけるというのはかなり効率が良いです！

で、ここで例をひとつ。 iiiflowのmemoページでちょくちょく配っている10種類の画面サイズのカレンダー壁紙ですが、1ファイルのIllustratorで作っています。しかも一度の書き出しで10枚のpngを作ってしまいます(スライス機能じゃないです)。しかも！InDesignとは違い、Illustratorではサイズの異なるアートボードを持てる上に、アートボードを重ねちゃったりもできるんです。

カレンダーの大きさは3種類しかありません。右下の小さいカレンダーは一番小さい1024×768px用ですが、大きな二つは残りの9種類用です。 アートボードだけを表示するとこんな感じ。

この作品では右上の中くらいのアートボードでカレンダーを作って、右の大きなアートボードへ140%拡大して配置。下のアートボードへは次の月と前の月を外して配置。

次のステップはファイルメニューの「書き出し」で、フォーマットを「PNG(png)」、「各アートボードごと」「すべて」をチェックして、書き出すと10種類の壁紙の出来上がり！！なんともあっけない！ ちょっとくらい枚数が多くなっても全く苦じゃないので、効率アップ間違いなし。

不満としては書き出したファイル名が、ファイル名+連番名で書き出すことです。各アートボードに予め名称をつけることができないんです。でもこれも「Shupapan」のようなリネームソフトを使えば特に問題はありません。 このソフトではテキストデータからリネームしてくれるので、あらかじめサイズなどを書き込んだファイルを用意していれば簡単です。

サンプルデータをアップしたので、Illustrator CS4を持ってる人は自分なりに試して書き出してみてください。持ってない人はPreviewやAcrobatで「10wallpapers.ai」を開いてみてください。ちょっとした驚きがあるはずです！