All Articles InDesign
イメージギャラリーを作成します。ePubをするためのInDesignのSWFは、
David Smith on Mon, April 2nd 4 comments
ePubs are all the rage and Adobe InDesign CS5.5 supports some intriguing, interactive features for this format. David Smith shows how to create an SWF image gallery for the ePub format.

EPUBの人気流星の上昇は、アドビシステムズ社が既存のアプリケーションのいくつかの素晴らしい新しいアプリケーションと同様に素晴らしい新機能と応答見ている。右の上が涼しいのは、このコホートの最上部付近には、InDesignでの対話型機能の一部です。なし以上のように。swfファイルのインタラクティブなギャラリーを作成できます。


ステップ1 - いくつかの写真を準備します。

Photoshopで4つの画像を開き、切り抜きツールを選択します。

crop tool options

切り抜きツールのオプション。


12センチメートル幅8cmの高い作物へのツールのサイズ、解像度300ppiに設定します。これは、すべてのイメージが同じサイズであり、彼らはすでに、InDesignのページに収まることが保証されます。

作物各画像をトリミング編集を受け入れるために、各1、Returnキーを押しますの組成や含有量に満足するまで。


ステップ2 - 画像のRGBを作る

Imageメニューに移動し、 モードを選択

RGB mode

RGBモード。


最後に、JPGのように順番に画像を保存し、それらの名前を "ギャラリー写真1"、 "ギャラリー写真2は"などはその後、Photoshopを閉じます。


ステップ3 - 画像を配置

InDesignドキュメントに新しいページを追加するか、または空のいずれかを選択します。画像の配置を開始するには、 コマンド-Dキー押します

Place options

場所オプション。


先ほど作成したすべての4ギャラリーpicの画像を選択し、[開く]をクリックします。すべての4つの画像が配置されるのを待って、InDesignでカーソルに読み込まれます。

各画像はページ上に配置表示されるように、ページの異なる部分を4回クリックします。彼らはすでにPhotoshopの大きさとされたので、ここでそれらのサイズを変更する必要はありません覚えています。


ステップ4 - 画像の位置を合わせます

ページ上のすべての4のグラフィックフレームを選択し、それらすべてが共有するので、両方の水平および垂直方向に同じX座標とY座標を、それらを整列させる整列パネルを使用します。

The aligned images.

整列した画像。


ステップ5 - オブジェクトを作成します。

4フレームが選択され続けるとインタラクティブにウィンドウのレイアウトを変更します。これは、 オブジェクトの状態パネルを明らかにする。

Object panel

オブジェクトパネル。


オブジェクトの状態]パネルを開き、マルチステートオブジェクトへの変換ボタンを選択をクリックしてください。これは、我々がギャラリーを作成するために必要なものであるマルチステートグループは、4枚になります。 [オブジェクト名]フィールドと[Return]キーを押し、グループ "ギャラリー1"という名前を付けます。


ステップ6 - いくつかのボタンを追加します。

今すぐサンプルボタンパネルを見つけて、使用するボタンのスタイルを選択します。誰もあなたのギャラリー1のオブジェクトの右側に右向きにドラッグします。もし必要であれば、それをリサイズします。

Buttons placed

ボタンが配置されます。


左矢印を使用して、左側に同じ操作を行います。これらは、ギャラリーの私たちのNextボタンとPreviousボタンとなります。きちんとしたこと、それらを揃えることを忘れないでください。

ヒント:ものはボタンだけでなく、ライブラリのコンテンツとして使用することができます。


ステップ7 - ボタンを動作させる

次のボタンを選択し、 ボタンと呼ばれるパネルを開きます。ここでは、ボタンにビヘイビアを追加し、また、それらに名前を付けることができます。 次にこのボタンに名前を付けます。

Actions

職場での行動。


アクションURLへ移動、ボタン押されて離されたときにURLが開くことを意味上のリリースイベント、上のボタンにすでに追加されます。削除するには、このアクションは、アクションの横にあるマイナスボタンをクリックします。次に、リストから選択することで、新しいアクションを追加するには、プラスボタンをクリックします。 次の状態に移動するアクションを変更します。

アクションは、オブジェクトのドロップダウンメニューにギャラリー1に向かって指していることを確認してください。

このアクションは、次のボタンがクリックされたときにギャラリー1オブジェクトは、マルチステートグループ内の次の状態(写真)に変更されることを意味します。


ステップ8 - [前へ]ボタンを追加します。

前のボタンに手順7を繰り返し、唯一の前の状態に移動し、ボタン前のその名前のようにリリースのアクションを選択します。


ステップ9 - 輸出のswf

選択してドキュメントを保存

Flash Export Menu

フラッシュエクスポートメニュー。


SWFファイルを保存してFlash PlayerまたはWebブラウザを使用して、それを開きます。

ギャラリーを表示するには、NextボタンとPreviousボタンをクリックします。

Final Gallery

最終的なギャラリー。


今では、対話型の文書にいくつかの活力を追加するにはビジー状態を維持するのに十分でなければなりません。あなたが本当にいくつかの余分な輝きを追加したい場合は、その真の没入ユーザーエクスペリエンスのためにあなたのSWF書き出しオプションでインタラクティブなページカールを含めることを忘れないでください。


Related Videos
Comments (4)

You must be logged in to comment.

  • Jasmine
    Hi David How does this tie in with epub?
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    It's not specifically a technique for ePub. Interactive .swf is a more likely use, perhaps I should re-name it. However if you do intend to add a swf gallery to an ePub file (granted ignoring iOS users) this is how you'd create the swf.
    • 8 years ago
    • By: David Smith
    Reply
  • Jasmine
    Hi David Thanks for getting back to me so fast. How do you add a swf file to an ePub file? Could you recommend an ebook reader/tablet device that supports swf animation? Jazzy
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    Bookworm supports Flash, you need to use some ActionScript to embed the .swf. You also need a fallback (usually a .jpg) for all the readers that don't support Flash.
    • 8 years ago
    • By: David Smith
    Reply
OBS 101 - The OBS Video Manual
OBS 101
Dream It. Do It.
Do you want to learn OBS 101 - The OBS Video Manual?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: