お絵描きなんて簡単

http://app.cocolog-nifty.com/.shared-cocolog/v1.39.r15/oekaki/oekaki.html

　　　　■□■□■□■

.
　　■□■この記事のトップへ ■□
　　■□■マウスでお絵描き　その7 へ■□
　　■□■マウスでお絵描き　その８へ■□

　　■□■マウスでお絵描き　その１へ■□

.　　■□■トップ(Top page.Index)へ■□

　　■□■投稿記事トップページへ■□

　　■□■水彩画のカテゴリーへ■ □

　　■□■パソコンお絵かきのカテゴリーへ ■□

投稿者蘆荻（ろてき）時刻 15時31分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (0) | トラックバック (0)
Tweet

2011年10月15日 (土)

ココログ　マウスでお絵描き　その８
ブログなしで、お絵描き

お絵描きツールは2019年3月19日（火)に終了します。

.
.

ブログを開設しなくても、お絵描きはできます。

でも、これは、裏技です。
@niftyさんによるバージョンアップで
使えなくなりますが、ご了承下さいませ。

Cherry_jpg

ブログに投稿せずに、
ちょっと下書きをしてみたい時や、
ブログを開設せずに、
お絵描きだけを楽しまれるのでしたら
この方法が有効です。

もちろん
お絵描きはブログと関係なくできます。

Windows にバンドルされているペイント、
レイヤーが使えないのが難点ですが、簡単なお絵描きはＯＫ。
（「すべてのプログラム」、「アクセサリ」の中にあります）

私が使っている、画像編集ソフト。
arcsoft photostudio 5.5 無料ダウンロードは
ここをクリック下さいませ。
arcsoft photostudio 5.5を使用した描画例、
「ガクアジサイの描き方」は
ここをクリック下さいませ。

他にも、無料でダウンロードできるIrfanView や
ピクシア(Pixia)などの優秀なソフトもあります。

■□■☆:*:・°★:*:・°☆:*■□■

以下に掲載の画像は
図上でクリックすると拡大図が開きます。
開いた画面の外でクリックすると、元にもどります。

■□■☆:*:・°★:*:・°☆:*■□■

それでは、
「ブログを開設しなくて、ココログでお絵描き」を
始めます。

□■　次をクリック下さいませ。
http://www.nifty.com/
@niftyさんのサイト・トップページが開きます。

上図、１行目右側の「無料ＩＤ取得」をクリックして
@niftyさんのＩＤとパスワードを取ります。
.
.

□■　ログインします。
（ＩＤ取得をしていない場合は、新規登録をクリックします）

□■　つぎのアドレスをコピーして
ブラウザ（Internet Explorer）のアドレスバーに貼り付けます。
（すでに、入っているアドレスはDelete して貼り付けます）

コピペできたらEnterキイを押すか、
アドレスバーの右端の→印をクリックすると、
「お絵描きツール」が開きます。

（●　上のアドレスをクリックして直接「お絵描きツール」を
開くことは、たぶん、できません。コピペして下さいネ）

（●　Internet Explorer8 以降なら、
［Ａｌｔ］＋[Enter]　か［Shift］＋[Enter]
で開く方が良いと思います）

貼り付けの状況は下の図の「絵を保存する」ときと同じです。

□■　開いたら、「お気に入り」に入れておくと便利です。

ログインしなくても
「お気に入り」をクリックすると、お絵描きはできます。

□■　お絵描きをします。

□■　絵が描けたところで「投稿する」
をクリックします。

ただし、絵を保存するには、ブログの「作成」画面のツールメニューのバーのお絵描きのマーク Icon_2 をクリックして開くアドレスが必要です。

例えば、私のアドレスは次です。

http://app.cocolog-nifty.com/.shared-cocolog/v1.39.r15/oekaki/oekaki.html?blog_id=248118

上のアドレスでお絵描きをした場合は、
ブログ記事に投稿しなくても、
My Documentsのフォルダに保存することは可能です。

□■　次のようなウィザードが開きます。
.
そのHTML形式タグのお絵描きの絵のアドレスを
ブラウザ（Internet Explorer）のアドレスバーに貼り付けます。
コピペできたらEnterキイを押すか、
アドレスバーの右端の→印をクリックします。

上でしたコピペの要領です。
http://・・・・・・・・・png までです。
.

□■　絵を保存します。

描いた絵が表示されますので、
画面上で右クリックして、My Documents の
My picture 等のフォルダに保存します。

ただし、この保存した絵は、再度「お絵描きツール」で
使用すること（修正や加筆）はできません。

