ペイントショッププロXとアニメーションショップでアニメーションインターロックハート

01の10

ハーツオールキラキラ!

ペイントショッププロXとアニメーションショップでこれらのアニメーションインターロックハートを作成する方法を学びます。 ©著作権アリゾナケイト

このチュートリアルでは、輝く輝きで満たされた2つのインターロック・ハートを作成します。 Paint Shop Pro XとAnimation Shop(v.3)を使用して、キラキラ効果を使って心を作ります。 あらかじめ作成されたシームレスでアニメーション化されたグライターパターンを使用できます。 上記の画像は一例です。 より多くの例が以下のステップで示されています。

注意:アニメーションショップはPaint Shop Proの以前のバージョンには含まれていましたが、PSP Xには含まれていません。コピーがない場合はCorel.comでデモをダウンロードできます。 ヤードセールやeBayでPSPの古いバージョンを格安で見つけ、アニメーションショップを手に入れることができるかもしれません!

このチュートリアルを開始する前に、あなたが選んだ既製のキラキラ模様のタイルを見つけてダウンロードする必要があります。 あなたは輝きタイルを見つけることができるWeb上の多くの場所があります。 FlashLitesには、自由に光るパターンタイルがあります。

また、心臓の形でプリセットシェイプが必要です。 私が正しく覚えていれば、心臓の形はPSP Xには含まれていません。私はすべてのPSPバージョンのすべてのプリセットシェイプを私の "PSP Library"フォルダにグループ化しています。 だから、必要な場合に備えて、ダウンロードするためにここに心臓を入れました。 Preset Shapesフォルダにダウンロードして解凍します。 ファイル形式は.PspShapeで、PSPバージョン8からXのみで動作します。

02の10

キラキラパターンを準備する

この例は、異なる光沢パターンで満たされた同じ心です。 ©著作権アリゾナケイト

この例のパターンはFlashLitesで利用できます。

アニメーションを作成するときは、ファイルサイズは常に考慮する要素です。 寸法、フレーム数などはすべてファイルサイズに影響します。 できるだけファイルサイズを小さくして、Webページ上でアニメーションが素早く読み込まれるようにします。 作成する心臓は、アニメーション化されたイメージではかなり大きいので、アニメーションで2〜5フレーム以下のパターンタイルを選択してみてください。 それ以上で、最終的なファイルサイズは望み以上になる可能性があります。 FlashLitesのウェブサイトには、多くの光り輝くパターンのフレーム数が示されていますが、他のサイトでは表示されない場合があります。 Animation Shopでファイルを開いて、いくつかのフレームを使っていくつかの光沢効果を作り出す必要があるかもしれません。

アニメーションショップ開き 、あなたが選んだ輝きのパターンのタイル。

パターンクリエータがアニメーションの各フレームに使用した表示時間を記録します 。 フィルムストリップのすべてのフレームの下に、 F:1 D:10と同様のものが表示されます。 これは、フレーム番号( F )とフレーム速度/表示時間( D )を示します。

フィルムストリップの枠の下にこの情報が表示されない場合は、「環境設定」を編集して有効にする必要があります。 File> Preferences> General Program Preferencesの順にクリックします。 [その他]タブで、[ アニメーション下のウィンドウにフレームカウントを表示する]チェックボックスをオンにします。

また、[Layered Files]タブで、[ レイヤーを別々のフレームとして保持 ]にチェックを入れてください

03/10

別々のファイルとしてフレームを保存する

©著作権アリゾナケイト
アニメーションショップはPSP Xでうまく動かず、「プロフェッショナルをペイントするプロ」が機能しないことがあります。 回避策は、各フレームを別々のイメージとして保存し、PSP Xで開くことです。

グリッターパターンの各フレームを別々のPSPイメージとして保存するには:
最初のフレームを選択して、[ ファイル]> [フレームを別名で保存]を選択します 。 [OK]をクリックすると、Animation Shopはファイル名の末尾に「1」を追加します(フレーム1の場合)。

2番目のフレームを選択し、 [ファイル]> [フレームを別名で保存] アニメーションショップは今回はファイル名の最後に「2」を追加します(フレーム2の場合)。

グライターパターンのフレームごとにファイルが保存されるまで、 保存する3番目と他のすべてのフレームを選択します

04/10

ハートの形を作成する

