【初心者専用】ブログ使うオリジナルのロゴ画像を作る説明

ダウンロードしてきた画像を使って加工しオリジナルの画像に変身させよう

写真・プロフィール画像をそのままを使うこともありますが、加工して使うと自分のオリジナルになって楽しいですよね(*^^*)

今回は下の2種類でのsoraの作成手順を紹介します。

  • CANVAをロゴ画像を作る
  • ペイントを使用してロゴ画像を作る


CANVAは会員登録しないといけないのですが、とっっっっても便利!
無料なのでお財布にも優しいすぐれたサイトです。
soraのサイトのアイキャッチ画像もすべてこのサイトで作成しています。
ロゴ画像もCanvaで作ってます♪と言いたいのですが、私のこのサイトは画像ではなくテキスト文字です。。。。。

Canvaでロゴ画像を作る

Canvaのサイトを使用すると簡単に画像作成&画像加工ができます!
このサイトのアイキャッチ画像も全てこのサイトを使用して作成しています(*^^*)


< PR >

Canva紹介での会員登録だと有料画像が1点もらえる♪

とりあえず無料プランでしてみたいなという場合は、有料画像が1点プレゼントされるので自分で登録するよりも紹介での登録がおすすめです。

※会員登録はサイトを確認して、ご自身の判断でお願いいたいします。

>>>CANVA登録はこちらから(私からの紹介になります)

Canvaでどんな感じで画像を作っていくのかについては↓の記事で画像たっぷり使って説明してありますので興味がある方はまず下の記事をどうぞ♪

>>>【Canva】ブログのプロフィール画像の作成方法を紹介

下の記事でCanvaの無料会員&有料会員について詳しく紹介しています♪

>>>アイキャッチ画像が無料で作れるサイトCanva♪

Canvaでロゴのデザインを作成する

①CANVAのTOPページの上部の右端にある「デザインを作成」をクリックします。

sora
私の作成手順を紹介していきます。

②プルダウンの中の「+カスタムサイズ」をクリックします。

このサイトでは 例として縦70pt×横200ptの細長で作成します。

カスタムサイズが表示されますので、縦横のサイズを入力して「新しいデザインを作成」をクリックします。

画面左側にあるメニューの中の「テキスト」をクリックしてください。

sora
右下に黄色の王冠のアイコンがついているのは有料になります💦

「テキストボックスを追加」ボタンから作成

上のロゴ画像の作成手順を紹介していきます(*^^*)

「テキストボックスを追加」ボタンをクリックするとキャンパスに選択されている状態で「段落テキスト」と表示されます。

そらのまなびぶろぐと入力します。
上のメニューバーの左端の文字種の欄の「V」をクリックし、文字種がざーっと表示された中から「JKゴシック」を選択します。

左から2番目に文字サイズがありますので数字を選択してもいいのですが、私は文字の周りの四隅の白の丸を斜め下にドラックしてサイズを調整したので「15.1」になっています。

このままだと文字が長いので、「そらの」の後ろで改行させました。
文字サイズの横の「A」が文字色になりますのでクリックして、お好きな色に♪
さらにその横の「B」が太文字指定になりますのでクリックします。

文字を選択した状態のまま、メニューバーの「エフェクト」をクリックして、スタイル一覧の中の「スプライス」をクリックします。


< PR >

素材からフレームを選択

画像使いまわしですみません💦
丸フレームと描いてありますが、フレームと記入して実行してください。
私の画像と同じものが無料でありますので選択してください。

こんか感じになっているかと思います。
このフレームが選択されている状態で四隅の白丸をグリッドして画像をキャンパスいっぱいに大きくします。

次にフレームを文字の下にします。

フレームを選択した状態でフレームの上で右クリックをすると、画像のように表示されますので、その中のレイヤーをクリックし、「背面へ移動」をクリックします。

sora
フレーム画像が文字を隠していたので、フレームを下に移動させました。
これで文字を加工できるようになりました。

フレームを選択した状態のまま、色を黒から文字色に使用している色に変更しています。

最後に文字を中心の位置にドラックして移動させて完了です(*^^*)

ペイントを使用してロゴ画像を作る

まず画像加工で使うソフトを準備します。

ちょっと使い勝手が悪いですが、今回はWindowsアクセサリに標準で入っているペイントを使います。

この「ペイント」は、1枚の紙に絵を描いていくという感じのソフトです。

アニメのように、それぞれの絵や文字がレイヤーとして独立してあり、それを重ね合わせるというのではありません。

