Webサイトのヘッダー作成

うごくボタンは、ImagiMagick のコマンドを使って簡単に作れるようになったと思います。

Webサイトのヘッダー画像の作成は、お店の看板のようなものなので、ボタンよりも目立つように作るために【上位版】次世代型サイト作成システムの「SIRIUS」というアプリの「ヘッダー画像編集機能」を使って簡単に作成します。

シリウスの「ヘッダー画像編集機能」「ロゴ/テキスト画像編集機能」で、テキスト文字に「シャドウ」「縁取り１」「縁取り２」「反射」の文字装飾が簡単に出来るようになっています。

SIRIUS ヘッダー画像編集画面

SIRIUSでヘッダー画像を作成例

シリウスで作ったヘッダー画像その1

シリウスで作ったヘッダー画像その2

GIMP で作った袋文字

シリウスで作ったヘッダー画像その3

上位版がおすすめです。

商用利用可能なフリーなフォント

ヘッダー画像などで使う文字にフリーフォントを使えば、オリジナリティがまします。

有料のフォントをつかわなくても、綺麗なフォントを無料で公開してくださっている方々がいらっしゃいます。感謝しつつ、使わせてもらっています。

僕が使わせていただいている、フリーフォントのほんの一部は下記の通りです。

GIMPで作るふくろ文字

無料の描画ソフト GIMP で、袋文字が作れます。

→　GIMP 文字を縁取りしてみようがとても解りやすく解説してくださっています。

１　テキスト文字を入力
２　テキストレイヤー上で右クリック → 「レイヤー」 → 「透明部分」 → 「不透明部分を選択範囲に」
３　メニュー「選択」 → 「選択範囲の拡大」
４　メニュー　「レイヤー」 → 「新しいレイヤーの追加」（透明）
５　テキストレイヤーの下に縁取り用レイヤーを移動する
６　縁取りの色を決める
７　メニュー　「編集」 → 「描画色で塗りつぶす」
８　メニュー　「選択」 → 「選択を解除」