SlideShare a Scribd company logo
解説: Piskel ~ ペイントツールについて ~
画面左のペイントツールは大きく分けてこのように3つに
分かれるBoo。
ペンの大きさ
色の指定
ペイント
ツール
ペンの太さは、左から順に
1x1、2x2、3x3、4x4 の4段階で選択できる Boo。
ペンの色の設定だBoo。
慣れてきたら、マウスの左クリックだけでなく、右クリック
の色も設定することをおススメする Boo。
マウスの右クリックした
ときの色
マウスの左クリックした
ときの色
矢印をクリックすると、
左右の色を入れ替えら
れるよ。
それぞれの枠をクリックすると、
色を選択できるよ。
ドット絵を描くためのペイントツールだ Boo。
自分の手でひとつずつ試しながら、ツールの特徴をつか
んでほしいBoo。
ペン
バケツ (塗りつぶし)
消しゴム
四角形
移動
選択 (四角形)
明暗
スポイド
ペン2 (左右対称)
バケツ2 (同一色)
直線
円
選択 (同一色)
選択 (フリーハンド)
ペン3 (チェック模様)
解説: ペイントツールの紹介 ~初級~
ペンの操作はペイントツールの基本だ Boo。
ペンの太さや色を変えて、思いのまま描くんだ Boo。
ペン
クリックした位置の色情報が取得できる Boo。
同じ色を使いたいときによく使う Boo。
スポイド
バケツを選択して、線で囲んだところをクリックすると、選
択中の色でそのエリアを塗りつぶしてくれる Boo。
バケツ (塗りつぶし)
消しゴム
「消しゴム」は、なぞった箇所を消してくれる Boo。
消したい箇所をマウスでドラッグしよう Boo。
始点でクリックしたまま、マウスをドラッグして、最後にマ
ウスから指を離すと、直線が描ける Boo。
この操作は、練習あるのみだ Boo。
直線
キレイな四角形を描くときに便利なツールだ Boo。
始点でクリックしたまま、マウスをドラッグして、最後にマ
ウスから指を離して確定だ Boo。
四角形
キレイな円を描きたい時に使うツールだ Boo。
これも、始点でクリックしたまま、マウスをドラッグし、最後
にマウスから指を離して確定だ Boo。
円
描画した絵をドラッグ操作で移動できる Boo。
つまんで、移動して、離す (はなす)感覚だBoo。
便利なので、練習して慣れて欲しい Boo。
移動
解説: ペイントツールの紹介 ~中級 ①~
クリックした位置の色と同じ色が繋がっている箇所を選択
できるツールだBoo。
Piskelに慣れてきたら、つかってみよう Boo。
選択 (同一色)
四角形のツールと操作は似ているけど、こちらは選択す
るツールだBoo。
選択した箇所を切り取ったりするんだ Boo。
選択 (四角形)
マウスでドラッグ操作して、一筆書きでつないだ箇所を選択
するツールだBoo。
選択ツールは、Piskelに慣れてきたら、使ってみよう Boo。
選択 (フリーハンド)
解説: ペイントツールの紹介 ~中級 ②~
キャンバスの中心に左右対称、上下対称にペンで描くこ
とができるツールだBoo。
このツールも実際に試してコツをつかもう Boo。
ペン2 (左右対称)
バケツの場合は、同じ色がつながっている箇所を塗りつ
ぶすが、このツールは、レイヤーの同じ色を全て塗りつぶ
すんだBoo。
バケツ2 (同一色)
解説: ペイントツールの紹介 ~上級~
これは、色1と色2を使って、手軽にチェック模様が描ける
ツールだBoo。
ペン3 (チェック模様)
このツール...つかいどころが難しい Boo。
タップしたペンの太さのエリアを明るくしたり、暗くしたりす
るツールだBoo。
明暗
piskel chap-2 編集画面 ③ ペイントツール (1)

More Related Content

PDF
piskel chap-3 素材作例 ② パラパラアニメを作って出力しよう
PDF
piskel chap-3 素材作例 ① _ 絵を描いてPNG画像を作ってみよう _
PDF
piskel chap-2 編集画面 ③ ペイントツール
PDF
piskel chap-2 編集画面 ② メニュー
PDF
piskel chap-2 編集画面 ① 概要
PDF
piskel chap-1 導入 ④ アカウントの登録 について
PDF
piskel chap-1 導入 ③ インストール Mac編
PDF
piskel chap-1 導入 ② インストール Win編
piskel chap-3 素材作例 ② パラパラアニメを作って出力しよう
piskel chap-3 素材作例 ① _ 絵を描いてPNG画像を作ってみよう _
piskel chap-2 編集画面 ③ ペイントツール
piskel chap-2 編集画面 ② メニュー
piskel chap-2 編集画面 ① 概要
piskel chap-1 導入 ④ アカウントの登録 について
piskel chap-1 導入 ③ インストール Mac編
piskel chap-1 導入 ② インストール Win編
Ad

piskel chap-2 編集画面 ③ ペイントツール (1)