ラインのきせかえを作っています

VIEW 4,460
合計 11

- 問題のある質問です

MB12

普段はラインスタンプを作っていますが、きせかえにも挑戦したく私なりに色々調べてやってみましたが、どうしてもうまくいきません…
問題は、きせかえの指定サイズが136×202なので、4倍ほどのキャンパス、300dpiで絵を書いてから「画像を統合して書き出し」pngで保存、指定サイズにしてスマホで確認…すると、どうしても線が粗く、キャンパスサイズを大きくしたり、dpiを変えてみたり、色々なパターンを一通りやりましたが粗くなってしまいます。

恥ずかしながら、dpiや画像を統合して書き出しなど最近知った素人です。
ペンはアンチエイリアスをかけていますし、何が原因か分かりません…

説明不足かもしれませんがよろしくお願いします。

投稿日 : 5 年前

更新日 : 5 年前

日本語

回答

飛辺基之

5 年前
- 問題のある回答です
dpiは300でいいと思いますが、縦横何ピクセルかによって、画像が粗くなったりしますよ。

例えば画素数が少なければ粗くなる感じですかね。

フォーマットにB4とかあるので、それで描いて書き出しでリサイズするとか、指定の大きさだと縦横何ピクセルか調べてファイルを作る時に設定する、ですかね。
- 日本語
...もっと見る
削除済みユーザー

5 年前
- 問題のある回答です
解像度（dpi）は72dpi以上であれば何でも良いので忘れて下さい。（単なる目安です）
画像（キャンバス）の大きさの単位を「ピクセル（px）」で扱ってください。
（ピクセルと解像度が影響する条件は、紙にプリントアウトする時だけです）

ラインスタンプの制作ガイドライン　https://creator.line.me/ja/guideline/theme/
· サイズの単位はすべてpixelです。
· フォーマットはすべてPNG形式です。
· 解像度は72dpi以上、カラーモードはRGBにしてください。

作成時のサイズは2倍程度で十分だと思います（経験上の数値）
書きだす前に、別ファイルとして正規サイズに縮小して（確認して）からアップロードしてください。
- 日本語
...もっと見る
黒魔導師

5 年前
- 問題のある回答です
４分の１の縮小であれば、pngファイルを開いて
フィルターメニューの「ぼかし」にあるどれかを使って少しぼかしてから
編集メニューの「画像解像度を変更」で136×202まで縮小すると、比較的きれいになるかと思います。
どのくらいぼかせばよいかは、自分で何度も試してみて納得のいくところを探してください。
- 日本語
...もっと見る
MB12

5 年前
- 問題のある回答です
みなさん、詳しくありがとうございます><。
「ピクセルと解像度が影響する条件は、紙にプリントアウトする時だけ」というのがやっと理解でき、スッキリしました！
しかし、参考にしながら試しましたがスマホで見るとどうしても粗く、とても世に出す事が出来ません…
そこでまた質問で申し訳ないのですが…

サイズの単位はすべてpixelというのは新規作成時にpxにしておくという事で間違いないでしょうか？
カラーモードはRGBというのは何か設定が必要ですか？
ぼかしを使うとぼんやりしてしまいます…ちなみに（強）ではなく普通のもの？をかけてみました。
- 日本語
...もっと見る
MB12

5 年前
- 問題のある回答です
これで分かるか分かりませんが…^^；
ざっと書いたものをスクショしてみました。
ぼや～として線も粗いです
- 日本語
黒魔導師

5 年前
- 問題のある回答です
「線が粗くなる」というのが、線が途切れたりギザギザが目立ったりするという意味だったのかと思ってぼかしを勧めたのですが、
逆に線がぼやけるという意味だったのですね。
ラスターレイヤーに描いた場合、縮小をすると線がぼやけるのは避けられません。
線をベクターレイヤーに描いて塗りだけラスターレイヤーにするという手もありますが、
最初から136×202のサイズで描くのが一番仕上がりがイメージしやすいと思います。
- 日本語
MB12

5 年前
- 問題のある回答です
回答ありがとうございます><
そして、ここでは「粗くなる」というより「ぼやける」と言った方がよかったのですね＞＜
説明不足ですみません；

線をベクターレイヤー、塗りをラスターレイヤーにし、２倍のものと136×202で書いてみましたが違いがあまりありませんでした…
原因が分からずですが、綺麗に見せるのはここまでが限界なのでしょうか><。
このサイズでこのぼやけ具合だと、アイコンなんてとても書けないですよね…
- 日本語
12/21/11

5 年前
- 問題のある回答です
pxで見た時にサイズが合っているのなら、それで大丈夫です。
RGBへの指定は必要ないです。>質問への回答

む～スマホの解像度が高いのは何となくご理解いただいてるっぽいので補足しますと。
4倍がいいというのは、原寸が4倍であって
あとからHTMLやCSSなどで制御して4分の1に縮める筈なんですよね。
そうすることで、パソコンの4倍のピクセルで見ると同じ感じになるって話で。
（なので作成時で縮めるものではないと思います）

ラインスタンプのことがよく分からないので
誤りかも知れませんが、逆に考えると
ライン上で見た時の原寸は136×202ではなくて
もう少し小さく縮小されるってことはないでしょうかねー…
或いは今見せてくれている画像ですが原寸になっていなくて、110％表示になっているとか。

もしくはPC→スマホへの移動時に何か起きてる可能性があるので、
まずベクターレイヤーかつ、4倍のサイズで作成したあとそれをそのままスマホへ移動。
スマホのアプリを使って136×202にリサイズしてみるとかどうでしょうか。。
- 日本語
MB12

5 年前
- 問題のある回答です
回答ありがとうございます><

その後、原寸サイズも調べましたが大丈夫でした。
そして、PC→スマホへの移動手段がメールだったため、ドロップボックスを使用してみましたが変わりませんでした…
スマホのアプリでのリサイズもしてみましたが変わらず…

ちょっと心が折れ始めましたが、皆さんの回答で勉強も出来ました。
ありがとうございます><

ギリギリまでこのトピは残しておきますが、その間も模索していきたいと思いますm(_ _"m)
- 日本語
...もっと見る