つなげる!つながる!LINE絵文字の作り方-アイビスペイント編- | まるっとふくち
PR

つなげる!つながる!LINE絵文字の作り方【アイビスペイント編】

スポンサーリンク
LINEスタンプ・絵文字

この記事のリンクにはプロモーション(広告)が含まれています。感想・レビューなどは誇張せずに正直に書いております。

LINE絵文字で時々見かける複数の絵文字をつなげて使える絵文字。

こまるちゃん
こまるちゃん

作ってみたいけどどうやって作るの?なんだか難しそう・・・

ふくち
ふくち

アイビスペイントエックスという無料のお絵かきアプリで簡単にできるよ!しかも2つの絵文字が一度にできるので、慣れれば1つずつ作るより作業量が減るんです!

つながるLINE絵文字が作れると、表現の幅が広がります!

本日はこのつながるLINE絵文字用のイラストをスマートフォンのアプリのみで作成する方法を画像付きでお教えします。

アプリはIbis PaintX(アイビスペイントエックス)を使用します。

ふくち
ふくち

アプリを持ってない人はインストールしましょう!基本の利用は無料です。

他のアプリでも作成の手順や考え方は同じなので参考になると思います。

\Ibis Paint Xのインストールはこちら/

\Ibis PaintXの操作基本マニュアル/

スポンサーリンク

つながるLINE絵文字ってどんな仕組み?

疑問を抱える女性のイラスト

つながるLINE絵文字。

なんであんなに綺麗につながるのか不思議に思いませんか?

わかっている方は次に進んでOK!

つながる絵文字は複数の絵文字をつながるように作っているわけではなく、

「横長または縦長に作ったイラストを分割」

しているのです。

こんなイメージですね。

具体的な操作方法は後ほどお話しします。

長いイラストをカットしているイラスト

つながるLINE絵文字の見え方  

虫眼鏡で何かを見ている女性のイラスト

実際に使用している方は知っていると思いますが、つながる絵文字を実際に使うとLINE上こんな見え方です。

横につながる絵文字は絵文字だけで送るとスタンプみたいに見えますね!

他の文字と一緒に打った場合は下段のように小さく表示されます。

縦につながる絵文字は絵文字のみで送っても吹き出し内に表示されます。

横につながる絵文字をLINEで利用した時の画面イメージ
横につながる絵文字
縦につなげる絵文字の利用イメージ
縦につながる絵文字

つながるLINE絵文字の作り方 4STEP

4段の階段を登っている女性のイラスト

それでは、Ibis PaintXを利用した「つながるLINE絵文字」の作成方法を見ていきましょう!

ふくち
ふくち

一回やり方を覚えればすっごく簡単ですよ!

つながるLINE絵文字の作り方
  • 横幅を「180px」x「つなげる絵文字の数」、縦幅を180pxにしてキャンバスを作成
    (横につなげる絵文字の場合は縦幅を「180px」x「つなげる絵文字の数」)
  • キャンバス幅いっぱいのイラストを描く
  • イラストをつなげる絵文字の数だけコピー(複製)する
  • コピーしたイラストを左右または上下に分けてトリミングする

それぞれ操作方法を画像付きで見にいきましょう!

1.キャンバスを作成する

以下のサイズでキャンバスを作成します。

横につながる絵文字▶︎▶︎▶︎

  • 2つつながる絵文字 : 横360px x 縦180px
  • 3つつながる絵文字 : 横540px x 縦180px
ふくち
ふくち

横幅を「180px」x「つなげる絵文字の数」にすればOK!ただしあまり長いと改行されてしまうのでつなげるのは2、3個までがおすすめです♫

縦につながる絵文字🔻🔻🔻

  • 2つつながる絵文字 : 横180px x 縦360px
  • 3つつながる絵文字 : 横180px x 縦540px

縦につながる絵文字はキャンバスの縦幅を180pxの倍数にしましょう!

IbisPait X(アイビスペイントエックス)のアプリを開いて「マイギャラリー」▶︎画面左下の「+」マークをクリックすると画像の新規キャンパス作成画面が出てきます。

