AMPページ画像が表示されない場合、通常ページを閲覧ください。
ネタのサイトロゴ画像

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

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

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

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

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

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

 

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

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

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

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

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

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

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

 

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

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

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

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

 

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

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

期待しておいて下さい。

 

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

 

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

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

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

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

 

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

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

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

 

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

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

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

 

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

 

画像を透過&サイズ変更

 

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

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

 

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

 

透過された画像

 

 

解像度を変更

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

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

 

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

 

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

 

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

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

 

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

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

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

その他の工程は?

 

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

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

 

サイトロゴ見本

 

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

サイトロゴ

グラデーション

サイトロゴ2

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

サイトロゴ(サンプル)

縁有オーソドックス

 

タイトルロゴ

サイトロゴ(サンプル)

サイトロゴシンプル

サイトロゴシンプル2

サイトロゴシンプル3

サイトロゴシンプル4

 

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

 

 

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

 

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

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

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

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

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

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

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

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

 

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

 

FIT-フィット

個人事業主・中小企業向けホームページ制作…

 

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

 

LOGASTER™ - Professional online logo maker and generator!…

 

PixelLabのアプリはこちらから

 

PixelLab - Text on pictures

PixelLab – Text on pictures

Imagin Studioposted withアプリーチ

他にもCanvaでもロゴが簡単に出来ます。
Canvaについて

Canvaで、デザインを
もっと身近に。無料で使えるオンラインツール、Canva。テンプレート集から好みのもの…

フリーのロゴでおススメはこちらのサイトです。
こちらが今一番のおススメのサイトロゴ作成の記事です。
関連記事

目次 1 SNSやブログのロゴ(サイトロゴ)を変更しよう2 ロゴ(サイトロゴ)をフリー作成していきましょう2.1 ロゴ(サイトロゴ)作成工程➀2.2 ロゴ(サイトロゴ)作成工程②2.3 ロゴ(サイト[…]

ロゴ
THE THOR(CTA)当サイトで使用中の有料Wordpressテーマ「THE THOR(ザ・トール)」
高機能なテーマになっていてSEOや集客に強いテーマになっています。
標準でAMP・PWAに対応し、カスタム投稿などにも対応していて自由度も高く
標準使いでもプロの作成したようなデザインが出来ます。
テーマのダウンロードはこちらからどうぞ!
詳細を公式ホームページで見る
ネタのサイトロゴ画像
最新情報をチェックしよう!
広告