INKSCAPE(インクスケープ)でアイキャッチ画像を3分で作る方法

こんにちは、ロニー(@ronnie_2020)です。

今回の記事では、

ろにぃ
ろにぃ
アイキャッチ画像を自分で作りたいんだけど、難しいんでしょ?

と一歩踏み出せずにいる方へ、


INKSCAPE(インクスケープ)でアイキャッチ画像を3分で作る方法

について解説していきます。

 

本記事の内容

簡単にアイキャッチ画像を作れるようになる

 

 

まだINKSCAPEのインストールが済んでいないという方は INKSCAPEを使って画像編集【オシャレなホームページを作る】を参考にご用意をお願いします。

 


INKSCAPEを使ってアイキャッチ画像を3分で作る 作り方解説

 

 INKSCAPEを使ってアイキャッチ画像を3分で作る 作り方解説

 

.

画像をインポート

 

画像をインポート

 

初めに『アイキャッチ画像』のベースとなる画像を用意します。

商用利用が可能な写真素材を無料で配布しているウェブサイトから拝借します。

 

  • O-DAN
  • ぱくたそ
  • PHOTO AC

 

私は上記3つを欲しい画像に応じて使い分けています。

 

画像が用意できたら『INKSCAPE』を起動し、

 

ファイル→開く→画像ファイルを選択

 

でインストールします。

.

ボックスを追加

 

ボックスを追加

 

次にテキストが見やすくなるように、『黒いボックス』を追加します。

左側のツールバーから『短形ツール』を選択し、作成したい範囲で、

 

左クリック→ドラッグ

 

 

ボックスを追加2

 

黒い四角が出来上がりました。

このままでは背景画像が見えなくなってしまっている為、ボックスを『半透明』にします。

 

ボックスを選択→オブジェクトの『フィル/ストローク』→不透明度で調整

 

ボックスを追加3

 

不透明度を下げる』ことにより、ボックスが透けていきます。

画像は『80』に設定してあります。

.

テキストを追加

 

テキストを追加

 

最後にボックスの上に載せる『フォント』を用意します

 

左ツールバーのテキストツール→追加する部分をクリック→テキスト入力

 

上のツールバーで『フォントスタイル』『太さ』『サイズ』が調整できます

サイズは数値で変えるのが手間なので、ドラッグして調整します

 

テキストを追加2

 

次に『色とサイズを変更』します。

 

選択ツール→フォントを選択しドラッグで移動→パレットから色を選択→ドラッグでサイズ調整

 

テキストを追加3

 

『配置』を整えて終了

 

オブジェクト→整列と配置→テキストをクリック→Shiftを押しながらボックスをクリック→整列アイコンの【水平軸の中心に揃える】をクリック

 

テキストを追加4

 

これで画像が完成したので『保存』します。

 

ファイル→PNG画像にエクスポート→保存先を選択

 

以上となります。

 

PNG形式はデータが重くなる為アイキャッチ画像であればjpgへの変換をおすすめします(オンラインサービスやプラグインを利用)

※『アイコン』や『ロゴ』など、切り抜いたような透明部分が必要なものを作る時には『PNG形式』を使用します


素人がINKSCAPEを10年使い続けて思うこと

 

インクスケープ アイキャッチ

 

今回は INKSCAPEを使って画像編集【オシャレなホームページを作る】で作った、『アイキャッチ画像』の『テキスト装飾』を省いて、とにかく『簡単に速く作る』を優先して解説しました。

 

私はINKSCAPEを初めて使ってから『10年程』たちます。しかし使いこなせていない機能が多数あります。

もともと絵心というものを全く持ち合わせていない為、上級者の方たちのような一から立体的なイラストを作るようなことは出来ません。

必要』となったことをその都度調べて、『必要最小限』のことだけを覚えて使っています。

しかし今回のような、

 

  • 画像をインポート
  • ボックスを追加
  • テキストを追加

 

たったこれだけを覚えればアイキャッチ画像が作れる。

これを使ってチラシを作ることも十分可能です。

つまり身に付けたスキルを、仕事にすることも出来るのです。

実際私は、ホームページを自分でデザインする上で、できることが増えました。

自分で広告をデザインして、それが仕事にもなりました。

『INKSCAPE』を使いだしたことがきっかけです

 

誰でも簡単にできる『たった3分で作れるアイキャッチ画像』ぜひ挑戦してみてください!

 

 

INKSCAPEでアイキャッチ画像を3分で作る方法
最新情報をチェックしよう!