- Jason Fitzpatrick
@jasonfitzpatric
- September 29, 2016, 12:53pm EDT
ミーム写真（上からことわざが当てられた認識できる写真）はインターネットの掲示板からメールの転送まで、どこにでも出現しているものです。 その上で大胆に目立つフォントは何なのか、どうやって作っているのか。
Dear How-To Geek,
来週の同僚の誕生日に、彼の部屋に置くための面白い写真を作りたいと思っています。 本当は、あちこちで見かけるインターネットのミーム写真のようなスタイルにしたいのですが、私はグラフィック デザイナーではありません (特に賢いわけでもありません)。 私の深刻ではない問題に対して、みなさんが真剣にアドバイスしてくれませんか？
その点を踏まえて、いくつか質問させてください。 まず、写真に使われているフォントは何ですか？ 私の目が悪いのかもしれませんが、私が見たものはすべて、本当にブロック状の白いフォントで、テキストの周りに黒いアウトラインがあるように見えます。 このようなテキストを画像の上に簡単に配置するにはどうしたらよいのでしょうか？
敬具
Meme Curious
これはまさに金曜日の午後に行われた、あまり深刻ではない Ask HTG の質問です。
そもそもミームって何？
まず、トリビア的な質問に答えてから、写真を作るための具体的な方法を見ていきましょう。 ミーム」という言葉は、進化生物学者の Richard Dawkins によって作られました。 彼は1976年に出版した『利己的な遺伝子』の中で、文化的な考えが進化論的なメカニズムでどのように広がっていくのかを議論するための用語として、この言葉を作りました。 一般的なコンセプトは、音楽、スラングやキャッチフレーズ、建築、芸術のスタイルなどはすべて人から人へと伝わり、それらのアイデアは (ちょうど生物のように) 突然変異、変化、競争、および継承による伝達のプロセスを通じて変化するということです。 ミーム画像はインターネット ミームの視覚的なメディアにすぎず、テキストや動画でも広がります。 ミーム写真」という概念は、（例えば、写真やビデオで撮影され、ソーシャルメディアを通じて広まる文化的ミームの一種である「プランキング」の写真とは対照的に）あなたが興味を持っている、写真に白いテキストを重ねた画像のことを指し、ミームやインターネットミームの概念全体におけるサブセットの中のサブセットであると言えます。
ドーキンズ自身は、「インターネット ミーム」の概念は、文化的ミームに関するインターネット以前の概念とは少し異なると述べていますが、大前提は同じです (ただし、インターネット ミームは、歴史的ミームよりも根本的に速いペースで作成、変更、配布されており、電子媒体に存在するので追跡可能という新しい要素を持っています)。
ちょっとしたトリビアはさておき、どんなフォントが使われているか、そして、どのようにして自分だけのフォントを作って、金曜日のちょっとした楽しみにするか見てみましょう。
ミーム写真はどんなフォントを使っているか
フォント選択は画像メーカーの裁量ですが、インターネットのミーム写真の大部分は Impact フォントを使用しています。 (Arial を使用するのはごく少数で、Comic Sans を使用するのはさらに少数です。)
Impactは、1960年代にデザイナー Geoffrey Lee (彼は間違いなく、彼のタイポの才能が、何百万もの猫の写真を飾ることになるとは思っていませんでした) がデザインした、視認性が高く、大胆なサンセリフ体の書体です。
大きなブロック状のデザイン、および Microsoft Windows などの主要なオペレーティング システムにこのフォントが含まれていることは、まさにこのフォントがミーム画像作成者に選ばれるフォントとして定着した理由です。
コントラストは、テキストと周囲のイメージの間のコントラストを最大にするために、太い黒い線でテキストの輪郭を描く「ストローク」と呼ばれるものを使用することにより、さらに強化されています。
フォント (とその太いアウトライン) の名前がわかったところで、ミーム スタイルの画像を自分で作るためのいくつかの異なる方法を見ていきましょう。
自分で作るにはどうしたらいいですか
ミームの画像を作るアプローチとして、いくつかの方法があります。 1 つ目は、画像エディタを起動し、腕まくりをして、最初から最後までやり遂げることです。 もう1つは、「ミーム・ジェネレーター」タイプのウェブサイトを使用して、あなたのためにハードワークを行うことです。 ツールにアクセスできない（あるいはダウンロードやインストールをしたくない）場合、自分でやるのはそれほど難しくありませんが、ジェネレーターは十分な働きをしてくれます。
Photoshop で独自のミーム画像を作成する
手元に Photoshop がなくても (あるいは職場や学校で入手できなくても) 心配は要りません。
この DIY メソッドの最も優れた点は、画像を完全に制御でき、第三者の Web サイトにアップロードする必要がないことです。 同僚は、あなたのミーム画像を面白いと思うかもしれませんが、あなたが使用したミーム ジェネレーター ウェブサイトが自分の写真を保持し、他の人がインターネット ミームの一部として自分の顔を使用している場合、彼らはそれをはるかに面白く感じないかもしれません。
最初のステップは、ソース画像を取得し、お好みのエディターで開くことです。
最初のステップは、ソース画像を取得し、お好みのエディターで開きます。デモでは、Douglas O’Brien の提供する Creative Commons ライセンスの写真を使用します。 オプションを変更している間、テキストの両端揃えを中央揃えにし、テキストの色を白に設定します。 フォント サイズはソース画像のサイズに完全に依存します (上のスクリーンショットでは、フォントは 22pt に設定されていますが、これは単にテキスト ツールを使用したときに最後に設定されたものであるためで、写真に合わせて調整します)。 テキストの量に応じて、画像の上部、下部、またはその両方を書き込みスペースとして使用します。 上部、下部、またはその両方を使用する場合でも、テキストは中央に配置する必要があります。 以下は、In Ur Base meme にちなんだサンプル テキストをレイアウトし、サイズを調整したものです。
テキストがすべて大文字であることに注意してください。
テキストがすべて大文字であることに注意してください。大文字であることはミーム テキストを作成する伝統的な方法ですが、その気になれば通常の大文字/小文字のテキストを自由に使用できます。 ミーム作成パズルの最後のピースは、テキストにストローク要素を追加することです。
テキスト レイヤーを選択し、右クリックして「ブレンド オプション」を選択するか、単にレイヤーをダブルクリックしてブレンド オプション メニューを開きます。
ブレンド オプションの下の「ストローク」をチェックして、ストローク オプションを確認します。 ほとんどの写真では、ストロークの幅は 3 ～ 5 ピクセルが必要です (太字ではあるが、テキストの輪郭が強調されないように必要に応じて調整します)。 位置は「外側」、ブレンドモードは「通常」、不透明度は100%にします。 色はもちろん黒にします。 5 ピクセルの黒いストロークを適用した画像は次のようになります。
すばらしい。 フォントは太字で目を引き、テキストは中央に配置され、黒で輪郭が描かれ、最も重要なことは、このミーム画像に猫が描かれていることです。
ミーム ジェネレーターを使用する
上で述べたように、画像エディターへのアクセスがない、またはそれに対処したくない場合、ミーム ジェネレーターを使用するという選択肢が常にあります。
いかに有名であっても、ここでは MemeGenerator.net （最初にして最大のミーム ジェネレーターの 1 つ） を使用しないことにします。 前節で、オンライン ツールを使用すると、画像がどこにでも出回ってしまうという懸念があったのを覚えていますか? MemeGenerator.netでミーム画像を作成すると、基本的に新しいミームが作成され、それがウェブサイトに投稿され、誰もが見ることができます。
代わりに、ImgFlip のミーム ジェネレーターを使用することにします。 非公開にしたい画像をアップロードする際に、2 つの重要な機能があります。 まず、アップロードするファイルを選択する際に、「公開ディレクトリに画像の表示を許可する」のチェックが外れていることを確認します。次に、ジェネレータの下部にある「プライベート」オプションをチェックします。
これらの 2 つのオプション (共有のチェックを外し、プライベートのチェックを入れた状態) を設定した上で、画像をアップロードします。
デフォルトでは、ジェネレーターは Impact フォントを使用し、白で、黒の輪郭 (5 ピクセルの太さ) ですが、これらはその場で調整することができます。
また、詳細設定メニューで、フォントの種類、最大サイズ、およびドロップ シャドウの有無を変更できます (さらに、大文字のスタイルをオフにすることもできます)。
ちょっとした Photoshop の操作に慣れていれば、Photoshop でミーム画像を作成する方が、フォントの調整、画像の移動、その他の微調整を簡単に行えるので、はるかに速く作成できます。
どのツールを使用するかにかかわらず、ミームについて少しは理解できたでしょうし、ミームの作り方についてもかなり理解できたと思います。
Jason Fitzpatrick は、ライフハック、ヒント、トリックに焦点を当てた How-To Geek の姉妹サイト LifeSavvy の編集長を務めています。 また、”beautiful “は “beautiful “の略称です。 ハウツーギークに参加する前は、ライフハッカーのウィークエンドエディターを務めていました。