LINEの「クリエーターズ着せかえ」の作成にチャレンジしました。今回は「着せかえ」を作るにあたって、これだけは注意してほしいという事をお話ししたいと思いますので、参考にしてみてください。こんな記事もあるよ!そもそもLINE着せかえって何?LINEの「着せかえ」とは、管理画面をカスタマイズできるサービスのことで、設定すればいつもと違うデザインでLINEを楽しむことができます。Storeより引用もちろん、「LINEスタンプ」と同じく、だれでも販売することができるので、副業としてやってみるのもありですね。LINE着せかえを作るうえで注意すべき3つのポイントLINEの「着せかえ」を作るにあって、おさえるべきポイントは以下の3つです。事前にデザインするベースの色をきめておこうLINE着せかえの作り方は、公式のガイドラインをみようメニューの作成ルールを知っておこう1.事前にデザインするベースの色をきめておこうカラースキンとは、いわゆるベースの色のことで、スーツでたとえるなら、まさに生地(きじ)ですね。カラースキンは、全50種類の中からかならず選ばなければなりません。ちなみに、わたしは真っ赤なカラースキンを使おうと考えていましたが、薄い赤しか選べず、第2候補だった黒を選びました。画像を見てもらえばわかりますが、カラースキンはほとんど部分で適用されます。デザインの核なのです。こんなにも重要なデザインなのですが、全部作ったあとでしかLINEクリエーターズの管理画面で確認できないんですよ。一切加工することができません。みなさんも、カラースキンを選ぶときに、「考えていた色がない!!!」となりたくないと思います。「着せかえ」を作る前にかならずカラースキン一覧表に目を通してベースの色を決めておきましょう。一覧表を見てみると、“完全に赤”や“完全に青”といった派手な色が選べないことがわかります。どの色をベースに「着せかえ」をデザインしていくのか、かならず決めておきましょう。のぞみんここでおさえるべきことは、カラースキンは自分で好きに作れないということです。カラースキンがどのように合わさるのか反映イメージの図をあらためて確認しデザインをイメージしていきましょう。2.LINE着せかえの作り方は、公式のガイドラインをみよう「着せかえ」のパーツは全部で49個作る必要があります。Marketより引用これだけ見ると「実際何を作ればいいんだ?」となりますが、公式ガイドライン内に詳細ページがあるので、そちらのページを確認しながら作れば間違いなしです。詳細ページ:https://creator.line.me/ja/guideline/theme/detail/1点補足として、メイン画像とはサムネイル画像のことです。商品説明の左に表示されている画像ことですね。「着せかえ」画像を26個作れば使い回しできます!1番大きいサイズのアイフォン用をベースに作れば大丈夫なので安心してください。くわしく説明すると、アイフォン専用画像23個とアンドロイド用のメニュー背景画像1個、スプラッシュ画像2個の計26個作れば、あとはサイズ変更で大丈夫です!のぞみん詳細ページには、参考としてブラウンの着せかえデータのサンプルをダウンロードすることができます。何を作ればよいのかイメージしづらいという方はダウンロードしてみて確認してみるのもありですね。3.メニューの作成ルールを知っておこう最後に、「着せかえ」画像の作成でミスしやすいポイントについて書きたいと思います。メニューボタン画像を作るときまずメニューボタン画像とは、アイフォンの場合LINEの画面下に表示されるボタンのことですね。Storeより引用このデザインなのですが、24個作ります。24個の内訳については、以下のとおりです。メニューボタン自体の種類が6種類。「友だち」、「トーク」、「タイムライン」、「ニュース」、「その他」、「通話」1種類につき2パターン(ボタンON、ボタンOFF)必要。上記12個の画像をアイフォン用とアンドロイド用とで作る。作成時の注意ポイントを解説していきます。これら画像なのですが、メニューボタン画像の上にバッジ画像とボタン名かぶります!メニューボタン画像を作るときは、以下の画像のとおりバッジ画像とボタンがかぶっても問題ないようにデザインしなければなりません。注意事項アイフォンでは、上49px右21pxのところにW33px×H33pxの円型バッジ画像が表示されます。アイフォンでは、下26pxあたりからボタン名が表示されます。アンドロイドでは、上22px右11pxのところにW33px×H33pxの円型バッジ画像が表示されます。のぞみんメニューボタン画像は、全部で24個作る必要がありますが、アイフォン用の12個さえ作れば、あとはアンドロイド用にサイズ変更すれば使い回しができます!メニュー背景画像を作るときメニュー背景画像とは、メニューボタン画像のバックに表示されるデザインのことです。カラースキンを薄い青にし、メニューボタン画像でキャラを描く。メニュー背景画像を山のデザインにすれば、キャラがピクニックに出かけているような楽しいデザインに仕上げることができます。こちらも作成時の注意ポイントを解説していきます。アイフォンとアンドロイドでは、メニューの配置場所が違います!上下それぞれでデザインをしましょう。あと、カラースキンをアイフォンとアンドロイドで個別に設定できない点も、注意しなければなりません。背景画像はリピート表示されるぞ!左揃えをしたときにキレイにつながるようにデザインしましょう。アイフォン用は、メニュー背景画像の上部を透過することができる!ただし、透過の範囲は上から50pxまで。透過部分が上から50px以上になるとバックが透明にならずに黒くぬりつぶされてしまいます。ちなみアンドロイド用は透過自体できませんので、ご注意ください。のぞみんメニュー背景画像は、透過部分を活かすか、活かさないかによって難易度が変わってきます。Marketで申請するだけです。STOREで販売となりますので、楽しみに待ちましょう!こんな記事もあるよ!「スタンプ」についても同じように作り方について紹介しています。よかったら目を通してみてください。知らなきゃ損!LINEスタンプをたった10個作るだけでデザイナーデビューできた件2017年6月24日スキルアップLINEおすすめ!のぞみんこの記事が気に入ったらいいねしよう!最新記事をお届けします。本書では銀次が身につけた人間成長のエキスを、自分の分身でもある「キジコ」と「ビバット」とともにトリオで掛け合いながら、“本物”の幸福とは何か?また“本物”の幸福を得るためにはどうすれば良いのか体験談をもとに紹介します。コメントをキャンセルメールアドレスが公開されることはありません。~カモフラージュ~」販売のお知らせRECOMMENDこちらの記事も人気です。≪尊敬語・謙譲語の使い方≫スキルアップ2017.9.13マンガでわかる!来客対応【お茶・コーヒーの出し方】スキルアップ2017.9.7マンガでわかる!来客対応【エレベーターでの案内マナー】スキルアップ2017.6.27【noindex】記事がインデックスされないときはプラグインを疑え!ABOUTこの記事をかいた人のぞみん皆さん、こんにちは。内向的な性格なんですが、この度ブログというツールを活用し、少しでも外交的な性格にチェンジできればと思い、チャレンジしてみることにしました!ジャンル問わず様々な分野を経験し、ネタを提供できればと思います。