マスクの形状をアニメーションさせる手順を紹介します。概要こちらの記事では図形をマスクして表示する手順を紹介しました。この記事ではマスクした図形をアニメーションして図形のマスクをアニメーションで変化させる方法を紹介します。手順データの準備下図
マスクを複数のレイヤーに適用する設定手順を紹介します。概要こちらの記事でレイヤーにマスクを適用する手順を紹介しました。利用状況によっては、図形のマスクを複数のレイヤーに適用したい場合があります。この記事では、一つのマスクレイヤーを複数のレイ
Adobe Animateでマスクを解除する手順と、マスクの設定を解除すると図形の編集ができない現象について紹介します。概要こちらの記事で画像にマスクを適用する方法を紹介しました。マスク適用後にマスクの形状を変更したり、マスクの適用をやめた
Adobe Animateで画像を図形の形状でマスクする手順を紹介します。概要Adobe Animateで配置した画像を描画した図形の形状でマスクしたい場合があります。この記事では、Adobe Animateでマスクする手順を紹介します。手
アニメーションにイージングを設定する方法を紹介します。概要こちらの記事ではAdobe Animateを利用してアニメーションを作成しました。デフォルトのモーショントゥイーンの設定ではアニメーションはリニアに変化します。より効果的にアニメーシ
Adobe Animateでモーショントゥイーンを利用して、要素を拡大、縮小するアニメーションを作成する手順を紹介します。概要図形や画像の要素を拡大したり、縮小したりするアニメーションを作成したいことがあります。モーショントゥイーンを利用し
Adobe Animateで要素のアニメーションをずっと繰り返す方法を紹介します。概要要素をずっと回転させた状態にしたいなど、シーンの一部の要素をループして繰り返すアニメーションを作成したい場合があります。Adobe Animateでは、ム
アニメーションを指定したフレームで停止する手順を紹介します。概要こちらの記事で紹介したアニメーションを作成して、Webブラウザで表示するとアニメーションが終了すると、最初のフレームに戻り、ループで再生されます。アニメーションの用途によっては
モーショントゥイーンを作成する手順を紹介します。概要Adobe Animatorでは新しいアニメーション方式である、モーショントゥイーンが利用できます。この記事では、モーショントゥイーンを利用してシンプルなアニメーションを作成する手順を紹介
キャンバスに画像を配置する手順を紹介します。手順Adobe Animationを起動し、ドキュメントを作成または開きます。ライブラリにシンボルを作成します。シンボルの作成手順はこちらの記事を参照して下さい。シンボルが作成できると、シンボルの
Adobe Animateでライブラリのシンボルを作成する手順を紹介します。概要画像やボタン、ムービークリップなどの要素をキャンバス上に配置するために、ライブラリにシンボルを作成して追加する必要があります。シンボルを利用すると複数の要素、例
Adobe Animateでドキュメントを新規作成する手順を紹介します。手順Adobe Animateを起動します。下図のウィンドウが表示されます。[ファイル]メニューをクリックします。下図のメニューが表示されます。一番上の[新規]の項目を
Adobe Animateでシンボルのボタンにクリックイベントを実装する手順を紹介します。事前準備こちらの記事を参照して、シンボルのボタンを作成しておきます。手順Adobe AnimateでHTML5のCanvasに先に作成したボタンのシン
Adobe Animateで独自のデザインのボタンを作成する手順を紹介します。概要Adobe Animateでキャンバスに配置するボタンを作成する場合には、ボタンのシンボルを作成する方法があります。この記事では、ボタンのシンボルを作成する手
Adobe Animateでクラシックトウィーンを利用してシンプルなアニメーションを作成する手順を紹介します。概要旧 Adobe Flash でアニメーションを作成する場合には、トゥイーンを利用してアニメーションを作成しました。その後のバー
Adobe AnimateでHTML5 Canvas のダイナミックテキストの表示文字列を変更する手順を紹介します。手順ダイナミックテキストの配置Adobe AnimateのHTML5 Canvasにテキストツールを利用してテキストを配置し
Adobe Animate で HTML5 Canvas にテキストを配置する手順を紹介します。手順Adobe Animateを起動します。HTML5 Canvasを作成します。キャンバスの作成手順の詳細はこちらの記事を参照してください。画
Adobe Animate でボタン コンポーネントを配置する手順を紹介します。手順Adobe Animate を起動しドキュメントを作成または、開きます。シーンのキャンバス編集画面が表示されます。[ウィンドウ]メニューの[コンポーネント]
Adobe Animate でHTML5 Canvas に配置したボタンのクリックイベントを実装する手順を紹介します。事前準備こちらの記事を参照して、シーンのキャンバスにボタンを配置します。手順インスタンス名の設定選択ツールでボタンをクリッ
Adobe AnimateでHTML5 Canvasの背景色を変更する手順を紹介します。手順HTML5 Canvas のドキュメントファイルを開きます。[プロパティ]ウィンドウを表示します。ウィンドウ下部の[プロパティ]セクションの[ステー
Adobe Animate でアニメーションアセットを作成する手順を紹介します。手順Adobe Animateを起動します。Adobe Animateのウィンドウが表示されます。[ファイル]メニューの[新規]メニューをクリックします。[新規
Adobe Flash CC がバージョンアップを機に Adobe Animate CCに名称変更しました。 Adobe Animate CCをインストールします。インストール手順Adobe Application Managerを起動しま
