eclucifer

『 ペイントツールSAI 』 ver.1.0 を使用した、2009年版メイキング第三回です。
今回は、ペン入れの過程と平行ライン模様の描き方などを解説しています。

ペン入れ

先ほどと同様の手順で 『 下書き 』 レイヤーセットの不透明度を下げ、『 スクリーン 』 レイヤーをクリッピング。

画像をクリックすると、『 ペン入れ 原寸大 』 を表示します。

『 ペン入れ 』 レイヤーセットを新規作成。 その中に更に 『 士郎 』 『 アーチャー 』 レイヤーセットを新規作成。 パーツごとレイヤーを分けて、1px （ ところにより 0.7px ） の鉛筆ツールでペン入れします。

手ブレ補正は 『 5 』 を基本に、長い線や曲線を描くときは 『 S-6 』 を、髪の毛など勢いをつけて自然な曲線をたくさん描くときは 『 14 』 を使用しています。 『 S-6 』 は歪まないのが利点ですが、どうしてもワンテンポズレてしまうので、髪の毛に使用すると曲線が死んでしまう気がします。

『 ペン入れ 』 レイヤーセットの中身はこのようになっています。
のちのち修正することが出来るように、念のためしつこくレイヤーを分けています。

レイヤーの上下の順番はテキトーではなく、パーツの上下を意識してあります （ 例えば、士郎のジーンズはTシャツを上に着ているのでその下に置く、といったように ）。

平行線模様の描き方

画像をクリックすると、『 平行ライン模様 原寸大 』 を表示します。

こういう平行なラインの模様には苦戦します。 どう考えても平行に描くとか無理すぎます。
人間が手描き出来ないなら SAI の機能でラクすればいいじゃない！

『 模様 元 』 レイヤーを新規作成、太めのペンで模様を描きます。

Ctrl ＋ レイヤークリック で 『 模様 元 』 レイヤーの選択領域を読み込み、選択 → 選択領域を1ピクセル膨張 の手順で選択領域を拡張します。

『 模様 』 レイヤーを新規作成、Ctrl ＋ F で塗り潰します。

Ctrl ＋ レイヤークリック で 『 模様 元 』 レイヤーの選択領域を読み込み、『 模様 』 レイヤーを Ctrl ＋ X でカット。 あとは、線のはみ出しを整え 『 模様 元 』 レイヤーを削除して完成です。

関連エントリー

1. ショートカットキー設定
2. ラフ＋下書き

『 ペイントツールSAI 』 ver.1.0 を使用した、2009年版メイキング第二回です。
今回は、ラフから下書きまでの過程を解説しています。

ラフ

ファイル → 新規キャンバス （ Ctrl ＋ N ） の手順で、新規キャンバスを作成します。
バランスの良い縦横比である PC の画面解像度 4:3 を参考に、600×800 としました。

『 ラフ 』 レイヤーセットを新規作成。

人物ごとにレイヤーを新規作成。

画像をクリックすると、『 ラフ 原寸大 』 を表示します。

太めの鉛筆ツールでテキトーに描きます。
「 大体こんな感じ 」 が判れば良いので、いろいろおかしくても気にしません。

キャラクターは 『 Fate/stay night 』 の主人公 衛宮士郎 と アーチャー です。
MAD 『 [Fate/hollow ataraxia]Cinderella-stairs 』 を観ていたら再熱したので、衝動のまま描きました。

下書き

このまま描き進めても構わないのですが、Web へ掲載するものは 『 小さな原寸 』 よりも 『 半分に縮小したもの 』 の方が粗が目立たず綺麗に見えるため、掲載サイズの二倍に拡大します。

わたしの場合、掲載するイラストは縦横 600px 以内と決めているので、

キャンバス → キャンバスの解像度変更 の手順で、600×800px から 900×1200px に拡大します。

『 ラフ 』 レイヤーセットの不透明度を 30% に下げます。

『 ラフ 』 レイヤーセットの上に 『 スクリーン 』 レイヤー （ 合成モード 『 スクリーン 』 ） を新規作成、下のレイヤーでクリッピング。 RGB: 246,203,216 で塗りつぶします。

トレースしやすくなりました。

画像をクリックすると、『 下書き 原寸大 』 を表示します。

『 下書き 』 レイヤーセットを新規作成。 人物ごと （ ところによりパーツごと ） にレイヤーを分けて、2px の鉛筆ツールで下書きします。 下書きをしっかりきっちりするとペン入れが楽なので、なるべくがんばります。

KANROさんち の パーカー士郎 の可愛さにやられてフードな士郎を描き始めてみたものの、やはり原作のラグランTシャツも捨てがたい！という訳で戻してみました。 士郎お約束の腹チラはさすがに自重しました。

下書きを終えたら、『 ラフ 』 レイヤーセットの左の目アイコンをクリックして、レイヤーセットを非表示にします。

関連エントリー

1. ショートカットキー設定
2. ラフ＋下書き
3. ペン入れ

