ソフトエンジニアのブログ、制作ノウハウ等を配信

GIMPを使ってはじめてのサイトロゴ制作 サイトロゴ完成

はじめてのサイトロゴ(ロゴ完成)
前回の記事では、サイトロゴのマーク(足マーク)まで作りました。

↓前回の記事リンク
GIMPを使ってはじめてのサイトロゴ制作 サイトマークを作る

今回は、ブログのタイトルと組み合わせてサイトロゴを完成させる制作過程を紹介します。
ロゴ完成1

スポンサーリンク

サイトロゴ用の背景を新規作成

GIMPメニュー[ファイル]⇒[新しい画像]をクリックします。
画像サイズは、サイトロゴをブログのヘッダーに入れたいので、
960px,50pxとしました。
ロゴ完成2

サイトマークをレイヤとして開く

GIMPメニューの[ファイル]⇒[レイヤーとして開く]をクリックし、
前回のブログで作成したサイトマークを開きます。
サイトマークのサイズが大きすぎるので、
ツールボックスの拡大・縮小を選択し、サイトマークを縮小します。
ロゴ完成3

テキストでサイトタイトルを追加

ツールボックスのテキストを選択し、テキストボックスを追加します。
ロゴ完成4
サイトのタイトルを入力し、文字のサイズ、色、位置を調整します。
完成に近づいてきました。
スクリーンショット 2016-04-08 11.02.07

足あとを追加

GIMPメニューの[レイヤー]⇒[新しいレイヤーの追加]をクリックします。
レイヤ名を「足あと」と入力し、OKをクリック。
以下のように新しいレイヤーが追加されました。
ロゴ完成5

ツールボックスの楕円選択を選択し、
テキストの下に楕円を追加していきます。
ロゴ完成6

次に、ツールボックスの塗りつぶしを選択し、
塗りたい色を選択します。
選択されている楕円の中でクリックすると、
選択した色で塗りつぶされます。
塗りつぶしたら、GIMPメニューの[選択]⇒[選択範囲の解除]を
クリックして、選択を解除しておきます。
ロゴ完成7

以上でサイトロゴが完成です。
スクリーンショット 2016-04-08 11.08.38

最後に

以上、GIMPを使ってサイトロゴの制作過程を紹介しました。
参考になれば幸いです。

前回記事
GIMPを使ってはじめてのサイトロゴ制作 サイトマークを作る
関連記事
サイトロゴをWordPressのヘッダー画像に設定する方法
WordPress ヘッダー画像を追加
サイトのマークをファビコンに設定する方法
WordPress ファビコンを追加

スポンサーリンク

いいね!を押すと、
最新記事をお届けします。

Twitter で
関連記事(一部広告含む)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ページトップボタン