開いているペイントショップPro.あなたのグリッターパターンのタイルのすべてのフレームを開き、脇に置いてください。
透明な背景を持つ新しい画像300x300を開きます。アウトラインカラーを選択します。 Dropperツールを使用して、パターンタイルから色を選択するか、または対照的な色を使用することができます。 塗りつぶしの色はnoneに設定します。

プリセットシェイプツール(フライアウト時のプリセットシェイプ)を選択します。 ツールオプションパレットの形状リストからハート1シェイプを選択します。 ツールオプション:アンチエイリアスチェック、ベクトル、保持スタイルのチェックを外します。 ラインスタイルソリッドとライン幅30。

あなたはどんなサイズの心臓を描くこともできます。 覚えておいて、私たちはアニメーションを作成しており、ファイルサイズが大きすぎることを望んでいません! 私が作成している心臓は約150x150ピクセルです。

キャンバスの左上の部分に心臓を置き、右に2番目の心臓のためのスペースを残す。 一番下または一番上にテキストメッセージを追加したい場合は、そのためのスペースも残しておいてください!

重要:以下の手順で心臓を動かさないように注意してください。 アライメントが1ピクセルだけずれていると、アニメーションが不安定になります。

05の10

インターロック・ザ・ハーツ

マジックワンドを使用して、心臓の着色部分を選択します(アンチエイリアスはい、羽毛なし)。 2. 選択>変更>契約

ストロークから中心を削除するには、 カットを選択します。 あなたは今、独自の輪郭を持つ心臓の輪郭を持っています。

重複レイヤー 。 上の画像と同様に、新しいレイヤーを右下に移動します。 Shiftキーを押しながらマジックワンドを使用して選択肢に第2の心臓部を追加します(前のステップでカットアウトされた領域を選択します)。 両方の心臓の脳卒中が選択されるはずです。

ズームイン。

右側のレイヤーを選択(ラスタ1のコピー)し、 消しゴムツールを使用して、他のハートを横切る線を消去します(上に最も近いクロスオーバー...上の画像参照)。

レイヤーを変更します。 左の心臓(ラスター1)を選択し、他の心臓を横断する線を削除します(下に最も近いクロスオーバー)。

通常のサイズに縮小します。

06の10

キラキラ効果の設定、ハート#1

この選択は、私たちの消しゴムを支配する上で大きな助けとなりました! インターロッキングされた心臓の輪郭には隙間がないはずです。 これらの選択肢が再度必要になるので、選択を解除しないでください。

2つの心臓層をマージします。 レイヤー>目に見える部分をマージします。 Merge Allを使用しないと、透明な背景が失われます。

今度は、このレイヤーを光るパターンファイル(ステップ3で保存したファイル)と同じ回数だけ複製してください。 レイヤー>重複します。 レイヤーを右クリックして[ 重複 ]を選択します。 あなたが選択したパターンがグリッターエフェクトを作成するために3フレームを必要とする場合は、インターロックされたハートを2回、合計3つのレイヤーに複製します。 あなたの光るパターンに5フレームがある場合、絡み合った心臓を4回複製して合計5つのレイヤーを作成します。

下のレイヤーを選択します。 両方の心臓が選択されている必要があります(そうでない場合は、Magic Wandを使用して再度選択してください)。 選択範囲のサイズを1つ増やします。 選択>変更>展開> 1.他のものに影響を与えずに1つの心臓を満たすことができるはずです。 これが機能しない場合は、ツールオプションパレットの「マッチモード」を「すべて不透明」または「不透明」に変更してください。

07/10

キラキラ効果の設定、ハート#2

各レイヤー上で、左側の心臓が完全にパターンで満たされているはずです。 私たちはまったく同じように右手で心を動かすことができましたが、二人目の心臓でちょっとした輝きの影響があった場合はもっと面白いかもしれません。 パターンタイルを別の順序で選択しましょう。

下のレイヤーを選択します。 あなたは順序を混ぜ合わせたり、逆順でタイルを使用したり、これを行うことができます:

選択解除します。 選択>選択なし。

画像にテキストメッセージを追加したり、後でアニメーションショップでそれを行うことができます。 挨拶を追加する場合は、各レイヤーのテキストが他のレイヤーと正確に揃っているか、メッセージが「跳ね返る」ことを確認してください。

保存する前に、 すべてのレイヤーが表示され、アクティブな選択肢がないことを確認しますファイル>保存を選択します

