Flashアニメーションのレッスン。 Flashアニメーションのレッスンです。 Gravity Falls のキャラクターをアニメーション化する方法

28.10.2020

で最近 Flash の学習をどこから始めればよいかという質問がサイトに寄せられることが増えています。いくつか公開しますが、多くの初心者にとって興味深いものになると思います。答えはあくまで私のビジョンと経験であり、別の方法をとれば何もうまくいかないという意味ではまったくありません。興味のある方は以下をお読みください (メッセージのスペルと文法は保存されています)。そして、あなたが初心者でないなら、これを読むのは間違いなく退屈でうんざりするでしょう:)

「こんにちは)) 私の名前はニコです。タジキスタン出身で、Flash アニメーターになりたいと強く思っていますが、どこから始めればよいのかわかりません。あなたのサイトには役立つものがたくさんあると思いましたが、初心者の私にとっては、まだまだ難しいです。 Flash アニメーションをどこから学習すればよいか教えてください)) とても感謝しています . そして、どのように描いたかを書き留めてください。vakom の竹ペンを買って、それで絵を描くことを学んだほうがいいでしょうか。」

ニコ、あなたには大切なものがある――欲望だ。数週間または数か月以内に蒸発しなければ、結果はそうなります。どこから始めるべきか - ハードウェアから始めます。

1. インターネットから Flash チュートリアルを購入/ダウンロードします。のいずれかを選択してください最新バージョン(Flash Cs4-Cs 6)、Macromedia や FlashMX の教科書のことは忘れてください。これは文字通りの意味ですでに前世紀です。フラッシュに関してはそれ以来ほとんど変わっていません。

アクションスクリプトを学習する予定がある場合 (フラッシャーの場合は、少なくとも as の基本を知っていることが必要だと思います)、c As3 で停止してください。 As2 は徐々に過去のものになりつつありますが、私たちは時代についていきます。

私は長い間 Flash を研究してきたので、詳しくないため、特定の書籍をお勧めすることはできません。

おそらくとても驚かれるでしょうが、フラッシュ学習に関するすべての本には同じ情報が含まれています :) これは特に初心者向けの本に当てはまります。

本の『How to Cheat』がとても気に入りましたアドビフラッシュフラッシュアニメーター Chris Georgenes から英語で提供されました (彼は Adobe でフラッシュアニメーションに関するレッスンを執筆しています)。

これはシリーズ本で、毎年再出版されています。新しいバージョンフラッシュ。英語がわかるなら『Language』はすばらしい本で、素晴らしいグラフィックで目を楽しませてくれます。

ダウンロード Cs5 の Adobe Flash でチートする方法ディスクと一緒にできます。

私のフラッシュの勉強はチュートリアルから始まりました。私が個人的に Flash の学習に役立ったのは教科書そのものではなく、教科書に付属していたビデオコースでした。それでは、論点２に移ります。

2. ビデオレッスン。

私自身もビデオ講座でFlashを勉強したので、ビデオレッスンが一番効果的だと思います。

3. Flash アニメーションを学習する際のもう 1 つの点は、Swf Decompiler のようなプログラムがないと学習できないということです。これは SVF ファイル、つまり既製のアニメーションのブレーカーです。それが私たちが話していることです。プロの作品を閲覧することができます (盗むわけではありません)。Flash の学習に非常に役立ちます。完成した作品をタイムラインで見て、どのように完成したかを確認し、それを繰り返してみます。マスクや双子などのアニメーションは常に正しく表示されるわけではありませんが、原理を理解して考慮することができます。

4. 具体的な例を使ってフラッシュを学習することは非常に効果的です。想像上のシナリオに従ってアニメーションを作成するという目標を設定します。たとえば、特定の軌道に沿って移動する車のアニメーションなどです。最終目標があると、教えるのが簡単になります。

5. 研究中に質問が生じた場合は、ここまたはコミュニティに質問を残すことができます。トピック。または、露出狂が住んでいる他のフォーラムでも。

私が知る限り最大の Flash フォーラムは フラッシャー.ru。したがって、親愛なる初心者の皆さん、インターネットと特にこのリソースの利点を楽しんでください:)

