Photoshopのクイック選択とクローンスタンプ
このチュートリアルでは、Flashで作成するiPadストーリーブックの最初のページのグラフィックを準備するプロセスを説明します。R.

このFlashプロジェクトに使用している元のアートワークは、古い5ページのグリーティングカードです。 セントニコラスからの訪問 C.ムーア。このアートワークは、コンピューターが小売消費者に利用可能になるずっと前に作成されたため、従来のペンと水彩で描かれました。完成したアートワークは水彩紙の上にあり、もちろん1つのレイヤーのみです。

最初のタスクは、アートワークをPhotoshopにスキャンすることですR。おそらく、私とは異なるプリンター/スキャナーを使用しているため、これについては詳しく説明しません。プリンター/スキャナーに付属の説明書に従ってください。アートワークをスキャンするとき、解像度を300 ppiに設定します。 iPadプロジェクトに必要な解像度は72だけですが、画像を印刷する場合に備えて、アートワークを300 ppiでスキャンすることをお勧めします。

Photoshopでアートワークを作成したら、明るさと色を確認します。いくつかの調整が必要になる場合があります。

計画アニメーション

次のタスクは、iPadストーリーブックのインタラクティブな要素に使用するアートワークの部分を検討することです。サンプルプロジェクトでは、3匹の猫を使用することにしました。クリックすると、猫は揺れ、鳴きます。そのため、これらの猫を選択し、自分のレイヤーにコピーして貼り付ける必要がありました。

また、ページ上のテキストをやり直すことにしました。アートワークが作成されたとき、私たちはまだ数種類のフォントしか選択できないIBMタイプライターを使用していました。テキストを修正するには、まずアートワークからテキストを削除し、次にPhotoshopのHorizo​​ntal Typeツールを使用してテキストを画像に追加する必要がありました。

これは多くの作業のように聞こえるかもしれませんが、Photoshopでは、クローンスタンプとクイック選択ツールという2つの優れたツールを使用して非常に簡単に作業できます。続行方法は次のとおりです。

クイック選択ツール

クイック選択ツールを使用して、アートワークから猫を選択します。ブラシのサイズを猫の約5分の1に設定します。ツールをクリックして、猫の上にドラッグします。 Photoshopは、猫と周囲の領域の色、色相、明るさの違いにより、何を選択するかを判断できます。猫の外側の領域を選択する場合、ツールを切り替えることができます 選択に追加選択から減算 [オプション]パネルで設定します。次に、選択範囲から除外する領域にドラッグします。

猫を選択したら、[編集]-[コピー]をクリックします。次に、[編集-貼り付け]をクリックします。 Photoshopはまだ領域をアクティブに選択しているため、元の猫のすぐ上のアートワークの上の新しいレイヤーに猫を自動的に配置します。

クローンスタンプツール

クローンスタンプツールを使用して元の猫を削除するには、元のスキャンを含むレイヤーに戻ります。この手法は、ツールの[硬さ]をゼロに設定してシャープなエッジを防ぐ場合に最適です。まず、Optionキーを押しながら、削除するオブジェクトの隣の領域をクリックして「コピー」します。後ろの敷物と床になる猫のために。次に、Clone Stampツールを猫の上に置くと、床/敷物エリアのプレビューが表示されます。猫をクリックして、猫の上の床/敷物エリアを「ペイント」します。マウスを猫の上に移動してクリックすると、猫の上に床/敷物がより多くペイントされます。 Photoshopは、床/敷物領域の正しいピクセルを猫にペイントするのに適していますが、いくつかの修正が必要になる場合があります。猫が消えるまでこのプロセスを続けてください。

終了したら、最初のレイヤーのアートワークと上の別のレイヤーの3匹の猫を含むファイルが必要です。 1匹の猫を選択し、猫をコピーして新しいウィンドウに貼り付けます。この新しいファイルをpng形式でcat1として保存します。他の2匹の猫についてもこれを繰り返します。次に、元のファイルから3つの猫のレイヤーを削除し、下のレイヤーのみを残します。このファイルをpage1.pngとして保存します。

重要:これらのアプリ開発チュートリアルは、Flash初心者を念頭に置いて書かれています。アプリストア用にアプリを完成させる前に、これらのチュートリアルで説明されている以上にアプリを最適化する必要があります。
Copyright 2018 Adob​​e 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の登録商標または商標です。


動画の説明: Photoshopの使い方 コピースタンプツールの使い方 Section35 (かもしれません 2024).