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

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

» 2019年12月11日 18時07分 公開
[宮原れいねとらぼ]

 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/2502/01/news049.jpg 一般家庭で暮らすワニ、“ご飯だよ”の合図を聞いた瞬間 400万再生の予想外すぎる顔に「温室育ちの純粋な目をしてて草」
  2. /nl/articles/2502/03/news057.jpg 「押すなよ、絶対に押すなよ」なポーズの猫ちゃん→次の瞬間…… 笑っちゃうほどの展開が200万再生「爆笑しました」
  3. /nl/articles/2502/02/news028.jpg 生後2カ月で迎えた保護たぬき、犬に囲まれて育ち5カ月後…… 見事な“オラオラ俺様モード”に「愛嬌の塊みたい」「可愛すぎて虜」
  4. /nl/articles/2502/03/news152.jpg 母「昔は男性からモテまくりだった」→娘は信じられなかったが…… 当時の“説得力ある姿”が260万再生「なんてこった!」【海外】
  5. /nl/articles/2501/31/news050.jpg 「許されると思ってんの?」 スマホのアラームを設定→翌朝…… “絶望の通知内容”が430万表示 「ほんとこれ」
  6. /nl/articles/2502/03/news157.jpg 「目を疑った」 “8割引”も……恵方巻の「大幅値引き」目撃相次ぐ 「予約購入は少数派」消費者との温度差も
  7. /nl/articles/2502/01/news047.jpg 【編み物】彼氏のために、緑と黄緑の毛糸を正方形に編んでつなげると…… 圧巻のおしゃれな大作完成に「息をのむほどすばらしいよ」
  8. /nl/articles/2502/03/news009.jpg 27歳女性がひとりで営む“おにぎり屋台”が話題沸騰中 必死にリヤカー引く姿に「なんだか泣けました」「見かけたら必ず買う!」400万再生
  9. /nl/articles/2502/03/news025.jpg 真冬なのに“様子がおかしい木”を発見→近付きよく見てみると…… まさかの正体が200万表示「初めてみた」「マジで存在するんだ」
  10. /nl/articles/2501/31/news164.jpg 妻「おはぎ教室行ってくる!」→持って帰ってきたものは…… 妻が作った“衝撃のおはぎ”が400万表示 「知ってるおはぎと違う」
先週の総合アクセスTOP10
  1. 風呂に入ろうとしたら…… 子どもから“超高難易度ミッション”が課されていた父に笑いと同情 「父さんはどのようにしてこのお風呂に入るのか」
  2. DIYで室温が約10℃変わった「トイレの寒さ対策」が310万再生 コスパ最強のアイデアへ「天才!」「これすごくいい」
  3. 岡田紗佳、生配信での発言を謝罪 「とても不快」「暴言だと思う」「残念すぎ」と物議
  4. スーパーで買った半玉キャベツの芯を植え、5カ月育てたら…… 農家も驚く想像以上の結末が1300万再生「凄い」「感動した」
  5. 東京藝大卒業生が油性マジックでサンタを描いたら? 10分で完成したとんでもない力作に「脱帽です」「本当にすごい人」
  6. 定年退職の日、妻に感謝のライン → 返ってきた“言葉”が約200万表示 大反響から7カ月たった“現在の生活”を聞いた
  7. 【ヤフオク】“3万円”で購入した100枚の着物帯 →現役着付師が開封すると…… “まさかの中身”に驚き
  8. 「立体的に円柱を描きなさい」→中1の“斜め上の解答”に反響「この発想は天才」「先生の優しさも感じます」 投稿者に話を聞いた
  9. 「すんごい笑った」 “干支を覚えにくい原因”を視覚化したイラストが勢いありすぎで1700万表示の人気 「確かにリズム全然違う!」
  10. 母親から届いた「もち」の仕送り方法が秀逸 まさかの梱包アイデアに「この発想は無かった」と称賛 投稿者にその後を聞いた
先月の総合アクセスTOP10
  1. ドブで捕獲したザリガニを“清らかな天然水”で2週間育てたら…… 「こりゃすごい」興味深い結末が195万再生「初めて見た」
  2. 「配慮が足りない」 映画の入場特典で「おみくじ」配布→“大凶”も…… 指摘受け配給元謝罪「深くお詫び」
  3. 母「昔は何十人もの男性の誘いを断った」→娘は疑っていたが…… 当時の“モテ必至の姿”が1170万再生「なんてこった!」【海外】
  4. 風呂に入ろうとしたら…… 子どもから“超高難易度ミッション”が課されていた父に笑いと同情 「父さんはどのようにしてこのお風呂に入るのか」
  5. 母親から届いた「もち」の仕送り方法が秀逸 まさかの梱包アイデアに「この発想は無かった」と称賛 投稿者にその後を聞いた
  6. 市役所で手続き中、急に笑い出した職員→何かと思って横を見たら…… 衝撃の光景が340万表示 飼い主にその後を聞いた
  7. 「ごめん母さん。塩20キロ届く」LINEで謝罪 → お母さんからの返信が「最高」「まじで好きw」と話題に
  8. DIYで室温が約10℃変わった「トイレの寒さ対策」が310万再生 コスパ最強のアイデアへ「天才!」「これすごくいい」
  9. 「こんなおばあちゃん憧れ」 80代女性が1週間分の晩ご飯を作り置き “まねしたくなるレシピ”に感嘆「同じものを繰り返していたので助かる」
  10. 岡田紗佳、生配信での発言を謝罪 「とても不快」「暴言だと思う」「残念すぎ」と物議