解説【pixel ruler】 | ログポッド

こんにちは

さとさとです

さとくま


 

pixel ruler をどう活用するか

 

着せかえのトークルーム背景に

話を絞ってみます

 

 

ガイドラインを読んでからのほうが

話が入ってきやすいです

 

LINE 制作ガイドライン

 

 

Android端末の場合

 

最大サイズは

W 1300px x H 1300px

 

イラストは

端末の横向き

縦向きに関係なく

センター下揃えで配置

イラストが文字入力欄の下から表示
下部に配置したイラストは

文字入力欄と重なり表示されるので

文字入力欄の高さを考慮して

イラストを配置すること

着せかえ登録時に確認できる

プレビュー画面と

実際の表示とは

異なる場合があります

 

 

 

 

 

実際のトークルームを見てみましょう

 

 

たいていはこの画面で

利用するでしょうが

横表示にするとこうなります

 

 

表示範囲が全然違います

 

ぴょん

 

申請画像に

縦表示と横表示のエリアを

示してみるとこうなります

 

 

 

例えば

縦でも横でも確実に

表示させたいものが

ある場合は

下図の赤い斜線の範囲に

配置する必要があります

 

 

 

では

ヒナ くれくれバードだと

どうなるのか

見てみます

 

 

 

 

 

LINE

くれくれバード

https://line.me/S/shop/theme/detail?id=dcf91cfb-2666-4c54-9db1-cfff260f471d

 

 

 

申請するときに見ることができる

プレビューは縦表示のみなので

横表示の表示範囲を

知ることができるだけでも

価値があるかなと思います

 

 

 

リリースして買って

着せかえ適用してみたら

見切れてました…では

後の祭りですよね?

 

 

Android端末は

いろんなメーカーから

たくさん販売されているので

すべての端末に対応するのは

難しい話ではあります

 

 

 

 

実際に着せかえ作成するとき

どうするの?って話ですが

エリア(サイズ)を

把握しているものとして

pixel rulerのトークルーム背景

のようなものを

ご自身で用意して

作成ソフトの描画レイヤーとは

別レイヤー(下)に

ガイドとして表示させて

制作していけば

思い通りのものができあがる

という流れです
 

 

そのガイドを作ることが困難であれば

相談いただければ

何かしら対応するかも?

です

 

 

LINE

pixel ruler

https://line.me/S/shop/theme/detail?id=b0d3fc0c-8801-4cfe-b232-55cf1119425b

 

 

 

ではでは

 

アオクマ

アオクマ

 

 

 

 

 


 
↓矢印 ↓矢印 ↓矢印 ↓矢印 ↓矢印

 

 

 

 

 

 

 

 

 

 

着せかえ

【アオクマ】

【くれくれバード】

【THE GOLF】

【pixel ruler】