[Python] 画像にテキストを描画する方法

Q: フォントファイルはどこから取得できますか？

フォントファイルは、さまざまな場所から取得できます。 以下は、フォントファイルを入手するための一般的な方法です。 システムフォント : WindowsやmacOS、Linuxなどのオペレーティングシステムには、標準でいくつかのフォントがインストールされています。 これらのフォントファイルは、通常、システムのフォントフォルダに保存されています。 フォント配布サイト : Google FontsやAdobe Fontsなどのオンラインフォント配布サイトから、無料または有料のフォントをダウンロードできます。 オープンソースフォント : フリーで使用できるオープンソースフォントも多く存在します。 例えば、NotoフォントやIPAフォントなどがあります。

Pythonで画像にテキストを描画するには、Pillowライブラリを使用します。

まず、Imageクラスで画像を読み込み、ImageDraw.Drawを使って描画オブジェクトを作成します。

次に、ImageFont.truetypeでフォントを指定し、textメソッドでテキストを描画します。

フォントサイズや色、位置を指定することも可能です。

Pillowはpip install Pillowでインストールできます。

この記事でわかること

Pillowライブラリの基本的な使い方
画像にテキストを描画する手法
日本語テキストの描画方法
テキストのスタイルや装飾の設定
動的なテキストの描画例

目次から探す

Pillowライブラリのインストールと基本設定

Pillowとは？

Pillowは、Pythonで画像処理を行うためのライブラリです。

画像の読み込み、加工、保存などの機能を提供し、特に簡単に画像にテキストを描画することができます。

Pillowは、Python Imaging Library(PIL)のフォークであり、より多くの機能とサポートが追加されています。

Pillowのインストール方法

Pillowは、Pythonのパッケージ管理ツールであるpipを使用して簡単にインストールできます。

以下のコマンドをターミナルまたはコマンドプロンプトで実行してください。

pip install Pillow

必要なモジュールのインポート

Pillowを使用するためには、必要なモジュールをインポートする必要があります。

以下のコードを使用して、ImageとImageDrawモジュールをインポートします。

from PIL import Image, ImageDraw, ImageFont

画像ファイルの読み込み方法

画像ファイルを読み込むには、Image.open()メソッドを使用します。

以下のサンプルコードでは、指定したパスの画像ファイルを読み込み、表示する方法を示しています。

from PIL import Image
# 画像ファイルのパスを指定
image_path = 'path/to/your/image.jpg'
# 画像を読み込む
image = Image.open(image_path)
# 画像を表示する
image.show()

このコードを実行すると、指定した画像が表示されます。

画像のパスは、実際のファイルの場所に合わせて変更してください。

画像にテキストを描画する基本手順

ImageDrawオブジェクトの作成

画像にテキストを描画するためには、まずImageDrawオブジェクトを作成する必要があります。

ImageDrawオブジェクトは、指定した画像に対して描画を行うためのインターフェースを提供します。

以下のサンプルコードでは、画像を読み込んだ後にImageDrawオブジェクトを作成する方法を示しています。

from PIL import Image, ImageDraw, ImageFont

# 画像ファイルのパスを指定
image_path = 'path/to/your/image.jpg'
# 画像を読み込む
image = Image.open(image_path)
# ImageDrawオブジェクトを作成
draw = ImageDraw.Draw(image)

フォントの指定方法

テキストを描画する際には、フォントを指定することができます。

Pillowでは、TrueTypeフォント(.ttfファイル)を使用することが一般的です。

以下のサンプルコードでは、フォントファイルを指定してフォントオブジェクトを作成する方法を示しています。

# フォントファイルのパスを指定(otfも使用できます)
font_path = r'path/to/your/font.ttf'
# フォントサイズを指定
font_size = 30
# フォントオブジェクトを作成
font = ImageFont.truetype(font_path, font_size)

Windowsの場合、C:Windows\Fontsからインストール済みフォントのパスを取得できます。

テキストの描画方法

テキストを描画するには、ImageDrawオブジェクトのtext()メソッドを使用します。

