2018年2月よりサイト運営開始、日々、見た目や記事の修正を頑張っていますので、何回も足を運んで下さいね。

ライオンメディアのサイトロゴを簡単につくろう

ライオンメディアのサイトロゴを簡単につくろう

ライオンメディアのサイトロゴを簡単につくって

みようという記事になります。

もう作成した方には興味ないかもしれませんが、やまとしみたいに

ブログやSNSやパソコンもろくに使っていなかった方も

いるかもしれないので、紹介しておきます。

 

サイトの顔になるロゴになりますが、ライオンメディアのロゴは

かなり小さいので、あまり目立たない存在ですのでなるべく

小さいなりに個性を出していきたい所ですが、普通にサイト名

を入れると、文字数が多いのでさらに小さくなりますので、

何パターンか作成し目立つように、作成し個性を出していきたいと

思いますが、自分で言うのも何ですが、あまりセンス的なものには

自信がないので、何パターンか作成してみようかと思います。

 

今回も最近使っている、スマートフォンアプリPixelLabを使った

作成になりますので、PixelLabのインストールが必須になりますが、

簡単に作成出来ますので、インストールしてもらえたらどこでも

画像の編集などが出来てブログ作成の時短が出来るのでおすすめです。

 

他にも画像編集のアプリを複数インストールして勉強したのを

紹介して行こうかと思っていますので、画像編集に興味ある方は

期待しておいて下さい。

 

PixelLabでライオンメディアのサイトロゴを作成しよう

 

サイトロゴはブログを始めた頃はデフォルトで使っていましたが、

GIMPで作成したものに変更し最近まで使っていましたが、

スマートフォンアプリPixelLabを最近使っているので、

これでも作成してみようと思い作成しました。

 

ブログタイトルは変更したい所ですが、検索ランキングが落ちて

しまうみたいなので、変更出来ませんので、よく考えてから

タイトルは決めないと後悔することになるので、よく考えましょう。

 

ライオンメディアでも。あまりブログタイトルが長くなると、

サイトタイトルなどで、テキストの表示が小さく表示され

見えなくなるので、なるべく短いほうがいいかと思います。

 

まずは画像を透過&サイズ変更しよう

 

画像を透過&サイズ変更

 

順番はどちらでもいいですが、上の画像のtransparentを選択すると

背景が透過されますので、有効にしてください。

 

順番は違いますが、背景が透過されました。

 

透過された画像

 

 

解像度を変更

次にimage sizeを選択し、サイトロゴの解像度の

340px×60pxに変更し、OKを押してください。

 

テキストの位置調整とサイズ変更をしよう

 

テキストの位置調整&サイズ変更

 

まずはテキストのサイズを画面枠最大の大きさにしてから

relative positionで縦と横を中央になるようにしてください。

 

※文字数が多い場合はspacingで文字と文字の間隔を狭くしてください。

左右が切れてしまう可能性が高いので、左右に余裕を持たせたほうが

良いでしょうね。やまとしは切れてますが(笑)

その他の工程は?

 

後は好みでカラーやフォントの変更や文字の縁取り、

3Dテキストにするなど好みの調整をするといいと思います。

 

サイトロゴ見本

 

グラデーション&3Dテキスト

サイトロゴ

グラデーション

サイトロゴ2

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

縁有オーソドックス

 

タイトルロゴ

サイトロゴ(サンプル)

サイトロゴシンプル

サイトロゴシンプル2

サイトロゴシンプル3

サイトロゴシンプル4

 

ネタでつくったサイトロゴ(汗)

 

 

ライオンメディアのサイトロゴをつくろうまとめ

 

いかがでしたでしょうか?

簡単に作成出来ましたでしょうか?

ライオンメディアだけじゃなく、サイトロゴが小さいタイプなら

参考にはなるでしょうかね、サイトの顔になるので出来るだけ

作成して個性を出した方がいいですけど、ロゴが小さいと

個性は出しづらいですが、タイトルバナーをHEADに作成し、

凝ったタイトルバナーを作成すれば目立つかも知れませんので、

凝ったサイトバナーを作成したい方は挑戦して教えてください(笑)

 

ペイントでの簡単作成方法はFITさんのブログで紹介されてました

 

 

他にこちらのサイトでもロゴが作成出来ます(有料もありですが)

 

 

PixelLabのアプリはこちらから

 

PixelLab - Text on pictures

PixelLab – Text on pictures

Imagin Studioposted withアプリーチ

LION MEDIAカテゴリの最新記事