LINE絵文字で時々見かける複数の絵文字をつなげて使える絵文字。
![](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/つながる絵文字例.png)
![こまるちゃん](https://www.fukuchinofukugyou.com/wp-content/uploads/2021/11/無題8083_20211102225334.png)
作ってみたいけどどうやって作るの?なんだか難しそう・・・
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/02/image-30-150x150.png)
アイビスペイントエックスという無料のお絵かきアプリで簡単にできるよ!しかも2つの絵文字が一度にできるので、慣れれば1つずつ作るより作業量が減るんです!
つながるLINE絵文字が作れると、表現の幅が広がります!
本日はこのつながるLINE絵文字用のイラストをスマートフォンのアプリのみで作成する方法を画像付きでお教えします。
アプリはIbis PaintX(アイビスペイントエックス)を使用します。
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/03/無題24_20220314094844.png)
アプリを持ってない人はインストールしましょう!基本の利用は無料です。
他のアプリでも作成の手順や考え方は同じなので参考になると思います。
\Ibis Paint Xのインストールはこちら/
\Ibis PaintXの操作基本マニュアル/
つながるLINE絵文字ってどんな仕組み?
![疑問を抱える女性のイラスト](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/01/疑問-1024x427.png)
つながるLINE絵文字。
なんであんなに綺麗につながるのか不思議に思いませんか?
わかっている方は次に進んでOK!
つながる絵文字は複数の絵文字をつながるように作っているわけではなく、
「横長または縦長に作ったイラストを分割」
しているのです。
こんなイメージですね。
具体的な操作方法は後ほどお話しします。
![長いイラストをカットしているイラスト](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/長いイラストをカットしている様子.png)
つながるLINE絵文字の見え方
![虫眼鏡で何かを見ている女性のイラスト](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/視認性が悪い-1024x427.png)
実際に使用している方は知っていると思いますが、つながる絵文字を実際に使うとLINE上こんな見え方です。
横につながる絵文字は絵文字だけで送るとスタンプみたいに見えますね!
他の文字と一緒に打った場合は下段のように小さく表示されます。
縦につながる絵文字は絵文字のみで送っても吹き出し内に表示されます。
![横につながる絵文字をLINEで利用した時の画面イメージ](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題97_20220819160458.png)
![縦につなげる絵文字の利用イメージ](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/Screenshot_20220820-1934372.png)
つながるLINE絵文字の作り方 4STEP
![4段の階段を登っている女性のイラスト](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/4STEPS-1024x427.png)
それでは、Ibis PaintXを利用した「つながるLINE絵文字」の作成方法を見ていきましょう!
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/03/無題24_20220314094844.png)
一回やり方を覚えればすっごく簡単ですよ!
それぞれ操作方法を画像付きで見にいきましょう!
1.キャンバスを作成する
![](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/キャンバス-1024x427.png)
以下のサイズでキャンバスを作成します。
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/01/無題8204_20220122085833.png)
横幅を「180px」x「つなげる絵文字の数」にすればOK!ただしあまり長いと改行されてしまうのでつなげるのは2、3個までがおすすめです♫
縦につながる絵文字はキャンバスの縦幅を180pxの倍数にしましょう!
IbisPait X(アイビスペイントエックス)のアプリを開いて「マイギャラリー」▶︎画面左下の「+」マークをクリックすると画像の新規キャンパス作成画面が出てきます。
作成したい絵文字に合わせて左側に横のピクセル数、右側に縦のピクセル数を入力し「OK」をタップします。
(画像は横360px、縦180pxで横に2つつながる絵文字を作る場合の画面です。)
![](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題101_20220819162922.png)
2.キャンバス幅いっぱいにイラストを描く
![](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/07/タブレットでイラストを描く人-1024x427.png)
作成したキャンバスにイラストを描きます。
今回は横に2つのイラストがつながるタイプの絵文字です。
吹き出し風に「HELLO」という文字を描いてみました。
もちろん文字に限らず幅にマッチしたイラストであればなんでもOKです!
![Ibis PaintXでHELLOという2連の絵文字を作成した画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/Screenshot_20220819-161443-edited-1.jpg)
\イラストの基本の作成方法はこちら!/
3.描いたイラストを複製する(分割する絵文字分)
![イラストをコピー(複製)する](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/COPY-1024x427.png)
作成した画像をコピー(複製)します。
コピー回数はつなげる絵文字の数と同じ回数です。
2つの絵文字をつなげる場合 → 2回コピー (オリジナルも含め同じイラストが3つ)
3つの絵文字をつなげる場合 → 3回コピー (オリジナルも含め同じイラストが4つ)
※万一修正などが生じた場合に備え、オリジナルのイラストは残しておいた方が良いので、オリジナルのイラストと別途必要な絵文字数分のイラストを複製しておきます。
画像の編集画面からマイギャラリーに戻ります。
コピーしたいイラストをタップし、下の「︙」から「作品を複製」を選択します。
この作業をコピーしたい枚数分繰り返します。
![Ibis PaintXのマイギャラリー画面からイラストを選択している画像](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題104_20220820194937.png)
![Ibis PaintXのイラスト選択後作品を複製を選択する画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題109_20220820195149.png)
今回は2つの絵文字をつなげるので、オリジナル分も含め同じイラストを3枚用意しました。
![Ibis PaintXでイラスト複製後のマイギャラリーの画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題111_20220820195518.png)
4.コピーしたイラストをそれぞれトリミング&保存する
![トリミング](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/trimming-1024x427.png)
長い幅で作成したイラストを、LINE絵文字のサイズ縦横180pxにトリミングしていきます。
トリミングとは画像の必要部分のみを切り抜くことを言います。
1.マイギャラリーから該当のイラストをタップし
「編集」をタップします。
![Ibis PaintXでイラスト選択後編集をタップする画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題112_20220820195817.png)
2.画面下、左から二番目の筆マークをタップ▶︎キャンバスをタップ
![Ibis PaintXで筆マークをタップ後キャンパスをタップする画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題113_20220820200013.png)
3.トリミングをタップ
![Ibis PaintXでトリミングをタップする画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題114_20220820200118-1.png)
4.左中央の青点をタップしたまま右に引っ張ります。
![Ibis PaintXでトリミング選択後の画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題115_20220820200304.png)
5.右下のピクセル数を表す部分が360から180になるまで引っ張り、ピッタリあったところで✔︎をタップします。
※1ピクセルでもズレると綺麗につながりませんので慎重に!
![Ibis PaintXでトリミング部分を選択後決定をタップする画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題116_20220820200441.png)
6.右下の←矢印をタップ▶︎「透過PNG保存」をタップします。
![Ibis PaintXで透過PNG保存をする画面](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題117_20220820200611.png)
これで右半分になる部分の絵文字が完成しました!
次に左半分を作ります。
一旦マイギャラリーに戻り、上記1〜3のステップを繰り返しましょう。
先ほどは左の青点を引っ張りましたが、今度は右側の真ん中の青点を引っ張ります。
✔︎で確定させたら、透過PNG保存をして完了です。
![Ibis PaintXのトリミング画面で右真ん中の青点を引っ張っている画像](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/無題117_20220820202011.png)
まとめ:つながる・つなげる絵文字の作り方
本日は「つながるLINE絵文字」をスマホのアプリを使用して作成する方法を解説しました。
手順は下記の通り
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/03/無題24_20220314094844.png)
一度覚えれば本当に簡単!LINE絵文字の表現の幅が広がりますよ!
コメント