Soumettre la recherche
Mettre en ligne
Flashアニメーションの書き出し
•
0 j'aime
•
2,315 vues
U
utweb
Suivre
Flashアニメを、使い勝手のいいPNGシーケンスなどに書き出すための説明です。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 12
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
DMMの闇に触れた話
DMMの闇に触れた話
Katsunori Tanaka
勉強会vol.16 Instapage
勉強会vol.16 Instapage
GIG inc.
MVCフレームワークとの付き合い方
MVCフレームワークとの付き合い方
Kazuki Shibata
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
KatsuyaENDOH
第十回ネットワークチーム講座資料
第十回ネットワークチーム講座資料
densan_teacher
久しぶりにWebエンジニアのためのプロジェクションマッピング
久しぶりにWebエンジニアのためのプロジェクションマッピング
KatsuyaENDOH
Xamarinは辛いよ
Xamarinは辛いよ
Takkiiii
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Akira Ouchi
Recommandé
DMMの闇に触れた話
DMMの闇に触れた話
Katsunori Tanaka
勉強会vol.16 Instapage
勉強会vol.16 Instapage
GIG inc.
MVCフレームワークとの付き合い方
MVCフレームワークとの付き合い方
Kazuki Shibata
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
KatsuyaENDOH
第十回ネットワークチーム講座資料
第十回ネットワークチーム講座資料
densan_teacher
久しぶりにWebエンジニアのためのプロジェクションマッピング
久しぶりにWebエンジニアのためのプロジェクションマッピング
KatsuyaENDOH
Xamarinは辛いよ
Xamarinは辛いよ
Takkiiii
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Opera Mobile for AndroidのカメラサポートをつかってWebコンテンツにカメラ機能をつけてみたお話
Akira Ouchi
VIOPS10: DMM.comのインフラのこれから
VIOPS10: DMM.comのインフラのこれから
VIOPS Virtualized Infrastructure Operators group ARCHIVES
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
石橋 啓太
Why prism for xamarin.forms
Why prism for xamarin.forms
Atsushi Nakamura
Cocoa Binding 童貞だけど解説してみる
Cocoa Binding 童貞だけど解説してみる
Takkiiii
モダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないために
YukiOniki
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
動くサイトにプログラムが必要な時代は終わった。〜デザイナー歓喜のAnimate CCとSpineの紹介
動くサイトにプログラムが必要な時代は終わった。〜デザイナー歓喜のAnimate CCとSpineの紹介
utweb
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
Cherry Pie Web
Flash Lite
Flash Lite
smallworkshop
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig24/7
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
Contenu connexe
Tendances
VIOPS10: DMM.comのインフラのこれから
VIOPS10: DMM.comのインフラのこれから
VIOPS Virtualized Infrastructure Operators group ARCHIVES
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
石橋 啓太
Why prism for xamarin.forms
Why prism for xamarin.forms
Atsushi Nakamura
Cocoa Binding 童貞だけど解説してみる
Cocoa Binding 童貞だけど解説してみる
Takkiiii
モダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないために
YukiOniki
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
Tendances
(6)
VIOPS10: DMM.comのインフラのこれから
VIOPS10: DMM.comのインフラのこれから
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
Why prism for xamarin.forms
Why prism for xamarin.forms
Cocoa Binding 童貞だけど解説してみる
Cocoa Binding 童貞だけど解説してみる
モダンJavaScriptフレームワークで技術的負債を作らないために
モダンJavaScriptフレームワークで技術的負債を作らないために
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
En vedette
動くサイトにプログラムが必要な時代は終わった。〜デザイナー歓喜のAnimate CCとSpineの紹介
動くサイトにプログラムが必要な時代は終わった。〜デザイナー歓喜のAnimate CCとSpineの紹介
utweb
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
Cherry Pie Web
Flash Lite
Flash Lite
smallworkshop
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig24/7
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
UXとブランド
UXとブランド
Takehisa Gokaichi
UXはじめの一歩
UXはじめの一歩
井上 誠
UIデザインの基本
UIデザインの基本
Roy Kim
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
Katsuhito Okada
En vedette
(20)
動くサイトにプログラムが必要な時代は終わった。〜デザイナー歓喜のAnimate CCとSpineの紹介
動くサイトにプログラムが必要な時代は終わった。〜デザイナー歓喜のAnimate CCとSpineの紹介
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
Flash Lite
Flash Lite
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
はじめてのUXとUIの話
はじめてのUXとUIの話
UIの話は会議室でするな
UIの話は会議室でするな
なぜUXをデザインしているのか
なぜUXをデザインしているのか
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
UXの考え方とアプローチ
UXの考え方とアプローチ
UXとブランド
UXとブランド
UXはじめの一歩
UXはじめの一歩
UIデザインの基本
UIデザインの基本
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
Dernier
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Dernier
(10)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Flashアニメーションの書き出し
1.
FlashのPNGシーケンスとス プライトシート を使ってみたよ
2.
Flashが、アニメーションとして SWF以外に書き出せる主なもの • HTML5 Canvas •
WebGL • ムービー(MOV) • アニメーションGIF • PNGシーケンス(JPEGシーケンス、GIFシーケンス) • スプライトシート
3.
Flashアニメーションの みどころ • プログラミングされた動きの美しさとは対極に近い 位置にある、人の手が入った動きの面白さ • 比較的習得が容易な技術のため、裾野の広さ
納品 レベルのクオリティの高さ • 書き割りアニメ(コマアニメ、パラパラアニメ)と トゥィーンとの親和性の高さ
4.
順番にみてみましょう
5.
HTML5 Canvas
6.
特徴 • Canvasが使える案件なら積極的に導入したい • Flash5∼MXあたりでつまずいた人でも使いこなせ る •
Canvasは使えないがCSS3アニメーションが使え る案件なら、AdobeEdgeという選択肢も
7.
PNGシーケンス
8.
特徴 • いわゆる連番PNG • とりあえずこれで書き出しておけば後はなんとでもなる程の汎 用性の高さ •
ムービークリップの入れ子はNG。アニメーションの階層構造は グラフィックシンボルで • アニメーションGIFも、いったんこれで書き出しておけばいい (Flashでそのまま書き出すと色数が落ちて汚いので、いったん PNGシーケンスで書き出しといて、PhotoShop経由などでGIF アニ化させるのがセオリー)
9.
スプライトシート
10.
特徴 • スプライトシート最強伝説が今始まると言っても過言では ない • 過言かもしれない •
スプライトシートは、PNGシーケンスで書き出しておいて TexturePackerでスプライトシート化が最高だが、Flash から直接作れる手軽さはあなどれない • Androidなどでタイル上に並べるときに切れ目が見えちゃ う場合は、「シェイプの余白」を5px前後にするといいよ
11.
スプライトシートって? • 複数の画像ファイルを一枚のファイルにまとめたも の。読み込み、表示、いずれにおいても複数ファイ ルのままより管理しやすい • 別途、場所の情報が書かれたファイルが必要で、そ の役割をXMLやJSONが担う •
場所情報が書かれたXMLやJSONのフォーマットの 違いによって、いろんな種類がある
12.
番外 • CanvasもCSS3アニメも封じられた場合どうする の? • →jQueryでごりごりアニメーションします •
mach3さんがFlashのスプライトシートをjQuery で使用するライブラリを公開されています • http://mach3.github.io/flashspritejs/
Télécharger maintenant