.■□■☆:*:・°★:*:・°☆:*■□■

●　サクランボの描き方はリンゴと同じです。

●　この方法が使えない場合は、
「ペイント」（アクセサリィ）と
「プリントスクリーン」キイ機能が解れば絵の保存も可能です。

どうぞ、楽しいお絵描きを。　　　＼(^o^)／

■□■☆:*:・°★:*:・°☆:*■□■

この記事は
「ココログ　マウスでお絵描き　その１」の続きです。
「その１」からご覧いただけましたら嬉しく存じます。

　　　　　■□■□■□

マウスでお絵描きの Index

その１　　リンゴを描く　　　円を描く　
　　　　　　言葉の定義と注意事項　　ＱandＡ　　　　　　

　　　　■□■□■□■

.
　　■□■この記事のトップへ ■□
　　■□■マウスでお絵描き　その7 へ■□
　　■□■マウスでお絵描き　その９へ■□

　　■□■マウスでお絵描き　その１へ■□

　　■□■トップ(Top page.Index)へ■□

　　■□■投稿記事トップページへ■□

　　■□■水彩画のカテゴリーへ■ □

　　■□■パソコンお絵かきのカテゴリーへ ■□

投稿者蘆荻（ろてき）時刻 14時41分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (0) | トラックバック (0)
Tweet

2011年10月 8日 (土)

ココログ　マウスでお絵描き　その７　　　　　　コネタマに投稿

お絵描きツールは2019年3月19日（火)に終了します。
.

ココログマウスでお絵描きその６で描いた絵を
コネタマに投稿してみたいと思います。

. .

Cupit_arrow_12

ブログネタ: 甘党？辛党？参加数

@niftyさんよりのお知らせ

───────────────────

誠に勝手ながら、ココログネタ振りサービス「コネタマ」は
2012年1月31日(火)10:00にて、サービスを終了させていただくことになりました。

───────────────────

ということで、、、、。

以下の「コネタマ」関係の記事は削除しました。

ただ、お絵描きの参考になるかもしれない部分のみ
残しています。

●この記事中にあるフリッカーの「投稿する」
　
をクリックすると投稿時のお絵描きツールの状況が開きます。
.

.
───────────────────────

■□*☆:*:・°★:*:・°☆:*■□

私は甘いもの大好き人間です。
家内は酒飲み。
一人で第３のビールを飲んでいます。

「あなたも飲む？」
なんてことは、ありえません。

. .

.
■□*☆:*:・°★:*:・°☆:*■□

「投稿する」をクリックします

Neta_029_cocolog_oekaki_2011_10_07_

家内が、
珍しいことに、どら焼を買ってきました。
「おいしい、美味しい」と一人で食べています。
一つもらおうと、手を出したら、、、、、。

シュー～、グサッッ。

＼(>o<)／！・・・。

「投稿する」をクリックします

Neta_029_cocolog_oekaki_2011_10_0_2

ナナ、、ナニ、、！・・・

ウィリアム・テルの矢、？、

Neta_029_cocolog_oekaki_2011_10_0_3

天使の矢？キューピットはどこ？

Cupit_arrow_02_300px

. . ・　・　・　・・？

　　・　・な～んだ、・　・・夢か～。

あいつが私に、どら焼を買ってくるはずがないもんね～。

■□■☆:*:・°★:*:・°☆:*■□■
.
.

（これは、「天使の矢」を「しっぺ」に代えれば実話です）

＼(◎o◎)／！

───────────────────────

お絵描きツールのレイヤー毎の絵は次の様になっています。
.
.

■　レイヤー３
Neta_029_cocolog_oekaki_2011_10_08_

.
.

■　レイヤー１
Neta_029_cocolog_oekaki_2011_10_0_2 .
.

■　レイヤー２
Neta_029_cocolog_oekaki_2011_10_0_3

■　テキスト＋お題
Neta_029_cocolog_oekaki_2011_10_0_4
.
.

.
.

■□■☆:*:・°★:*:・°☆:*■□■

ところで、どら焼の「どら」って何？

ＣＯＯＫＰＡＤのどら焼のレシピはすごい、＼(^o^)／、、
どら焼ってこんなにたくさん種類があるの！
下をクリックするとサイトが開きます。
http://cookpad.com/recipe/212836

■□■☆:*:・°★:*:・°☆:*■□■

■□■□■□■□■□■□■□■□■□■□■□■

ココログ　マウスでお絵描き　その１～７で
描いた絵を集めて見ました。

