Storyboard FAQ
Storyboard
StoryboardにはOSSが含まれますか?
IllustratorからPhotoshopへのインポート
Illustratorのデザインファイル(Aiファイル)をStoryboardにインポートするためにPhotoshop(PSD)に書き出す手順を知りたいです。
Illustratorファイル(Aiファイル)をStoryboardにインポートするためにPhotoshop(PSD)に書き出す際の注意点を知りたいです。
【注意点】
①(05:26~) Illustratorのレイヤー内でグループ化されていないものは、
PSDに書き出し後、Photoshopのレイヤーで1つのオブジェクトとなります。
②PhotoshopからStoryboardにインポートする際、ボタンの機能を持つオブジェクト(_up /_down)の上に他のオブジェクトが被っていると、ボタンのactionが作成されても機能しません。PSDのレイヤーの順番でボタンのレイヤーが上になるようにして下さい。
PhotoshopからStoryboardへのインポート
サンプルPSDはありますか?
こちらよりダウンロードしていただけます。
Storyboard用PSDファイル
Photoshopのカンバスの設定に指定はありますか?
アートボードの命名規則はありますか?
他のストーリーボードオブジェクトとは違い、アートボードには命名規則がありません。
アートボードはPhotoshopで設定した名前で、StoryboardのScreenとしてインポートされます。
アートボードの大きさは統一してください。
アートボードの大きさがStoryboardの画面サイズになります。
Photoshopアートボード内のコンテンツの命名規約は?
英数字(アルファベット・数字・特殊文字) フォーマットを使用して名前を付ける必要があります。
「Aa-Zz」「0-9」とアンダースコア文字である「_」の組み合わせで行うことができます。
日本語または、全角英字は使用できません。
Photoshopのコンテンツ名と構成は、アプリケーションモデル内での配置が決まります。
※参考PSDファイル:01 _group and _layer.psd
ボタンはどのように作成出来ますか?
_upで終わるPSDレイヤーを、_downで終わる同じ名前の別のレイヤーの直上に配置すると、
ボタンとして動作するコントロールが作成されます。
※参考PSDファイル:02 Button-up-down-setting.psd
レイヤーにつけた効果のインポート
描画モードはインポート出来ますか?
上のレイヤー(描画モードが変更されている)と下のレイヤー、
2つのレイヤーを選択して、一緒にスマートオブジェクトに変換してください。
ラスタライズ化では効果はインポートされません。
(イメージ画像の白いボタンの効果、【べベルとエンボス】はラスタライズ化でもインポートされます。)
※参考PSDファイル:03 Blending Mode.psd
クリッピングマスクはインポート出来ますか?
2つのレイヤーを選択して、一緒にスマートオブジェクトに変換してください。
ラスタライズ化では効果はインポートされません。
※参考PSDファイル:04 clipping Mask.psd
ワープ文字はインポート出来ますか?
文字のアンダーラインはインポート出来ますか?
光彩はインポート出来ますか?
ドロップシャドウはインポート出来ますか?
ベベルとエンボスはインポート出来ますか?
変形のワープはインポート出来ますか?
スマートフィルターのぼかし(ガウス)はインポート出来ますか?
スマートフィルターの描画(逆光)はインポート出来ますか?
スマートフィルターの変形(ジグザグ)はインポート出来ますか?