作成したい絵文字に合わせて左側に横のピクセル数、右側に縦のピクセル数を入力し「OK」をタップします。

(画像は横360px、縦180pxで横に2つつながる絵文字を作る場合の画面です。)

2.キャンバス幅いっぱいにイラストを描く

作成したキャンバスにイラストを描きます。

今回は横に2つのイラストがつながるタイプの絵文字です。

吹き出し風に「HELLO」という文字を描いてみました。

もちろん文字に限らず幅にマッチしたイラストであればなんでもOKです!

Ibis PaintXでHELLOという2連の絵文字を作成した画面

\イラストの基本の作成方法はこちら!/

3.描いたイラストを複製する(分割する絵文字分)

イラストをコピー(複製)する

作成した画像をコピー(複製)します。

コピー回数はつなげる絵文字の数同じ回数です。

2つの絵文字をつなげる場合 → 2回コピー (オリジナルも含め同じイラストが3つ)

3つの絵文字をつなげる場合 → 3回コピー (オリジナルも含め同じイラストが4つ)

※万一修正などが生じた場合に備え、オリジナルのイラストは残しておいた方が良いので、オリジナルイラストと別途必要な絵文字数分のイラストを複製しておきます。

画像の編集画面からマイギャラリーに戻ります。

コピーしたいイラストをタップし、下の「︙」から「作品を複製」を選択します。

この作業をコピーしたい枚数分繰り返します。

Ibis PaintXのマイギャラリー画面からイラストを選択している画像
Ibis PaintXのイラスト選択後作品を複製を選択する画面

今回は2つの絵文字をつなげるので、オリジナル分も含め同じイラストを3枚用意しました。

Ibis PaintXでイラスト複製後のマイギャラリーの画面

4.コピーしたイラストをそれぞれトリミング&保存する

トリミング

長い幅で作成したイラストを、LINE絵文字のサイズ縦横180pxにトリミングしていきます。

トリミングとは画像の必要部分のみを切り抜くことを言います。

1.マイギャラリーから該当のイラストをタップし

「編集」をタップします。

Ibis PaintXでイラスト選択後編集をタップする画面

2.画面下、左から二番目の筆マークをタップ▶︎キャンバスをタップ

Ibis PaintXで筆マークをタップ後キャンパスをタップする画面

3.トリミングをタップ

Ibis PaintXでトリミングをタップする画面

4.左中央の青点をタップしたまま右に引っ張ります。

Ibis PaintXでトリミング選択後の画面

5.右下のピクセル数を表す部分が360から180になるまで引っ張り、ピッタリあったところで✔︎をタップします。

※1ピクセルでもズレると綺麗につながりませんので慎重に!

Ibis PaintXでトリミング部分を選択後決定をタップする画面

6.右下の←矢印をタップ▶︎「透過PNG保存」をタップします。

Ibis PaintXで透過PNG保存をする画面

これで右半分になる部分の絵文字が完成しました!

次に左半分を作ります。

一旦マイギャラリーに戻り、上記1〜3のステップを繰り返しましょう。

先ほどは左の青点を引っ張りましたが、今度は右側の真ん中の青点を引っ張ります。

✔︎で確定させたら、透過PNG保存をして完了です。

Ibis PaintXのトリミング画面で右真ん中の青点を引っ張っている画像

まとめ:つながる・つなげる絵文字の作り方

本日は「つながるLINE絵文字」をスマホのアプリを使用して作成する方法を解説しました。

手順は下記の通り

つながるLINE絵文字の作り方
  • 横幅を「180px」x「つなげる絵文字の数」、縦幅を180pxにしてキャンバスを作成
    (横につなげる絵文字の場合は縦幅を「180px」x「つなげる絵文字の数」)
  • キャンバス幅いっぱいのイラストを描く
  • イラストをつなげる絵文字の数だけコピー(複製)する
  • コピーしたイラストを左右または上下に分けてトリミングする
ふくち
ふくち

一度覚えれば本当に簡単!LINE絵文字の表現の幅が広がりますよ!

コメント

タイトルとURLをコピーしました