Cupit_arrow_gif

シリーズで投稿して来ました
「マウスでお絵描き」
はこれで、一段落です。

いつかまた、
改めて、別のモチーフで描きたいと思います。

この記事は
「ココログ　マウスでお絵描き　その１」の続きです。
「その１」からご覧いただけましたら嬉しく存じます。

ブログはないけれどお絵描きしたいときは
ここをクリック下さいませ。

.
.

長らくの工事でご迷惑をおかけ致しました。
工事完了でございます。

Constraction Constraction2

またのご来訪を、心よりお待ち申し上げます。

.
.
　　■□■この記事のトップへ ■□
　　■□■マウスでお絵描き　その８へ■□

　　■□■マウスでお絵描き　その１へ■□

　　■□■トップ(Top page.Index)へ■□

　　■□■投稿記事トップページへ■□

　　■□■水彩画のカテゴリーへ■ □

　　■□■パソコンお絵かきのカテゴリーへ ■□

.
.

投稿者蘆荻（ろてき）時刻 00時20分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (2) | トラックバック (0)
Tweet

2011年10月 5日 (水)

ココログ　マウスでお絵描き　その６　　　　　　　吹き出しを入れる。

Arrow_of_cupit

お絵描きの最後に、
上の完成画面に吹き出しで文字を入れて見ます。

　　言葉の定義と注意事項　.

この記事は
「ココログ　マウスでお絵描き　その１」の続きです。
「その１」からご覧いただけましたら嬉しく存じます。

●この記事中にある、フリッカーの「投稿する」
　
をクリックすると投稿時のお絵描きツールの状況が開きます。

.
■□■☆:*:・°★:*:・°☆:*■□■

.
.

それでは、始めます。

ココログ記事作成画面のメニューバーのアイコン
の「お絵描き」 Icon_2 をクリックして
お絵描きツール（お絵かきパレット）を開きます。

「復帰」をクリックして前に描いたリンゴを
キャンバスに取り出します。

■□■　文字入力の設定

.
.
●　お絵描きツールの上のツールバーの
「テキスト」 Text をクリックします。

●　レイヤーパレットの「テキスト」の前にチェックを入れます。
ストライプが白から灰色に変わっているのを確認します。

●　右サイドバーの、

「タイプ：」
「文字色：」
「不透明；」　100％
「大きさ：」　　10～15px を指定し、
「吹き出し；」の「□」にチェックを入れます。

右サイドバーの中央辺りに「フォント：」というのがあります。
▼印をクリックすると、字体を指定できるはずですが、、、。
ＨＧＰ創英角ポップ体を選んでいますが、、、
どうしても指定の字体になりません。

どなたか、教えて下さいませ。
Font02

文字の指定が済んだら、、、、。

●　キャンバス画面上でクリックすると、
吹き出しが現れます。
文字を入れます。

●　再度の書き換えも、ドラッグ
（マウスをクリックしたままひきずる）
で場所の移動も可能です。

吹き出しの中でクリックすると、移動十字マークがでます。
移動十字マーク Kyaret が出ている吹き出しは
移動や文字の編集ができます。

●　吹き出しの矢の方向、長さは
矢の先端が黄色の○状態の時に
○をドラッグすると変えられます。

●　吹き出しを消す時は、
枠内の文字を全部消去すると、吹き出しも消えます。

●　もしも、
文字入力中にお絵描きツールの画面が固まったら、
レイヤーパレットのレイヤーを「レイヤー１」あるいは、２、３に
戻して、「ペン」 Pen や「消しゴム」を
クリックして描画の状況に戻してみてください。
たぶん、フリーズが解けます。

「投稿する」をクリックします。

Neta_029_cocolog_oekaki_2011_10_06_

Fukidashi

リンゴとかけて、

「秀和（ひでかず）」と解く。

その心は、？

(~_~;) 、、、「あかい」

「シラ～」、、、、(-_-)

リンゴとかけて、

「ジャイアント馬場」と解く。

その心は、？

「アぽ～」

「カ～ァ＾～」、、、、、(^0^)/~~~~~~~

なぐられない内に、止めときます。

まだまだ、、続きます。

　　■□■　続きを読む　■□■

　　■□■　このページのトップへ　■□■
　　■□■　マウスでお絵描き　その１へ　■□■

お絵描きツールＱandＡをまとめておきます。
下です。ご参照くださいネ。
　ＱandＡ

　　　　　■□■□■□

マウスでお絵描きの Index

