マガジン
Adobe After Effects記事まとめ
加藤文明社｜メディア制作課
- 16本
当noteの中からAdobe After Effectsに関する記事だけをまとめました。日々の学習や、お困りごとの際にお役立てください！
記事一覧
【Illustrator】ノイズ加工でレトロなデザインに仕上げてみた
こんにちは！メディア制作課のVRコンテンツ＆デザイン担当のCです🍋
今日は、デザインの世界を通してちょっとだけ
タイムトラベル
してみませんか？？🚶💭🧳🕰️🎞️
というのも、具体的に何をするのかというと、今回はIllustratorでできるノイズ加工を使って、あの懐かしいレトロな雰囲気を現代のデザインに取り入れる方法をご紹介していきます🙌🏻
ノイズ加工をあまり使ったこと
【After Effects】オーディオスペクトラムを作る
こんにちは！動画編集＆デザイン担当のTです🐱
今回は、After Effectsで「オーディオスペクトラムを作る」方法をご紹介をします。
ぜひ参考にしてみてください！
オーディオスペクトラムとは？音に合わせて自動で動く波形・図形のことです。ミュージックビデオなどでご覧になった方も多いのではないでしょうか。
音楽を取り込むまずは、使用する音楽を取り込みます。今回はこちらのフリーのBGMを使用し
【Figma】ボタンをコンポーネント化しよう【初心者向け】
こんにちは！WEB制作担当のYです。
今回は、Figma初心者の方向けにコンポーネントについて紹介していきます。
コンポーネントとは、デザインのパーツや部品のようなものです。家を建てるときに、同じような窓やドアを何個も使うように、デザインでも同じような要素を何度も使います。Webサイトでいえば、ボタンやフォームなどがあります。
Figmaのコンポーネント機能は、このような同じ要素を何度も作り直
【Illustrator】イラストや写真をドット絵（ピクセルアート）にする方法！
こんにちは！メディア制作課のVRコンテンツ＆デザイン担当のCです🍋
皆さん、ドット絵って聞いたことありますか？？
ドット絵とは、絵や画像を表現する、最小要素(ドットorピクセル）が視認できる程の大きさで描かれたグラフィックのことです。
小さなドットを一つ一つ並べて、まるで魔法のように絵を作り上げるこの手法、実はとっても面白いんですよ！🪄
低解像度でありながらも、その独特の魅力とレトロな
【SourceTree】変更内容を破棄して、特定ファイルを無視させてみた
こんにちは！ エンジニアの宮Pです😎
前回に引き続き、今回もSourcetreeについて話していきます。
今回は「ファイルの変更内容の破棄」と「特定のファイルをコミット対象にさせない方法」を試してみます。
変更内容をコミットする前回の記事では、新規作成したファイルをコミットしました。
今回は、そのファイルの内容を一部変更して、その変更履歴をコミットします。
前回は、このような内容のinde
【HTML/CSS】画像の色をCSSで変更しよう
こんにちは！WEB制作担当のYです。
今回は、WEBページに掲載している画像の色などを変更したい時に便利なCSSとサイトを紹介します。
既に使っているアイコン画像の色を変えたいな…ということは改修などの作業を行っている中で頻繁に起こると思います。前回の記事で紹介した、アイコンフォントであれば色の変更も楽々できるのですが、色を変えたいのは画像ファイルなんだよな…ということも多々起こります。そんな時
パスで作成した一筆書きを3D化させる！
こんにちは！メディア制作課のVRコンテンツ＆デザイン担当のCです🍋
今回はIllustratorのブレンドツールを使った3Dのライン文字の作り方をご紹介していきます！
ライン文字というのは、一筆書きで書いた文字のことで、ロゴやアートなどのデザインで使われています。
今回はこちらの画像のデザインが完成系になります！🍭
手順まずは一筆書きになるようペンツールやブラシツールなどを使用してライ
【After Effects】数字のカウントアップ
こんにちは！動画編集＆デザイン担当のTです🐱
今回は、After Effectsで「数字がカウントアップする動画」を作る方法をご紹介をします。
ぜひ参考にしてみてください！
平面を作成・テキストを入力新規平面を作成し、テキストを入力します。
カウントアップする数字とその他の文字はレイヤーを分けて入力しておいてください。
数字部分は段落パネルから、テキストの右揃えを選択しておきます。
入力後はこ
【HTML/CSS】Material Symbols & Iconsのすゝめ【初心者向け】
こんにちは！WEB制作担当のYです。
今回は、WEBページによくあるアイコン画像について、多くの現場が取り入れている便利な「アイコンフォント」を紹介していきます。
そもそもスクールとかではアイコン画像は自作のものを作らせて載せるパターンが多いですが、実際はFontAwesomeやGoogleのMaterialSymbols＆Iconといったアイコンフォントを使用する場合が多いです。
なぜなら、
【Illustrator】オブジェクトの形に合わせてテキストを埋め込む方法
xこんにちは！メディア制作課のVRコンテンツ＆デザイン担当のCです🍋
もうあっという間に4月も終わってしまいますが、なんだかすでに暑くないですか...?
先日外出した際にえ？夏？？と疑うくらい蒸し暑かったのですが、そう感じているのは私だけでしょうか…🫠
そんなこれからやってくる暑〜い夏に向けて、清涼感のあるポスターのデザインを考えてみました〜🪼💦
どん！🐠🐡🐢🏝️☀️
要
【After Effects】アニメーション風の炎
こんにちは！動画編集＆デザイン担当のTです🐱
今回は、After Effectsで「アニメーション風の炎」を作る方法をご紹介をします。
ぜひ参考にしてみてください！
平面を作成・フラクタルノイズを適用新規平面を作成します。今回は黒で作成しました。作成した平面にエフェクト＆プリセットから「フラクタルノイズ」を適用します。ここでは初期設定のままでOKです。
平面を複製・グラデーションを適用フラク
【HTML/CSS】便利ツール Cliborを使おう
こんにちは！WEB制作担当のYです。
今回は、WEB制作に便利なツールを紹介します。
みなさんって文書やコードのコピペの時どんなツールを使ってますか？Windowsユーザーの方ならWin＋Vで出すデフォルトのクリップボードを使用されている方が多いかもしれません。
もちろん、デフォルトのクリップボードも便利なのですが、Cliborというアプリを使えば日常的に使う文章をデフォルトのものと比べて大量に