【illustrator】ブラシツールで色がおかしいときに色を合わせる方法【RGBカラーモード】

皆さん、イラストレーターのカラーモードRGBでブラシを使用していてこんなことってありませんか？

ブラシの色が中の塗りの色と違う！

この長方形の線にはブラシ（チョーク太）を使用しています。塗りと線にはどちらも同じ色を設定しているのですが、どう見ても色が異なりますよね？？

ブラシがCMYKで設定されている

調べてみたところ、このような現象が起こるのは、プリセット（前もって用意されている）のブラシが「カラーモードCMYK」で設定されているらしいからだそうですっ(｀・ω・´)

カラーモードRGBで具体的に色を合わす方法

では、イラストレーターをRGBカラーモードで使用している際に、具体的にブラシの色を合わす方法はどうしたらよいか、それは、ブラシの再登録です！では、すだちが実際に調べて試した方法を紹介していきます。

１．ブラシのもとを作る

色を合わせたいブラシを選択して（今回はチョーク太を選択）ドラック、アートボート上でドロップします。

・このブラシのパスがブラシのもととなります。

２．ブラシの色を設定するために編集モードの画面に

ブラシのパス上でダブルクリックすると、ブラシのアウトラインのみが選択され、編集モードの画面になります。

・ブラシのパスを選択

・ダブルクリックしてブラシのパスが編集できる画面にします。

３．塗りを確認

このとき「塗り」の色を確認してみましょう。

「ウィンドウ」→「カラー」でカラーパネルを出し、パネル右上三本線のメニューからカラーモードをRGBにすると、「#000000」ではなく「#231815」とありますね。（ブラシを使用する際、線は#000000に設定）

４．カラーを再設定

そのままのカラーモードでこの「#231815」を「#000000」にしてやります。

・そして編集モード解除。イラストレーターメニュー下の灰色な部分を左クリックしてやると編集モードは解除されます。

５．ブラシの登録

色を再設定したブラシのパスを選択、そのままドラック＆ドロップでブラシパネルに追加します。

・ブラシのパスを選択してドラッグ＆ドロップ（ブラシの追加）

・アートブラシを選択して「OK」

・着色の方式（M）を「彩色」にして「OK」

６．完成！

これでオブジェクトの線にブラシを適応したいときでも中の塗りの色と線の色が合いますね( ^^) _旦~~

今回参考にさせていただいたサイトはこちらです(∩´∀｀)∩↓↓

six-cube.com

まとめ

今回は図形の線などにブラシを適応した際に、線と塗りの色が異なり困ったすだちが実際に試した方法をまとめてみました(｀・ω・´)参考にしたサイトを読み返してもなかなか初めはなかなか理解できず、ブラシの色が塗りと合わなかったため、できた時の嬉しさはひとしお！！このまとめが皆さんのお役に立てることを祈って(∩´∀｀)∩デザイナーへの道、日々精進っ！！

【イラストレーター】リボン素材を作るときに参考にしたサイトをまとめてみた【リボン】

今回はイラストレータを使ってリボン素材を作ったときに参考にしたサイトや動画についてまとめてみました(*´ω｀)！

１．波打つリボン

まずは波打つリボンです。主に使う効果は四角形ツールと「効果」→「ワープ」でした( ^^) _旦~~こんなリボンが作れたらうれしいですよね☺！

www.youtube.com

２．くるくる風になびいているようなリボン

リボンがふわふわと舞っているようですね。このリボンの作り方には二種類あって、↑のものは少し複雑な方の作り方で作りました。

note.com

３．文字を入れたくなるリボン

中に文字等を入れて、フライヤーの見出しなんかにできそうですね。リボンの作り方で出てくるのは「効果」→「ワープ」です。ここでもよく使いました(*´ω｀)

cultureacademia.jp

パスに沿って文字を入力する方法

リボンの中に文字列を入れる際、とても参考になったのが以下のサイトです。

designers-tips.com

４．ストレートな舞うリボン

お次はストレートな風に舞うような理ボタンを作るときに参考にしたサイトです。このほかに３の文字を入れたくなるようなリボンの作り方も詳しく説明されています。

wb-hp.com

まとめ

今回はリボン素材を作るときに参考にしたサイトについて、まとめてみました(*´ω｀)！以前より「効果」→「ワープ」→「魚形」・「上昇」・「膨張」・「旗」について詳しくなれたような、慣れることができたような気がします！ではでは、すだちどんどん知識を付けられるようにこれからも精進っ！！

