【Custom Cursor】ブラウザ上でマウスカーソルを好きな画像に変えてみよう!

2021年10月3日Chrome

custom cursor のアイコン

この記事では、ブラウザ上でマウスカーソルを好きなアニメキャラや画像に変更できるChrome拡張機能「Custom Cursor」について書きます。

切り替えも簡単なので、気分転換に最適です。

custom cursor のスクリーンショット

ブラウザ上でAPEXやワンピース、鬼滅の刃など、好きなマウスカーソルに変更するchrome拡張機能です。

デフォルトで用意されているマウスカーソルに加え、Custom Cursor に公開されているマウスカーソルをダウンロードすることで使えるようになります。通常時とリンクの上に置いた時の2つの画像がセットになっています。

ダウンロードも無料ででき、通常時とリンク上にマウスを置いた時の2枚画像を用意しないといけないと初心者には難易度が高いので気を付けましょう。その点、ネットに公開されているマウスカーソルは豊富な種類、見やすさを損なわないデザイン、2枚1組で用意されているのでおすすめです。

マウスカーソルは本当にたくさんあり、人気なものでいったら以下のようなものがあります。

  • ドラゴンボール
  • スプラトゥーン
  • ワンピース
  • 七つの大罪
  • Among Us
  • ハイキュー
  • 鬼滅の刃
  • ゼルダ
  • APEX
  • ナルト
  • スマホなどのガジェット
  • 僕のヒーローアカデミア
  • ポケモン
  • TwitterなどのSNS
  • 国旗
  • ジブリ
  • マーベル
  • フォートナイト
  • マインクラフト

僕はAPEX が好きです。(下手ですが)

メモ

ブラウザだけでなく、デスクトップ上でマウスカーソルを変えたい場合は、Windows版がおすすめです。

参考:【custom cursor for Windows】マウスカーソルをアニメキャラに変える方法・使い方

提供元:https://custom-cursor.com
最終アップデート:3.0.1(2021年8月9日)

【広告】自分だけのオリジナルマウスパッドを作ってみよう!ME-Q(メーク)

ダウンロード方法

chromeウェブストアからダウンロードできます。

chromeに追加 をクリックします。

chromeに追加

画面右上にアイコンが追加されます。

chrome拡張機能ボタン

インストールは完了です。

使い方

Custom Cursor アイコンをクイックするとマウスカーソル変更画面が表示されます。あらかじめ、用意されたマウスカーソルを使うか、インターネット上からダウンロードできます。(こちら

気に入ったものがあればクリックでマウスカーソルを変更できます。

メイン画面

ミニオンにできました。

ミニオンのマウスカーソル

画像が2枚あるのは、通常時とリンク上(クリックできる場所)のマウスカーソルと2種類あるからです。

通常時とリンク上の2枚画像が用意されている

視覚的にも分かりやすいし、気分も変わって最高です。

マウスカーソルをダウンロードする方法

以下のサイトから追加でダウンロードできます。

好きなマウスカーソルを見つけたら、ADD かVIEW をクリックしてダウンロードします。

Apex Legends
ADD一括ダウンロード
VIEW個別ダウンロード

今回は試しにADD で一括ダウンロードしてみます。

画面右上にSuccess と表示されたら成功です。

Success

あとは、chrome拡張機能ボタンからクリックで変更します。

マウスカーソルがAPEX のピースキーパーに変わりました。

ピースキーパーのマウスカーソル

クリックできる箇所では、APEX のロゴになります。

クリック時はAPEXのロゴ

一覧の中から探してもいいですが、検索もできます。ただし、日本語には対応していないので英語で入力しましょう。アニメなら「anime」と検索すると沢山ヒットします。

アニメのマウスカーソル

アニメやゲーム系もあれば、動物、建物、SNS、スポーツ、折り紙、国旗、食べ物などめちゃくちゃありました。ぼーと眺めるだけでも面白いです。

マウスカーソルの大きさを変える方法

Custom Cursor で変えたマウスカーソルを使っていると、サイズが小さいと思うかもしれません。

ちゃんとマウスカーソルの大きさを変えることができます。右上のCustom Cursor をクリックします。マウスカーソルのアイコンをクリックします。

マウスカーソルアイコンをクリック

バーが表示されるので右に動かします。右にいくほど大きくなります。

サイズを変更

アニメのカーソルは、デザインによって見にくいものがあるので、サイズ変更できるのはとても便利です。ブラウザ上のマウスカーソルの大きさなので、ブラウザ以外ではパソコンのシステム設定の大きさになります。

自分でマウスカーソルを用意する

自分で好きな画像に変更することもできます。

自分がマウスカーソルに設定したい画像を2枚用意します。

用意する画像のポイント
  • サイズは128×128ピクセル以内
  • 画像拡張子はPNGがおすすめ
  • 背景は透過のほうが見栄えが綺麗
  • 一枚でもいいけど、クリックできる箇所との違いが分かりやすくなるため、2枚がおすすめ

ビールと唐揚げの画像を用意しました。

ビールと唐揚げのイラスト

画像を用意できたら、Custom Cursor にアップロードします。Custom Cursor のアイコンをクリックして、アップロードカーソルをクリックします。

アップロードカーソル

それぞれのマウスの右下の+をクリックして、変更したい画像をアップロードします。

自分のカーソルをアップロードする

アップロードしたら、下の画像のように登録されます。

オリジナルマウスカーソルが追加

あとは、My Collection の項目に自分がアップロードしたマウスカーソルが表示されてるのでクリックで適用します。

マウスカーソルが通常時はビールでリンク上では唐揚げになりました。

ビールのマウスカーソル
唐揚げのマウスカーソル

自分で、好きなマウスカーソルに変更できるのは魅力的ですが、以下の2点からなかなか初心者には難しいなと思いました。

初心者には難しい点
  • 画像を用意しないといけない
  • 用意できても、縦横比を考えたりと難しい

ネット上に優秀なマウスカーソルが沢山あるので初心者のうちはその中から選ぶのがおすすめです。

スクショする時の注意点

マウスカーソルを変更した状態でKIOKU などのキャプチャソフトを使う時にはちょっと注意点というか「あ、そうなんだ」程度で知っておくことがあります。

マウスカーソルを変更してもスクリーンショットには反映されないということです。

試しにマウスカーソルをアニメ「Re:ゼロから始める異世界生活」に変更した状態で、キャプチャ(KIOKU)してみます。

カーソルを変更していてもスクリーンショットには、通常のマウスカーソルが表示されてしまいます。

通常のマウスカーソルがキャプチャされる

下画像のようにマウスカーソルを変更した状態でのキャプチャがしたい!という方には残念な仕様です。(下画像はイメージ画像です)

理想の画像

まとめ

以上、ブラウザ上で好きなマウスカーソル画像に変更できるcustom cursorの紹介でした。

鬼滅の刃や、ワンピースなど、日本で流行っているアニメが沢山あってよかったです。ブラウザ上で簡単に変えることができるってのもいいですね。

【広告】最近マウスを買い換えました。ゲーミング用軽くて最高です。ゲーム以外でも全然使えます。ってかもう全てのマウスこの軽さでいいんじゃないかくらいおすすめです。マウスが軽いと手の疲労が全然違いますね…。

Posted by ナポリタン寿司