その１　　リンゴを描く　　　円を描く　
　　　　　　言葉の定義と注意事項　　ＱandＡ　　　　　　

　　　　■□■□■□■

　　■□■トップ(Top page.Index)へ■□

　　■□■投稿記事トップページへ■□

　　■□■水彩画のカテゴリーへ■ □

　　■□■パソコンお絵かきのカテゴリーへ ■□

投稿者蘆荻（ろてき）時刻 23時02分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (0) | トラックバック (0)
Tweet

2011年10月 4日 (火)

ココログ　マウスでお絵描き　その５　　　　　　　キューピットの矢を描く

お絵描きツールは2019年3月19日（火)に終了します。

マウスは滑らかな曲線は苦手ですが、
直線は簡単に描けます。
今回は直線で描けるモチーフを描きます。

例えば、額縁、、、下のようなのでしたら
５分程で描けると思います。

Drawing_a_frame02

.
他にも、次のようなサイコロも簡単に描けます。

折り紙のサイコロ
Cubic

●「ココログお絵描き」が初めての方

ココログお絵描きの基本的なことは
ここをクリック下さいませ。

今回はキューピットの矢を描いてみたいと思います。
矢竹（正式には「矢の」と言うそうです）の丸み、
矢尻の金属感、羽根の柔らかさを
表現できればと思います。

　　言葉の定義と注意事項　　ＱandＡ

この記事は
「ココログ　マウスでお絵描き　その１」の続きです。
「その１」からご覧いただけましたら嬉しく存じます。

●絵の上にマウスをのせると説明がポップアップします。
●この記事中にある、フリッカーの「投稿する」
　 Save
保存する
をクリックすると投稿時の
お絵描きツールの状況が開きます。

.
■□■☆:*:・°★:*:・°☆:*■□■

.
.

それでは、始めます。

ココログ記事作成画面のメニューバーのアイコン
の「お絵描き」 Icon_2 をクリックして
お絵描きツール（お絵かきパレット）を開きます。

「復帰」をクリックして前に描いたリンゴを
キャンバスに取り出します。

レイヤー３を選択します。
前回の記事でどうしても、レイヤー４が欲しい、
と言ったのは、この「矢」を描くためです。

■□■　まずは、額縁から。

「お絵描きなんて簡単　額縁を作ろう」
の記事も参照くださいませ。

.
矩形 Drowing_square を選択します。
「線の色：」の後ろの、「□」 Square をクリックしてパレットを開き
額縁の色を選びます。
線の太さを10px(ピクセル)くらいにします。

「塗りの色：」の下の「不透明；」を0％にします。
下にあるリンゴを見えるようにするためです。

Flame00

キャンバスの外側に沿って正方形を２つ描きます。
左上隅から右下隅にドラッグします。
.
.

ツールバーの「直線」 Line を選択します。

「45°単位：」の後ろの「□」にチェックを入れます。
直線を引くと垂直、水平、45°あるいは135°に
きちんと合せてくれる機能です。

線の太さを1pxにして、45°の線を四隅に入れます。

線はキャンバスの内から外方向へドラッグして引きます。
「投稿する」をクリックします。

「矩形」ツールで２つの正方形を入れました。
でも、フレームの右と下の陰影が逆です。

Flame01

額縁の高くなった部分に１pxの線（稜線）を
引きます。
額縁の明るい部分と暗い部分を分ける線です。
.
.
.

「塗潰し」 Paint_all を選択します。
額の明るい部分の色をパレットから選びます。
マウスを額の明るい部分に持って行きクリックします。
.
.
同様に、額の暗い色をパレットから選びます。
マウスを額の暗い部分に持って行きクリックします。
額が立体的に見えるようになりました。

額の完成です。
額縁があると、絵が引き立ちますよね。

「投稿する」をクリックします。

Neta_029_cocolog_oekaki_2011_10_0_2

Flame02

■□■☆:*:・°★:*:・°☆:*■□■

■□■　それでは、本論、
　　　　キューピットの矢です。

.
.

レイヤー３が選択されていることを確認します。

■　45°の下書き線を入れます。
　　この線に沿って矢を描きます。

■　リンゴに映った矢の影を入れます。

■　次に、矢羽根を描きます。
羽根の柔らかさを出すために、
線のタイプをぼかし Pype2 にします。
レインボーカラーにして見ました。
お絵描きツールの原色をそのまま使いました。

Color_of_blade

■　矢竹の色を選びます。

線の太さを5pxにします。
「45°単位：」の後ろの「□」に
チェックを入れていますので、
平行な線が簡単に引けます。