6. そしてもう一つ重要な点。優れたアニメーションを作成するには、古典的なアニメーションに関する教科書を参照することをお勧めします (特に、バナーのテキストブロックだけでなく、キャラクターをアニメーション化する方法を学びたい場合)。

ツールとしての Flash を使いこなすと、あなたは正確にはアニメーターではなく、オブジェクトを動かす方法を知っている「ムーバー」になります。

古典的なアニメーションに関する本はたくさんあります。まずは次の本に立ち寄ってください。 「アニメーションにおけるタイミング」、取ることができます。

Adobe Flashの入手先について。何かを見つけたり、手に入れたりしたい場合は、グーグルよりも優れている何もない。彼はすべてを知っています:)

Flash の操作方法を独学で学ぶことは可能ですか? これは十分にあり得ます。私が知っている優れた Flash アニメーターのほぼ全員が、コースや試験なしで独学で Flash を学びました。忍耐、努力、そしてすべてはあなたの手の中にあります。これだけは言っておきますが、すべてを自分で教えたコースに参加した露出狂の人を私は知りません。

「ブログをありがとう。自分にとって役立つことがたくさん見つかりました。

私は純粋なベクターデザイナーなので、Flash で描画するのは難しくありませんでした。問題はアニメーションに関して始まった。

最も頭の悪い、ひねくれた初心者向けにレッスンを作ってくれませんか)) 私でも理解できるように))」

( タラ )

初心者向けのアニメーションレッスンもございます。すべてを 1 回のレッスンに収める方法は想像できませんが、一連のレッスンになると思います。インターネットには初心者向けのレッスンがたくさんあると思っていたのですが、なぜかよく質問されます。ウェブサイトの最新情報をお待ちください。

目的と構造フラッシュプログラム

最近Flashが流行っていますね。 Flash は新しい製品だと多くの人が信じていますが、そうではありません。 1995 年に遡ると、Web グラフィックスのベクターアニメーション用に、Future Splash Animator という小さなプログラムが登場しました。数年後, 1997 年にマクロメディアがそれを買収し、Flash という新しい名前で製品の開発を開始しました。

現在、Flash は、グラフィックスとサウンドのエディター、アニメーションツールを組み合わせたユニバーサルな統合アプリケーションであり、ユニークなインタラクティブマルチメディア製品の作成を可能にします。とフラッシュを使用する Web、インタラクティブフォーム、ゲーム、インタラクティブプレゼンテーションなどのための、コスト効率の高い鮮やかなアニメーションを作成できます。 Flash の知識は、Web デザイナーだけでなく、教師、アーティスト、その他アニメーションの言語でアイデアを表現したいと考えている多くの人にとっても役立ちます。現在、これには特別なスタジオは必要ありません。パソコン, Flash プログラムと少しの忍耐。

Flash ワークベンチの基本要素

描画ツールの説明を始める前に、インターフェイス要素について説明する必要があります。インターフェースに関するすべての情報を一度に読者に浴びせて、すべての詳細を覚えさせることはしないことを留保しておきます。現在のレッスンを完了できるように、プログラムのインターフェイスに関する十分な情報を提供します。

各レッスンでは、新しいインターフェイス要素を検討し、具体的な例を使用してその目的を説明します。

初めてプログラムを起動すると、図のようなものが表示されます。 1.

米。 1. Flash 5.0 プログラムインターフェイスの基本要素改めて皆様へファイルを開く

デスクトップにマッチします。デスクトップには、Flash ムービーが再生される画面上の長方形の領域であるフレームまたはステージがあります。

デスクトップ上に描画するための描画ツールが用意されています (図 1 のツールバーを参照)。これらについては、まず最初に説明します。

アニメーションの作成は、静止画像を描画することから始まります。ある画像が別の画像に急速に変化し、その結果として画像の動きの印象が作成されるのがアニメーションです。画像の表示時間を制御するには (アニメーション制御)、タイムラインまたはタイムラインを使用します。

図では、 1 には、Flash 作業環境を構成するために設計されたフローティングパネル (フローティング、ドッキング可能なパネル) パネルも示されています。それでは、Flash の基本的な描画ツールを見てみましょう。

描画

描画ツールの使用を開始する前に、アウトライン、ストローク、塗りつぶしの概念を理解する必要があります。それらを見てみましょう簡単な例.

