downloads iPad Illustration ver.02
こんにちは。開発者さんラブな宮澤です。
開発者さんが iPad App のダミーを作りやすいように iPad Illustration を作ったのですが、みなさん Illustrator CS4 を持ってるとは限らないですよね。。。気がまわらずすいません。
ということで、Illustrator CS4形式以外にも、Illustrator CS2、Photoshop CS4、PNG、JPEG形式のファイルを用意しました。
そんでもって、Illustrator形式のファイルは、既存の iPhone App をシミュレートできるようにしてみました。
ほんでもって、縦表示バージョンと横表示バージョンも用意しました。また、下部の映りこみをやめ、ドロップシャドウに変更しました。
以下にファイル構成をまとめておきました。何か変なところがありましたらご指摘ください！
_images/
Illustratorファイルに配置した画像が入ってます。
- iPad-screen-vertical.png
- 縦表示モード用のiPad Appスクリーン画像です。この画像を差し替えると縦表示モード用のIllustratorファイルに反映されます。
- iPad-screen-horizontal.png
- 横表示モード用のiPad Appスクリーン画像です。この画像を差し替えると横表示モード用のIllustratorファイルに反映されます。
- iPhone-screen-vertical.png
- 縦表示モード用のiPhone Appスクリーン画像です。この画像を差し替えると縦表示モード用のIllustratorファイルに反映されます。
- iPhone-screen-horizontal.png
- 横表示モード用のiPhone Appスクリーン画像です。この画像を差し替えると横表示モード用のIllustratorファイルに反映されます。
- iPad-statusbar-vertical.png
- 縦表示モード用のステータスバー画像です。
- iPad-statusbar-horizontal.png
- 横表示モード用のステータスバー画像です。
Illustrator-CS4/
Illustrator CS4形式のファイルです。アピアランスを使いまくっているのでベジェ曲線が少ないのが売りです（笑） 拡大縮小する場合は気をつけてください。
「iPhone screen x1」「iPhone screen x2」「iPad screen」というレイヤーの表示を切り替えて使用してください。
- iPad-Illustration-v02-vertical-CS4.ai
- 縦表示モード用のIllustratorファイルです。
- iPad-Illustration-v02-horizontal-CS4.ai
- 横表示モード用のIllustratorファイルです。
Illustrator-CS2/
Illustrator CS2形式で書き出し直したファイルです。アピアランスが分解されてしまってますが、問題は無いと思います。
「iPhone screen x1」「iPhone screen x2」「iPad screen」というレイヤーの表示を切り替えて使用してください。
- iPad-Illustration-v02-vertical-CS2.ai
- 縦表示モード用のIllustratorファイルです。
- iPad-Illustration-v02-horizontal-CS2.ai
- 横表示モード用のIllustratorファイルです。
Photoshop-CS4/
Photoshop CS4形式のファイルです。近いバージョンPhotoshopなら開けると思います。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 132dpi です。「Screen image (xxxxxx)」というレイヤーを差し替えて使用してください。
- iPad-Illustration-v02-vertical.psd
- 縦表示モード用のIllustratorファイルです。
- iPad-Illustration-v02-horizontal.psd
- 横表示モードのPhotoshopファイルです。
PNG/
汎用性の高いPNG形式のファイルです。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 72dpi です。透明部分にスクリーン画像をはめ込んでください。
- iPad-Illustration-v02-vertical.png
- 縦表示モードのPNGファイルです。
- iPad-Illustration-v02-horizontal.png
- 横表示モードのPNGファイルです。
JPEG/
汎用性の高いJPEG形式のファイルです。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 72dpi です。白い部分にスクリーン画像をはめ込んでください。
- iPad-Illustration-v02-vertical.jpg
- 縦表示モードのJPEGファイルです。
- iPad-Illustration-v02-horizontal.jpg
- 横表示モードのJPEGファイルです。
- Date: 2010-01-30
お名前とメールアドレス、コメントは必須項目です。書き込まれたメールアドレスはコメント上では表示されません。
素晴らしい！！早速、使わせて頂きました！
http://blog.inokuman.in/?eid=64
多分、わたしの方のイラレのバージョンが古いのかフォントが無いからなのかわからないのですが
「これは PDF の内容を含めずに保存された. Adobe® Illustrator® ファイルです。 このファイルを他のアプリケーションに配置. または開くには、Adobe Illustrator で「PDF 互換ファイルを作成」. オプションを選択して保存しなおす必要があります。」
となってしまって開けませんでした。。
是非、新商品のプレゼンなどで使用したいので、出来れば再度アップしていただけないでしょうか。
inokumanさん
作業はやっ（笑）
piyokoさん
ご報告ありがとうございます。
画像ファイルを違うディレクトリに入れていたのが問題っぽですね。すいません。
配置画像とIllustratorファイルを同じディレクトリにまとめたものを用意しましたので
お試ししていただけますか？
http://lab.3fl.jp/?download=ipad-illustration-v021.zip
これで問題ないようでしたらエントリーを修正させていただきます！
早速ありがとうございます！
でも、ディレクトリが違ってリンクを辿れない、というような問題とも違うようです。。
また前回と同じで、下記のメッセージが画面に表示されます。
「開くには、「PDF 互換ファイルを作成」. オプションを選択して保存しなおす必要があります。」
当方XPのCSなので、互換性の問題でしょうか？
piyokoさん
CSなのですね。。。Illustratorの場合、新しいバージョンで作成したファイルは、古いバージョンでは基本開くことができません。その場合、Illustrator側はPDF互換ファイルを開こうとするので、そういう意味でのエラーだと思われます。
（PDF互換ファイルを作成するとデータが重くなるので避けてます。。。）
とりあえず、Illustrator CS用に書き出してみましたのでご確認ください。
http://lab.3fl.jp/?download=ipad-illustration-v021-cs.zip
すばらしいデータをありがとうございます！
流石のクオリティですね。
丁度、iPadアプリのデザインをしているので、企画やコンセプト動画、プロモーションに活用させていただきます！
ありがとうございます！開けました～
すいません、しばらく見ていないうちに一ヶ月たっていました。。
すぐにご対応いただいてたのですね、ありがとうございました。
企画に使わせていただきまーす