このメソッドには、描画する位置、テキスト、フォント、テキストの色を指定します。

以下のサンプルコードでは、画像の指定した位置にテキストを描画する方法を示しています。

# テキストの内容
text = "こんにちは、Python！"
# テキストの位置
position = (50, 50)
# テキストの色
text_color = (255, 255, 255)  # 白色
# テキストを描画
draw.text(position, text, fill=text_color, font=font)

描画した画像の保存方法

テキストを描画した後は、画像を保存する必要があります。

Image.save()メソッドを使用して、指定したパスに画像を保存します。

以下のサンプルコードでは、描画した画像を新しいファイルとして保存する方法を示しています。

# 描画した画像を保存
output_path = 'path/to/your/output_image.jpg'
image.save(output_path)

このコードを実行すると、指定したパスに新しい画像ファイルが保存されます。

テキストのスタイル設定

フォントサイズの変更

テキストのフォントサイズを変更するには、ImageFont.truetype()メソッドで指定するサイズを変更します。

以下のサンプルコードでは、異なるフォントサイズでテキストを描画する方法を示しています。

# フォントサイズを変更
font_size_large = 50
font_large = ImageFont.truetype(font_path, font_size_large)
# テキストを描画
draw.text(position, text, fill=text_color, font=font_large)

フォントの種類を指定する方法

異なるフォントを使用することで、テキストの見た目を変えることができます。

フォントファイルのパスを変更することで、さまざまなフォントを指定できます。

以下のサンプルコードでは、異なるフォントを使用してテキストを描画する方法を示しています。

# 別のフォントファイルのパスを指定
font_path_alternate = 'path/to/your/alternate_font.ttf'
font_alternate = ImageFont.truetype(font_path_alternate, font_size)
# テキストを描画
draw.text(position, text, fill=text_color, font=font_alternate)

テキストの色を変更する方法

テキストの色は、RGB形式で指定します。

色を変更するには、fill引数に異なるRGB値を設定します。

以下のサンプルコードでは、異なる色でテキストを描画する方法を示しています。

# テキストの色を変更
text_color_red = (255, 0, 0)  # 赤色
# テキストを描画
draw.text(position, text, fill=text_color_red, font=font)

テキストの位置を指定する方法

テキストの描画位置は、座標(x, y)で指定します。

位置を変更することで、画像内の任意の場所にテキストを配置できます。

以下のサンプルコードでは、異なる位置にテキストを描画する方法を示しています。

# テキストの新しい位置
position_new = (100, 100)
# テキストを描画
draw.text(position_new, text, fill=text_color, font=font)

テキストの透明度を設定する方法

Pillowでは、テキストの透明度を直接設定することはできませんが、RGBA形式の色を使用することで、透明度を指定できます。

以下のサンプルコードでは、透明度を設定したテキストを描画する方法を示しています。

# テキストの色(透明度を含む)
text_color_with_alpha = (255, 255, 255, 128)  # 白色で50%の透明度
# テキストを描画
draw.text(position, text, fill=text_color_with_alpha, font=font)

このように、RGBA形式で色を指定することで、テキストの透明度を調整することができます。

複数行のテキストを描画する方法

複数行テキストの描画方法

複数行のテキストを描画するには、ImageDrawオブジェクトのtext()メソッドを複数回呼び出すか、テキストを改行で分割して描画する必要があります。

以下のサンプルコードでは、複数行のテキストを描画する方法を示しています。

# 複数行のテキスト
multi_line_text = "こんにちは、Python！\nこれは複数行のテキストです。"
# テキストの初期位置
position = (50, 50)
# テキストを行ごとに描画
for line in multi_line_text.split('\n'):
    draw.text(position, line, fill=text_color, font=font)
    position = (position[0], position[1] + font.getsize(line)[1])  # 次の行の位置を調整

テキストの改行処理

テキストの改行処理は、\nを使用して行を分けることで行います。

上記のサンプルコードでは、split('\n')メソッドを使用して、テキストを行ごとに分割しています。