矢竹の明るい部分、暗い部分、エッジ部分の線を入れ、
最後にハレーションを入れます。
ハレーションは線のタイプをぼかし Pype2 にします。
.
.

■　矢尻を描きます。

矢竹の長すぎる部分を消します。
消さないまま描くと「塗潰し」 Paint_all ができません。

色はほとんど無彩色、極わずか青を入れました。
矢竹と同じ要領で描きます。
異なるのは、コントラストを上げると言うことです。
金属感を出すためです。

.
.
キューピットの矢、、完成です。
「投稿する」をクリックします。

Neta_029_cocolog_oekaki_2011_10_0_3

消しゴムで矢竹の中央のささった部分を消します。
下からリンゴが見えてきます。
「投稿する」をクリックします。

Neta_029_cocolog_oekaki_2011_10_0_5

このシリーズの描画はこれで、完成です。
後は「吹き出し」を入れる、「投稿法」を考える等に続きます。

　　■□■　続きを読む　■□■
.
　　■□■　このページのトップへ　■□■.
　　■□■　マウスでお絵描き　その１へ　■□■

まだまだ、、続きます。

・　・　　　　　・　　　・　・

・　　　. 　. . 　・　　. 　　　・　　・

　　■□■トップ(Top page.Index)へ■□

　　■□■投稿記事トップページへ■□

　　■□■水彩画のカテゴリーへ■ □

　　■□■パソコンお絵かきのカテゴリーへ ■□

投稿者蘆荻（ろてき）時刻 00時37分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (0) | トラックバック (0)
Tweet

2011年9月27日 (火)

ココログ　マウスでお絵描き　その４
レイヤーを合成する。

.
.
ココログのお絵描きツールには、
レイヤーを合成する機能はありません。

どうしても、レイヤー４が欲しくなりました。
レイヤー２、３を合成しようと思います。
.
.
これは、裏技になってしまいますので、
お勧めはできませんが、、、、、、、どうしても､
の時はお使い下さいませ。

──────────────────────────
.

方法は２つ。

■□■　●(1)　別のお絵描きソフトを使う。

.
ここの方法でレイヤー毎に保存します。
、、、と言っても、、、、
保存するときにレイヤー機能は消滅しますから、
レイヤー復元機能のあるソフトが必要になりますね。

なんとか、工夫をして保存の後、
別のソフトで続きの作業をする。
でも、その結果をココログのお絵描きツールに取り込めませんから
レイヤーを多数使用する時は、ココログのツールは使わない、
と言うことですネ。

.
.

■□■　●(2)　再度描く

レイヤーの中で一番簡単に描き直せる絵を
別のレイヤー上に再度描きます。
今回はこの方法で行きます。

. .

──────────────────────────

■□■☆:*:・°★:*:・°☆:*■□■

この記事は
「ココログ　マウスでお絵描き　その１」の続きです。
「その１」からご覧いただけましたら嬉しく存じます。
.

言葉の定義や注意は、
ここをクリック下さいませ。

●絵の上にマウスをのせると説明がポップアップします。
●この記事中にある、フリッカーの「投稿する」
　 Save
保存する
をクリックすると投稿時の
お絵描きツールの状況が開きます。

■□■☆:*:・°★:*:・°☆:*■□■

.
.

──────────────────────────

.
それでは、始めます。

ココログ記事作成画面のメニューバーのアイコン
の「お絵描き」 Icon_2 をクリックして
お絵描きツール（お絵かきパレット）を開きます。

「復帰」をクリックして前に描いたリンゴを
キャンバスに取り出します。

リンゴのかじった部分を描き加えます。

■□■☆:*:・°★:*:・°☆:*■□■
.
.

. .

今回は予定に無かったことを始めてしまいましたので
レイヤーが不足するハメになってしまいました。
できるだけ、計画的に描かないといけませんネ。

.
.
合成する、といいましても、
１つのレイヤーの描画を消すことになります。
簡単に描けるレイヤーの絵を
他のレイヤーの上に再度描くことになります。
.
.
ここでは、レイヤー３をレイヤー２の上に再度線描きします。
せっかく描き直すのですから、前と同じではおもしろくありません。
.
.
遠景バックと近景バックを２ストロークに分けて描きます。
遠近感を出すために、遠景（画面上部）の線はぼかして、
少しだけ細くしました。

下はレイヤー２、３の描画が残っている状況です。
バックのレイヤーが２つ重なって
線がゴチャゴチャしています。

