ニュース
» 2019年12月11日 18時07分 公開

真っ白なアイコンから浮かび上がる絵 Twitterのダークモードでのみ現れるアイコンがナイスアイデア

周りにいる真っ白なアイコン、もしかしたらダークモード仕様かも?

[宮原れい,ねとらぼ]

 Twitterの「ダークモード」でのみ姿を現すアイコン画像が「面白い!」「マネしたい」と話題になっています



 デザイナー/アニメーターのどまそ(@d_maso)さんが、自身のTwitterアイコンで実際に試しています。Twitterの表示設定がデフォルト(背景が白)だと真っ白なアイコンですが、くらめの色になるダークモードでは「かわいい生き物」がまるでボワっと光るようにアイコンに登場。


Twitter アイコン ダークモード 現れる 変わる 透過 作り方 デフォルトのTwitter表示だと真っ白なアイコンが……(画像提供:@d_masoさん)

Twitter アイコン ダークモード 現れる 変わる 透過 作り方 ダークモードだとかわいいキャラクターが現れる!(画像提供:@d_masoさん)

 大まかな作り方も紹介していて、「1.白のみでアイコンをつくる」「2.透過PNG(※画像の拡張子)で保存」。これであとはその画像をアイコンに設定すれば完了。またどまそさんの場合、アイコンのキャラクターは「体のグラデーションは白の透過度変えたりして作ってる」そうで、それによってより闇の中で光るような表現が生まれているようです。ちなみに、どまそさんのアイコンキャラクターが気になる方は、どまそさんのポートフォリオサイトをのぞいてみるのをおすすめします。動きがかわいい。



Twitter アイコン ダークモード 現れる 変わる 透過 作り方 白だけで描いて「透過PNG」で書き出し(画像提供:@d_masoさん)

 以前から“透過PNG”を使った変化イラスト(画像をタップすると変わる)などは投稿されていましたが、Twitterのダークモードを利用して消えたり現れたりするアイコンのアイデアには「その発想はなかった」「おしゃれ!」「かっこいい」の声が寄せられ、早速やってみるユーザーも。他にはツイートをタップする際に、一瞬だけアイコンがチラッと見えるのが良いという声もありました。




 ちなみにスマホアプリでのダークモードは、端末によって「自動ダークモード」や「端末の設定を使う(iOSではiPhoneの外観モードを“自動”にした場合)」で夜間のみダークモードになる設定にも可能なので、“夜になると現れるアイコン”を体験できます。ただし、見る側の設定に委ねられるのと、アイコンでその人だと認識している人が一瞬混乱する可能性も多少あるので、気をつけつつ楽しみましょう。


Twitter アイコン ダークモード 現れる 変わる 透過 作り方Twitter アイコン ダークモード 現れる 変わる 透過 作り方 Twitterアプリのダークモード設定画面(画像はiOS版)

Twitter アイコン ダークモード 現れる 変わる 透過 作り方 ダークモードの「ダークブルー」の場合の見た目

Twitter アイコン ダークモード 現れる 変わる 透過 作り方 PCブラウザで見たプロフィールでのアイコン(デフォルト)

Twitter アイコン ダークモード 現れる 変わる 透過 作り方 PCブラウザで見たプロフィールでのアイコン(ダークモード)。どれもなんだか良い感じです


Copyright © ITmedia, Inc. All Rights Reserved.

昨日の総合アクセスTOP10

  1. /nl/articles/2109/16/news095.jpg 中国版「FGO」で中国系キャラクターの名前・イラストが突然変更に 虞美人(アサシン)は「暗匿者230」、始皇帝は「裁定者229」に
  2. /nl/articles/2109/16/news101.jpg 光浦靖子、初めての“カナダ留学レポ”に反響 ナイアガラの滝観光ショットに「お元気そうでよかった」
  3. /nl/articles/2109/15/news022.jpg 豆柴の赤ちゃんから手を離すと…… “秒で寝た笑”かわいすぎる寝落ちに「心が浄化される」「母性が目覚める」
  4. /nl/articles/2109/16/news027.jpg 張り切って“アゴ乗せ”に挑戦したハスキー、しかし…… おちゃめに間違えたワンコの「てへぺろ」がかわいい
  5. /nl/articles/2109/15/news169.jpg オンライン麻雀ゲーム「姫雀鬼」、サービス開始と同時にサービス終了発表で話題に Twitterではバグ報告多数
  6. /nl/articles/2109/16/news126.jpg ダレノガレ明美、元保護犬リッツの早い旅立ちを報告 がんを何年も放置したブリーダーへ「本当に許せない」
  7. /nl/articles/2109/12/news041.jpg 小学生のころのトラウマ漫画がつらい 美術館の撮影OKゾーンで撮っていたら「常識ないのか」「全部消しなさい」
  8. /nl/articles/2109/16/news093.jpg あびる優「私の気持ちは私の中にしまっておきます」 核心に触れず、周囲から多くの声が届いていること明かす
  9. /nl/articles/2105/13/news011.jpg 夜にキッチンの窓から見た人影 振り返ってみると恐ろしかった出来事を描いた漫画がゾクッとする
  10. /nl/articles/2109/15/news175.jpg 「デンジャラス」ノッチの次女、完治困難な異汗性湿疹で“電流療法” 1年ごしの成果に妻も満足 「痛みの方が耐えられる」

先週の総合アクセスTOP10

先月の総合アクセスTOP10

  1. 田中将大、石川佳純ら卓球女子との集合ショットに反響 「夢の共演」「どちらから声を掛けたのか気になる」
  2. 田中将大の五輪オフショット集、最後は柔道・阿部詩との2ショットでシメ! “モテ男”の期待裏切らず「美女好きですね〜」
  3. 「マジで恥ずかしいです」 中川翔子、数年ぶりの“水着披露”に恥じらいつつもマネジャー大絶賛「スタイルめっちゃいいすね!」
  4. 里田まい、楽天ユニフォーム姿の長男に「違う、そうじゃない」 父・田中将大選手そっちのけの推し愛にツッコミの嵐
  5. 野々村真、動画で退院を報告 やつれた姿に衝撃広まる「コロナがより怖くなった」「ガリガリで衝撃を受けたわ」
  6. 「薬を問われ、アル中だと言われ」 西山茉希、“うわさ”ささやかれる痩せ体形に「懸命なもんでご了承願います」
  7. 柴犬「メシ、よこさんかーい!!(激怒)」 ごはんを忘れた飼い主に皿をぶん投げる柴犬、荒ぶる姿に「爆笑した」
  8. レイザーラモンRG、コロナ療養で“10キロ減”を告白 「顔が変わっちゃいました」とやつれた姿で復帰報告
  9. 海外記者「最高のコンビニアイスを発見した」 森永チョコモナカジャンボ、ついに世界に見つかってしまう
  10. 「ついついキレイな部分ばかり載せたくなりますが」 小倉優子が公開したインスタの“現実”に「勝手に親近感が」「共感しかない」