本文へスキップ
HELLO!
HIGASHIYUKI®.COM
0   /   100
Motion & Digital Visual

モーション・デジタルビジュアル

モーショングラフィックスやWeb表現を含め、静止画だけでは伝えきれない印象やリズムを設計します。 媒体を横断しながら、一貫した視覚体験を構築します。

LUMIX CINEMA本編動画のサムネイル
Motion & Digital Visual

ポスターやパッケージで決めたトーンを、そのままWebと映像へ持ち込む。

紙で確立したビジュアルをWebや映像へ展開するとき、担当が変わるとトーンが変わります。書体が置き換わる、色が転ぶ、余白の取り方が変わる。同じブランドのはずが、媒体ごとに別物になっていくのはこれが原因です。

グラフィックとモーションの両方を担当するため、この置き換わりが起きません。Panasonic LUMIX と SOUNDSLAYER™ のモーションロゴでは、静止画の骨格を保ったまま動きへ展開しました。JAGDA福岡の公式サイトでは、動きの設計とWeb実装をあわせて担当しています。

Capabilities

対応範囲

福岡を拠点に、静止画のデザインから動きの設計、Webサイトへの実装までを通して担当します。すでにあるグラフィックを動かすご依頼にも対応しています。

制作物
バナーアニメーション/SNS向けモーション/Webサイトの演出/タイトルモーション/デジタルサイネージ
デザイン
静止画としてのグラフィック設計/タイポグラフィ/色彩設計/画面構成
動きの設計
イージング(加速・減速)/トランジション/間の取り方/ロゴの動き出しの設計
実装・書き出し
Web用のSVGアニメーション(Lottie)/動画形式の書き出し/Webサイトへの実装
Seamless Integration

モーション・デジタルビジュアル、ビジュアル・アイデンティティ、広告・エディトリアル、パッケージ、デザイン×フォトグラフィ。静止画の設計から実装までを一貫して行い、媒体が変わっても印象を保ちます。

暗いグレーの背景にポートフォリオサイトの各ページを敷き詰めた俯瞰ビジュアル
Visual Identity

ロゴ、シンボル、タイポグラフィ、カラー設計など、視覚的な印象の核となる要素を設計します。 企業、店舗、プロダクト、プロジェクトなど、背景や考え方を整理しながら、長く機能するビジュアルを構築します。

FUKUOKA DESIGN AWARD 2026の募集リーフレットの見開きを敷き詰めた俯瞰
Advertising & Editorial

パンフレット、ポスター、冊子、広告、リーフレット、販促ツールなど、情報と印象を両立させたグラフィックを制作します。 視認性だけでなく、空気感や余白、読み心地まで丁寧に設計します。

大理石の床に並べられたメンズコスメティックFABROUのフェイシャルソープとボディソープ
Packaging & Product Visual

商品の魅力や質感を伝えるための、パッケージ・ラベル・商品ビジュアルを制作します。 手に取る前から印象が伝わるよう、素材感や色彩、写真表現まで含めて設計します。

福岡の街並みと空を背景に、FABROUのボトルとロゴを配した広告ビジュアル
Design × Photography

グラフィックだけで完結させず、物撮りを含む撮影まで一貫して対応しています。 デザインと写真を分断せず、統合的にビジュアルを設計できることが強みです。

LUMIX CINEMA本編動画のサムネイル
Motion & Digital Visual

モーショングラフィックスやWeb表現を含め、静止画だけでは伝えきれない印象やリズムを設計します。 媒体を横断しながら、一貫した視覚体験を構築します。

Process

ご相談から納品までの進め方

