k(航)/自己流透過シェル作成法
の編集
./?k%28%E8%88%AA%29/%E8%87%AA%E5%B7%B1%E6%B5%81%E9%80%8F%E9%81%8E%E3%82%B7%E3%82%A7%E3%83%AB%E4%BD%9C%E6%88%90%E6%B3%95
[
トップ
] [
編集
|
差分
|
履歴
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
殊海夕音/FINE/template
*自己流透過シェルの描き方 [#l86f2f6d] まじで自己流なので、あくまで参考程度に見てください(’’~ ''なお、元から線が綺麗な人は見る必要がありません。''~ あくまで雑な線を多く描く絵が多い人用です。~ [[工程1>#w8b63303]] / [[工程2>#g4fb82ea]] / [[工程3>#ye747761]] / [[工程4>#j4dd0546]] / [[工程5>#rde68d65]]~ ~ **工程1 [#w8b63303] 自分は説明にSAIを使っていますが、レイヤー機能のあるペイントソフトなら何を使っても構いません。~ とにかくシェル描きます。~ ~ &ref(koko_1.jpg,nolink);~ ~ ちなみに自分は300*400のサイズでに解像度変えずにいつも描いてます。~ 綺麗な線でシェルを立たせたい人は上記の3倍くらいのサイズで描いて、縮小する事をオススメします。~ ~ **工程2 [#g4fb82ea] レイヤーの一番下に背景レイヤーを追加して一色で塗りつぶします。~ 伺かの場合、透過色は左上の1ドット判断されるみたいなので、塗りつぶす色は何でも良いですみたいです。~ ~ &ref(koko_2.jpg,nolink);~ ~ 一見これで完成のように見えるんですが、このままシェルに加えて立たせてみると…~ ~ &ref(koko_3.jpg,nolink);~ ~ このようにあちこちにゴミが出てます。~ ついでに線との境界線にアンチエイリアスがかかってしまい、上手く透過できなくなっています。~ ~ **工程3 [#ye747761] 工程2で見えるゴミを''力技''で排除します。~ ~ まず、ペンツールのちょい上にある自動選択ツールを選びます。~ これはいわゆる閉領域選択です、ある一定の範囲内をマスクペンで塗りつぶすツールです。~ 領域検出モードは『色差が範囲内の部分』を選択、範囲は背景以外の色を巻き込まない程度なら幾らでも構いません。~ 領域検出先を''『キャンバス』''。これ重要です、テストに出ますよ。~ ~ &ref(koko_4.jpg,nolink); &ref(koko_5.jpg,nolink);~ ~ 上記の状態で背景を選択。~ ~ &ref(koko_6.jpg,nolink);~ ~ やはり線にアンチエイリアスがかかっているため、上手く選択できていませんが今回は無視します。~ けれども、この時点で明らかに目立つ大きいゴミとかは選択ペンで塗りつぶしておいてください。~ ~ **工程4 [#j4dd0546] 上部メニューバーより[選択(S)]→[選択領域の反転(I)]を選択します。~ すると下記のように背景以外の全ての部分がマスキングされます。~ ~ &ref(koko_7.jpg,nolink);~ ~ この状態で更に上部メニューバーより[選択(S)]→[選択領域を1ピクセル膨張(1)]を選択。~ するとちとわかりにくいですが、下記のように1ピクセル膨張された状態になります。~ ~ &ref(koko_8.jpg,nolink);~ ~ この状態で背景レイヤーをバケツでもペンでも何でもいいんで''消しゴム''で範囲内を塗りつぶします。~ 白で塗りつぶしちゃ絶対に駄目ですよ。~ 塗りつぶすと下記の画像のように、キャラクターの縁を白で覆うような形になると思います。~ ~ &ref(koko_9.jpg,nolink);~ ~ **工程5 [#rde68d65] 前工程で出来上がった背景レイヤーを一番上のレイヤーに持っていきます。~ ~ &ref(koko_10.jpg,nolink); &ref(koko_11.jpg,nolink);~ ~ 見た目上変化がありませんが、この状態でpng画像を出力してシェルとして立たせてみると…~ ~ &ref(koko_12.jpg,nolink);~ ~ と、こんな感じにゴミを抑える事ができます、変にゴミが出ない分すっきりしてます。~ 工程2を比較してみるとこんな感じです。~ ~ &ref(koko_3.jpg,nolink); &ref(koko_12.jpg,nolink);~ ~ 白縁のギザギザ感が気になる場合は、白縁部分をpnaで半透明処理するとより綺麗になりますよ。~ けれども自分はpnaを使ってないので説明は省略させてもらいます。
タイムスタンプを変更しない
*自己流透過シェルの描き方 [#l86f2f6d] まじで自己流なので、あくまで参考程度に見てください(’’~ ''なお、元から線が綺麗な人は見る必要がありません。''~ あくまで雑な線を多く描く絵が多い人用です。~ [[工程1>#w8b63303]] / [[工程2>#g4fb82ea]] / [[工程3>#ye747761]] / [[工程4>#j4dd0546]] / [[工程5>#rde68d65]]~ ~ **工程1 [#w8b63303] 自分は説明にSAIを使っていますが、レイヤー機能のあるペイントソフトなら何を使っても構いません。~ とにかくシェル描きます。~ ~ &ref(koko_1.jpg,nolink);~ ~ ちなみに自分は300*400のサイズでに解像度変えずにいつも描いてます。~ 綺麗な線でシェルを立たせたい人は上記の3倍くらいのサイズで描いて、縮小する事をオススメします。~ ~ **工程2 [#g4fb82ea] レイヤーの一番下に背景レイヤーを追加して一色で塗りつぶします。~ 伺かの場合、透過色は左上の1ドット判断されるみたいなので、塗りつぶす色は何でも良いですみたいです。~ ~ &ref(koko_2.jpg,nolink);~ ~ 一見これで完成のように見えるんですが、このままシェルに加えて立たせてみると…~ ~ &ref(koko_3.jpg,nolink);~ ~ このようにあちこちにゴミが出てます。~ ついでに線との境界線にアンチエイリアスがかかってしまい、上手く透過できなくなっています。~ ~ **工程3 [#ye747761] 工程2で見えるゴミを''力技''で排除します。~ ~ まず、ペンツールのちょい上にある自動選択ツールを選びます。~ これはいわゆる閉領域選択です、ある一定の範囲内をマスクペンで塗りつぶすツールです。~ 領域検出モードは『色差が範囲内の部分』を選択、範囲は背景以外の色を巻き込まない程度なら幾らでも構いません。~ 領域検出先を''『キャンバス』''。これ重要です、テストに出ますよ。~ ~ &ref(koko_4.jpg,nolink); &ref(koko_5.jpg,nolink);~ ~ 上記の状態で背景を選択。~ ~ &ref(koko_6.jpg,nolink);~ ~ やはり線にアンチエイリアスがかかっているため、上手く選択できていませんが今回は無視します。~ けれども、この時点で明らかに目立つ大きいゴミとかは選択ペンで塗りつぶしておいてください。~ ~ **工程4 [#j4dd0546] 上部メニューバーより[選択(S)]→[選択領域の反転(I)]を選択します。~ すると下記のように背景以外の全ての部分がマスキングされます。~ ~ &ref(koko_7.jpg,nolink);~ ~ この状態で更に上部メニューバーより[選択(S)]→[選択領域を1ピクセル膨張(1)]を選択。~ するとちとわかりにくいですが、下記のように1ピクセル膨張された状態になります。~ ~ &ref(koko_8.jpg,nolink);~ ~ この状態で背景レイヤーをバケツでもペンでも何でもいいんで''消しゴム''で範囲内を塗りつぶします。~ 白で塗りつぶしちゃ絶対に駄目ですよ。~ 塗りつぶすと下記の画像のように、キャラクターの縁を白で覆うような形になると思います。~ ~ &ref(koko_9.jpg,nolink);~ ~ **工程5 [#rde68d65] 前工程で出来上がった背景レイヤーを一番上のレイヤーに持っていきます。~ ~ &ref(koko_10.jpg,nolink); &ref(koko_11.jpg,nolink);~ ~ 見た目上変化がありませんが、この状態でpng画像を出力してシェルとして立たせてみると…~ ~ &ref(koko_12.jpg,nolink);~ ~ と、こんな感じにゴミを抑える事ができます、変にゴミが出ない分すっきりしてます。~ 工程2を比較してみるとこんな感じです。~ ~ &ref(koko_3.jpg,nolink); &ref(koko_12.jpg,nolink);~ ~ 白縁のギザギザ感が気になる場合は、白縁部分をpnaで半透明処理するとより綺麗になりますよ。~ けれども自分はpnaを使ってないので説明は省略させてもらいます。
テキスト整形のルールを表示する
添付ファイル:
koko_12.jpg
773件
[
詳細
]
koko_11.jpg
816件
[
詳細
]
koko_10.jpg
802件
[
詳細
]
koko_9.jpg
775件
[
詳細
]
koko_8.jpg
809件
[
詳細
]
koko_7.jpg
808件
[
詳細
]
koko_6.jpg
806件
[
詳細
]
koko_5.jpg
786件
[
詳細
]
koko_4.jpg
786件
[
詳細
]
koko_3.jpg
786件
[
詳細
]
koko_2.jpg
770件
[
詳細
]
koko_1.jpg
822件
[
詳細
]