ツールバー（図2）から楕円編集ツールを選択し、楕円を描きます。図形は自動的に色で塗りつぶされます。（Shiftキーを押しながら楕円を描くと円になります。）

米。 2. 描画は輪郭、ストローク、塗りつぶしで構成されます。

描画は輪郭、輪郭のストローク、塗りつぶしで構成されます (図 2)。図形の輪郭を選択するには、図に示されているボタンをクリックします。 3 赤い矢印。その結果、ストロークの線と塗りが消え、輪郭だけが残ります（図4）。

米。 3. 塗りつぶしとストロークボタンを削除します

米。 4. 塗りとストロークを削除すると、等高線が得られます

サービスライン (印刷時には表示されません)。図のボタンを押すと、 3、削除された要素を返します。ストロークや塗りつぶしの色を簡単に変更できます。塗りつぶしの色は、[塗りつぶしの色] ボタンを使用して変更できます (図 5)。パレットで選択した後（図5）新色の場合、描かれた図形は変わりませんが、新たに楕円を描くと輪郭が新たに選択した色で塗りつぶされます。

米。 5. 塗りつぶしとストロークのカラーツール

現在のシェイプの塗りつぶしの色を変更するには、新しい色を選択し、ペイントバケツツールを使用する必要があります。図ではこのツールが強調表示されています。 6.

米。 6. 描画した形状の塗りつぶしの色は、ペイントバケットツールを使用して変更できます。

ストロークの色も変更できます。これを行うには、図の [ストロークカラー] ツール (ストロークカラーの変更) を選択します。 7 赤い矢印がそれを指しています。

この後、希望の色を選択できるパレットが開きます。次に、インクボトルツール (図 7 で強調表示されています) を選択し、ストロークライン上でクリックする必要があります。その結果、選択した色で塗りつぶされます。

米。 7. ストロークラインの色を変更する図では、 6 描画した楕円を拡大して表示します。スケールを変更する

ちなみに、設定方法はPhotoshopと同じで、Ctrlと「+」、またはCtrlと「-」のキーの組み合わせを使用します。 ストローク線の太さやスタイルも変更できます。これを行うには、コマンドを実行する必要がありますウィンドウ > パネル > ストローク

ストロークパネルを呼び出します。ここでは、ストローク線のスタイル、太さ、色をカスタマイズできます (図 8)。

Hardline 線スタイル (図 8) を選択し、Ink Bottle Tool を適用すると、1 ピクセルの線が得られます。ハードラインには太さが無いため、[線の太さ]ボックスには値が表示されません。点線など他の線の太さも変更できます（図9）。

米。 9. ストローク線の種類と太さを変更する例

線パラメータのさらに微調整は、[線のスタイル]パネルで行います。図の赤矢印のボタンをクリックすると呼び出すことができます。

10. [線のスタイル] パネルでは、たとえば、点線のストロークの長さやストローク間の距離を変更できます。図の場合 8、デフォルト値が使用されました - ストロークとストローク間の距離に 6 ポイント、次にそれぞれ 10 ポイントと 12 ポイントの値を選択し、再度インクボトルツールを使用すると、次のようなストロークを取得できます。イチジク。 10. 米。 10.微調整

ラインパラメータ

そこで、楕円を描く例を使用して、輪郭、塗りつぶし、ストロークの基本概念を見ていきました。ここで、描画ツールについて直接話しましょう。

長方形ツール

長方形ツールは楕円形ツールの隣にあります (図 11)。

従来の長方形に加えて、角が丸い長方形を描くことができます。このモードを設定するには、図に示すアイコンを選択します。

11は赤い矢印で示されています。その結果、[長方形の設定]パネルが表示され、フィレットの半径を定義します。その後、長方形を描画するときに角が丸くなります。長方形の輪郭の塗りつぶしとストロークの編集は、楕円の場合と同じ方法で行われます。

米。 11. 長方形ツールの使用ラインツール線ツールを使用すると、直線を描くことができます (図 12)。持ちながら

シフトキー

垂直線、水平線、または 45 度の角度の線を描くことができます。 米。 12. 線ツールの使用場合によっては、たとえば二等辺三角形を描く必要がある場合、グリッドを使用すると便利です。コマンドを使用してグリッド線を表示できます。

表示 > グリッド > グリッドの表示

(図13)。