[名前を付けて保存 ]ダイアログボックスで、 [ファイルの種類 ]を[PSP Animation Shop]に設定します 。 PSP Xで使用される.pspimage形式は、アニメーションショップでは機能しません。 古い.psp形式を使用する必要があります。

08の10

輝き効果をアニメ化する

©著作権アリゾナケイト
アニメーションショップでPSPを閉じて画像を開きます。
注意:古いバージョンのPSPでは、[ファイル]> [アニメーションショップに書き出し]を使用できます。 そのコマンドはPSP Xには存在しません。

ステップ2で「レイヤーを別々のフレームとして保持する」にチェックを付けると、PSPイメージレイヤーがフィルムストリップ内の個別のフレームになりました。

まず、オリジナルの表示時間に合わせて表示時間を変更する必要があります。 あなたはステップ2でそれを書きましたか? ;-) Edit> Select Allをクリックしてすべてのフレームを選択し、 Animation> Frame Propertiesをクリックします 。 ダイアログボックスで、表示時間をオリジナルのグリッターパターンタイルで使用されているのと同じ番号に変更します。

表示/アニメーション (またはツールバーの「フィルムストリップ」ボタン)を選択して、グリッター効果をプレビューします。

プレビューウィンドウを閉じます。 効果が満足できない場合は、もう一度表示時間を変更してください。 実験。

09/10

テキストを追加

今テキストを追加しますか? そうでない場合は、ステップ10にジャンプします。実行する場合は、 テキストツール( A )を使用します。 これは、一度に1フレームずつ非アニメーションテキストを追加します。

すべてのフレームに同じテキストを配置したい場合は、 Onionskinツールをオンにします。 これは、フレームからフレームへのテキストのライニングを支援します。 Onionskinツールは、メインテキストメニューの下にあるツールバーの黄色のボタンです。 有効にすると、隣接フレームのコンテンツの「ゴースト」オーバーレイが各フレームに表示されます。 これは最終画像には表示されません。 それは整列ガイドです。 ボタンをダブルクリックして設定を変更します。

テキストツールを使用して、テキストが配置される最初のフレームをクリックします。 左クリックを使用すると、テキストの色は、フォアグラウンド/ストロークボックスで選択された色になります。 背景色を使用するには右クリックします。

イメージフレームをクリックすると、テキストを入力し、フォント、フォントサイズ、スタイル、配置を選択するためのテキスト追加ダイアログが表示されます。 ダイアログボックスで[OK]をクリックすると、テキストがマウスポインタにアタッチされます。 あなたが望む場所に正確にテキストを置き、もう一度クリックしてテキストを「切り離す」。 2番目と3番目のフレームを行うときに、玉ねぎ皮のオーバーレイに合わせてテキストを配置します。 あなたが最初に試してみるとすぐにそれを得なければ、 取り消ししてやり直すことができます。

10の10

トリミング、最適化、保存

同じような光り輝くテクニックを使って、あなた自身をブリンキーにしましょう! ©著作権アリゾナケイト
最終的なファイルサイズを小さく保つために、キャンバスサイズを可能な限り小さなサイズにトリミングしましょう。

ツールバーの[ トリミング ]ボタンを選択します(移動ツールの横にあります)。 トリミングを有効にすると、ツールバーの上に3つの新しいボタンが表示されます。 [ オプション ]ボタンを選択します。 ポップアップダイアログボックスで、 「不透明領域を囲む」を選択します。 [OK]をクリックします。 各フレームにトリミングボックスが表示されます。 各フレームの配置を見て、これがあなたの望むものであることを確認してください。 [ オプション ]ボタンの横にある大きなトリミングボタンを選択して適用します(または、もう一度やり直す必要がある場合は[クリア]を使用します)。

[ 保存 ]ボタンを選択します 。 [GIF Optimizer]ダイアログボックスが表示されます。

アニメーションの品質と出力の品質 「画質を向上させる」スライダを下に移動すると、画質が低下してファイルサイズが小さくなります。 私たちはこのアニメーションのためにスライダを一番上に保つことが大切です。 このダイアログで[カスタマイズ]ボタンをクリックし、色、最適化、透明度の設定をすべて確認します。 完了するまで[OK]と[次へ]をクリックします。 最終結果があなたの好みに合っていない場合は、最適化を取り消して 、別の設定で再試行できます。

あなたはこれらの光っている心を楽しんでいたと思います! .....ケイト