Photoshopで人物の髪の毛の切り抜き方について簡単な方法をまとめてみた！

Photoshopで人物の髪の毛の切り抜きについて私なりに簡単な方法をまとめてみました(∩´∀｀)∩！

今回用意したのはこちらの画像。

合成してこのような↓画像にしていきます！

１．選択ツールで少女を切り抜く

女の子の画像をフォトショップで開きます。クイック選択ツール（あるいはペンツールでパスを抜いて）で女の子を選択していきます。このとき髪の毛周辺は大まかに選択します（髪の毛のけば立っている範囲が入るように選択）

２．選択とマスク操作画面を開く

Photoshopメニュー下にある「選択とマスク」（「選択範囲」→「選択とマスク」）を押下し、選択とマスクの操作画面を開きます。

「選択とマスク」操作画面

このとき画像下矢印から表示モードが選択できます。今回はオーバーレイでいきましょう。

３．境界線調整ブラシツールで境界線を調節する

次にツールバー上から二番目の「境界線調整ブラシツール」を選択します。

境界線調整ブラシツールで少女の「髪の毛」と「背景」の境界線をドラッグしながらなぞり、選択範囲の境界線を調節します。

このとき表示モードを「白黒」や「レイヤー上」などにして髪の毛が選択できているか確認しながら作業するのがよいでしょう。

４．境界線の出力

選択範囲が調節出来たら、項目「出力」を「新規レイヤー（レイヤーマスクあり）」に設定して、「OK」ボタンを押下。

５．マスク画面で余分な背景を確認する

下図のマスクレイヤーの上で「Alt＋左クリック」を押下すると、マスクの境界線がよくわかる、マスク画面「白黒画面」になります。

・レイヤーパネルのマスクの上で「Alt＋左クリック」

・マスク画面（白黒画面）

マスク画面での白いもやもやした部分が背景が残っている部分です。

６．余分な切り抜き背景の除去

次にツールバーから「ブラシツール」を選択します。

このときブラシのモードは「オーバーレイ」にします。

描画色は「黒」、背景色は「白」にします。

※このとき、「焼きこみツール」でもOKです。

私は黒と白がはっきりしているところは「ブラシツール」をより繊細な箇所は「焼き込みツール」を使用しています。

残っていた余分な背景が大体除けたら、再度マスクの上で「Alt+左クリック」で元の画面に戻ります。

７．少女と背景を合わせて完成

あとはフォルダから背景画像をそのまま、ドラッグ。背景レイヤーを少女のレイヤーの下に設定して完成。

まとめ

今回は、「エッジの検出」「半径」「スマート半径」「境界線調整ブラシツール」とはなんぞやという説明は省いて髪の毛など、細かな切り抜きが必要な際の簡単な操作方法をまとめてみました！記事にしているくせにまだまだきれいに切り取れていません(+o+)💦💦もっと良い方法を知っている方、ここ間違ってると思われた方などいらっしゃいましたら、是非コメントDM下さｍ(＿)ｍ！

切り抜いた後の人物の背景へのなじませ方や、それら説明はまた次の課題ですね。この記事が少しでも皆さんの参考になれば幸いです！

イラストレーターのパスファインダーについてまとめ

今回は、パスファインダーについてまとめてみました(∩´∀｀)∩パスファインダーでは以下のような図形を作成することができます。

合体

選択したすべてのオブジェクトを合体させます。塗や線は一番上のオブジェクトのものに統一される。

前面オブジェクトで型抜き

一番下のオブジェクトがそれより上のオブジェクトすべてで型抜きされる

交差

すべてのオブジェクトが交差する部分だけが残る。塗や線は一番上のものに統一される。

中マド

オブジェクトが交差する部分が切り抜かれる。偶数個のオブジェクトが重なり合っている部分は切り抜かれ、奇数個のオブジェクトが重なり合っている部分は塗が適応される

分割

オブジェクトの重なりごとに分割される。塗や色はそのまま適応される。

刈り込み

上のオブジェクトで下のオブジェクトが型抜きされる。

合流

処理は刈り込みとほぼ同じ。ただし、同じ塗のオブジェクトがある場合、それらは合体して一つのオブジェクトとして分割される。

切り抜き

一番上のオブジェクトでそれより下のオブジェクトが切り抜かれる

アウトライン

オブジェクトの重なりごとに分割され、その境界線だけが残る。

背面オブジェクトで型抜き

