- 先生や教職志望者をやさしく応援するブログ -

画像切り抜き&文字の縁取りをCLIP STUDIO PAINTで簡単に!サムネ作りにも便利♪ペンタブ&クリスタデビュー⑧

clipstudio選択ペンで画像を切り抜き文字の縁取り境界効果 CLIP STUDIO PAINT
          記事内に広告を含む場合があります          
    記事内に広告を含む場合があります    

こんにちは。
元美術教師のうさぎ先生です。

ペンタブとCLIP STUDIO PAINT PROの使い方について、初心者が悪戦苦闘する様子をご紹介しているシリーズです。

ブログ記事のアイキャッチ画像にはMacの標準機能であるプレビューを使っていましたが、もう少し装飾ができたら…読みやすくなったら…と思うことが増えてきました。

そこで今回は、画像の切り抜き縁取り付きの文字入れCLIP STUDIO PAINT PRO でやってみることにしました。

初心者のわたしにも手軽に出来たので、クリスタの使い方について詳しく知りたい方はぜひ最後までご覧くださいね。

スポンサーリンク
スポンサーリンク

クリスタで画像の切り抜きを行う方法

クリスタ公式のリファレンスガイドというページを参考に進めました。

こちらのドラクエ10の画像を見本として使いますね。
人物だけを切り抜きます。

初心者がクリスタで画像切り抜きをするやり方

「選択ペン」を選んで、ペンで描くと、選んだ部分が緑色になります。

clipstudio選択ペンで画像を切り抜き

「選択範囲外を消去」を選ぶと

clipstudio選択ペンで画像を切り抜き

周りが消えます。

clipstudio選択ペンで画像を切り抜き

ペンを離してから再度塗ると、選択範囲が広がっていきます。
選びすぎたら「選択消し」で範囲を消せますが、どちらも緑色なので、時々間違えます…笑

clipstudio選択ペンで画像を切り抜き

この機能を使って、どんどん消していくと・・・

clipstudio選択ペンで画像を切り抜き

分かりやすいように背景に色をつけてみました。
こんな感じで、画像の必要な部分だけを切り抜くことができます♪

clipstudio選択ペンで画像を切り抜き

今回は使わなかったのですが、背景が無地の場所から切り抜く場合は「シュリンク選択」という機能も有用みたいです。

こういった切り抜き画像を集合させたものを作ろうとしていたのです♪

clipstudio選択ペンで画像を切り抜き

縁取りがついた文字を入れる方法

これまでのアイキャッチはこんな↓感じでした。

clipstudioで縁取りされたテキストを入れる

少し透けた色の帯を敷いてから文字を書くようにしていました。
でもこれだと、見た目がちょっと窮屈で…。

そんなときにラズメさんのこの動画を見て、文字に縁取りをする方法を知りました♪

まず、テキストを打ちます。

clipstudioで縁取りされたテキストを入れる

「フチ」を選ぶと、白く縁取られます。
(これって白以外も選べるのかな?)

clipstudioで縁取りされたテキストを入れる

このあとさらに、「レイヤープロパティ」の「境界効果」を選ぶと…

clipstudioで縁取りされたテキストを入れる

白くフチがついた更に周りに、フチがつきます。

clipstudioで縁取りされたテキストを入れる

ここでは任意の色を選べるので、視認性が高くなるようにわたしは黒の太さ2.0を使うことが多いです。

この方法で文字を入れたアイキャッチがこちら↓

clipstudioで縁取りされたテキストを入れる

このフチの周りのフチがあることで、かなり読みやすくなります!

おわりに

今回は、画像の切り抜き縁取り付きの文字の使い方についてご紹介しました。

当初はアイキャッチ画像を付けていなかったり、付けていても文字までは入れていなかったりしたのですが、やっぱり文字が入っている方がどんな記事なのかが分かりやすいなぁとわたし自身感じたので、最近は入れるようになりました。

ちなみにフォントは、「けいふぉんと」というものをよく利用しています。
かわいくて読みやすいので、学校でもプリントやスライドづくりに重宝していましたよ。

この記事が、クリスタを使う方の参考になったら嬉しいです。

★このページでは、株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像を利用しております。
©ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.
当該画像の転載・配布は禁止いたします。

CLIP STUDIO PAINT
スポンサーリンク

\LINEスタンプ描きました/
うさぎ先生LINEスタンプうさぎのばにら美術教師
この記事をシェアする
うさぎ先生をフォローする
スポンサーリンク
\LINEスタンプ描きました/
うさぎ先生LINEスタンプうさぎのばにら美術教師

うさぎ先生の教育ひきだし

コメント

スポンサーリンク
タイトルとURLをコピーしました