ペイント使用♪ロゴ画像作成手順

  • ロゴ画像に使う画像を用意する
  • ペイントを立ち上げる
  • 画像を張り付けて加工
  • ロゴの文字を入れる

ロゴ画像に使う画像を準備する

画像を準備します。
フリー画像のサイトを下の記事で紹介していますので、用意してきてください。

>>>ブログで使いたいフリーイラストとフリー写真のおすすめ画像サイト8選

ペイントソフトをたちあげる

画面の一番左下にある窓のようなボタンをクリックして「Windowsアクセサリ」→「ペイント」をクリックしてください。

WIN10のアクセサリのペイントを立ち上げてください

ダウンロードしたファイルを開く

ペイントが立ち上がりますので画面左上にある「ファイル」→「開く」をクリックしてください。

WIN10のアクセサリのペイントでファイルを開いてください

写真をコピーする

先ほどダウンロードして保存したファイルを選択して「開く」をクリックしてください。

次に「選択」→「四角形選択」をクリックしてください。

マウスのポインタがプラスの形になりますので、左クリックしたまま花を囲んでください。

点線が花を囲ったなと思ったら左クリックしていた指を放してください。(ドラックといいます)

指を話したとき点線が残っていれば選択できています。

選択してあるのを確認出来たら「コピー」をクリックしてください。

これでダウンロードしてきた写真をコピーする所までできました。

ロゴのバナーを新規作成

画面左上にある「ファイル」→「新規」をクリックします。

「貼り付け」をクリックしてください。

選んだ写真が張り付けられました。

移動させたり、サイズを変更したい時は、③でしたように「選択」→「四角形選択」をクリックして花を点線で囲んでください。

その後、写真の上でクリックしたまま動かすと写真が動きますので、お好きな場所に移動させてください。

花のサイズを変更したい時は、角にマウスをクリックしたまま花の中央に向かって動かすと小さくなります。

文字を入れる

「A]をクリックして背景が白い所に文字を入れます。

文字の大きさや、場所の移動は後からできますので、あまり気負わずに記入してください。

ただし、選択で囲んだ場所を移動させるので背景には気を付けてください。

このピンクの□で囲ってある場所にある小さな白丸わかりますか?これが8カ所にあります。
この白丸をクリックしたまま動かすと表示できるサイズが変更できるのです。

次に上を見てみてください。ピンクの丸がある場所。「テキスト」というページができてます。
ここで、文字のサイズ、文字の色を設定します。

文字が小さかったので、見やすく大きくします。

「ぐ」の位置にマウスを持って行ってクリックしたまま「そ」までドラッグします。

変更したい文字が反転したら数字の横にある「▼」のボタンをクリックするを画像の様に数字が出てきますので、大きい数字を選んでください。

フォントサイズ「38」を選択してみました。

これでOKと思ったら、空いているところをクリックしてください。

これで完了です。

場所を移動させたい時は、③の時と同様に「選択」ボタンをクリックして点線で囲んでから移動させて下しさい。

消したいときは、オレンジ色の「消しゴム」のボタンをクリックして、消したい場所をクリックしたまま動かしてください。

私は文字だけだと寂しいので曲線と♥を付け足してみました。これで準備は終わりです。

キャンパスを切り抜こう

このままだと空いたスペースが多すぎですよね。

自分の好みのサイズに切り抜きましょう。

この切り抜きもまず「選択」→「四角形選択」をクリックします。

ペイントの画像の切り取りの紹介

切り取りたい場所の角になる場所から場所へとをクリックしたまま対角線にマウスを動かします。

「トリミング」ボタンを押してください。

オリジナルのロゴが完成しました。

ペイントで作った画像を保存する

「ファイル」→「名前を付けて保存」をクリックしてください。

pcに保存してください。私は「ファイルの種類」は「PNG」を選択して保存しています。

【初心者専用】ブログで使いたいオリジナルのロゴ画像を作る説明 まとめ

どうでしたか? 無事ロゴがつくれたでしょうか。
CANVA無料登録の機能だと背景無しはできません。
ブログに使用する時は、ブログの背景色とロゴ画像の背景色を同じにするといいかなと思います(*^^*)
ペイントも同じです。

サイトの力を借りてアイキャッチ画像を作成するのに興味がある方は下の記事をどうぞ♪
>>>CANVAを使っての簡単で本格的なアイキャッチ画像の作り方紹介

広告
広告
最新情報をチェックしよう!

便利なツール/サイトの最新記事8件