前面オブジェクトで型抜きの真逆の処理。上のオブジェクトがそれより下にあるすべてのオブジェクトで切り抜かれる。

実際に素材を作ってみよう！

①月

大きな正円の上に小さな正円を重ねます。パスファインダーで「前面オブジェクトで型抜き」。

②ドーナッツ

大きな正円の上に小さな正円を重ねます。パスファインダーで「前面オブジェクトで型抜き」。チョコレートをかけて完成。

③雲

正円数個と長方形を用意します。すべてのオブジェクトを選択して、パスファインダーで「合体」。雲の完成。

④ハート

正方形と丸二つを用意します。ハート型になるように重ね、すべてのオブジェクトを選択、パスファインダーで「合体」を押下。45°回転させ、完成。

③角丸のキラキラ

１．四角を用意します。「効果」→「パスの変形」→「パンク・膨張」、「オブジェクト」→「アピアランスを分割」

２．二つ目の資格を用意します。「効果」→「スタイライズ」→「角を丸くする」、「オブジェクト」→「アピアランスを分割」

３．二つのオブジェクトを重ねて、「パスファインダー」→「交差」。角丸のキラキラが完成。

④レインボー図形

図形と直線を用意します。図形すべてを選択して、パスファインダーで「分割」を押下。グループ化解除（Ctrl＋Shift＋G）をして色を変更し完成。

⑤文字のカット

「書式」→「アウトラインを作成」でアウトライン化した文字列と直線を用意します。図形すべてを選択して、パスファインダーで「分割」を押下。完成。

複合シェイプ

パスファインダーの各ボタンをそのまま押下するとオブジェクトは処理後のオブジェクトの形になります。しかし「Alt＋（例えば）合体」を押下すると「複合シェイプ」という仮想のオブジェクトが作成され、後から各オブジェクトの位置を編集できるようになります。

編集したい際は、各オブジェクトの上でダブルクリック→編集モードに切り替え、位置を調節します。

位置の調節が終わったら、パスファインダーの「拡張」ボタンを押下。各オブジェクトの完全統合ができます。

まとめ

今回はパスファインダーについてその基礎的な説明と、実践的な素材の作り方についてまとめてみました！いろいろと検索しているとこの「パスファインダー」というものを使って、デザイナーの方たちはいろいろな素材やロゴなどを作成しておられるようです・・・！すごい(; ･`д･´)！私も少しずつですががんばります！

【初心者向け】イラストレーターで図形、画像を文字で型抜きする方法をまとめてみました。

今回は、①写真を文字で型抜きをする方法を二種類、②図形を文字で型抜きする方法を簡単にまとめてみました(∩´∀｀)∩！

【初心者向け】写真を文字で型抜きしてみよう！／図形を文字で型抜きしてみよう！

今回作成するのはこの三種類

①写真を文字で型抜きをする方法－１

②写真を文字で型抜きをする方法－２

③図形を文字で型抜きする方法

①写真を文字で型抜きをする方法－１

１．まず用意するものはこの二つ。写真と写真と同じ大きさの長方形を用意します。

２．長方形の上の文字でくり抜きたい位置に文字を置き、文字を選択→「書式」→「アウトラインを作成」

３．長方形とアウトライン化した文字列両方を選択し、「オブジェクト」→「複合パス」→「作成」を押下。

４．画像の上に複合パスを乗せ、画像と複合パスの両方を選択し、「オブジェクト」→「クリッピングマスク」→「作成」を押下すると完成！

②写真を文字で型抜きをする方法－２

１．用意するのは画像と画像をくり抜くための文字列です。

２．画像の上に文字列を置きます。

３．画像と文字列の両方を選択して、「オブジェクト」→「クリッピングマスク」→「作成」を押下→完成！

４．くり抜き後の文字の位置の移動ができます。

①文字だけを選択して

②文字列の上でドラック、型抜きする画像の位置を変えることができます。

③図形を文字で型抜きする方法

１．用意するのは図形と文字列

２．図形の上に文字列を乗せ、「ウィンドウ」→「パスファインダー」→「Alt＋前面オブジェクトで型抜き」→（位置がOKだったら）→「拡張ボタン押下」→完成

まとめ

今回は画像や図形を文字で方抜いてみたり、文字型に画像を型抜いてみました(∩´∀｀)∩いろいろな場面で使えそうな技ですが、初めは息を吸うようには作れなさそうなのでここに記しておこうと今回記事を作成しました！日々精進！がんばりますっ！