「投稿する」　をクリックします。

レイヤー３を「消しゴム」で消します。

レイヤー３を「消しゴム」で消した所です。

バックの線がすっきりしたと思います。

■□■☆:*:・°★:*:・°☆:*■□■
.
.

.
それでは、かじった部分の加筆を続けます。
.
.
下は影の色を選ぶ時の画面です。

Ｐｉｃｋ　ｕｐ　ｃｏｌｌｏｒ　ｏｆ　ａｎ　apple_shadow
画面をブラウザで200％に拡大して描いています。

今、空きになったレイヤー３を一番上に移動します。

色を選ぶときのポイントは
「前に描いた色をまずは選ぶ」、
と言うことです。
「線の色；」の後ろの、「□」 Square をクリックして
パレットを開くと、前に選択した状況が残っています。
もし、残っていない場合は、「スポイトツール」で
描画した部分か、「色履歴：」から選択します。
.

.
後は、少しずつ色の明度・彩度を変えながら描く、
と言うことになります。
.
.

レイヤー３に描いています。

下のようにリンゴの赤い部分にはみ出しても
気にすることはありません。

「投稿する」　をクリックします。

Tool_03

リンゴの赤い部分に線がはみ出しても
気にすることはありません。

消しゴムで消せば、ハイ、この通り。.

不要な線を消しゴムで消せば、
リンゴの赤い部分が復元されます。

これから後は、少し細かくなります。

Internet Explorer8以降でしたら、
画面を200％拡大して描くとよいと思います。

マウスで十分描けると思います。

細かい部分はマウスをカチカチとやって
点描の様にすると、描き良いかも。

Pen ペンは
タイプ：　ぼかし Pype2
不透明；50～80％
太さ；　3px
くらいがよいと思います。

色履歴：は色の上でクリックするだけで
色を筆 Pen に付けることができます。

色履歴：にたくさん色を選んでおくと
スポイトで吸い取る手間が省けます。

バックのレイヤーをはずして「投稿する」をクリックします

かじったリンゴ
かじった部分はレイヤー３に書かれています。
バックをはずして「投稿」しています。_

バックを入れて「投稿する」
をクリックします。

マウスでお絵描き
「かじったリンゴ」

完成です。
さらに、これに
何かを追加します。

かじったリンゴはこれで、完成です。

. .

まだまだ、、続きます。

■□■　お絵描きの続きを読む　■□■

■□■ 前の記事に戻る ■□■

　　■□■トップ(Top page.Index)へ■□

　　■□■投稿記事トップページへ■□

　　■□■水彩画のカテゴリーへ■ □

　　■□■パソコンお絵かきのカテゴリーへ ■□

.
.

投稿者蘆荻（ろてき）時刻 10時49分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (0) | トラックバック (0)
Tweet

2011年9月24日 (土)

ココログ　マウスでお絵描き　その３
かじったリンゴを描く

お絵描きツールは2019年3月19日（火)に終了します。

今回のリンゴはマウスのみで描きますので、
できるだけ大きなタッチとストロークで描きたいと思います。

リンゴをかじった部分を加筆してみたいと思います。

Apple_kaziru01

●　アップル社のリンゴのマークは
　　なんで、かじってあるのだろう？

定説は無いようですが、ウィキペディアの
「アップルインコーポレイテッド - Wikipedia」

の記載によれば、「一かじり」を意味する“a bite”と
コンピュータの情報単位の“byte”をかけたのだ、、、
という説が載っています。

しゃれたお話ですネ～。

（例えば、メモリィ容量１MB[メガバイト]
とかいうあのバイトですね）

■□■☆:*:・°★:*:・°☆:*■□■

この記事は
「ココログ　マウスでお絵描き　その１」の続きです。
「その１」からご覧いただけましたら嬉しく存じます。

言葉の定義や注意事項は、
ここをクリック下さいませ。

●絵の上にマウスをのせると説明がポップアップします。
●この記事中にある、フリッカーの「投稿する」
　
をクリックすると投稿時の
お絵描きツールの状況が開きます。

■□■☆:*:・°★:*:・°☆:*■□■

それでは、始めます。

ココログ記事作成画面のメニューバーのアイコン
の「お絵描き」 Icon_2 をクリックして
お絵描きツール（お絵かきパレット）を開きます。

「復帰」をクリックして前に描いたリンゴを
キャンバスに取り出します。

このリンゴのかじった跡を加筆してみたいと思います。

■□■☆:*:・°★:*:・°☆:*■□■

