単語記事: ニコニコ大百科:お絵カキコヘルプ

編集

ニコニコ大百科掲示板には「お絵カキコ」という機があり、様々なイラストニコニコ動画会員ならばでも描けるようになっている。
この記事は、そのお絵描き機に関するヘルプである。

「お絵描きとかほとんどやったことない!」という人は下記の初心者向けチュートリアルを参照のこと。

機能・特徴

お絵カキコツールロゴ

グニャラ印のお絵カキコFLASH、正式名称グニャラペイント略称グニャペ)。現在Flash Playerバージョンは10.0.12以上が必要。
ver.20101001の機・特徴は以下の通り。

お絵描き仕様

描画画面関連

投稿されたお絵カキコについて

  1. 既に投稿された絵はでも続きから描くことが可である。レイヤー状態や色パレットも保存される。
  2. 運営により「お絵カキコ削除」がされた場合、お絵カキコに付属のレス削除される。
    また、削除されたお絵カキコから続きを描いた投稿は全て削除される。
    つまり、一時保存のために投稿した絵は今のところ削除することができない。(完成した絵も消えてしまうので)

オープンソース化

されたらしい。

グニャラペイントAction Script3.0というSWFファイル開発用のスクリプト言語で書かれている。

初心者向けのチュートリアル

ver.2009090902対応版。チュートリアルってことで、ここだけなんとなくフレンドリーな見出しと敬語になります。

とにかく描いてみよう

掲示板の「お絵カキコする」ボタンを押すと、お絵カキコツールグニャラペイント」が別で現れます。

ツール上の「キャンバス」と書いてある小窓内にポインタを合わせてマウスボタンを押すと、ペンの状態に合わせて描画されます。

ペンが初期状態の場合はい点が描画されているはずです。

マウスボタンを押したままポインタを動かすと、ポインタの動きに合わせてい線が引かれます。

絵を描き終えたら、「投稿者名」欄と「絵のタイトル」欄、「書き込み」欄へ入し、「お絵カキコする!」ボタンを押してみましょう。

これで、描いた絵が掲示板の最新レスとして投稿されているはずです。

ペンを設定してみよう

ペンの太さ

「太」と書いてある箇所の横にあるを動かすとペンの太さが変わります。左へ動かすと細く、右へ動かすと太くなります。

その下にある「細」や「太」、「極」などと書かれたボタンを押すと、それぞれに設定された太さに切り替わります。

ペンの色

ペンの太さを設定する箇所の下に、色のついたが3×7個あります(以降、「パレット」と呼びます)。このどれかをクリックすると、その色がペンの色になります。どれかを選択した状態でパレットの下にある「色選択画面」ボタンを押すと、その色を詳細に変更する事が出来ます。

「R」、「G」、「B」と書いてある箇所の横にあるを動かす事で、直接RGB値を定する事も可です。ちなみに「R」は、「G」は、「B」はの事で、光の三原色となっています。

スポイトアイコンが描いてあるボタンを押すとポインタスポイトの形に変わり、その状態でキャンバス上をクリックすると、ペンの色がその部分の色に変更されます。

なお、変更対パレットを使って既にキャンバス上に描いた色が変わることはありません。

ペンの透明度

「透」と書いてある箇所の横にあるを動かすと、ペンの色の透明度が変わります。左へ動かすとより透明に、右へ動かすとより不透明になります。

透明度を高くして描くと、キャンバス上の色に対するペンの色の反映が緩やかになります。例えばペンの描画モードが通常の場合、キャンバス上の色にペンの色が薄く混じり、のようなぼやけた色合いで塗る事が可です。

ペンモード

「B」の下に、文字(初期状態なら「手書き」)と▼の描かれたボタンがあります。これをクリックするとリストが現れ、その中から選択したペンモードへ変更することが出来ます。ペンモードは以下の4種類です。

手書き」を選ぶと、フリーハンドで線を引けるようになります。

「直線」を選ぶと、マウスボタンを押した箇所からボタンをを離した箇所までの直線を引く事が出来ます。

「円」を選ぶと、マウスボタンを押した箇所を中心点としてボタンを離した箇所までを半径とする円を描く事が出来ます。

