紹介されているフリーソフトは企業が無償提供しているものや信頼性の高い老舗のフリーソフトですが、野良フリーソフトの中にはウイルスを感染させる目的のものもあるので、信頼できる企業のもののみを使うか、野良フリーソフトはダウンロード前に評判をネットで十分検索することをオススメします。
Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re
最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie(ロッティー)って何? 2. Lottieを利用するメリットは? 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア
Web上でアニメーションを表示するなら「Lottie」がおすすめ!特徴と使い方など Webサイト上でアニメーションを実装する場合、簡易なアニメーションはCSSやJavaScriptで手軽に作ることができますが、リッチなアニメーションを作ろうと思ったらコード量も結構なボリュームになってしまいます。 そんな時におすすめなのが「Lottie」です。LottieはAfter Effectsで作成したアニメーションを簡単にWebやアプリで表示することができ、パフォーマンスにも優れています。 今回は、Lottieの特徴や使用するメリット、使い方などをご紹介したいと思います。 Lottieとは LottieはAirbnbが公開しているアニメーションを表示するためのライブラリです。スマホなどのネイティブアプリがメインのようですが、Webサイト上でも高クオリティのアニメーションを簡単に表示することができ、非
NATRON Open Source Compositing Software For VFX and Motion Graphics. Download Github Cross platform & open-source compositor for visual effects and motion graphics industry Natron is a powerful Digital Compositor that can handle all of your 2D/2.5D needs. Its robust OIIO file formats and OpenFX architecture is what make Natron the most flexible open source compositor for the visual effects communi
ブランディングデザイン会社neccoでデザインの仕事をしながら、7月からAfter Effectsの練習を始めました。 最初は全然使い方がわからず、「難しそうだしやめとこうかな、やっぱりデザインに専念した方がいいのかな」と思うこともありましたが、1ヶ月間練習を続けるうちにどんどん楽しくなってきました。 ▼はじめの頃に作ったもの モーショングラフィックス使いたい 案件のためにAfter Effect練習中🌱 楽しい〜!もっと上手になりたい☺️✨ pic.twitter.com/AzvZ1U1Pue — fuyuna🌷necco Designer (@fuyuna_design) July 5, 2020
アイデアをカタチにするツールはたくさんありますが、個人的に最高のアニメーションツールは引き続きAfter Effectsと言えるでしょう。ただし、利用できるプラグインが多すぎて、どれを使って良いのか迷ってしまうのが悩みどころ。 今回は、現役デザイナーがウェブサイトやアプリのアニメーション作成で実践しているプラグインやツールを、7つのシンプルな手順を追ってご紹介します。このガイドラインでは、デザイナーとデベロッパーが一緒にプロジェクトを進める効果的な方法をマスターできます。 No.1 SketchかFigmaでデザイン開始 レイヤーにきちんと名前を付けているか確認しましょう。After Effectsに取り込んでしまうと、レイヤーを見つけるのが難しくなってしまいます。 AEUXプラグインを利用することで、SketchまたはFigmaで作成したレイヤーをAfter Effectsにボタンひとつ
今回は後編ということで、モーションデザインの作り方を実例を元に紹介していきたいと思います。実際のサイトに使うには色々足らないですが、After Effectsで制作する際のテクニックを交えて解説していきます。 この記事はこんな方におすすめです モーションデザインに興味がある Webサイトのアニメーションを自分で作ってみたいデザイナー After Effectsを触ってみたい また、制作にあたってこちらのサイトを参考にさせていただいております。様々なモーションの作例を周期表に見立てて紹介していて、ダウンロードもできるためどのように制作すれば良いかも見れるようになっています。 画像引用元:モーション周期表 Webデザインでモーションデザインを利用する機会 デザイナーがモーションデザインをWebデザインに取り入れる機会としては以下があるかなと思います。 デザインの提案 エンジニアとの共有 動画ま
この記事は、ドット絵に関する記事をみんなで書いて、12月1日からクリスマスの25日まで毎日公開する、ドット絵Advent Calendar 2023 最終日の記事になります。 今年は3つも会場があります!もともと記事を読むのが好きで企画したのでたくさん読めて幸せでした。表も裏も端も全部読んでますよ~。 ご参加くださったみなさん、ありがとうございました!! はじめに…みなさんこんにちは、Muscatです。 突然ですが、今日はとあるモノを皆さんに広めるためにこの記事を書いています。 ――これは数年前 とある先輩がいいモノ使っているという話を聞いたのがきっかけでした。 元々なんとなく興味があって、軽い気持ちで始めました。 使っていくうちにその魅力に取り憑かれて 今ではもうソレ無しでは生きていけなくなってしまいました… 警察に怯えながらも、日々ソレを使って過ごしています。 ・きっかけは先輩が使って
サイト制作時に今は当たり前のようにおしゃれなアニメーションがついてる時代がきましたね。 CSS3で実装できることも増え、あんまりゴリゴリJavaScriptでってことは減ってきてる気がします(もちろん必要なときはいっぱいあるのでケースバイケースですが)。 制作者としては、意図した通りのアニメーションをつくりたい、それもなるべく手間をかけずに、という思いがあるのではないでしょうか。 そんな悩みを解決してくれるかもしれない「Lottie」を試してみました! ※今回、After Effectsの使い方はありません、ごめんね。JavaScript側の組み込み方の説明です。 Lottieとは Airbnb制作のiOSやAndroidにも対応したアニメーション用のライブラリです。Adobe After Effectsで作ったアニメーションを、そのままWebにもってこれるやつらしい。 一部使えない機能も
チートシートとは、覚えておきたいことをまとめた「カンニングペーパー、カンペ」のようなものです。この記事では、デザインやWeb制作の作業効率が上がるチートシートをまとめてご紹介します。 デザインの現場に欠かせないPhotoshopやIllustratorといったAdobe製アプリはもちろん、HTMLの基本やCSS FlexboxやGridといった覚えておくのが大変なものから、配色やタイポグラフィーの基本など、「あれ、どうやるんだっけ?」そんなときに役立つチートシートを、日本語版中心にまとめています。 デザインやWeb制作の作業効率が上がる便利チートシートまとめ Photoshopのショートカットキー早見表 Adobe謹製のフォトショップ用チートシート。数あるショートカットの中から、デザイナーによく使われているものをピックアップして一覧表にしているそう。PDFで保存し、印刷することもできます。
おつかれさまです。デザイナーのみやです。 去年の暮れにようやっとFlashからAfter Effectsに移行しました。 結果、それまでけっこう時間がかかっていたアニメーション制作が格段に楽になったので、使えるようになるまでに勉強した基礎的なことを噛み砕いてお伝えします。 今回伝えたいこと After Effectsの基本的なこと 基本的なアニメーションの作りかた なぜデザイナーの僕がアニメーションを作っているのか デザイン提案の際にアニメーションを含めて提案するためです。 言葉よりも絵、絵よりも動画の方が伝えられるイメージの量も質も上がります。限られた期間で作り、限られた時間でプレゼンをする中で、不要なやり取りを極力減らし、魅力をより伝えられるのではないかと考えています。 最近のサイトは細かなところでもアニメーションしていることが多いですよね。「実装時にはグリグリ動きます」ではクライアン
ホーム After Effects, CGソフト, ツール&プラグインしっかりピッタリ張り付いてくる!!あらゆる形状を完璧にトラッキングするAfter Effectsプラグイン「Lockdown」が凄く革命的!! 2020.04.22After Effects, CGソフト, ツール&プラグインしっかりピッタリ張り付いてくる!!あらゆる形状を完璧にトラッキングするAfter Effectsプラグイン「Lockdown」が凄く革命的!! あらゆる形状を完璧にトラッキングするAfter Effectsプラグイン「Lockdown」の紹介です!! 販売しているのはアメリカ ニューヨークでデザインや3DCG、ゲーム制作、プラグイン制作と多方面に活躍しているChris Vranos氏!! 「Lockdown」はかつてない程の高精度なトラッキングで対象の表面に画像などを貼り付けられるAfter Eff
What is FUI?For anyone who does not know, FUI stands for a fiction user interface, future user interface, etc. Usually used in movies or video-games to create hi-tech look or for visual storytelling. There are production companies that fully specialized in designing that kinda stuff. Long story short. What I wanted to do?Idea and concept were to do some experiments and try to create simple and eas
作成:2019/08/19 更新:2021/04/01 Mac > 「いいかげんサブスクリプションや月額使用料じゃなくて買い切りにしてくれ!毎月いくら引き落とされているかよく分からなくなっているんだよ!」と怒っているクリエイターにおすすめの買い切りMacアプリ(もしくは無料版)をご紹介。コスパだけでなく、その美しさと使いやすさに喜悦するだろう。 エンジニア速報は Twitter の@commteで配信しています。 DaVinci Resolve(After Effects代替) Blackmagic Design社のDaVinci Resolve(ダヴィンチ・リゾルヴ)。無償の高性能動画編集ソフト。インターネット接続を必要とせず、月額使用料も発生しない、上位版のDaVinci Resolve Studioは¥33,980 (税抜価格)のみ。 DaVinci Resolve 16 Blend
PSDで画面を作っていきます AEに持っていく時にPSDをそのままAEに入れるので、動かしたいパーツだけレイヤー分けをしておくと使いやすいです。 なるべくシンプルにしておくのがおすすめで、フォルダーは使わずにレイヤーだけの中身になっているようにPSDを整理しておくと簡単にAEで作業ができます。 AE準備編 ワークスペースを整える まずはAEをひらくと不要なウインドウも多いので、最低限のウインドウだけにします。 ウインドウ → ワークスペース → 最小構成 余計なウインドウが消えてすっきりしました。 そして、ここから使うものだけをさらに厳選します。 画像で黒く塗りつぶされているものだけをまずは使うと混乱しなくてよいと思います。 そこから徐々に使える領域を広げ、エフェクトに手を出すと無限の可能性が待っています。 AEの構成は4つに分かれていて、まずは各ウインドウの簡単な説明をします。 ・プロジ
おつかれさまです。デザイナーのみやです。 みなさんAdobe After Effects(以下:After Effects)のエフェクト機能を使ったことはありますか? エフェクトとは特定の処理があらかじめ用意されているAfter Effectsの機能のことで、写真を粒子状に散乱させたり、雨が落ちた地面の波紋を表現したりなど様々な表現を簡単に設定することができます。 私はAfter Effectsを業務で使うことは多々あるのですが、Webサイトでの動きの提案だったり、lottieでの実装前提だったりして、あまりエフェクト機能を使っていませんでした。 そこで全部一度使って遊んでみたところ、After Effectsにはデフォルトでかなり多くのエフェクトが用意されていることがわかりました。 その中でもアイデア次第で面白くできそうなものを、一部実例付きで紹介していきます。 独学でつまずいていません
おつかれさまです。デザイナーのみやです。みなさんはデザインをクライアントに提案するときに、アニメーションの話はどこまでしていますか? Webでは一口にデザインといっても、ビジュアルだけではなく情報設計やインタラクションなども含まれます。コンセプト、デザインカンプ、戦略などの提案でも必要十分ですが、ホバーやオープニングアニメーションを合わせて提案することでより完成時のイメージが伝わりやすくなります。 アニメーションサンプルを作るメリット わかりやすく説明できるため 文字より絵、絵より動画で伝えた方が、ぱっと見での情報量が段違いに変わってきます。 言葉だけでイメージを伝えるのはとても難しいことです。頭の中のイメージを言葉やジェスチャーだけで相手に完全に伝えることはできません。擬音一つとっても同じものをイメージしているとは限らないため、よりわかりやすく伝える手段を用いる必要があります。 伝えるた
温厚な僕ですが、高校生の頃はかなりのツッパリで、牛丼にかける醤油の量であらゆる人にマウントをとっていた時期がありました。 もちろん無敗です。 「最強」という称号と引き換えに腎臓にダメージを追いましたが無敗です。 とまあ武勇伝はさておき、どうも、サプライズ栄作です。 今回のnoteはAfter Effectsを今から学ぼうとする方や、初めたけどまだわからないといった方向けの内容です。 タイトルにもあるように初学者向けにアフターエフェクッの再生リストを作ってみました。 After Effectsでの映像の作り方は、先人の方々が時間を割いてチュートリアル動画をアップしてくださっています。感謝しかありません。 そして、ここだけの話、なんと無料で見れます! とはいえ、色んな人のチュートリアルがあります。 「なにから学べば良いのか?」「この方法であっているのか?」など 色々な疑問もでてきます。 また多
はじめに この記事は、Visual Studio Codeに、Adobe ExtendScript Debuggerプラグインをセットアップする手順を共有するためのものです。 前提とする条件 この記事は以下の環境を想定しています。 macOS 10.14.6 Visual Studio Code 1.38.1 ExtendScript Debugger 1.1.2 記事を読む前に、お手元の環境をご確認ください。 想定する読者 この記事は以下の読者を想定しています。 Visual Studio Codeを利用したことがある JavaScriptの知識がある ExtendScriptを利用、開発したことがある この記事ではVisual Studio CodeおよびExtendScript開発の解説はしません。 ExtendScriptとは ExtendScriptとは、Adobe社のCreat
神はいる!!!! After Effectsでちょいちょい遊ぶことが増えてきて、日夜プラグイン販売サイトである「aescripts」に張り付いている私です、こんばんわ。 After Effectsいいですよね、かっけえ映像が作れたりする汎用性が高いツールです。個人的にAfter Effectsの強みって、ユーザーが制作した多種多様なプラグイン群だと思うんです。あれ作れねぇかなあ!! って時に検索すると「こいつで一発だよ」って出てきて、しゅしゅごい・・・ってなります。 プラグインなしでも勿論同じ物が作れるでしょう。しかし、プラグインがなくて作るのが1日かかって少しでも修正がかかるとさらに1日かけたりするのか、かちゃぽんぱでワンクリックでいけるのどっちがいい? って言われたら私は後者ですね!!! 先人たちのでかい肩に乗るのが私の主義。 というわけで紹介していきましょう。有料のものが多いです。ま
↓以前にこんなツイートをしました。 以前Aeのスクリプトにハマりいくつかまとめて購入しましたが「これ買わなくても良かったんじゃない?」というのがちょこちょこあります。無料スクリプトやいくつかの機能がまとまったものがあり、無駄に購入してしまいました。twitter情報を元に、代替えの利くおすすめスクリプトを紹介していきます。 — eizou|映像クリエイター🇹🇭大人ノマド (@eizou_world) May 17, 2019 という方は、ここで紹介するものを使えば間違いないです。 もしそれでも足りなければ購入すれば良いかと思います。 無駄に有料スクリプトを購入しないように、無料で入手できるものだけを紹介しております。 ・無料 ・Name Your Own Price ※自分で価格設定(0ドル〜)が可能。 どれも機能自体は素晴らしいですが、初心者向けに使用した時の操作性と機能の覚え易さ
皆さんはクリエイター必見の最強ツール「Loupedeck Creative Tool」(Loupedeck CT)をご存じでしょうか。 フィンランドに本社を置くLoupedeck社が開発した、PhotoshopやIllustrator、Lightroom 、Premiere、After EffectsなどAdobe製のアプリのほとんどに対応したハードウェアコントローラーデバイスです。 割り振られたキーを押したり回したりするだけで、様々なショートカットやアクション、マクロなどが実行出来る次世代のクリエイター必須ともいえるデバイスです。 日本では2020年3月12日に発売されたばかりなので、まだ知らない方も多いのではないでしょうか。 今回はそんなLoupedeck CTをご提供いただいたので、機能や特徴などをご紹介させていただきます。 冒頭でもご説明しましたが、Loupedeck CTはAdo
フラットアニメーションを作る場合に「ロングシャドウ」の表現はやりたい事の一つでした。今回はロングシャドウの簡単なやり方を見てみたいと思います。 ロングシャドウは上の画像のように影が長い表現ですね。AEで再現する場合4つのエフェクトを適用する事で再現してみました。この記事の執筆前に @murasin さんにシンプルな方法も教わったので合わせてまとめています。 テキストをプリコンプする テキストにエフェクトをかけた場合テキストの矩形サイズまでしか適用されずロングシャドウにならないのでテキストをプリコンプしておきます。 CC Radial Blur まずは[CC Radial Blur]を適用します。このエフェクトは対象レイヤーを放射状にぼかすエフェクトです。そのままでは円状にブラーがかかってしまうのでTypeを[Straight Zoom]変更します。 [Straight Zoom]にすると直
After EffectsでLottieデータを作成する際、 画像が使えない問題からどうしてもパスのデータを生きた状態で AE上に持ってこないといけなかったのですが AEはパスの癖がややあってイラストレーター上で作る方が早かったり 同じパスデータを使いたいということがありました。 色々調べたところ2種のインポート方法があるようです 20201019追記:有料ツールを使えばイラストレーターのレイヤー名+パス全てをそのままAE移植できるよう。overloadという有料ツールをプロの方は使っているそう 1. 1つのオブジェクト(パス)をコピペでAEヘ持ってくる 2. いくつか重なっているオブジェクトをまとめて1つのオブジェクトとしてAEに読み込ませる 一つ目のパスをコピペする方法 とりあえず単体のパスだけ欲しい時には便利です 1つのオブジェクト(パス)をコピペでAEヘ持ってくる 1. まずIll
Adone After EffectsのEffectsPlugin集のソース一式とWindowsバイナリです。 no supporot MacOS! 昔から趣味でコツコツと作っていたものです。 趣味といっても僕自身日本のアニメ制作者なので業務に使えます。 次のバージョンはかなり大がかりな改変を考えています。時間かかりそうなので、とりあえず SDK2023 でビルドした物をアップします。 バージョンアップというか以下のことを考えています。 バージョンに名前をつける。どのバージョンを使っているか分かるように。 バイナリーに使用期限を設ける。 互換性が高いのでやたら古いバージョンを使っている人がいるのでその対策が主です。 ですが、それで利便性が失われるのが嫌なので悩んでいます。 まぁ、バージョンアップしても利用条件は変わりません。未来永劫無料・無許可で使用できます。 FsPlugins20240
何かと時間がかかるAfterEffectsの作業。 それを効率化するソリューションのうちの一つが、プリセットです。 手作業だと30分かかるようなものが、1クリックでできてしまう時間効率の良さは何者にも代えがたいです。 そんな便利なプリセット、使おうと思っていないとそもそもあまり探さなかったり、探し方がわからなかったりで導入されている方は実はそんなに多くありません。 そこで、僕が実際に使ってみた中から選りすぐりのオススメをご紹介していきたいと思います。 プロの映像クリエイターオススメのAfterEffects無料プリセット4選! 早速ご紹介を始めさせて頂きます。 まずはこちら Bounce & Drop 僕の中ですと、このプリセットは使用頻度ぶっちぎり1位です。 どんなプリセットかと言いますと、キーフレームをつけたオブジェクトにバウンドするような動きを簡単に追加することができます。 こんなや
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く