Flash Catalyst – Photoshopプロジェクトのレイアウト

四月 29, 2024

最後のチュートリアルでは、Photoshopで作成するポートフォリオの画像を組み立てました^R とフラッシュ^R 触媒^TM。それでは、レイアウトに取り組みましょう。 Photoshopですべてのロゴとサムネイルを開いておく必要があります。

ポートフォリオの設計は、単純な角丸長方形のレイアウトになります。下部の500 x 500の長方形には、これら2つの色#ffffffと＃c9c1a5からの単純なグラデーションがあります。
次に、ロゴとサムネイルに1つの大きなマットと3つの小さなマットを追加しました。前景色を黒に設定して、カスタムシェイプツールと丸みを帯びた正方形を使用して4つのマットを描画しました。次に、ドロップシャドウ、インナーシャドウ、インナーグローレイヤースタイルの組み合わせを追加して、マットを仕上げました。
Engravers MTフォントを使用して、ポートフォリオレイアウトの上部にタイトルを追加しました。次に、テキストをラスタライズし、マットに行ったのと同じレイヤースタイルをテキストに適用しました。
次に、ロゴを左から右に表示する順序で3つのサムネイルをマットに追加しました。もちろん、Catalystにナビゲーションボタンを設定して、視聴者がロゴを任意の順序で表示できるようにします。
次に、ロゴを同じ順序でレイヤーパネルに追加しました。
最後に、ドロップシャドウ（既定の設定）を背景レイヤーに追加しました。

このプロジェクトは非常に小さく、通常、このサイズのプロジェクトのレイヤーパネルでフォルダーを使用しません。ただし、Catalystにファイルをインポートするときに、Photoshopのレイヤーパネルからの情報が維持されることを示したいと思います。この目的のために、すべてのサムネイルを「Thumbnails」フォルダーに、すべてのロゴを「Logos」フォルダーに、すべての背景グラフィックを「Background」フォルダーに配置しました。
これで、このグラフィックレイアウトをFlash Catalystにインポートする準備が整いました。 PhotoshopファイルをPortfolioLayout.psdとして保存します。
Adobe Flash Catalystを開きます。「ようこそ」画面で、「デザインファイルから新規プロジェクトを作成-Adobe Photoshop PSDファイルから」を使用します。 PortfolioLayout.psdファイルを参照します。
ダイアログボックスで、CatalystがプロジェクトがPSDファイルのサイズから500 x 500ピクセルであることを既に認識していることに注意してください。フィデリティオプションを[編集可能にする]に設定し、背景色をWebページに合わせて設定します。

Flash Catalystのレイヤーパネルを調べてみましょう。 PSDファイルと同じレイヤーとフォルダーがすべて、それぞれの名前とともにあることに注意してください。また、CatalystがPhotoshopで適用したレイヤースタイルを含むレイヤーを作成したことにも注意してください。可視性アイコンをクリックすると、これらのスタイルを引き続き制御できることがわかります。

次のチュートリアルでは、グラフィックスからUIコンポーネントを作成し始めます。

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の登録商標または商標です。

動画の説明: Flash Catalyst: Adding functionality to an object | lynda.com tutorial (四月 2024).

Flash Catalyst – Photoshopプロジェクトレイアウト、デジタルアートとデザイン、Flash Catalystの事前分割グラフィック、サムネイル、ロゴ、Photoshopレイヤーフォルダー、ドロップシャドウインナーシャドウインナーグロースタイル、画像ポートフォリオプロジェクト、画像マット