ペイント」を選ぶと、クリックした箇所とそれに隣接する同色の部分がペンの色に変更(塗りつぶし)する事が出来ます。

ペンの描画モード

ペンモードの下に、文字(初期状態なら「通常」)と▼の描かれたボタンがあります。これをクリックするとリストが現れ、その中から選択した描画モードへ変更する事が出来ます。様々なモードがありますが、これは色々試してみたほうがいです。ご興味のある方は、「描画モードについて」に簡単な解説をまとめたので、こちらをご参照下さい。

レイヤーについて

レイヤーとは、セルアニメーションのように複数の絵を重ね合わせる事が出来る機です。背景<色塗り<輪<効果、というように重ね合わせて塗り分けるのが一般的な利用法になっています。描画モードの設定により、フォトレタッチのような加工をする事も出来ます。グニャラペイントでは同時に8枚まで重ね合わせる事が可です。初期状態では、「背景」というで塗りつぶされたレイヤーが1枚ある状態で開始されます。

新規レイヤーの追加

「新」ボタンを押すと、現在選択しているレイヤーの下に新規レイヤーが追加されます。なお、レイヤーの数が8枚の場合は追加できません。

レイヤーの複製

「複」ボタンを押すと、現在選択しているレイヤーの下に複製レイヤーが追加されます。なお、レイヤーの数が8枚の場合は複製できません。

レイヤーの削除

「削」ボタンを押すと、現在選択しているレイヤー削除されます。なお、レイヤーの数が1枚の場合は削除できません。

レイヤーの統合

「統」ボタンを押すと、現在選択しているレイヤーと、その一つ下のレイヤーを統合します。なお、透明度や描画モードは統合するレイヤーにのみ反映されるため、2つをえるレイヤーを統合したい場合、一番下から順番に統合していく必要があるのでご注意下さい。

レイヤーの名前変更、表示・非表示の切り替え、ロック

レイヤー一覧の名前欄をダブルクリックすると名前を変更する事が出来ます。名前欄の左についている2つのチェックボックスのうち、1つチェックボックスチェックをはずすと、そのレイヤーを非表示にする事が出来ます。2つチェックボックスチェックすると、そのレイヤーに描き込めないようにして保護する事が出来ます。

レイヤーの重ねあわせモード

下記「描画モードについて」を参考にしてください。キャンバス上の色を下レイヤーに、ペンの色を上レイヤー読みかえてください。

描画モードについて

ここではグニャラペイントにおける描画モードについて簡単に解説します。

以下はペンの描画モードを想定した記述になっていますが、レイヤーの重ね合わせでも基本的に同様です。「ペンの色」を「描画レイヤー」に、「キャンバス上の色」を「下のレイヤー」に読みかえて下さい。

これら処理は「R」()、「G」()、「B」()ごとに別々に行われますのでご注意下さい。また、ペンの透明度を高めると変化が緩やかになります。

通常

キャンバス上の色をペンの色に変えます。直感的でわかりやすい描画モードです。

比較(暗)

キャンバス上の色よりもペンの色のほうが暗い場合のみ、ペンの色に変えます。い線を消さずに色を塗るなどの応用法があります。「較(明)」の逆です。

乗算

キャンバス上の色の暗さにペンの色の暗さを掛け合わせ、更に暗くします。暗くなるほどに変化が緩やかになります。ペンの色を変えずに階調をコントロール出来るので、なめらかな陰影をつける際に利用します。「スクリーン」の逆です。

比較(明)

キャンバス上の色よりもペンの色のほうが明るい場合のみ、ペンの色に変えます。「較(暗)」の逆です。

スクリーン

キャンバス上の色の明るさにペンの色の明るさを掛け合わせ、更に明るくします。明るくなるほどに変化が緩やかになります。ペンの色を変えずに階調をコントロール出来るので、なめらかなハイライトをつける際に利用します。「乗算」の逆です。

覆い焼き

キャンバス上の色の明るさにペンの色の明るさを足し合わせ、更に明るくします。ペンの色を変えずに階調をコントロール出来るので、なめらかなハイライトをつける際に利用します。