『 ペイントツールSAI 』 ver.1.0 を使用した、2009年版の制作過程を解説しています。
塗りながらの作成のため未完成です。 メイキングで気分転換しつつがんばります (`・ω・´)ー３

ショートカットキー設定

一つ一つの手間は小さくとも、積み重なれば大きなストレスになってしまうもの。
こだわる点へは惜しまず、それ以外ではいかに楽をするか！ いかにメンドくささを回避するか！

そんなときに便利なのが 『 ショートカットキー設定 』 です。

デジタルお絵描きさんは Ctrl ＋ Z 上が左手の定位置ですが、右手を描画に専念させるため 『 ショートカットキー設定 』 を駆使、もっと左手を有効に使いたいと思います。

鉛筆ツールをダブルクリックします。

ショートカットキー欄に任意のキーを設定します。
自分が判りやすいものを、と Brush の 『 B 』 としました。

使用頻度の高いツールをすべて設定し、以下のようになりました。

ショートカットキー設定

ツール	キー	由来
	B	Brush
	P	Paint
	E	Eraser
	S	選択
	L	Loop
	A	Auto
	M	Move

これで、描画を中断 → ツールボックスへカーソルを移動 → ツールをクリック → キャンバスへカーソルを移動 → 描画 という手間が、左手でキーを押下するだけ！になりました。 たったこれだけで、かなり効率が良くなります。

また、

メニューバー → その他 → ショートカットキー設定 から、他にもさまざまな設定が出来ます。

わたしの場合の一例は以下のとおりです。

また、デフォルトで設定されているもので使用頻度の高いものは以下のとおりです。

これらのショートカットキーを使用するか否かで効率もストレスも随分違います。
デフォルトキーを覚えるも良し、使いやすいようカスタムするも良し、ご存知でなかった方は是非お試しください。

関連エントリー

1. ショートカットキー設定
2. ラフ＋下書き
3. ペン入れ

• 2009年1月31日10時27分　初出
• 2009年2月1日0時56分　コハちゃんより頂いた 『 Contract×Killer 』 のハジメ追加
• 2009年2月5日12時34分　猫谷美甘さんより頂いた 『 Plastic Colors 』 のシグルド追加

デスクトップに大きなゴミ箱を設置する 『 MyTrashCan 』 というソフトウェアがあるのですが、専用のアイコンを 猫谷美甘さん がプラカキャラで作ってくださいました！（*ﾟдﾟ*）ﾉｼ

• Downloads > icon 256x256 - ねこまぐろ雑貨店
• Downloads > icon 256x256 > エリオル・オリヴィエル （ Plastic Colors ） - ねこまぐろ雑貨店
• Downloads > icon 256x256 > レイシアン・エルナトゥス （ Plastic Colors ） - ねこまぐろ雑貨店
• Downloads > icon 256x256 > シグルド・ファル・ヴァール （ Plastic Colors ） - ねこまぐろ雑貨店

コハちゃん が 『 Contract×Killer 』 のハジメで作ってくださいました！（*ﾟдﾟ*）ﾉｼ

• outputs > download - 4g
• outputs > download > ハジメ ノーマル - 4g
• outputs > download > ハジメ シークレット - 4g

無駄にゴミをポイポイしたり、はたまた空にしたりして、表情の変化をじっくりお楽しみいただけます。

カスタマイズの手順は以下のとおりです。
よろしければあなたのデスクトップをプラカで彩ってくださいねヽ（ゝω・）ノ

続きを読む

『 HTML 実体参照変換ツールで楽々実体参照 』 に頂いた 「 WordPress に実体参照変換プラグインが欲しい 」 というコメントを見て、そういえば応用出来そうなものがあったようなと eclucifer bookmark » WordPress を探してみましたら、ありました！

• WordPress の投稿画面にクイックタグボタンを追加するプラグイン 『 AddQuicktags 』 - ミblog

本来はタグ補完用に使うものですけれど、クイック的な意味でいろいろな用途に応用出来そうです。

使い方

1. 『 AddQuicktag 』 プラグインをダウンロード
2. 解凍したフォルダをまるごと wp-content/plugins にアップロード
3. プラグイン管理画面にある 『 AddQuicktag 』 を ［ 使用する ］ で有効化

1. 『 AddQuicktag 』 プラグインの設定画面を開きます。
2. ［ ラベル名 ］ には自分が判りやすいものを入力します。
   例では ［ < ］ ［ > ］ 補完のクイックタグを作成するため、［ <> ］ としました。
3. ［ 開始タグ ］ には ［ &lt; ］ と、
   ［ 終了タグ ］ には ［ &gt; ］ と入力します。
4. ［ 更新 ］ ボタンを押して設定完了です。

新規投稿作成画面にクイックタグが追加されました。

作成した ［ <> ］ タグをクリックすると、本文に ［ &lt; ］ と入力され、［ <> ］ タグの表示が ［ /<> ］ に変わります。

もう一度 ［ /<> ］ をクリックすると、本文に ［ &gt; ］ と入力され、タグの表示が ［ <> ］ に戻ります。

変換するものが多い場合は 『 蓄々 HTML 実体参照変換ツール 』 にコピペした方が楽かもしれませんが、少ない場合や外部サイトを開く手間が面倒な場合に活躍しそうです。

関連エントリー

• WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ
• HTML 実体参照変換ツールで楽々実体参照