![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
最近クリスタを使い始めたんだけど、トーンの貼り方がよく分からないから知りたい
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
こんにちは、フォックスです!
今回はCLIP STUDIO PAINT のトーンの貼り方について解説します
私もクリスタを勉強するため、こんな本を買いました。
「iPad&クリスタで描く ゆるゆるマンガ道」(青木俊直著/玄光社)です。
この本を読んで私もトーンの貼り方がわかりました。
アナタもこの記事を読めばトーンの貼り方がすぐわかるでしょう。最後までお付き合いください!
この記事でわかること
トーンの貼り方
さっそくトーンの貼り方を解説します。
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
トーンは「選択範囲ランチャー」から塗る方法と「素材パレット」から貼る方法があります
選択範囲ランチャーから塗る
まずは選択範囲ランチャーからトーンを貼る方法です。
①選択範囲を選択
トーンを貼る場所を自動選択ツールで選択します。
![自動選択ツール](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/298A97CD-C650-4CF5-8771-74E3A13B21A3.jpeg?resize=880%2C1154&ssl=1)
②サブツール
「サブツール」で「他レイヤーを参照選択」を選びます。
![他レイヤーを参照選択](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/A5C0AC2B-3991-4E08-A1AB-F6FB62936E51.jpeg?resize=456%2C365&ssl=1)
③ツールプロパティで設定
ツールプロパティで次のように設定します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/55C26D1F-1B0A-48F5-A8BE-7F96A60FEAA8.jpeg?resize=425%2C659&ssl=1)
- 隙間閉じにチェック
- 色の誤差を0に
- 領域拡縮のチェックをオフ
④選択範囲ランチャー
選択している部分に「選択範囲ランチャー」メニューが出ます。
この中の「簡易トーン設定」アイコンを選びます。
![選択範囲ランチャー](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/20AED9B5-312A-4355-9D8E-561D919F4BBC.jpeg?resize=880%2C361&ssl=1)
⑤簡易トーン設定
簡易トーン設定でOKを押します。
![簡易トーン設定](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/58A3007A-85B6-48AD-9149-CEFFE5054B12.jpeg?resize=880%2C392&ssl=1)
⑥トーン作成
髪の毛が塗られました。
![トーン](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/A2F4AD75-F598-4E8A-AA84-F03B1C550877.jpeg?resize=880%2C958&ssl=1)
新しくトーンレイヤーが作成されます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/8D6992B5-3681-495A-A9ED-189D327BA608.jpeg?resize=547%2C521&ssl=1)
素材パレットから貼る
それでは素材パレットから貼る方法です。
①選択範囲
髪を自動選択ツールで選択します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/298A97CD-C650-4CF5-8771-74E3A13B21A3.jpeg?resize=880%2C1154&ssl=1)
②素材パレット
素材パレットを開きます。
「素材パレットアイコン」>「単色パターン」>「基本」>「網」を選択します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/CDDDE337-349D-49E6-9697-D2D29E7CC5C9.jpeg?resize=754%2C930&ssl=1)
③ドラッグ&ドロップ
絵にドラッグ&ドロップするとトーンが塗られます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/D3E1B146-B607-48B3-9FEC-0805F3D0C96B.jpeg?resize=880%2C733&ssl=1)
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/DDA9A191-77B6-42CB-9D6F-2EEA1EE3DD89.jpeg?resize=880%2C877&ssl=1)
トーンの削り方
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
それではトーンの削り方を解説します
①カラーパレットを「透明」にする
カラーパレットの下の部分が「透明」な部分を選択する。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/430F059D-3445-48D3-B982-C9E88E5B657A.jpeg?resize=239%2C308&ssl=1)
ペンで消す
ペンツールでトーンを消すことができます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/FFEF34F4-6C64-4252-95DC-23F604056E2C.jpeg?resize=880%2C1391&ssl=1)
塗りつぶし
塗りつぶしツールでトーンを透明に塗ります。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/B8C5099B-EC1D-4BB1-B0D8-F4A8D3B2F814.jpeg?resize=880%2C1389&ssl=1)
線が閉じていないところの塗り方
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
線が一部閉じていないところを塗る方法を解説します
①トーンレイヤー作成
メニューから「レイヤー」>「新規レイヤー」>「トーン」を選択します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/59E733B0-1743-4DFA-B7C1-9D353EA83252.jpeg?resize=880%2C376&ssl=1)
そうすると、このように全体が塗りつぶされてしまいます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/C88804EE-751E-4EF3-BBD0-47E0E0C22A34.jpeg?resize=880%2C1294&ssl=1)
メニューの「編集」>「消去」を選択して、一回トーンを消します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/E4C4C539-3D44-4C8C-912C-FAEA715B6DEE.jpeg?resize=605%2C465&ssl=1)
②境界線を描く
髪の境界線をペンで描きます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/77F9E794-1840-4655-9F80-6846AB506BF3.jpeg?resize=880%2C317&ssl=1)
③塗りつぶし
塗りつぶしツールで塗ります。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/8C796591-2CDC-47A8-8D12-902C8E0CBAB3.jpeg?resize=880%2C1295&ssl=1)
塗り残しを囲って塗る
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
下の絵のように塗り残しを囲って塗る方法を解説します
ところどころに塗り残しがみられます。囲って塗ってみます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/3A60ECC6-A399-463C-9566-4C2484DB260E.jpeg?resize=880%2C1126&ssl=1)
①囲って塗るを選択
塗りつぶしツールの「サブツール」で「囲って塗る」を選択します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/D1A479CD-CDB3-4E12-A134-41689143A752.jpeg?resize=522%2C512&ssl=1)
②ツールプロパティの設定
ツールプロパティを開きます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/FA1D9912-8A9D-419A-B166-7941B397E4AF.jpeg?resize=429%2C679&ssl=1)
- 「対象色」:「薄い半透明を透明扱い」
- 「隙間閉じ」にチェック
- 「色の誤差」を0%
- 「領域拡縮」のチェックをオフ
- 「複数参照」にチェック
③塗りつぶし
塗り残しがある部分を囲うと対象色を選択された色で塗りつぶします。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/1709F846-5DBE-4F23-A4EC-1C9F9D605155.jpeg?resize=880%2C614&ssl=1)
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/F85CA094-BB25-4006-9730-F2C90223767E.jpeg?resize=880%2C862&ssl=1)
トーンの貼り方まとめ
今回はたくさんのトーンの貼り方を解説してきました。まとめます。
トーンの貼り方まとめ
- トーンを貼る時は、選択範囲ランチャーか素材パレットから貼る
- トーンを削るにはカラーパレットを「透明」にする
- 線が閉じていない場所を塗るには境界線を描いて塗る
- 塗り残しは「囲って塗る」と便利
いかがだったでしょうか?今回の記事でトーンの貼り方が分かっていただけたら幸いです。
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
クリスタってトーンも貼るのめっちゃカンタンだね!
もしこの記事で本書が気になった方は、ぜひ手にとってみてください。マンガで解説しているのでわかりやすくておすすめです。
![](https://i0.wp.com/m.media-amazon.com/images/I/51fE3yk22+L._SL160_.jpg?w=880&ssl=1)
iPad&クリスタで描く ゆるゆるマンガ道
この機会に、iPadを持っている人はクリスタで漫画制作をスタートしてもよいかもしれませんね。
今回は以上です。このブログでは初心者クリエイター向けに役に立つ情報を発信しています。他の記事も読んでいただけると幸いです。
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
それではまた次の記事でお会いしましょう!
パルミーで絵のスキルをアップ!
今回はお絵かき講座パルミーからご紹介しました。もし気になったなら7日間のお試しからやってみると良いでしょう。毎日仕事で忙しい社会人の方でも自分のタイミングで勉強できます。
▶︎ パルミーの無料体験
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/10/%E6%9C%88%E8%AC%9D%E5%88%B6%E3%83%90%E3%83%8A%E3%83%BC_%E6%A8%AA%E9%95%B7_2.jpeg?w=880&ssl=1)