米。 13. 規則的な幾何学的形状を描画する場合、グリッドを使用できます。

鉛筆ツールは楕円形ツールの下にあります。図では、図 14 は、鉛筆をセットアップするためのさまざまなオプション (合計 3 つが提供されています) で作業した結果を示しています。「直線化」設定を使用すると、このツールは手描きの輪郭の不安定な線を直線に変えます。「スムーズ」設定を使用すると、線を滑らかにし、インクモードでは、元の輪郭を実質的に変更しません。

行編集、矢印および部分選択ツール

矢印ツールがどのように機能するかを説明するには、等高線の構造を詳しく見る必要があります。

図のように鉛筆ツールを使って線を描いてみましょう。 15. 輪郭と線のストロークで構成されます。

米。 15. 部分選択ツールを使用すると、アンカーポイントと等高線セグメントを選択できます

米。 16. コーナーポイントの移動例

米。 17. 輪郭の曲率を変更する例

米。 18. 輪郭線に沿ったストローク線

これまで回路については、その構造について触れてきませんでした。等高線の構造を説明するために、図でアクティブ化された部分選択ツールを使用します。 15、線の輪郭に沿ってクリックします。その結果、等高線が線分と基準点で構成されていることがわかります (図 15)。

鉛筆ツールを使用すると、セグメントとアンカーポイントが自動的に作成されます。

輪郭線を編集すると、自動的にストローク線が変更されます。矢印ツールを使用して輪郭線を編集する方法を見てみましょう。矢印ツールは図で強調表示されています。 16.

アンカーポイントは角度を付けたり滑らかにしたりすることができます。矢印ツールを線に近づけると、その外観が変わります。コーナーポイントに近づくと、矢印イメージの隣にコーナーが表示されます。このモードでは、コーナーポイントを移動できます (図 16)。セグメントまたは滑らかなポイントに近づくと、円弧イメージが表示されます。モードでは、輪郭の曲率を変更できます (図 17)。等高線を変更すると、等高線に沿ってストローク線が描画されます（図18）。

図に示すように、楕円を描画し、矢印ツールを使用してその塗りつぶしを 1 回のクリックで選択し (選択した塗りつぶしの色が白い点で明るくなります)、ドラッグアンドドロップモードで移動します。 19. ダブルクリックすると、塗りつぶしに隣接するストローク線も選択されます。ダブルクリックすると、交差する線を選択することもできます。

選択した画像の他のタイプの変更を考えてみましょう。鉛筆ツールを使用して、葉などの特定の輪郭を描きます (図 20)。矢印ツールを選択し、長方形の枠内に描かれた葉を選択します。これで、選択したオブジェクトを使用可能なモディファイアを使用して処理できるようになります。

[オプション] パネルで [スムーズ] ボタンを選択し、それを数回クリックします。葉の輪郭がより滑らかになります (図 21a)。

米。 21. [オプション] パネルからモディファイアを使用します。 a) [スムーズ] を使用すると、画像の輪郭を滑らかにすることができます。 b) Srighten を使用すると、画像の輪郭をまっすぐにすることができます。

「強化」ボタンを数回クリックした後の輪郭の変化を図に示します。

21b.

なげなわツールを使用すると、任意の形状の領域を選択できます (図 22)。

米。 22. なげなわツールを使用した選択の例

ブラシツール

米。 23. ブラシツールの使用例

ブラシツールはベクトルパスを作成し、選択した色で塗りつぶしますが、前述のツールとは異なり、ストロークラインを形成しません (図 23)。ブラシツールがどのような種類のパスを作成するかを理解するには、図を参照してください。 24では、サブ選択ツールが使用されています。

米。 24. ブラシツールで作成した輪郭線の例

米。 25. ブラシツールのカスタマイズオプション [オプション] パネルには、ブラシツールをカスタマイズするための 3 つのオプションがあります。モード (トップボタン

)、ブラシサイズ (中央のボタン)、およびブラシの形状 (下部のボタン) (図 25)。

モードは、描画された線と既に描画されたオブジェクトとの相互作用の性質を決定します (図 26)。図からわかるように、同じタイプの水平線を異なるモードで描画する場合、ペイントは異なる方法で行われます。

Paint Normal フレーム空間がペイントされ、オブジェクトのストロークラインと塗りつぶしがペイントされます。

