ニュース

Twitterで、画像の透過を使った「クリック推奨イラスト」が流行中 ポチッてビックリ

画像の作り方も紹介します。

advertisement

 「クリックしてみて」「クリック推奨」――ダースベイダーごっこハリー・ポッターごっこなど、いろんな写真遊びが流行してきたTwitterで、新たな画像の遊びが流行しています。今回紹介する“クリック推奨イラスト”は、創作界隈のユーザーがハマりそうなちょっと凝った遊びです。投稿されたイラストをクリックすると……あれれ、元の絵になかった背景が浮かび上がってきたぞ? 不思議だーっ!!

まぁぁぁぁどぉぉぉぉかぁぁぁぁあああぁぁぁ!(写真をクリックしたらTwitterに飛ぶから、もういっぺん写真クリックしてみよう)
やめれ
パフュームゥウウウウ!!!
ペロペロ!

 実はこれ、画像の透過機能を活用した遊び。Twitterに投稿できる写真形式の1つである「PNG」は、何も塗っていない箇所を「白」ではなく「無色透明」にできます。この透明な部分には、写真の後ろの色がそのまま透けて現れます。バックグラウンドが白なら白で、黒なら黒で表示されるわけです。

 Twitterのタイムラインの背景は白ですが、写真の拡大表示画面の背景は黒。なので、投稿したPNG写真に「白く塗られた」箇所と「透明」な箇所が混ざっていると、タイムライン画面では白い箇所と見分けがつかなかった透明な箇所が、拡大表示画面では黒く浮き出てくるというわけ。要するに、切り絵みたいなイメージですね。用紙と同じ色の台紙を使うと切り絵は目立たないけど、台紙の色を変えると切り絵が浮かび上がってくるわけです。

advertisement

こうやって絵を描いておくと

背景が白いタイムライン画面だとこんな風に

背景が黒い拡大表示画面だとこんな風になる

 この写真遊びが流行り始めた初期は、「白」「黒」「透明」の3要素を使ったシンプルなイラストが多かったのですが、最近では白の不透明度をコントロールして複雑な影の表現などを取り入れた、凝ったイラストも出てきています。みんな、いろいろうまいこと考えるなぁ。興味がある方は、お試しあれ!

カラーイラストとのコラボも!
こういうホラー系の遊びにも使われそう

Copyright © ITmedia, Inc. All Rights Reserved.

記事ランキング

  1. しぶとい雑草“ドクダミ”を生やさない超簡単な方法が115万再生! 除草剤を使わない画期的な対策に「スゴイ発見」
  2. 釣りに行こうとしたら、海岸に子猫が打ち上げられていて…… 保護後、予想だにしない展開に「神様降臨」「涙が止まりません」
  3. 顔の半分は童顔メイク、もう半分の仕上がりに驚がく 同一人物と思えない半顔メイクが860万再生「凄いねメイクの力」
  4. パパに笑顔を見せる4カ月の赤ちゃん、ママの顔を見ると…… あるあるな反応に「なんで?!」「ママをすごく信頼してる証拠」とさまざまな声集まる
  5. スーパーで買ったレモンの種が1年後…… まさかの結果が635万再生「さっそくやってみます」「すごーい!」「手品みたい」
  6. “女子小学生”がメンズカットしたら……「え!」 その驚きの大変身に「な、なに!?」「絶対モテる」と反響
  7. 小1娘、ペンギンの卵を楽しみに育ててみたら…… 期待を裏切る生き物の爆誕に「声出して笑ってしまったw」「反応がめちゃくちゃ可愛い」
  8. 巨大ウサギのデカさを伝えるため、2Lペットボトルを横に置いてみたら…… 衝撃の比較結果に「えっ、500mlじゃないんですか」「マジで大きい」
  9. 実写「シティーハンター」、最後まで見るとあるはずの仕様がない配慮「わかってる」「粋なはからい」「いい判断」
  10. 「こんな事あるのか」 マックでハンバーガー購入→“信じられない状態”に仰天 「逆に羨ましい」