.
.
リンゴが描かれているレイヤー１を選択します。
レイヤーパレットのストライプが白から
灰色に変わっているのを確認します。

ココログのお絵描きツールには、
プロテクト（保護）機能が備わっていませんから
レイヤーの選択をまちがえると、
思わぬ所に加筆してしまいます。

Layer_palette
☆　レイヤーの位置が
上下入れ代わっているのが分かると思います

　消しゴムを選択します。

不透明；100％
太さ；15px
かじった部分でバックまで突き抜けている部分を消します。
レイヤー３、レイヤー２のバックが見えてきます。
「投稿する」をクリックします。

☆　消しゴムで消したので、
バックまで突き抜けている。

白（ペン）で消すと、
バックが見えなくなります。

次にリンゴの白い実の部分を線描きします。
これは、マウスではちょっとしんどいのですが、
がんばります。
描き易くするために、画面を150～200％拡大して描きます。
.
「投稿する」をクリックします。

塗り潰しする部分を
線で囲みます。

.
再度、「お絵描き」 Icon_2 をクリックして
お絵描きツールを開きます。
「復帰」をクリックしてリンゴを
キャンバスに取り出します。

.
かじった実の部分を明るいベージュで塗り潰します。

.塗り潰すときの注意。

●　線がきっちりと閉じてないと、そこから色が漏れだして
全体に広がります。
その時は、「戻る」で元に戻して
再度、線描きをチェックします。

下の図は漏れだした状況が分かるように
違う色でテストをしたものです。

線がきっちりと閉じてないと、
そこから色が漏れだしてしまいます。

●　「投稿」をした後、「復帰」で開いた絵を「塗り潰す」には、
塗り潰す部分を再度描画するか
消しゴムで消さないとできないことがあります。

投稿をしなければ同じ場所の「塗り潰し」は
何度でもやり直せます。.

ベージュで
塗り潰しました。

この後の記事で
かじった部分に陰影を加筆します。
ここからが、ちょっとしたコツが必要です。

. .
開いたパレットで前回使用（選択）の色の位置が残っていたら、
それより少しだけ暗い色を選ぶことが大切です。

ちょっと眠くなって来たので、

　　　　　　　　　　　
続きは明日にでも、、、、、。

Save 一時保存をしておきましょう。

おやすみなさい。

　　　■□■お絵描きの続きを読む■□■

　　　■□■前の記事に戻る■□■

　　■□■トップ(Top page.Index)へ■□

　　■□■投稿記事トップページへ■□

　　■□■水彩画のカテゴリーへ■ □

　　■□■パソコンお絵かきのカテゴリーへ ■□

投稿者蘆荻（ろてき）時刻 03時56分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (0) | トラックバック (0)
Tweet

2011年9月22日 (木)

ココログ　マウスでお絵描き　その２
レイヤーを使ってバックを描く

お絵描きツールは2019年3月19日（火)に終了します。
.

ココログのお絵描きツールは細かい機能は無いですが、
手軽に、気楽に描くには適していると思います。

今回のリンゴはマウスのみで描きますので、
できるだけ大きなタッチとストロークで描きたいと思います。

ココログのお絵描きツール
　　マウスで絵を描く .

■□■☆:*:・°★:*:・°☆:*■□■

●「ココログお絵描き」が初めての方

ココログお絵描きの基本的なことは
ここをクリック下さいませ。
.

この記事は
「ココログ　マウスでお絵描き　その１」の続きです。
「その１」からご覧いただけましたら嬉しく存じます。
.

言葉の定義や注意事項は、
ここをクリック下さいませ。

制作課程を順次保存するには、
ここをクリック下さいませ。

■□■☆:*:・°★:*:・°☆:*■□■

それでは、始めます。

ココログ記事作成画面のメニューバーのアイコン
の「お絵描き」 Icon_2 をクリックして
お絵描きツール（お絵かきパレット）を開きます。

「復帰」をクリックして前に描いたリンゴを
キャンバスに取り出します。
これに、レイヤーを使ってバックを加筆しようと思います。

■□■☆:*:・°★:*:・°☆:*■□■

.
.

●(1)　レイヤー１を上に移動します。

レイヤー２をリンゴが描かれているレイヤー１の
下に持って来て、これにバックを加筆します。

レイヤーパレットの「レイヤー１」の文字の上で
クリックしたままドラッグすると、移動できます。
レイヤーの上下を入れ換えることになります。

●(2)　レイヤー２に薄く「塗り潰し」で色を入れます。

