工場おじさんがゆるくリタイアの夢を見る

LINE着せかえの作り方【簡単に説明します】

こんなあなたにおススメです

https://www.koujyou-fire.com/wp-content/uploads/2020/05/setuko05.pngLINE着せかえ作りたい人

ライン着せかえつくってみたいんだよ

どうも!ライン着せ替えにハマっているぺろおじさんです!

ラインスタンプ2作品目!!

ライン着せ替え ライン販売画面

本記事では

ライン着せかえの作り方をわかりやすく、できるだけ「簡単」な作り方をお伝えします!

ぺろおじさん
ぺろおじさん

公式の仕様書見ると気持ち悪くなりますよね

わんこ
わんこ

簡単に変換するよ~

ライン着せ変えの作り方

全4工程、カラースキンと画像の種類は大事なので最初に覚えましょう!

  1. デザインを考える
  2. カラースキンを選ぶ
  3. 必要な画像を覚える
  4. 画像を描く

LINE着せかえ カラースキンとは?

このフレームの部分が「カラースキン」です。

トークルーム背景

ライン着せ替えを作る際には「カラースキン」が大事です。「カラースキン」はラインが決めたパターンがあります。決められたパターンから選ばなければならないので、奇抜なものはつくれません(*´ω`)

ライン着せ替えを作る前に検索「ライン着せ替え カラースキン」で色見を見ておきましょう!

ぺろおじさん
ぺろおじさん

デザイン大事ですね

わんこ
わんこ

お洒落な人はシンプルに色の組み合わせで勝負してたりするからすごい!

LINE着せかえ 画像の種類を説明します

大きく分けるとこの7種類!

  1. メニューボタン8種
  2. パスコードボタン4種
  3. 背景1種(メニューボタンが乗る部分)
  4. トークルームの背景が1種
  5. プロフィール画面の個人と友達で2種
  6. メイン画像が1種
  7. 販売用画像が1種

ライン着せ替えを作る為に「必要な画像数」の合計は63個!

  • アンドロイド用の必要画像が31個!
  • アイフォン用の必要画像が31個!
  • 販売用の画像が1個!
ぺろおじさん
ぺろおじさん

63も作るんダヨ!

わんこ
わんこ

いやになっちゃう

ぺろおじさん
ぺろおじさん

げろでちゃう

流用できる部分を覚えると描く枚数は大幅に減るので安心しましょう!

  • アイフォン用画像とアンドロイド用画像はただのサイズ違い!
  • メイン画像と販売用の画像もサイズ違い!

アイフォン用とアンドロイド用は、サイズが違うだけなので「絵自体」は修正だけで良いんです。色々修正だけで済むので、なんだかんだ20個ぐらい描けば「LINE着せかえ」作れちゃいます!

わんこ
わんこ

少し気が楽になった!

ぺろおじさん
ぺろおじさん

敷居がやけに高いんですよね!画像を覚えれば簡単です!

LINE着せかえの作り方 パーツ毎に説明するよ

できるだけ簡単に「シーズーさまーさまー」をベースに「ライン着せ替え」の作り方を説明していきます!

わんこ
わんこ

シーズーさまーさまーかっておくれ~

LINE着せかえ工程1 メニューボタンを作りましょう!

まずはライン着せ替えのメイン「メニューボタン」から作りましょう!

メニューボタンはこの5パターンは必須!

ライン着せ替え メニューボタン

メニューボタン画像サイズ

  1. Android「横128px × 縦112px」
  2. iOS「横128px × 縦150px」

メニューボタンを作る際の簡単な作り方

  1. Android用画像を描く
  2. OFF画像を描き、コピーしてON画像に動きを付ける
  3. Android用画像のキャンバスサイズを拡大しiOS画像を作る

メニューボタンを作る際の注意点!

メニューボタンを作る際は、余白を十分に気持ち「小さめ」に描く事が大事!

ライン着せ替え メニューボタン 注意点1

OFFからON画像は動きを意識して描くと可愛くかけますよ~

ライン着せ替え メニューボタン 注意点2
わんこ
わんこ

小さめに描けば大丈夫なんだね~

ぺろおじさん
ぺろおじさん

大きく描くと見栄えが悪くて「数字」が被る恐れがあります!リジェクトの恐れもあるので「ちいさめ」で!

LINE着せかえ工程2 パスコードボタンを作ろう!

次はパスコードボタンを作りましょう!

ライン着せ替え パスコードボタン

パスコードボタンはメニューボタンの流用で簡単に!

メニューボタンを「小さめ」に作る事で、「パスコードボタン」に流用できちゃいます。

「パスコード画像」のサイズ

  • Android用サイズ「横116px × 縦116px」
  • iOS用サイズ横「120px × 縦120px」
わんこ
わんこ

大体同じサイズだね!

パスコードボタンの簡単な作り方

  1. Android用の「メニューボタン」に手を加える
  2. OFF画像とON画像を作る
  3. iOS用にキャンバスサイズを変更する

パスコードボタンOFFの画像は4つ同じでもOK!

ライン着せ替え パスコードボタン 注意点1

ONボタンの動きもシンプルでOK!

ライン着せ替え パスコードボタン 注意点2
わんこ
わんこ

人気クリエイターさんもOFF画像は全部同じが多いね~

ぺろおじさん
ぺろおじさん

ONを押すと「キャラ」が90度ずつ回転するだけなんてのもありますね

LINE着せかえ工程3 メニューボタンが乗る背景画像を作りましょう!

キャラクターが乗る背景部分を描きましょ~!

ライン着せ替え メインボタンの背景画像1

こんな感じで、後ろの「なみなみ部分」を描きます。

ライン着せ替え メインボタンの背景画像2

背景のサイズ

  • iOSのサイズ「横1472px × 縦150px」
  • Androidサイズ「横640px × 縦112px」
わんこ
わんこ

iOSが大きいんだね!

背景の簡単な作り方

  1. 左右の端のつながりを意識してAndroidで作る
  2. iOSサイズにコピペして修正する
わんこ
わんこ

コピペする際はバランスを見ないとだめだね~

ぺろおじさん
ぺろおじさん

画像のつながりは注意しましょうね

ライン着せかえ工程4 トークルームの背景を描こう!

トークルーム背景の簡単な作り方

  1. Androidのサイズ「横1300px × 縦1300px」で作成する
  2. iOSサイズ「横1482px × 縦1334px」にコピー書き足し

文字が乗る部分なので「薄め」が大事、ワンポイントなどのシンプルな物が多いです。最近の着せ替えは文字に色が付くのでわかりやすいですね。

ライン着せ替え トークルーム
わんこ
わんこ

シンプルにしないとみにくくなるよね~

ぺろおじさん
ぺろおじさん

多くのクリエイターさんは「繰り返し」か「ワンポイント」でシンプルに作ってます

ライン着せかえ工程5 プロフィール画像を描きましょう!

「友達」「グループ」の2つを作りましょう!

ライン着せ替え プロフィール画像

プロフィール画像のサイズ

  • iOS 「横240px × 縦240px」
  • Android 「横247px × 縦247px」
わんこ
わんこ

Androidのほうが大きい!注意だよ!

プロフィール画像の簡単な作り方

  1. 〇の中に納まるようにiOS用画像を描く
  2. iOS画像をAndroid用にキャンバスサイズを拡大する

〇を描いて納まる用意絵をかきましょ~

ライン着せ替え プロフィール画像 注意点1
わんこ
わんこ

〇は書き出しちゃだめだよ~

ぺろおじさん
ぺろおじさん

〇部分以外はカットされます!

LINE着せかえ工程6&7 メイン画像とスプラッシュ画像を描きましょう!

商品紹介用の画像が「メイン画像」です。サイズ違いで3つ必要!

ライン着せ替え メイン画像

メイン画像のサイズ

  • iOS 「横200px × 縦284px」
  • Android 「横136px × 縦202px」
  • LINE STORE 「横198px × 縦278px」

メイン画像の簡単な作り方

画像サイズがアンドロイドのみ結構小さいので、ラインストアのサイズで作ってレイアウト調整がベストです。

  1. LINE STOREサイズでメイン画像を作製
  2. Android画像に合わせてレイアウト縮小
  3. iOSは微調整でOK

スプラッシュ画像の簡単な作り方

スプラッシュ画像は「Android」を立ち上げた際に出る画像です。「メイン画像」の流用でOK!

  1. メイン画像の画像を拡大してサイズ合わせ
  2. ロゴとキャラクターを配置
  3. 「背景」「ロゴ&キャラクター」に分けて書き出し

スプラッシュ画像のサイズ

  • Android 背景「横1300px × 縦1300px」
  • Android ロゴとキャラクター「横480px × 縦720px」
わんこ
わんこ

メイン画像とスプラッシュ画像は同じデザインでOKなんだね~

ぺろおじさん
ぺろおじさん

スプラッシュ画像がかなりデカいので注意です!

全部できたらアップロードして申請するだけ!

終わりに

ラインスタンプと比較するとネタは少なく済みますが、画像の加工作業が多いので最初は大変ですね。慣れると「ライン着せ替え」のほうが作りやすいかもしれません(*´ω`)

ライバルが少ないのでラインスタンプより人の目に付くのが嬉しい所です!

ラインスタンプに飽きたら「着せ替え」を楽しくつくりましょ~~

わんこ
わんこ

時給計算すると吐きそうになるよね~

ぺろおじさん
ぺろおじさん

時給1円もいかない

ライン着せ替え「シーズーさまーさまー」宜しくお願いします

>>>シーズーのかわいいイラスト!LINE着せ替え「シーズーさまーさまー」絶賛発売中です~

シーズーのかわいいイラスト!LINE着せ替え「シーズーさまーさまー」絶賛発売中です~

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA