Flash iOS Storybookアプリのカバーグラフィック

かもしれません 18, 2024

このチュートリアルでは、Flash iOSアプリストーリーブックの各ページのムービークリップを作成し、ページナビゲーションの構築に備えてメインタイムラインに配置します。

ストーリーブックのアニメーションイントロを作成するためのチュートリアルのフェーズ1を作成した読者のために、このflaファイルを脇に置き、新しいプロジェクトファイルを開始します。

新しいFlashから始めます^R 幅1024、高さ768、フレームレート24〜30のiOSアプリプロジェクトファイル。これらのサイズは横長レイアウト用です。幅を768に、高さを1024に設定することにより、縦長のレイアウトを作成できます。新しいiOSプロジェクトを開始する方法については、フェーズ1の最初のいくつかのチュートリアルを参照してください。

私はあなたがすでにPhotoshopを作成していると仮定しています^R ブックの各ページのpsdファイル。このファイルには、最下層の背景グラフィックが含まれている必要があります。背景レイヤーに含まれていない個々のデザイン要素は、上の独自のレイヤー上にある必要があります。 Photoshopファイルの準備方法については、フェーズ1の最初のいくつかのチュートリアルを参照してください。

まだ行っていない場合は、各ページのpsdファイルをPhotoshopで開き、下のレイヤーのグラフィックを別のpngファイルとして保存します。

ページの背景グラフィックを含む最下層を選択します。
メニューバーから、[編集]-[コピー]をクリックします。
新しい1024 x 768 x 72解像度の画像ウィンドウを開始します。
[編集]-[貼り付け]をクリックします。
新しいファイルをcover.pngとして保存します。
ブックの各ページに対してこれを繰り返し、pngファイルに順番に名前を付けます（例：cover.png、page1.png、page2.pngなど）。

ここで、新しいflaファイルに本の表紙を作成します。

メインタイムラインのフレーム1で、レイヤー1の名前を「ページ」に変更します。
[ファイル]-[インポート]-[ステージにインポート]をクリックし、cover.pngファイルを選択します。
PNGを右クリックして、[シンボルに変換]を選択します。
ムービークリップのタイプを設定し、ActionScript用にエクスポートのチェックボックスを選択します。
シンボルに「cover」という名前を付けます。
[カバー]の場合、[プロパティ]パネルでインスタンス名を指定します。

2つのフレームでcover.pngファイルを使用し、フレーム3で本の最初のページを開始します。

重要：これらのアプリ開発チュートリアルは、Flash初心者を念頭に置いて書かれています。アプリストア用にアプリを完成させる前に、これらのチュートリアルで説明されている以上にアプリを最適化する必要があります。

Copyright 2018 Adobe Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。