塗りつぶしフレームの空間を塗りつぶし、描画中のオブジェクトを塗りつぶします。ストロークラインはペイントされません。ペイントビハインドは上にのみペイントされます

フリースペース

フレーム;

ペイント選択選択した領域のみがペイントされます。ペイント内側のペイントを開始した塗りつぶしのみがペイントされます。米。 26.

さまざまなモード

以前に描画したオブジェクトとブラシストロークの相互作用

「Lock Fill」パラメータがアクティブになると (ボタンが押されると)、グラデーションが作業フィールド全体に適用されます (図 27)。これがアクティブでない場合は、ある色から別の色への遷移がブラシストロークに基づいて実行されます。 (図28)。

米。 28. ロックフィルオプションが有効になっていない

消しゴム

消しゴムを使用すると、線を消したり塗りつぶしたりできます。各種設定。 [オプション] パネルでは、消しゴムのサイズと形状を構成したり、消去モードを選択したりできます (図 29)。

Erase Normal は、オブジェクトのストロークラインと塗りつぶしを消去します。

塗りつぶしを消去オブジェクトの塗りつぶしが消去されます (ストロークラインは消去されません)。

ラインの消去ラインのみが消去されます。

選択した塗りつぶしを消去選択した領域のみを消去します。

内側を消去塗りつぶしのみが消去され、消しゴムで線を描くと、線を開始した輪郭の内側のみが消去されます。

Faucet モディファイアを使用すると、塗りつぶしや線を完全に削除できます。

米。 29. さまざまな消しゴムモード

ペンツール

ここまでは、アウトラインを自動的に作成するツールについて見てきました。

ペンツールを使用すると、パスを直接操作できます。これを使用すると、直線および曲線セグメントを作成し、直線の長さや曲線セグメントの傾きを調整できます。

直線基準点

ペンツールを選択してクリックし (最初のアンカーポイントを配置しました)、カーソルを移動してクリックします (これが 2 番目のアンカーポイントです)。結果は図のように破線になります。 30. 図に示す基準点は次のとおりです。 30 のセグメントは線形と呼ばれます。これは、それらに収束するセグメントが線形であるためです。直線点にはガイドがありません。

米。 30. ペンツールを使用してポリラインを構築する例

滑らかなアンカーポイント

米。 31. ペンツールを使って滑らかな曲線を作成する例滑らかなアンカーポイントを作成するには、ペンツールを選択し、左ボタン

マウスを放さずにマウスを少し動かすと、滑らかな基準点とそこから現れるガイドラインが表示されます (図 31)。ガイドラインを回転させて伸ばすことで、次のセグメントの曲率を変更できます。開いた輪郭を作成するには、最後のポイント

。マウスボタンを放し、カーソルを移動して次のアンカーポイントを配置します。これを繰り返すと、図のような滑らかなラインが得られます。 31.

2 つの独立したセグメントが点で接続されている場合、それはコーナー点です。

たとえば、直線セグメントと曲線セグメントを接続すると、それらの交差点にコーナーポイントが表示されます (図 32)。

米。 32. 直線と曲線の交点にコーナーポイントが形成されます

アンカーポイントは変形、移動、削除が可能です。

コーナーポイントをスムーズなコーナーポイントに変換するには、サブ選択ツールを選択します。

角の点をクリックし、Alt キーを押しながら点をドラッグすると、点が滑らかになり、ガイドラインが表示され、この滑らかな点で接続するセグメントの曲率を変更できるようになります (図 33)。

米。 33. コーナーポイントをスムーズなコーナーポイントに変換する例

デフォルトでは、選択した滑らかな曲線の点は中空の点として表示され、選択した角の点は中空の正方形として表示されます。

ペンおよびサブ選択ツールを使用したアンカーポイントの操作

同様に、他の Flash 描画ツール (鉛筆、ブラシ、線、楕円形、長方形) で描画した線上にポイントを作成し、これらの線を調整できます。

特に図では、図 34 は、楕円形ツールを使用して 1 つの滑らかな点をコーナーポイントに変換し (ペンツールを使用)、部分選択ツールを使用してコーナーポイントをドラッグすることによって作成されたパスを示しています。

米。 34. 楕円形ツールで滑らかな点を 1 つコーナー点にしてドラッグして作成したパス

