IllustratorからWeb用画像を書き出す方法｜アートボード運用＋JSXで一括リネーム

動画・画像編集
デザインカンプから画像を書き出す作業が、毎回しんどい。特に校了データが回ってきたときの「また全部やり直し」がつらかったので、アートボード化して画像を書き出す時のリネームをJSXスク…
続きを読む

『AnimeEffects』で透過アニメーションWebPを作る｜GIFのギザギザ問題を解決

動画・画像編集
サイトにマスコットキャラクターを置いて、ちょっと動かしたい。「アニメーションGIF」だと、輪郭のギザギザにがっかりすることになります。この記事では、なぜGIFがギザギザになるのかと…
続きを読む

HandBrake のおすすめ圧縮設定 — Web動画を高画質のまま小さくする方法

動画・画像編集
Webサイトに置く動画が重くて困っていませんか？HandBrakeを使えば、4K素材を高画質のままWeb用に圧縮できます。この記事では、同じドローン空撮素材（1分・元4K・281M…
続きを読む

Photoshopでpng画像をグランジ加工する方法｜質感を高める4層レイヤー手順

動画・画像編集
Photoshopでグランジ加工の手順を試行錯誤しました。1枚目で手順が固まったので、2枚目以降を効率よく進めるために手順をまとめます。完成イメージは、こんな感じです。黒のシルエッ…
続きを読む

タイトル付きのアイキャッチ画像生成ツール | オンライン上で文字を画像に変換

ツール 動画・画像編集
テキストを画像に変換するオンライン画像生成ツール。SNS・ブログ用アイキャッチ画像を瞬時に作成。フォント、色、背景を自由にカスタマイズ可能。 使い方▼テキストを入力してく…
続きを読む

画像形式変換ツール | JPG / PNG / WebP / SVG 画像ファイルを、指定した形式に一括変換

ツール 動画・画像編集
JPG/PNG/WebP/SVG画像ファイルをドラッグ&ドロップするだけで、指定した形式に一括変換してダウンロード。 使い方▼画像ファイルをドロップしてください画…
続きを読む

画像トーン補正ツール | 明度・コントラスト・色調・彩度を一括調整

ツール 動画・画像編集
複数の画像ファイルをドラッグ&ドロップするだけで、明度・コントラスト・色調・彩度を個別にプレビュー調整。自動トーン補正にも対応。JPG/PNG/WebP形式で一括ダウンロー…
続きを読む

画像Lanczos拡大ツール | AIを使わず Lanczosで拡大し、エッジを締めてくっきり仕上げます

ツール 動画・画像編集
小さい画像をドラッグ&ドロップするだけで、AIを使わずLanczos補間で拡大し、エッジを締めてくっきり仕上げます。日本語の文字を「描き直して」崩さないので、図解・インフォ…
続きを読む

svg2gif-converter

ツール 動画・画像編集
*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemF…
続きを読む

Remotion で LottieFiles のアニメーションを使う【矢印・アイコンをオーバーレイ動画に組み込む】

動画・画像編集
divアニメーションで作るコールアウトはシンプルで再現性が高い一方、「矢印にループアニメーションを付けたい」「既製のアイコンアニメーションをそのまま使いたい」という場面もあります。…
続きを読む

Remotion で Callout アニメーションを作る【Studio × Zod でリアルタイム座標調整】

動画・画像編集
動画の上に「ここに注目してほしい」を伝えるコールアウト——地図ピン・波紋・コネクター線・ラベルのセットをアニメーションで表示したい場面があります。この記事ではClaudeCode+…
続きを読む

動画制作のワークフロー 準備編2 - 画像生成AIでキャラクターデザインを作る

動画・画像編集
前回の記事で、Veo3.1を使った動画制作の課題として「静止画でキャラデザを先に固めるべきだった」という反省点を挙げました。動画制作のワークフロー準備編1-Veo3.1で動画を作る…
続きを読む

画像生成AIプロンプト：動画スタイルを統一するコツとキーワード集

動画・画像編集
動画を作成するとき、「カメラアングルがバラバラで違和感が出る」「スタイルが統一されない」といった問題に直面していませんか？本記事では、違和感をなくすためのプロンプト設計を中心に、「…
続きを読む

動画制作のワークフロー 準備編1 - Veo 3.1 で動画を作る前に知っておきたいこと

動画・画像編集
Googleの動画生成AI「Veo3.1」を使えば、テキストプロンプトから映画のような動画が作れます。しかし実際に使ってみると、事前準備なしで一発で理想の動画を生成するのは難しいこ…
続きを読む

Gemini×Remotion でテロップを作る【Telop.tsx の実装とフォント設定】

動画・画像編集
前の記事では、画面下部に表示するシンプルな字幕（Caption）を作りました。この記事では一歩進んで、テロップ（Telop）を実装します。字幕との違いは主に2点です。表示位置を柔軟…
続きを読む

Adobe Firefly で写真から動画生成したらすごかった！CC Proプランなら無料で使える

動画・画像編集
AdobeFireflyVideoのImage-to-Video（画像から動画生成）機能を使ってみたところ、想像以上のクオリティでした。写真2枚から「カメラがパンする」動画を生成し…
続きを読む

Adobe Firefly で動画素材を作成し、Adobe Stockで管理する方法

動画・画像編集
動画編集で「イメージ通りのエフェクト素材が見つからない」という経験はありませんか？素材サイトを探し回って「惜しいけど微妙に違う…」と妥協した経験、私もあります。本記事では、Adob…
続きを読む

Claude Code × Remotion で動画字幕を自動化する【環境構築から書き出しまで】

動画・画像編集
動画に字幕を付ける作業、地味に時間がかかりませんか？テロップを1枚ずつ作って読み込んで位置合わせ…という繰り返し作業は、マニュアル動画でもPV動画でも変わりません。この記事では、C…
続きを読む

illustratorからWeb用画像を書き出す際の注意点

動画・画像編集
Web用の画像を書き出す際、いくつかの設定を確認することで、より良い品質の画像を作成することができます。特にデザインデータを受け取って画像を書き出す際に確認しておきたいポイントをま…
続きを読む

Premiere Proで、Mixkitの動画素材が赤字になっている時の修正方法

動画・画像編集
PremiereProでMixkitの無料モーショングラフィックステンプレート（.mogrt）を読み込んだときに、テキストが赤字で表示される、あるいはフォントが見つからない旨の警告…
続きを読む

Adobe Premier Proで、Log撮影された動画にLUTを適用して通常の見た目に戻す方法

動画・画像編集
はじめにプロフェッショナルな映像制作では、より広いダイナミックレンジを確保するためにLog撮影が一般的に使用されます。しかし、Log映像はそのままでは暗く、コントラストの低い状態で…
続きを読む

iZotope RX11 ElementsをAdobe Audition 2024で使用する方法

動画・画像編集
オーディオ編集の世界では、iZotopeRX11ElementsとAdobeAudition2024の組み合わせは強力なツールセットとなります。この記事では、これらのソフトウェアを…
続きを読む

Adobe Auditionを使用したインタビュー音声処理ガイド

動画・画像編集
インタビュー音声の編集では、音量の均一化と品質向上が重要です。本記事では、AdobeAuditionを使用した効果的な音声処理の手順と各ツールの使い方、推奨設定を紹介します。目次ノ…
続きを読む

Adobe Illustratorでテキストボックスのオーバーフローを一括で調整する方法

動画・画像編集
AdobeIllustratorでデザインを行う際、テキストボックスのオーバーフローはよくある問題です。特に、異なる環境やフォント設定で.aiファイルを開くと、この問題が発生しやす…
続きを読む