編集可能なテキストとテンプレートでミームを作成する方法.

Meme Generatorを開き、この例に従うために「Robot reaction」を選択してください。「Two moods」を選択すると、2枚の画像を比較する形式になります。最大 25 MBまでのサポートされている画像をアップロードすることも可能です。オリジナルのロボットのアートワークはツールに含まれており、このチュートリアルではサードパーティのミームテンプレート画像は使用していません。

画像の上にテキストを配置する場合は「Classic」を維持してください。「Headline」と「オチ」は白いキャプション帯を追加し、「期待 / 現実」と「彼らが思っていること」は独立して置き換え可能な2枚の画像を提供します。「Spotlight」は白いフレームを追加します。レイアウトを選択してから入力してください。レイアウトを切り替えると、開始時のテキストと配置が置き換わります。

上部のキャプションをクリックまたはタップして「MY NEXT GREAT IDEA」に置き換えます。テキストは画像上で直接変更されます。選択したキャプションの下にある移動ハンドルをドラッグして、少し下に配置します。記録された例では、ポインタはモバイルプレビューサイズで 18 CSS ピクセル下に移動しています。

例として2番目の開始キャプションを維持します。「テキストを追加」でキャプションを追加でき、最大 16 レイヤー、各レイヤー最大 1,000 文字まで入力可能です。「キャプションを複製」は選択したレイヤーをコピーし、「最前面へ移動」はテキストが重なった際の順序を変更し、「キャプションを削除」は削除します。「Undo」と「Redo」で最近の変更を元に戻したりやり直したりできます。

フローティングツールバーの「フォント」を開きます。テキストサイズを 108 ピクセル、回転を -8 度に設定して、このエクスポートを再現してください。デフォルトのソースキャンバスは 1200 x 900 ピクセルであるため、サイズはブラウザのズームではなく実際の出力に対して測定されます。テキスト幅は折り返しを制御し、配置ボタンで左寄せ、中央揃え、右寄せが可能です。

B、I、Aaの各コントロールを使用して、太字、斜体、大文字に設定します。テキストの外観コントロールで、塗りつぶしの色、不透明度、輪郭、背景を調整します。輪郭や背景色を選択すると、その効果が有効になります。「システムフォントを使用」は、サポートされている場合にブラウザへローカルフォントへのアクセスを要求します。同梱のフォントは許可なしで使用できます。

すべてのテンプレート画像は変更可能です。1枚写真のレイアウトには、キャンバスの下に「画像を置き換え」があります。2枚写真のレイアウトでは各パネルに置き換えボタンがあり、「画像」カードからも同じオプションを利用できます。「フレームに合わせる」で画像の端をトリミングでき、「画像全体を表示」でソース全体を保持できます。

PNG を選択し、「スタート」をクリックします。結果ページで「ダウンロード」を使用して画像を保存します。この実例では、編集済みのトップキャプション、2番目のキャプション、および追加の透かしなしで、実際の 1200 x 900 ピクセルの PNG が生成されました。以下の比較では、そのダウンロードしたファイルを使用しています。

PNG は鮮明な文字に適しています。JPG と WebP は圧縮によりファイルサイズを削減できます。ダウンロードした結果は静的なフラット化された画像であるため、キャプションは個別に編集可能なオブジェクトではなくなります。エディタを開いている間に代替バージョンを作成してください。エディタや結果ページを更新すると、ツールページに戻ります。