スポイトツール

スポイトツールは、鉛筆の線、ブラシモード、塗りつぶしの色とスタイルをコピーするために使用します。ピペットをその線に移動すると、カーソルが変化し、ピペットの下にミニ鉛筆アイコンが表示されます。線上のスポイトをクリックすると、すべての線パラメータ (色、太さ、スタイル) がコピーされ、スポイトがインクボトルツールに置き換えられ、これらすべての設定を別の線に適用できるようになります。

同様に、カーソルが塗りつぶしの上にあるときは、スクープイメージがスポイトの下に表示され、カーソルがブラシストロークの上にあるときは、ブラシイメージがスポイトの下に表示されます。これらのアイコンは、ドロッパーツールを使用してコピーしている属性を示します。

Photoshop でラスター画像の塗りつぶしを使用したことがある場合は、「穴」がある場所で、あまりきれいに描かれていない輪郭の端から塗りつぶしが「流れ出す」状況をご存知でしょう。 Flash では、塗りつぶしツールを設定するいくつかのモードが可能であり、これにより上記の欠陥を回避できます。

このツールを構成するには 4 つのオプションがあります。

ギャップを閉じないでください。ギャップは閉じません。

小さなギャップを閉じる小さなギャップを閉じます。

中程度のギャップを閉じる中程度のギャップを閉じます。

大きなギャップを閉じる大きなギャップを閉じます。

鉛筆ツールを選択し、開いたパスを描きます (図 35)。「大きなギャップを閉じる」モードを選択し、輪郭を塗りつぶします。図からわかるように。 35 では、元の輪郭が開いていたにもかかわらず、塗りつぶしが輪郭の内側に残ります。

米。 35. 大きなギャップを閉じるモードで輪郭を閉じる例

次に、グラデーションの塗りつぶしとそれを使った操作を見てみましょう。 [塗りつぶし]パネルで、[塗りつぶし]タブの塗りつぶしオプション-線形グラデーションを選択します。次に、長方形を描画し、線形グラデーションの線形塗りつぶしで塗りつぶし、大きな長方形の内側に小さな長方形を描画します (図 36)。

この図からわかるように、小さな長方形では、白から青への移行がより小さな勾配で実現されます。 Lock Fill 機能を使用して両方の長方形を塗りつぶすと、図のような画像が得られます。つまり、内側の長方形と外側の長方形の勾配は同じになります。

米。 36. Lock Fillパラメータが有効になっていない場合のグラデーションフィルインモード

米。 37. Lock Fillパラメータが有効なときのモードでのグラデーションフィル

塗りつぶしのグラデーションの方向を変更するには、[オプション] パネルの [塗りつぶしの変換] ボタンをクリックし (図 38 ではクリックされています)、塗りつぶしをクリックします。その結果、マーカーが表示されます (図 38)。 38）。

米。 38. グラデーション塗りつぶしの変更例

上部の丸いマーカーはグラデーション塗りつぶしを回転するために使用され、長方形のマーカーはある色から別の色への遷移のグラデーションを増加 (減少) するために使用され、中央の丸いマーカーはグラデーション塗りつぶしの中心を移動するために使用されます。ペイントバケットツールを使用すると、閉じたパスをラスターイメージで塗りつぶすこともできます。それがどのように行われるかを示してみましょうこの手順

簡単な例を使って説明します。長方形ツールを使用して、ラスターイメージが挿入される画面にモニターのイメージを描画します (図 39)。米。 39.写真のラスター画像が配置されるモニター

次に、画面全体に表示されるビットマップ画像をインポートします。 コマンドを実行してビットマップをインポートできます。ファイル > インポート

必要なファイルを選択します。次に、[塗りつぶし]パネルに移動し、塗りつぶし方法を[ラスター - ビットマップ]に変更します(図40)。

米。 40. 塗りつぶしパネル、塗りつぶしタブしたがって、描かれた輪郭の内側に閉じた輪郭を塗りつぶすと、モニター画面

, 図に示すように、ラスター塗りつぶしが実行されます。 41.

米。 41. ラスター塗りつぶしの例

ラスター塗りつぶしを編集するには、[オプション] パネルの [塗りつぶし変換] ボタンをクリックする必要があります (図 42 ではクリックされています)。その結果、ラスター塗りつぶしをクリックすると、マーカー付きのフレームが表示されます。図42）。