これにより、各行を個別に描画することができます。

テキストの行間を調整する方法

行間を調整するには、次の行の位置を計算する際に、行の高さに追加のスペースを加えることができます。

以下のサンプルコードでは、行間を調整する方法を示しています。

# 行間の設定
line_spacing = 10  # 行間を10ピクセルに設定
# テキストを行ごとに描画(行間を考慮)
position = (50, 50)  # 初期位置
for line in multi_line_text.split('\n'):
    draw.text(position, line, fill=text_color, font=font)
    position = (position[0], position[1] + font.getsize(line)[1] + line_spacing)  # 行間を追加

このように、行間を調整することで、テキストの可読性を向上させることができます。

行間を適切に設定することで、視覚的に心地よいレイアウトを実現できます。

テキストの回転や変形

テキストを回転させる方法

テキストを回転させるには、まずテキストを描画するための新しい画像を作成し、その画像を回転させてから元の画像に貼り付ける必要があります。

以下のサンプルコードでは、テキストを回転させる方法を示しています。

# 回転させる角度(度数法)
angle = 45
# 新しい画像を作成(背景が透明な画像)
text_image = Image.new('RGBA', (200, 50), (255, 255, 255, 0))
# ImageDrawオブジェクトを作成
draw_text = ImageDraw.Draw(text_image)
# テキストを描画
draw_text.text((0, 0), "回転テキスト", fill=(255, 255, 255), font=font)
# テキスト画像を回転
rotated_text_image = text_image.rotate(angle, expand=1)
# 元の画像に回転したテキストを貼り付け
image.paste(rotated_text_image, (50, 50), rotated_text_image)

テキストを斜めに描画する方法

テキストを斜めに描画するには、回転させる角度を指定することで実現できます。

上記の回転の方法を利用し、任意の角度でテキストを描画することができます。

以下のサンプルコードでは、斜めにテキストを描画する方法を示しています。

# 斜めに描画する角度
angle_diagonal = 30
# 新しい画像を作成
diagonal_text_image = Image.new('RGBA', (200, 50), (255, 255, 255, 0))
# ImageDrawオブジェクトを作成
draw_diagonal = ImageDraw.Draw(diagonal_text_image)
# テキストを描画
draw_diagonal.text((0, 0), "斜めテキスト", fill=(255, 255, 255), font=font)
# テキスト画像を斜めに回転
diagonal_rotated_image = diagonal_text_image.rotate(angle_diagonal, expand=1)
# 元の画像に斜めに描画したテキストを貼り付け
image.paste(diagonal_rotated_image, (100, 100), diagonal_rotated_image)

テキストの拡大・縮小

テキストの拡大や縮小は、描画する際に使用するフォントサイズを変更することで実現できます。

以下のサンプルコードでは、異なるフォントサイズを使用してテキストを拡大・縮小する方法を示しています。

# 拡大するフォントサイズ
font_size_large = 60
font_large = ImageFont.truetype(font_path, font_size_large)
# 縮小するフォントサイズ
font_size_small = 20
font_small = ImageFont.truetype(font_path, font_size_small)
# 拡大したテキストを描画
draw.text((50, 200), "拡大テキスト", fill=(255, 255, 255), font=font_large)
# 縮小したテキストを描画
draw.text((50, 300), "縮小テキスト", fill=(255, 255, 255), font=font_small)

このように、フォントサイズを変更することで、テキストの拡大や縮小を簡単に行うことができます。

応用例：画像に動的なテキストを描画する

日付や時刻を画像に描画する

画像に現在の日付や時刻を描画するには、Pythonのdatetimeモジュールを使用して現在の日時を取得し、それをテキストとして描画します。

以下のサンプルコードでは、現在の日付と時刻を画像に描画する方法を示しています。

