Storyboard FAQ

Storyboard

Q

StoryboardにはOSSが含まれますか?

A

OSSに限らず3rdパーティのライセンスについて以下に説明されています。

IllustratorからPhotoshopへのインポート

Q

Illustratorのデザインファイル(Aiファイル)をStoryboardにインポートするためにPhotoshop(PSD)に書き出す手順を知りたいです。

A

以下の解説動画で手順をご確認いただけます。

Q

Illustratorファイル(Aiファイル)をStoryboardにインポートするためにPhotoshop(PSD)に書き出す際の注意点を知りたいです。

A

【注意点】
①(05:26~) Illustratorのレイヤー内でグループ化されていないものは、
PSDに書き出し後、Photoshopのレイヤーで1つのオブジェクトとなります。

②PhotoshopからStoryboardにインポートする際、ボタンの機能を持つオブジェクト(_up /_down)の上に他のオブジェクトが被っていると、ボタンのactionが作成されても機能しません。PSDのレイヤーの順番でボタンのレイヤーが上になるようにして下さい。

PhotoshopからStoryboardへのインポート

Q

サンプルPSDはありますか?

A

こちらよりダウンロードしていただけます。
Storyboard用PSDファイル

Q

Photoshopのカンバスの設定に指定はありますか?

A

PhotoshopからStoryboardにファイルを読み込むには、ドキュメントがRGB、
カラーモードの8ビットファイル。それ以外の形式には対応していません。

Q

アートボードの命名規則はありますか?

A

他のストーリーボードオブジェクトとは違い、アートボードには命名規則がありません。
アートボードはPhotoshopで設定した名前で、StoryboardのScreenとしてインポートされます。
アートボードの大きさは統一してください。
アートボードの大きさがStoryboardの画面サイズになります。

Q

Photoshopアートボード内のコンテンツの命名規約は?

A

英数字(アルファベット・数字・特殊文字) フォーマットを使用して名前を付ける必要があります。
「Aa-Zz」「0-9」とアンダースコア文字である「_」の組み合わせで行うことができます。
日本語または、全角英字は使用できません。

Photoshopのコンテンツ名と構成は、アプリケーションモデル内での配置が決まります。

※参考PSDファイル:01 _group and _layer.psd

Q

ボタンはどのように作成出来ますか?

A

_upで終わるPSDレイヤーを、_downで終わる同じ名前の別のレイヤーの直上に配置すると、
ボタンとして動作するコントロールが作成されます。

※参考PSDファイル:02 Button-up-down-setting.psd

レイヤーにつけた効果のインポート

Q

描画モードはインポート出来ますか?

A

上のレイヤー(描画モードが変更されている)と下のレイヤー、
2つのレイヤーを選択して、一緒にスマートオブジェクトに変換してください。
ラスタライズ化では効果はインポートされません。

(イメージ画像の白いボタンの効果、【べベルとエンボス】はラスタライズ化でもインポートされます。)

※参考PSDファイル:03 Blending Mode.psd

Q

クリッピングマスクはインポート出来ますか?

A

2つのレイヤーを選択して、一緒にスマートオブジェクトに変換してください。
ラスタライズ化では効果はインポートされません。

※参考PSDファイル:04 clipping Mask.psd

Q

ワープ文字はインポート出来ますか?

A

ラスタライズ化、又はスマートオブジェクト化してください。

※参考PSDファイル:05 Warp text.psd

Q

文字のアンダーラインはインポート出来ますか?

A

ラスタライズ化、又はスマートオブジェクト化してください。

※参考PSDファイル:06 Underline.psd

Q

光彩はインポート出来ますか?

A

ラスタライズ化、又はスマートオブジェクト化してください。

※参考PSDファイル:07 Glow.psd

Q

ドロップシャドウはインポート出来ますか?

A

ラスタライズ化、又はスマートオブジェクト化してください。

※参考PSDファイル:08 Drop-shadow.psd

Q

ベベルとエンボスはインポート出来ますか?

A

ラスタライズ化、又はスマートオブジェクト化してください。

※参考PSDファイル:09 Bevel and Emboss.psd

Q

変形のワープはインポート出来ますか?

A

ラスタライズ化、又はスマートオブジェクト化してください。

※参考PSDファイル:10 Transform-cylinder warp.psd

Q

スマートフィルターのぼかし(ガウス)はインポート出来ますか?

A

スマートフィルター用に変換(スマートオブジェクト化)又は、ラスタライズ化したレイヤーに効果をつければ、インポート可能です。

※参考PSDファイル:11 Blur.psd

Q

スマートフィルターの描画(逆光)はインポート出来ますか?

A

スマートフィルター用に変換(スマートオブジェクト化)又は、ラスタライズ化したレイヤーに効果をつければ、インポート可能です。

※参考PSDファイル:12 LensFlare.psd

Q

スマートフィルターの変形(ジグザグ)はインポート出来ますか?

A

スマートフィルター用に変換(スマートオブジェクト化)又は、ラスタライズ化したレイヤーに効果をつければ、インポート可能です。

※参考PSDファイル:13 zigzag.psd

ページトップに戻る