オーバーレイ

キャンバス上の色とペンの色が双方とも暗い場合は暗さを掛け合わせて更に暗くし、双方とも明るい場合は明るい掛け合わせて更に明るくします。暗く、もしくは明るくなるほどに変化が緩やかになります。暗い場合は「乗算」、明るい場合は「スクリーン」に近い処理になります。

ハードライト

キャンバス上の色に関わりなく、ペンの色が暗ければ暗く、明るければ明るくします。暗い場合は「乗算」、明るい場合は「スクリーン」に近い処理になります。

差の絶対値

キャンバス上の色とペンの色を較し、明るい方から暗い方の明るさを取り除きます。

除外

キャンバス上の色の明るさからペンの色の明るさを取り除きます。

反転

キャンバス上の色をペンの色と関係なく反転します。透明度は影します。

お絵カキコ初心者におすすめの記事

初めてお絵カキコをするなら以下の記事がおすすめです。

Tips

ver.2008060201対応版。思いついた人が記名で追記していきましょう。編集出来ない方はスレ追記依頼をして下さい。なお、記名なので(?)書式は自由です。増えてきたら分離したほうがいいですね。

キャンバスの移動とサイズ変更

キャンバスペンの設定は移動したり大きくしたりすることが可です。

キャンバスの上端をドラッグすると移動、左・右・下端をドラッグするとサイズが変更されます。

また、キャンバスを移動して「お絵カキコする!」ボタンの上に重ねると間違えて「お絵カキコする!」ボタンを押さないようにすることが出来ます。

私はキャンバス左上ギリギリに移動し、右端はアンドゥに半分かかる程度、下端は下ギリギリまで広げています。なお、ペンは右側(拡大スライダの下)に移動します

それと、お絵カキコの外にあるリンクなどを間違って押さないように(間違って押した事がある・゚・(つД`)・゚・)、ウィンドウはツールだけが表示されるようにギリギリまでせばめています。

はくはく

なめらかな線

線をひくとギザギザな線になってイラッとすることがあります。

そんな時はギザギザが気になる部分に透明度を高めた同色をしつこく重ねていきましょう。すると、とてもなめらかになります。

なお、マウスの方にはこの方法はおすすめしません。とても大変です。

はくはく

投稿時のサーバ状態確認

投稿時、サーバがどうなっているかとても不安になります。長時間をかけて描いたお絵カキコならなおさらです。

そんな時は、同一プロセス内(セッションとの兼ね合いもあるかもなので)のウィンドウやタブで「マイページ」を表示するのが手っ取りいです。

ログアウトしていればログイン画面になるし、サーバが落ちていれば表示されませんからね。

なお、「同一プロセス」は説明しません。ググって下さい。

はくはく

アンチエイリアスの中をきっちり塗る方法

2009年2月24日および3月3日ニコニコ大百科de絵コーナイトの中で説明された、領域の中をペイントできっちり塗る方法のまとめ。

  1. 線画で領域を作る。とりあえずツールでもなんでもいいので閉領域を作る。
  2. 線画を描いたレイヤーを複製する。
  3. 1. のレイヤーを不可視にする。
  4. 2. のレイヤーの透明度をいっぱいに下げる。
  5. そのレイヤーの下に新規レイヤーを作る。
  6. 複製したレイヤー(4. )を下の新規レイヤー(5. )と統合する。
  7. 統合したレイヤーの透明度を下げる。
  8. その下に新規レイヤーを作ってまた統合する。
  9. 統合したら内側をペイントで塗る。
  10. 3. で不可視にしたレイヤーを見えるようにする。
  11. まだ灰色が気になるようであれば、ちょっと戻って 7. と 8. を適当に繰り返す。あんまりやると線が途切れるので注意。
    あるいは3. の線画レイヤーを複製→統合して多少濃くする。(ただし線が滑らかでなくなる)

【スポンサーリンク】

携帯版URL:
http://dic.nicomoba.jp/k/a/%E3%83%8B%E3%82%B3%E3%83%8B%E3%82%B3%E5%A4%A7%E7%99%BE%E7%A7%91%3A%E3%81%8A%E7%B5%B5%E3%82%AB%E3%82%AD%E3%82%B3%E3%83%98%E3%83%AB%E3%83%97
ページ番号: 377406 リビジョン番号: 2390125
読み:ニコニコダイヒャッカオエカキコヘルプ
初版作成日: 08/07/21 03:32 ◆ 最終更新日: 16/08/02 22:06
編集内容についての説明/コメント: ショートカットキーxに関する記述を追加
記事編集 / 編集履歴を閲覧

この記事の掲示板に最近描かれたお絵カキコ


アライさんがんばれ

元にして描きこみテスト

HTML5版テスト

サーバルちゃん

tes

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

ニコニコ大百科:お絵カキコヘルプについて語るスレ

1212 : ななしのよっしん :2016/09/20(火) 17:34:00 ID: Jwe9A5rtHy
>>1211
せやで^^
1213 : ななしのよっしん :2016/10/01(土) 03:26:08 ID: k8lbhAVQ/C
グニャラペイント上の方にある「開発」をクリックして出てくる「ログを保存する」の機は有効なのでしょうか?
とある記事の掲示板で全く同じ工程(手動で描いているようです)で書かれた絵が連続で投稿されていたので、途中保存機があると判断したのですが。
1214 : ななしのよっしん :2016/12/15(木) 01:06:07 ID: W1JErzc21q
tes

タイトル:tes
画像をクリックして再生!!
  Twitterで紹介する

1215 : ななしのよっしん :2016/12/22(木) 05:41:56 ID: FZz+bgDI5U
>>1213
2かだな
開発ログはもう機してないですな
開発ログの項の横にふっかつのじゅもんってあるやろ
あれがいわゆるグニャペにおけるセーブになるはずだったものなんだけど
それを作るために用意された開発用のテスト機構だと思っていい
まあそのふっかつのじゅもんもこのグニャラペイントを作った偉大なるプログラマー様が
作成半ばに引退召されたので夢へと消えたけど
ちなみにその全く同じ工程で描かれた絵を連続投稿する現の再現は簡単
絵を描いてお絵カキコする!のボタンクリックしたのち投稿していますの表示中キャンセルを押して
キャンセルしましたが既に投稿されてしまった可性がありますで既に投稿されてしまってた場合
まだ投稿していない投稿フォームが手元に残ってそれを投稿することによっていわゆる二重投稿状態で投稿できるようになる
1216 : ななしのよっしん :2017/03/09(木) 01:51:40 ID: R43q0J/goC
てす

タイトル:サーバルちゃん
画像をクリックして再生!!
  Twitterで紹介する

1217 : ななしのよっしん :2017/03/22(水) 17:34:58 ID: Tjf3SGvRCO
>>1208
遅い上に横レスになるけど、pcに表示されてる画像のカラーコードを確認出来るフリーソフトがあるんで
それを使ってコードをメモ→グニャペパレット打ち込みってのをやれば色再現出来るんじゃないかと思う

レーサーを使う場合は投稿する際に「ドットトレーサー使用」の旨を一言添えておくと良さげ
1218 : ななしのよっしん :2017/03/24(金) 08:31:50 ID: R43q0J/goC
レイヤーバケツ塗りがいかな??

厚塗り、鉛筆さらっと描き、ボールペン味や
普通の絵を下書きにするドット絵なら
補正もあって線描きやすいし、とても良いかも?
向いてて上手な人はさらっと凄いの描きそう!!
持ってる技術によるかな~…。

タイトル:HTML5版テスト
Twitterで紹介する

1219 : ななしのよっしん :2017/03/24(金) 08:58:02 ID: R43q0J/goC
ドット単位でずらすのちょっとコツいりますね…。

タイトル:元にして描きこみテスト
この絵を基にしています!
Twitterで紹介する

1220 : ななしのよっしん :2017/03/24(金) 15:39:19 ID: G9uMkbLe/j
かわいい
1221 : ななしのよっしん :2017/03/24(金) 22:23:43 ID: R43q0J/goC
どっかゲームを…

タイトル:アライさんがんばれ
Twitterで紹介する

  JASRAC許諾番号: 9011622001Y31015