from PIL import Image, ImageDraw, ImageFont
from datetime import datetime
# 画像を読み込む
image = Image.open('path/to/your/image.jpg')
draw = ImageDraw.Draw(image)
# 現在の日付と時刻を取得
current_time = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
# フォントを指定
font = ImageFont.truetype('path/to/your/font.ttf', 30)
# テキストの位置と色を指定
position = (10, 10)
text_color = (255, 255, 255)  # 白色
# 日付と時刻を描画
draw.text(position, current_time, fill=text_color, font=font)
# 画像を保存
image.save('output_with_datetime.jpg')

ユーザー入力に基づくテキストの描画

ユーザーからの入力を受け取り、その内容を画像に描画することも可能です。

以下のサンプルコードでは、ユーザーからの入力を受け取り、そのテキストを画像に描画する方法を示しています。

# ユーザーからの入力を受け取る
user_input = input("描画したいテキストを入力してください: ")
# 画像を読み込む
image = Image.open('path/to/your/image.jpg')
draw = ImageDraw.Draw(image)
# フォントを指定
font = ImageFont.truetype('path/to/your/font.ttf', 30)
# テキストの位置と色を指定
position = (50, 50)
text_color = (255, 255, 255)  # 白色
# ユーザー入力のテキストを描画
draw.text(position, user_input, fill=text_color, font=font)
# 画像を保存
image.save('output_with_user_input.jpg')

画像の上にカウンターを表示する

カウンターを画像に表示するには、ループを使用してカウントアップし、その値を画像に描画します。

以下のサンプルコードでは、1から10までのカウンターを画像に描画する方法を示しています。

# 画像を読み込む
image = Image.open('path/to/your/image.jpg')
draw = ImageDraw.Draw(image)
# フォントを指定
font = ImageFont.truetype('path/to/your/font.ttf', 30)
# テキストの位置と色を指定
position = (100, 100)
text_color = (255, 0, 0)  # 赤色
# カウンターを描画
for i in range(1, 11):
    draw.text(position, str(i), fill=text_color, font=font)
    position = (position[0], position[1] + 40)  # 次の行に移動
# 画像を保存
image.save('output_with_counter.jpg')

このように、動的なテキストを画像に描画することで、さまざまな情報を視覚的に表現することができます。

応用例：画像に装飾されたテキストを描画する

テキストに影をつける方法

テキストに影をつけることで、より立体感を持たせることができます。

影を描画するには、テキストを少しずらした位置に描画し、その後に本来のテキストを描画します。

以下のサンプルコードでは、テキストに影をつける方法を示しています。

# 画像を読み込む
image = Image.open('path/to/your/image.jpg')
draw = ImageDraw.Draw(image)
# フォントを指定
font = ImageFont.truetype('path/to/your/font.ttf', 30)
# テキストの位置と色を指定
text_position = (50, 50)
text_color = (255, 255, 255)  # 白色
shadow_color = (0, 0, 0)  # 黒色(影の色)
# 影を描画(少しずらした位置に描画)
draw.text((text_position[0] + 2, text_position[1] + 2), "影付きテキスト", fill=shadow_color, font=font)
# 本来のテキストを描画
draw.text(text_position, "影付きテキスト", fill=text_color, font=font)
# 画像を保存
image.save('output_with_shadow_text.jpg')

テキストに縁取りをつける方法

テキストに縁取りをつけることで、テキストを際立たせることができます。

縁取りを描画するには、テキストを複数回描画し、異なる位置と色を指定します。

以下のサンプルコードでは、テキストに縁取りをつける方法を示しています。

# 画像を読み込む
image = Image.open('path/to/your/image.jpg')
draw = ImageDraw.Draw(image)
# フォントを指定
font = ImageFont.truetype('path/to/your/font.ttf', 30)
# テキストの位置と色を指定
text_position = (50, 50)
text_color = (255, 255, 255)  # 白色
border_color = (0, 0, 0)  # 黒色(縁取りの色)
# 縁取りを描画
border_offset = 2
for x_offset in [-border_offset, 0, border_offset]:
    for y_offset in [-border_offset, 0, border_offset]:
        draw.text((text_position[0] + x_offset, text_position[1] + y_offset), "縁取りテキスト", fill=border_color, font=font)
# 本来のテキストを描画
draw.text(text_position, "縁取りテキスト", fill=text_color, font=font)
# 画像を保存
image.save('output_with_border_text.jpg')

グラデーションテキストの描画

グラデーションテキストを描画するには、テキストの各部分に異なる色を設定する必要があります。

以下のサンプルコードでは、グラデーション効果を持つテキストを描画する方法を示しています。

# 画像を読み込む
image = Image.open('path/to/your/image.jpg')
draw = ImageDraw.Draw(image)
# フォントを指定
font = ImageFont.truetype('path/to/your/font.ttf', 30)
# グラデーションの色を指定
gradient_colors = [(255, 0, 0), (255, 255, 0), (0, 255, 0), (0, 255, 255), (0, 0, 255), (255, 0, 255)]
# テキストの位置を指定
text_position = (50, 50)
# テキストを描画
text = "グラデーションテキスト"
for i, char in enumerate(text):
    # 各文字の色をグラデーションに基づいて設定
    color = gradient_colors[i % len(gradient_colors)]
    draw.text((text_position[0] + i * 20, text_position[1]), char, fill=color, font=font)
# 画像を保存
image.save('output_with_gradient_text.jpg')

このように、影や縁取り、グラデーションを使用することで、テキストに装飾を施し、視覚的に魅力的な画像を作成することができます。

応用例：画像に日本語テキストを描画する

日本語フォントの指定方法

日本語テキストを描画するためには、日本語に対応したフォントを指定する必要があります。

Pillowでは、TrueTypeフォント(.ttfファイル)を使用して日本語を描画できます。

以下のサンプルコードでは、日本語フォントを指定してテキストを描画する方法を示しています。

from PIL import Image, ImageDraw, ImageFont
# 画像を作成
image = Image.new('RGB', (400, 200), (255, 255, 255))
draw = ImageDraw.Draw(image)
# 日本語フォントのパスを指定
font_path = 'path/to/your/japanese_font.ttf'
font_size = 30
font = ImageFont.truetype(font_path, font_size)
# テキストの位置と色を指定
text_position = (50, 50)
text_color = (0, 0, 0)  # 黒色
# 日本語テキストを描画
draw.text(text_position, "こんにちは、Python！", fill=text_color, font=font)
# 画像を保存
image.save('output_with_japanese_text.jpg')

日本語テキストの描画時の注意点

日本語テキストを描画する際には、以下の点に注意が必要です。

フォントの選択: 日本語に対応したフォントを使用しないと、文字が正しく表示されない場合があります。
文字のサイズ: 日本語の文字は英語の文字よりも大きく見えることがあるため、フォントサイズを調整する必要があります。
描画位置: 日本語は文字の幅が異なるため、描画位置を調整することが重要です。

特に、センタリングや右寄せを行う場合は、文字の幅を考慮する必要があります。

日本語テキストの改行処理

日本語テキストの改行処理は、\nを使用して行います。

テキストを行ごとに分割し、各行を個別に描画することができます。

以下のサンプルコードでは、日本語テキストを改行して描画する方法を示しています。

# 画像を作成
image = Image.new('RGB', (400, 200), (255, 255, 255))
draw = ImageDraw.Draw(image)
# 日本語フォントのパスを指定
font_path = 'path/to/your/japanese_font.ttf'
font_size = 30
font = ImageFont.truetype(font_path, font_size)
# 複数行の日本語テキスト
multi_line_text = "こんにちは、Python！\nこれは日本語のテキストです。"
# テキストの初期位置
text_position = (50, 50)
text_color = (0, 0, 0)  # 黒色
# テキストを行ごとに描画
for line in multi_line_text.split('\n'):
    draw.text(text_position, line, fill=text_color, font=font)
    text_position = (text_position[0], text_position[1] + font.getsize(line)[1])  # 次の行の位置を調整
# 画像を保存
image.save('output_with_japanese_multiline_text.jpg')

このように、日本語テキストを描画する際には、フォントの指定や改行処理に注意を払いながら、適切に描画することが重要です。