レイヤーパレットでレイヤー２を選択します。
ストライプが白から灰色に変わっているのを確認します。

パレットを開いて、色を選択、「塗り潰し」 Paint_all をクリックし、
レイヤー２上でクリックすると塗り潰しができます。

「投稿する」をクリックします。
ちょっと色の差がきつすぎますね。

Painting an apple

代わりに、ベージュ系統の色を入れてみます。

再度、「お絵描き」 Icon_2 をクリックして
お絵描きツール（お絵かきパレット）を開きます。
「復帰」をクリックしてリンゴを
キャンバスに取り出します。

この色で行きます。
Palette
Painting an apple　only by the mouse

レイヤー２（バック）とレイヤー１（リンゴ）が
入れ代わっているのが分かると思います。

Painting an apple　only by the mouse.

Painting an apple　
only by the mouse

●(3)　リンゴの陰影を加筆します。

色の「不透明度」や線の「太さ」をうまく調整して描きます。

「不透明度」10～20％
「太さ」　30px（ピクセル）くらいが良いのではと思います。
「投稿する」をクリックします。

Painting an apple

●(4)　線描でバックを加筆します。

これが、、今回の特徴です。

レイヤー３を使います。

「投稿する」と「戻る」の操作をしても投稿前には戻れません。
そのためにも、別のレイヤーを使う方が良いです。

失敗したら「戻る」で何度でもやり直せますから、
ガンガン描きます。

最初に描き始める位置がキャンバスの中にあれば、
それ以後は、線がキャンバスからはみ出てもかまいません。

ドラッグしたまま一気に線を入れます。
リンゴが描かれている上を無視して塗ります。
リンゴは、消えません。
これが、、レイヤーのホントニ、便利な所です。

１ストロークで全画面を一気に塗ります。
.

ちょっと線が濃すぎました。 .

Painting an apple

薄くします。

「戻る」をクリックして今描いた線を消します。

「線の色；」の後ろの、「□」 Square をクリックして
パレットを開くと前に選択した色が分かりますので、
それよりも少しだけ薄い色を選択します。

レイヤー３がリンゴより上に有る状態だと、
かぶさって、この様になります。
. Neta_029_cocolog_oekaki_2011_09_2_5

できました。
ちょうど良い色になりました。

レイヤーを上下入れ換えると下の図になります。
完成です。

「お絵描きツール」に慣れれば１０分で描けると思います。ココログのお絵描きツール
　　マウスでリンゴを描く
Painting an apple　only by the mouse

●　ちなみに、各レイヤーは次のようになっています。

色履歴：を見ると分かると思いますが、
この絵は赤と橙だけで描いています。

Palette　layered

線描で描くと単に「塗り潰し」 Paint_all で描くよりも
味わいのあるバックが描けると思います。
時間もそんなにかかりません。

次の記事はリンゴをかじった絵の描き方です。
下のリンクをクリック下さいませ。

■□■　お絵描きの続きを読む　■□■

■□■　前の記事に戻る ■□■

■□■☆:*:・°★:*:・°☆:*■□■

layer

.
レイヤーとは、

薄い透明なフイルムのようなものです。
（コスプレイヤーとは、ちがいますよ）

複数の画像や文字を別々に作成して、重ね合わせることで、
複雑な画像処理をより簡単にするための道具です。

レイヤーに関する簡単な説明が次の記事に書かれています。
「簡単お絵描き　彼岸花（ヒガンバナ）その２」
の記事の終りの部分に
「レイヤー使用上のポイント」
というのがございますので、ご参照ください。

ココログのお絵描きツールには、
レイヤー名を変える機能は無いのですが、
それ以外はほとんどのソフトで共通している内容です。

　　　■□■　続きを読む　■□■
　　　■□■　このページのトップへ　■□■
　　　■□■　前の記事に戻る ■□■

　　■□■トップ(Top page.Index)へ■□
　　■□■投稿記事トップページへ■□
　　■□■水彩画のカテゴリーへ■ □
　　■□■パソコンお絵かきのカテゴリーへ ■□

投稿者蘆荻（ろてき）時刻 01時26分ウェブログ・ココログ関連, パソコンお絵かき | 固定リンク | コメント (0) | トラックバック (0)
Tweet

2011年9月20日 (火)

ココログ　マウスでお絵描き　その１

お絵描きツールは2019年3月19日（火)に終了します。

　　　　　■□■□■□

Index

その１　　リンゴを描く　　　円を描く　
　　　　　　言葉の定義と注意事項　　ＱandＡ　　　　　　