wordpress/Adobe Animate CCなどweb技術やブログ運用に関する話をしていきます!検索エンジン最適化に関する実験に関する情報も!
⇒ 本ブログの詳細/連絡先はコチラ!
web技術TOP WordPress アクセスアップ Adobe Animate CC 便利ソフト/サービス紹介 効率化
  1. ホーム
  2. 〇ブログ/web技術
  3. Adobe Animate CC [旧Flash]
■注目記事一覧

高校数学 教科書用シミュレーターの制作に携わりました!!

エックスサーバーが凄すぎる!高速レスポンスを誇る高品質サーバー!

デジハリのAdobe講座がやばすぎる!Adobe Creative Cloudが45%オフで購入可!

[Adobe Animate CC使い方講座] まずはFlashからの変遷から解説!

複数専門ブログと雑記ブログ、両方のいいとこ取りの形態/両立を技術的に実現してみました!

WordPressのGutenbergで秒速で設定済みブロックを呼び出す方法!

ブログ記事数500突破!開設から2年3ヵ月のアクセス数変動を振り返ってみた!
 
全テーマ共通記事一覧

[Adobe Animate CC使い方講座] Adobe Animate CCって何?まずはFlashからの変遷から解説!

Adobe Animate CCを広めるために、Adobe Animate CC使い方講座を始めます!

本日からAdobe Animate CC使い方講座をはじめたいと思っています。この背景としては、日本でAdobe Animate CCが全く盛り上がっていないため、どうにかして盛り上げたい!という思いがあるためです。Adobe Animate CCの前バージョンである、Flashはものすごく有名でした。しかし、AdobeがFlashを2020年末にサポート終了することを明言したこともあり、「Flash=死んだ技術」とみなされています。

しかし!!Flashが死んでも、後継のAdobe Animate CCはバリバリに生きているんです!

FlashはiPhoneで動く環境がなくなったことで死んでしました。しかし、Adobe Animate CCはAdobe Flashの後継で、Flash Playerという特別な環境がなくても動作できるアニメやゲームを作成できるんです!ですので、PCでもスマホでも、どこでも動作するものを作成できてしまいます。完全にFlashのデメリットを打ち消しています。

さらに、過去のFlashで培ったアニメーションに必要な機能が豊富で、どのソフトにも負けていません。自分自身、AdobeのFlashは死んだのだから、、、とwebで動作するコンテンツを作れる代替ソフトを探し回りましたが、結局このAdobe Animate CCに戻ってきたんです。それぐらいやっぱりAdobeが培ってきた技術/機能はすごいんです。

ということで、本サイトではAdobe Animate CCについて、その使い方を解説していきたいと思います。今回はその前にまずはFlashからの遍歴をふまえて、Adobe Animate CCとは何かを説明していきたいと思います!
*わかりやすくするために、少し話を単純化しています

続きを読む


[Adobe Animate 機能/ツール解説] カメラツール(レイヤー深度)

本シリーズではAdobe Animate CCのルールの使い方を動画付きで紹介していきます!今回はカメラツールの役割りと使い方をご紹介していきます!

カメラツール

カメラツールはAnimateのスクリーンを3次元に表示するためのツールです。使い方を覚えると迫力のあるアニメーションがつくれたりするので、是非覚えておきましょう!

[カメラツールアイコン]

* 見つからない時はコチラの記事参照

続きを読む


[Adobe Animate CC使い方講座] レイヤーとタイムラインの概念について詳しく解説!

Adobe Animate CCの最重要概念!レイヤー(縦の階層)とタイムライン(横の階層)を理解しよう!

Adobe Animate CCはFlashの流れを汲んだソフトになっています。そのため、過去にFlashでアニメーションを作った事がある人であれば結構簡単に馴染める構成になっています。または他の動画ソフトを扱ったことある人は、似た部分もあるのでとっつきやすいと思います。

しかし、初めてAdobe Animate CCに触れた人は、少し他のソフトと違う面もあり、わかりにくいです。そのわかりにくい部分とは、「レイヤー」と「タイムライン」という概念です。下記の画像のように、Adobe Animate CCではレイヤーという縦の階層と、タイムラインという横の階層があるんです。これはわかってしまうと簡単なのですが、初めてだと少しわかりにくいです。この「レイヤー」と「タイムライン」、Adobe Animate CCでは最重要となる概念ですので、それぞれを詳しく説明していきたいと思います!

続きを読む


[Adobe Animate CC使い方講座] HTML5 canvasとAIRモードの違いについて!

Adobe Animate CCには二つのモードがある!HTML5 canvasとAIRモードって何かを解説します。

前回の講座ではAdobe Animate CCがどのような経緯で生まれたのかを説明させて頂きました。今回はそれをふまえて、Adobe Animate CCの作成モードについて説明したいと思います。Adobe Animate CCは使いこなせれば、ものすごい力を持ったツールです。しかし、過去の経緯などもあって、そのモードや機能が複雑になってしまっている面があります。そういった難しい部分/用語をまず解説していきます。

まずはじめに戸惑うのがファイルの新規作成のモードです。下記のようにAdobe Animate CCにはたくさんの作成モードがあります。しかし、はじめてAdobe Animate CCを触る人にとっては、意味がわかりにくく、嫌がらせでしかありません。ここについて解説していきたいと思います。

続きを読む


[Adobe Animate LINEスタンプ] 作成したアニメーションの登録/公開まで

本サイトではAdobe Animate CCを使う時のノウハウを解説しています。このAnimateを使うと色んな形式でアニメーションが作れて便利です。その「アニメーション」という要素が最大限に活かせる場としてLINEスタンプがありますよね。LINEスタンプの安価にはアニメーションスタンプがあり、静止画より感情を刺激するものとして使われていると思います。

そのLINEスタンプを作るのに、Adobe Animate CCを使うのが実は最適な環境になっています。そこで、本ページではAdobe Animate CCでLINEスタンプを作る方法を解説してします!今回はAdobe Animateで作ったアニメーションをLINEスタンプとして公開するまでの手順になります。

続きを読む