中央のマーカーを使用してラスター画像をドラッグすると、写真の希望の部分が描画されたモニター上に表示されます (図 43)。

米。 42. ラスター塗りつぶし変更フレーム

米。 43. センターマーカーを移動すると、ビットマップをトリミングできます

他のマーカーを使用すると、ラスターイメージの拡大縮小、回転、変形が可能になります (図 44)。

米。 44. ラスターフィル変形例

複数の写真をインポートした後、カラーパレットと同様に、塗りつぶすラスターを選択できるパレットを設定できます (図 45)。

米。 45. 複数のビットマップを含むパレットの例

図形の追加と削除

2 つの図形が重なり合うと、Flash はそれらを結合またはセグメント化します。 2 つの同じ色の図形 (円と四角形) を描き (図 46)、四角形を選択し (矢印ツールでクリックして)、その四角形を円の上に重ねて、そこから選択を削除します (クリックして選択範囲を削除します)。矢印ツールを使用してもう一度)。

米。 46.初期数値

その結果、2 つの数字が 1 つに結合されます。部分選択ツールを使用して結果の形状の輪郭をクリックすると、内側の輪郭が消えていることを確認できます (図 47)。

米。 47. 2つの同色の図形を組み合わせた例

次に、異なる色の図形で同じ手順を実行します。この場合、内部境界線は消えません（図 48）。

米。 48. 異なる色の図形を重ねると内側の輪郭が消えない

ここで、長方形を選択し、矢印ツールを使用して移動すると、図に示すように、円の一部が切り取られます。 49.

形状のアウトラインを組み合わせたり減算したりして、複雑なアウトラインを取得すると便利な場合があります。

サイトのすべてのセクション

Flashアニメーションのレッスン

Flashアニメーション - トレーニング

最近は独学で学びたい人が増えています 美しいアニメーションを作る。もちろん、この願望は十分に理解できます。?

アプローチ方法

フラッシュアニメーションを作成する

Flash のアニメーションは、漫画で使用されるオブジェクトのプロパティの変更に基づいています。たとえば、オブジェクトは位置、形状、サイズ、色、透明度を変更したり、消えたり、逆に現れたりすることがあります。

Flash テクノロジを使用すると、インタラクティブなムービー全体を作成できます。その間、サイト訪問者はキーボードまたはマウスを使用して、ムービーのさまざまな部分に移動したり、オブジェクトを移動したり、フォームに情報を入力したり、その他の多くの操作を実行したりできます。 Flash の主な目的は、グラフィックスやアニメーションを豊富に含むインタラクティブな Web ページを作成することです。さらに、Flash は、使用法に基づいたかなり独立したテクノロジーです。ベクトルグラフィックス特殊なフォーマットで

ショックウェーブフラッシュ (SWF)。これは最初からは程遠いですが、

ベクトル形式 SWF の作成者は、グラフィックスの視覚機能とそれを操作するための便利なツールの間の最も成功した組み合わせを見つけることに成功しました。さらに、受け取ったのは、

フラッシュオブジェクト

Web ページに簡単に統合できます。

SWF の重要な特徴は、それに基づいて作成された画像をアニメーション化できるだけでなく、あらゆる種類のインタラクティブな要素やサウンドを追加できることです。

ビデオが記録される SWF 形式のもう 1 つの利点は、その移植性です。つまり、この形式はあらゆるハードウェアおよびソフトウェアプラットフォームで使用できます (Macintosh コンピュータも例外ではありません)。

インターネット上には Adobe Flash プログラムに関するさまざまなチュートリアルが多数ありますが、これらはいわば「一般的な用語」でプログラムを大まかに理解するものです。これらの「ハウツー」本のほとんどは、特定のタスクを実行する方法を説明しません。たとえば、Adobe Flash または Photoshop で Web サイトのバナーを作成したいだけです...Adobe Flash についてすべてを読んでも意味がありません。

しかし、自分で（「ランダムに」）フラッシュドライブの作成をマスターすることはほとんど不可能です。確かに、Photoshop は複雑なプログラムです...しかし、独自のフラッシュドライブの作成方法を学ぶのははるかに困難です。