はじめのご相談から納品まで、次の順で進めます。

  1. ご相談

    動かしたいもの、置く場所、想定する秒数、公開時期をうかがいます。Webサイトの中で動くのか、SNSに投稿するのか、会場のモニターで流すのかによって、設計する動きが変わります。

    打ち合わせは、保有する専用サーバー上のオンラインビデオ会議システムで行えます。ブラウザだけで参加でき、アプリのインストールは不要です。最大10名まで同時にご参加いただけます。

  2. 方向の設計とお見積り

    既にあるロゴやグラフィックを読み解き、どこが動くとブランドらしさが立ち上がるのかを見極めます。全部を動かすと、かえって何も伝わりません。

    必要な書き出し形式と本数が決まったところでお見積りをお出しします。

  3. 静止画としての設計

    動かす前に、止まった状態の画面を設計します。書体、文字の大きさ、余白、色。止めて成立しない画面は、動かしても成立しません。

    既存のポスターやパッケージがある場合は、そのトーンをそのままの純度で持ち込みます。媒体が変わっても印象がぶれないための工程です。

  4. 動きの設計

    加速と減速のカーブ、要素が現れる順序、止まったあとの余韻の長さを詰めます。同じ構成でも、間の取り方だけで受け取られ方が変わります。

    必要に応じて音を合わせます。バナーのように音が出せない場面では、動きだけで伝わる構成に組み替えます。

  5. 書き出しと実装

    使う場所に合わせて書き出します。Webサイト用には Lottie(JSON)または SVG アニメーション、SNS用には各アスペクト比の動画と、環境ごとに用意します。

    Webサイトへの実装まで同じ制作者が担当できます。サイト制作とあわせてご依頼いただくことも可能です。データのお渡しには独自のオンラインファイル共有システムを使います。

LUMIX CINEMA本編動画のサムネイル
黒い画面に虹色の光をまとって現れるLUMIXのロゴアニメーション
Panasonic SOUND SLAYERのモーションロゴキャプチャ
黄色の光がにじむ背景に歪んだ「INTEG®ATED」の文字が現れるタイトル
走査線のように崩れたグリッチ表現で「INTEG®ATED」の文字が溶ける一場面
激しいグリッチノイズのなかに「INTEG®ATED」の文字が分解して現れる一場面
Price

ご依頼料金の目安

最小の構成でご依頼いただく場合の下限の目安です。制作の規模や修正の回数、納期により増減します。標準的な制作費と工程ごとの積算内訳は、下のボタンから料金の目安ページでご覧いただけます。正式なお見積もりは、要件をうかがったうえでお出しします。

3.5万円〜税別

Selected Works

制作実績

Panasonic LUMIXSOUNDSLAYER™ のモーションロゴでは、ロゴのエフェクトデザインからモーションとサウンドエフェクトの編集までを担当しました。静止したロゴが持つ骨格を崩さずに動かした例です。

所属協会のJAGDA福岡公式サイトでは、Webサイト上での動きの設計と実装をあわせて手がけました。BEERS OF JAPAN FESTIVAL では、告知物からPV映像まで同じトーンで展開しています。ロゴそのものの設計からご希望の場合はビジュアル・アイデンティティで承ります。

FAQ

よくあるご質問

ご相談の前によくいただく質問をまとめました。

ここにないことも、遠慮なくお尋ねください。

はい。お手持ちのデータをお預かりして動かすご依頼に対応します。どこが動くとブランドらしさが立ち上がるのかを見極めてから設計します。全部を動かすと、かえって何も伝わらなくなるためです。

対応します。Lottie(JSON)やSVGアニメーションで書き出せば、動画ファイルより軽く、拡大しても輪郭が崩れません。Webサイトの制作・実装まで同じ制作者が担当できます。

対応します。展開する寸法を先にうかがい、どの比率でも成立する画面構成にしてから動きを付けます。音が出せない掲載面では、動きだけで伝わる構成に組み替えます。

はい。お手元のポスターやパッケージを基準に、書体・色・余白の扱いを揃えたまま動きを付けます。紙とデジタルの両方を同じ制作者が担当できるため、媒体が変わっても印象がぶれません。

内容によって幅があるため、一律の料金表は設けていません。必要な書き出し形式と本数をうかがったうえでお見積りをお出しします。

目安として、このページにご依頼料金の目安を掲載しています。料金の目安ページでは、ほかのサービスも含めた標準的な制作費と工程ごとの積算内訳をご覧いただけます。お気軽にご相談ください。

グラフィックのモーション展開について、お気軽にご相談ください。

ポスターやロゴなど、既存のグラフィックをWebの動きや映像へ展開します。トーンを変えずに動かすことを前提に設計します。映像作品としての制作が主の場合は、映像制作のモーショングラフィックスで承ります。