当社サイトのリンクを通じて購入すると、アフィリエイト手数料が発生する場合があります。 仕組みは次のとおりです.

Adobe Creative Cloud を使用すると、印刷物とデジタルの両方を InDesign 内でシームレスに作業できます。 そして、Digital Publishing Suite (DPS) - さらに、私たちの古い友人である Illustrator と、 フォトショップ。 このチュートリアルの後半では、あなたの作品を紹介する簡単なアプリのデザインを完成させます。 デジタル スキルだけでなく、美しいオーダーメイドの A5 作品にも簡単に適用できます。 印刷します。

ここでは手順 1 ～ 15 を説明します。では、ステップ 16 に進みます...

16. ページのスクロール

デジタルに戻ります。 2 番目のページを作成しましょう。今回はスクロール ページで、高さ 2048 ピクセルの標準 iPad 画面の 2 倍のサイズです。 元のグリッドの上に貼り付け、ガイドを正方形にスナップしてグリッドを作成します。 後でさらにスペースが必要な場合は、ドキュメントのサイズを調整できます。

17. 画像をグリッドに配置します

次に、グリッド内に画像を配置し始めます。 番号を付けて、前に作成した二重矢印を配置して、どの番号がどのプロジェクトに関連しているかを示します。 視覚的な魅力を高めるために、異なるサイズの画像を使用してレイアウトを変更することもできます。

18. ボタンの作成

ユーザーが小さな画像を大きなサイズで表示できるようにするには、「展開」ボタンと「閉じる」ボタンを 30x30 ピクセルで作成し、それぞれをそれぞれの黒い背景にグループ化します。 先ほどの 4 つの三角形のグラフィックと、Helvetica の + 文字を使用して、輪郭を描き、回転させたボタンを作成しました。

19. 複製してサイズ変更する

画像を複製してサイズ変更し、数値ごとに小さい画像と大きい画像がグリッド上の 4 つの正方形を満たすようにし、2 つの別々の画像を正確に正しいピクセル寸法で保存します。 両方のイメージをマルチステート オブジェクトに変換し、最初の「01」とその状態に「01 Small」と「01 Big」という名前を付けます。

20. 高度な状態

画像上の表示したい位置に「展開」ボタンを配置し、コピーして削除します。 「01 Small」ステートを選択し、[オブジェクト ステート] パネルの右上のドロップダウンから [ステートに貼り付け] に移動します。 「閉じる」ボタンに対してこれを繰り返し、「01 Big」オブジェクト状態に貼り付けます。

21. アクションの追加

「01 Small」状態を選択した状態で、ダブルクリックして「展開」グラフィックを選択し、「ボタンとフォーム」パネルでパネルの下部にある「ボタンに変換」をクリックします。 [イベント] ドロップダウンで [リリース時] または [タップ] を選択します。 [アクション] で [+] アイコンをクリックし、ドロップダウンから [状態に移動] を選択し、[複数状態 01:01 大きい] を選択します。これにより、クリックすると大きな画像が表示されます。 「閉じる」ボタンに対してこのプロセスを繰り返しますが、ボタンを「01 Small」オブジェクト状態に誘導して、元の小さい画像に戻します。

22. 確定ボタン

単純なボタンと複数状態のオブジェクトを作成することで、同じ方法でさらに対話性を追加できます。 各プロジェクトに簡単なキャプション スタイルを設定し、テキスト フレームを Ctrl キーを押しながら右クリックして各端に 20 ピクセルの差し込み枠を追加しました。 各プロジェクトの横に表示したい場所にキャプションを配置し、「i」アイコンをいくつか描画します。

23. インタラクティブ性の整理

ページに移動するときにキャプションが表示されないようにするため、空の「閉じる」ボックスを描画し、ドキュメントの隅の邪魔にならない場所に配置します。 空のボックスとキャプション ボックスを選択し、それらをマルチステート オブジェクトに変換します。空のボックスがスタックの一番上に表示され、各キャプションに名前が付けられるようにします。

24. インタラクティブ性の完成

すべての「i」アイコンをボタンに変えてそれぞれのプロジェクトにリンクすると、あるキャプションから次のキャプションに簡単に移動できます。 それぞれのプロジェクト番号に合わせてキャプションに色を付けます。 ボタンパネルの[クリック]ペインを使用して、ドキュメントのグラフィックに色を付けることで、ボタンが選択されたときの色を追加することもできます。

25. すぐに印刷できる

ここで印刷に戻ります。 表紙と同じ方法で、正方形と背表紙を含む見開きを A5 印刷ドキュメントに追加します。 より伝統的な列形式でキャプションを実行したいので、[余白と列] で値を次のように設定します: 上: 30mm、下: 15mm、内側: 74mm、外側: 10mm、列: 2、余白: 4mm。

26. 印刷の仕上げ中

基本的なグリッドが完成したので、インタラクティブ性を追加する際の複雑さを気にすることなく、コンテンツをすばやく簡単に追加できます。 これはデジタルではなく印刷物であるため、さまざまな要素のモザイクで視聴者を圧倒しないように、キャプションをそれぞれのプロジェクトから分離することがおそらく最善です。

27. 最終調整、そして Behance へ

最後に、印刷ドキュメントに戻り、すべての画像が CMYK モード、300 dpi で、ドキュメント上で 120% を超えて使用されていないことを確認します。 その後、ファイルを PDF にエクスポートし、Photoshop を使用して、レビューやコメントのために Behance または ProSite ポートフォリオ ([ファイル] > [Behance で共有]) に直接アップロードできます。

言葉: ルーク・オニール

T3 マガジンのアート編集者であり、Computer Arts Collection の元アート編集者でもある Luke は、印刷物とデジタルの両方でデザイン、アート ディレクション、イラストレーションの分野で活動しています。

この機能が最初に登場したのは、 Adobe Creative Cloud 究極ガイド.

ここで以下を読んでください:

  • Photoshop のヒント、今日試してみたいトリックと修正
  • 無料 Photoshop ブラシ すべてのクリエイティブが持つ必要がある
  • 無料 Photoshop のアクション 驚くべき効果を生み出すために
  • 最高の Photoshop プラグイン