【動画素材】WEB誘導用の「検索窓」アニメーション!

こんにちは、管理人の高田です(@eizo_memo)。

PIXTAやAdobeStockなどを中心に ストック動画の販売にチャレンジしています。

販売している動画を系統だてて紹介するために 自分のブログにリンクを貼ってみることにしました。

この記事では「検索窓のアニメーション」動画のロイヤリティ・フリー素材を紹介しています。

はじめに

「商品名(会社名)で検索!」といったWEBへの誘導時におすすめの検索窓のアニメーションです。

企業ものVPやインフォマーシャルなど幅広く使えると思います。

いくつかのパターンを作成していますが、基本的には「開始1~5秒でポインタがあらわれて検索(Search)ボタンをクリック」という構成になっています。

ポインタのスタート位置が上からのタイプと、下からのタイプを作成しています。

また、カラーバリエーションとして、検索ボタンの色違いをいくつか作成しています。

基本的にアルファチャンネル付きで作成していますので、検索窓の位置・サイズなどはご自分の好みに修正可能です。

お得なクーポン割引!

まだPIXTAに登録していない方限定の、ちょっとだけお得な割引情報です。

以下のリンクからPIXTAに会員登録した方は会員登録完了時に「540円」分のクーポンが獲得できます。この機会にPIXTA会員に登録してみましょう。

※以下の各動画販売ページへのリンク経由ではクーポンは発生しませんのでご注意ください。

検索窓アニメのまとめ

というわけで私が販売している検索窓アニメの素材を紹介していきます。

ベーシック(日本語)

メタリックな枠で作成したベーシックな日本語の検索窓のパターンです。

ポインタが上からスタート

【販売ページ】ポインタ上から「赤」
【販売ページ】ポインタ上から「緑」
【販売ページ】ポインタ上から「青」
【販売ページ】ポインタ上から「黒(グレー)」

ポインタが下からスタート

【販売ページ】ポインタ下から「赤」
【販売ページ】ポインタ下から「緑」
【販売ページ】ポインタ下から「青」
【販売ページ】ポインタ下から「黒(グレー)」

ベーシック(英語)

メタリックな枠で作成したベーシックな英語(Search)の検索窓のパターンです。こちらは「ポインタが下から」のみになります。

ポインタが下からスタート

【販売ページ】ポインタ下から「赤」
【販売ページ】ポインタ下から「緑」
【販売ページ】ポインタ下から「青」
【販売ページ】ポインタ下から「黒(グレー)」

フラットデザイン風

Yahoo!トップページの検索窓のようなフラットデザイン風の検索窓です。※こちらは開始5秒目からポインタがあらわれます。

ポインタが上からスタート

【販売ページ】ポインタ上から「赤」
【販売ページ】ポインタ上から「オレンジ」
【販売ページ】ポインタ上から「緑」
【販売ページ】ポインタ上から「青」
【販売ページ】ポインタ上から「黒(グレー)」

ポインタが下からスタート

【販売ページ】ポインタ下から「赤」
【販売ページ】ポインタ上から「オレンジ」
【販売ページ】ポインタ下から「緑」
【販売ページ】ポインタ下から「青」
【販売ページ】ポインタ下から「黒(グレー)」

Adobe製品の導入/更新を考えている方必見!

Adobe CreatveCloudの導入/更新を検討している方には、たのまなの「アドビオンライントレーニング通信講座」がおすすめ。

Adobeアプリの動画講座に加えて、CreatveCloud コンプリートプラン(全アプリが利用可能なプラン)が付属し、なんと"学割価格" で利用できてしまいます。

\ 主婦・社会人でも登録可!商業利用OK!/

※講座の内容を詳しく知りたい方はこちら

※私が 実際にトレーニング講座を受講した際の感想を記事にしていますので、興味がある方はそちらも合わせて読んでみてください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

「映像知識のメモ帳」管理人:高田

「映像知識のメモ帳」を運営している高田です。 編集業務をメインとしつつ、かれこれ15年以上も映像製作の仕事をしています。おかげさまで その間、放送系のお仕事から企業VPやアイドルイメージまで、幅広いジャンルのお仕事に携わらせていただきました。 これまでの仕事で学んだことを自分だけの知識にしておくのはもったいないと思い、情報の共有を目的としてこのブログを運営しています。 詳しいプロフィールとお問い合わせはこちら。