イラレ ペンツール。 イラレで画像を切り抜く(トリミング)方法2つと保存方法|Udemy メディア

【イラレ】ペンツールは難しい?挫折する前に試してほしいコツはこれ

イラレ ペンツール

イラレ(イラストレーター・illustrator)で図形を塗りつぶしたい時ってありますよね? 本記事では、 イラレで図形を塗りつぶす方法について、普段からイラレを仕事で多用する筆者が、初心者でもイラレ 塗りつぶしが理解できるよう、見やすい図で解説します。 また、本記事では、単に図形を塗りつぶす方法だけでなく、 塗りつぶしの透明度を調整したり、塗りつぶしたいオブジェクトが途中で途切れている場合の塗りつぶし方などの上級テクニックも解説しています。 イラレで図形を塗りつぶす方法 まずは、図形を塗りつぶしてみましょう。 オブジェクトツールから、長方形ツールを選択し、Shiftキーを押しながら長方形を書くと、正方形になります。 実はこの状態でも、すでに白色で塗られています。 オブジェクトを選択し、現在白くなっている方をダブルクリックします。 すると、以下のようにカラーピッカーが出てきます。 カラーモデル 一番はじめのグラデーション担っているモード で色を選択するか、スウォッチから色を選びましょう。 今回は、スウォッチからイエローを選択し、OKボタンをクリックします。 図形がイエローになりました。 他にも、図形を選択し、ウィンドウ>スウォッチを選択します。 すると、以下のようなウィンドウが出てきます。 オブジェクトを選択した状態で、他の色を選択します。 これで図形の塗りつぶし、色をつけることができます。 イラレの塗りつぶしで、透明度を調整する方法 イラレで、図形の塗りつぶしを半透明にしたいということがあると思います。 特に、図形の重ね合わせをするシーンなどでそのようなことが求められます。 今回は、丸を重ね合わせたものの透明度の調整をしてみましょう。 上記の手順で、イエローとシアンに塗りつぶした正円を二つ用意します。 上に重ねたシアンの円の透明度を調節しましょう。 オブジェクトを選択し、ウィンドウ>透明 で透明ウィンドウを出します。 このようなウィンドウが出てくるので、不透明度を調節してみましょう。 乗算を選択すると、イエローとシアンが乗算した色になります。 イラレでトレースした画像に塗りつぶしをする方法 イラレで、画像をトレースし、それに色を付けたいということがあると思います。 今回は以下の犬の画像を使用したいと思います。 まず、この写真を画像トレースします。 ウィンドウ>画像トレースを選択します。 以下のようなウィンドウが出てきます。 白黒トレースにし、詳細やしきい値などを、プレビューを見つつ調整します。 トレースをクリックしたら、赤く囲んであるところから拡張します。 拡張ができたら、すべてを選択し、オブジェクト>ライブペイント>作成を選択します。 このままでは、閉じていないパスがある可能性があるので、その確認をします。 オブジェクト>ライブペイント>隙間オプション を選択します。 このような画面がでてきたら、パスで隙間を閉じるを選択します。 このようなアラートも、「はい」を選択します。 次に、ライブペイントツールで色を付けます。 ライブペイントツールを選択します。 その状態で、スウォッチで塗りに色がついているか確認し、確認したらそのまま色をドロップさせましょう。 以下のように色をつけることができます。 しかし、このままだと、細かい黒い部分に色を塗ることが難しいです。 このような場合、オブジェクトの再配色が便利です。 画面の赤で囲まれた部分をクリックします。 以下のような画面がでてきます。 現在のカラーをドロップします。 これで、黒は、シアンになります。 以下のように、すべてシアン色になりました。 塗りつぶしたいオブジェクトが途中で途切れている場合は? 次に、塗りつぶしたいオブジェクトが途中で途切れている場合について紹介します。 実は、オブジェクトが塗りつぶせない!ということがおきてしまうよくある原因のひとつです。 以上のような、繋がっていないオブジェクトをつなげます。 オブジェクト>パス>連結 を選択します。 次に、このオブジェクトを閉じます。 まず、ペンツールを選択します。 そのまま、アンカーポイントにカーソルを合わせます。 そこをクリックし、円の終点(アンカーポイント)もクリックします。 すると、オブジェクトが閉じます。 オブジェクトが閉じていれば、そのまま塗りを使うことができます。 今回は、イラレの塗りつぶしについて紹介しました。 イラレの塗りつぶし機能は、様々な場面で利用されます。 ぜひ本記事を何度も読み返し、イラレの塗りつぶし機能をマスータしてください!.

次の

ペンツールでベジェ曲線を描くコツはアンカーポイントの打ち方にあり!

イラレ ペンツール

今回はいよいよイラストレーターの心臓、ペンツールを学んでいきます。 ペンツールをマスターすればイラストレーターの80%をマスターしたのと同じと言われるほど大事なツールです。 つまり逆を言えばペンツールを使えるようにならなければイラストレーターを使いこなすことは不可能です。 って事は難しいんじゃないの? って思いますよね。 確かに初めてペンツールを触る人は見たこと無い奇妙な動きに翻弄されてしまうかもしれません。 しかし、そんな奇妙な動きでもコツをつかんで見切ってしまえばすぐに使いこなせるようになります。 ここを順番通りに読んでいけば必ず使いこなせるようになるので早速始めましょう! 目次 【caption:1】ペンツールで直線を描こう まずは新規ドキュメントを開いてください。 そして左のツールパネルからペンツールを選択してください。 カーソルの形が変わりましたね。 これがペンツールです。 CS5より前のバージョンを使用している人は真上を向いたカーソルの形になっていると思います。 ペンツールを選択できたらアートボード内のどこでも良いのでクリックしてみましょう。 するとこんな感じに青い点が打てましたね。 そのまま青い点より右側をクリックしてみましょう。 おぉ!直線が引けました! この時に 「Shiftキー」を押しながらクリックすると平行に直線を引けます。 平行線だけでなく、青い点の状態で上や下をクリックすると垂直線も引けます。 さらに斜めの位置をクリックすると斜め45度の線も引けるので試してみてください。 文字を拡大縮小する時も「Shiftキー」を押しながらだと比率を変えずに拡大縮小できましたよね。 イラストレーターで 「Shiftキー」を押しながら作業すると、 比率や角度やバランスをキレイに作業できます。 今後も 「Shiftキー」を押しながらというのは良く出てくるので覚えてくださいね! そしたら一度直線を消してください。 「BackSpaceキー Macはdeleteキー 」を押すと選択しているものを消せます。 文字でも線でも何でも選択状態にあるものを消すコマンドです。 必ず覚えましょう。 重要なポイント! ・「BackSpaceキー Macはdeleteキー 」で選択中のオブジェクトを消せる ・複数選択してから「BackSpace delete キー」で複数同時に消すことも可能 【caption:2】ペンツールで直線を使った図形を描こう アートボードがまっさらな状態になったら、「カラーパネル」の塗りを黄色、線を黒にしてから「線パネル」の線幅を3mm、線端と角の形状を真ん中にして丸くしてください。 この状態になったら今度はこのように数字の順番通りの場所をクリックしていってください。 だいたいの位置でOKです。 するとこんな感じの星の形になりましたか? 形は崩れててもこんな感じになんとなく星っぽくなってればOK。 でもなんか左側に黒い線が足りないですね。 これは パスが閉じていないので、なんか足りない感じになっちゃってます。 パスってなんぞ? さっき「青い点」をクリックして星を描きましたね? あの青い点を アンカーポイントといいます。 そして、アンカーポイントをクリックするともうひとつアンカーポイントが出てきて、アンカーポイント同士を線で結びましたね? この アンカーポイントと線から作られた図形のことを パスと呼びます。 つまりペンツールで描かれたモノは全て パスであると言えます。 業界ではイラストレーターデータの事を aiデータと呼ぶ事がありますが、人によっては パスデータと呼ぶ人もいます。 これはイラストレーターのデータでも、中身が画像だったりする事があったりするので、それを防ぐための名称です。 パスで出来たデータは再加工しやすく、とても便利かつ 完璧なデータです。 イラストレーターデータの完全データと言うのはパスデータのことです。 デザイン業界では日々パスデータの制作や受け渡しが行われています。 実際に印刷業者などにデータを入稿する際も必ずパスデータで入稿する必要があります。 ペンツールでパスを描けるようになれば印刷業者にデータ入稿などもできるようになります。 これは最終目標と言ってもいい部分です。 パスがイラストレーターにとってどれだけ大事なモノなのか理解して頂けたと思うので、続きを説明していきます! さきほどパスが閉じていないと説明しましたが、パスには2種類あります。 1、オープンパス(開いているパス) 2、クローズパス(閉じているパス) これがどういうパスかというと、こんな感じです。 アンカーポイントが 繋がってないパスをオープンパスといい、 繋がっているパスをクローズパスといいます。 今後パスの説明で オープンパスと クローズパスという言葉が出てくるのでパスには2種類あることを覚えておいてくださいね。 これでさっきの星の左側の黒線が足りなかったのはオープンパスだった パスが閉じていない からと理解できたと思います。 パスを閉じる方法はただひとつ。 一番最初にクリックして作ったアンカーポイントを再度クリックするだけです。 つまり先ほどの数字で言えば、10番までクリックしたあとに1番と同じ場所をクリックすればパスが閉じます。 これでクローズパスの星の図形が描けました! この方法を使えば直線だけの図形なら何でも描けます。 重要なポイント! ・ペンツールで描かれたモノは全てパスと呼ぶ ・パスにはオープンパス 開いたパス とクローズパス 閉じたパス の2種類ある ・パスを閉じたいときは最初のアンカーポイントをクリックするだけ 次はちょっと難しい曲線の練習に入ります。 【caption:3】ペンツールで曲線を描こう 直線と直線だけの図形は描けるようになりました。 でもこれだとハートのような曲がった線の図形が描けません。 そこでまずは曲線の練習をしていきましょう。 こんな感じの曲線を描いていきたいと思います。 下の曲線は上の曲線と同じモノですが、アンカーポイントがどの位置にあるかを確認する用です。 クリックする順番はこの順番です。 ただこのままクリックしただけでは直線のジグザグになってしまうだけなのでこれを曲線にする必要があります。 まずカラーと線パネルの設定をcaption2と同じにして、さっきと同じようにペンツールでアートボード内をクリックして最初のアンカーポイントを置いてください。 今度は2番の位置をクリックしますが、その時に クリックしながら右方向にドラッグ マウス移動 してください。 すると何か出てきました。 このドラッグしたときに出てきた線を 方向線といいます。 方向線が上の画像くらいになるような場所でクリックを離してください。 方向線は クリックしてる間は自由に大きさと角度を変えられます。 今度はそのまま3番の位置をクリックしますが、その時も同じようにクリックしながら右方向にドラッグ。 そして同じように4番、5番とクリックしながらドラッグしていき、最後の6番はクリックするだけ。 するとこんな感じになりましたか? ただ、 最初はこんなに上手くいかないと思います。 こんな感じになっちゃった人もいるでしょう。 もしかしたらもっとひどい人もいるかもしれません。 それが普通です。 もしいきなり上手く曲線が描けてしまった人がいたならそれはズバ抜けてセンスがあります。 光の反射と似てますね。 鏡を垂直に立ててそこに光を当てれば入射角と反射角の角度は同じになります。 ここで大事なのは アンカーポイントを置く位置と方向線の大きさや角度の関係性です。 方向線を大きく伸ばせば伸ばすほど次のアンカーポイントを置いた時にきつくカーブが掛かります。 これを上手く操るには感覚をつかむまで 練習するほかありません! 次のキャプションで曲線を使ったハートの図形を描いていきますが、その前に自分なりに満足できる曲線が描けるようになるまで何度も試してみましょう。 重要なポイント! ・アンカーポイントを置くとき、クリックしながらドラッグすると方向線が出る ・方向線はクリックしてる間は自由に大きさや角度を変えられる ・アンカーポイントを置く位置と方向線の大きさ・角度の関係性をなんとなく掴む ・最初は誰だって上手くいかない!ただ練習あるのみ! 【caption:4】ペンツールで曲線を使った図形を描こう それでは今度は曲線だらけのハートの図形をペンツールで描きます。 カラーパネルと線パネルの設定はcaption2と一緒にして、カラーパネルの 塗りだけハートなのでピンクにしておきましょう。 ハートを描く順番はこんな感じです。 まずは最初のアンカーポイントを置きます。 次に2番の位置をクリックしながらドラッグして方向線を斜め左上の方向へ伸ばしてください。 そのまま3番の位置をクリックしながらドラッグで方向線を右方向へ。 4番の位置はクリックするだけ。 するとこんな感じにハートの左半分ができました。 次は右半分を描いていきましょう。 5番の位置をクリックしながら方向線を右方向へ。 6番の位置をクリックしながら方向線を左下方向へ。 最後は1番のアンカーポイントをクリックしてパスを閉じます。 するとハートの図形が完成しました! ハートを上手に描くのはかなり難易度の高い技です。 1つ戻る Ctrl+Z を何度も使って上手くハートの形になるように 何度も挑戦しましょう! ペンツールの基本的な使い方はこれで終わりになります。 お疲れ様でした。 次はペンツールを使って トレースする方法を教えていきます。 トレース=なぞる 下絵をペンツールでなぞってパスデータにすることをトレースといいます。 子供の頃にトレーシングペーパーという薄い紙を使って「写し絵」を描いたことがあればイメージしやすいです。 私はトレーシングペーパーが大好きで子供の頃はマンガなどの写し絵を描いて遊んでました。 だから今でもトレースは大好きです。 ひたすら練習あるのみ! 参考になった! ありがとう! と思った方は「ツイート」や「いいね!」のご協力をお願いします。 管理人が大変喜びます! 初心者講座ステップ4へ進もう! この記事が役に立ったとおもったら イラレに関するアンケートへのご協力をお願いします! アンケート回答は3分で終ります。

次の

【Illustrator】初心者のためのペンツールの基本操作とパスの編集について徹底解説

イラレ ペンツール

イラレ(イラストレーター・illustrator)で図形を塗りつぶしたい時ってありますよね? 本記事では、 イラレで図形を塗りつぶす方法について、普段からイラレを仕事で多用する筆者が、初心者でもイラレ 塗りつぶしが理解できるよう、見やすい図で解説します。 また、本記事では、単に図形を塗りつぶす方法だけでなく、 塗りつぶしの透明度を調整したり、塗りつぶしたいオブジェクトが途中で途切れている場合の塗りつぶし方などの上級テクニックも解説しています。 イラレで図形を塗りつぶす方法 まずは、図形を塗りつぶしてみましょう。 オブジェクトツールから、長方形ツールを選択し、Shiftキーを押しながら長方形を書くと、正方形になります。 実はこの状態でも、すでに白色で塗られています。 オブジェクトを選択し、現在白くなっている方をダブルクリックします。 すると、以下のようにカラーピッカーが出てきます。 カラーモデル 一番はじめのグラデーション担っているモード で色を選択するか、スウォッチから色を選びましょう。 今回は、スウォッチからイエローを選択し、OKボタンをクリックします。 図形がイエローになりました。 他にも、図形を選択し、ウィンドウ>スウォッチを選択します。 すると、以下のようなウィンドウが出てきます。 オブジェクトを選択した状態で、他の色を選択します。 これで図形の塗りつぶし、色をつけることができます。 イラレの塗りつぶしで、透明度を調整する方法 イラレで、図形の塗りつぶしを半透明にしたいということがあると思います。 特に、図形の重ね合わせをするシーンなどでそのようなことが求められます。 今回は、丸を重ね合わせたものの透明度の調整をしてみましょう。 上記の手順で、イエローとシアンに塗りつぶした正円を二つ用意します。 上に重ねたシアンの円の透明度を調節しましょう。 オブジェクトを選択し、ウィンドウ>透明 で透明ウィンドウを出します。 このようなウィンドウが出てくるので、不透明度を調節してみましょう。 乗算を選択すると、イエローとシアンが乗算した色になります。 イラレでトレースした画像に塗りつぶしをする方法 イラレで、画像をトレースし、それに色を付けたいということがあると思います。 今回は以下の犬の画像を使用したいと思います。 まず、この写真を画像トレースします。 ウィンドウ>画像トレースを選択します。 以下のようなウィンドウが出てきます。 白黒トレースにし、詳細やしきい値などを、プレビューを見つつ調整します。 トレースをクリックしたら、赤く囲んであるところから拡張します。 拡張ができたら、すべてを選択し、オブジェクト>ライブペイント>作成を選択します。 このままでは、閉じていないパスがある可能性があるので、その確認をします。 オブジェクト>ライブペイント>隙間オプション を選択します。 このような画面がでてきたら、パスで隙間を閉じるを選択します。 このようなアラートも、「はい」を選択します。 次に、ライブペイントツールで色を付けます。 ライブペイントツールを選択します。 その状態で、スウォッチで塗りに色がついているか確認し、確認したらそのまま色をドロップさせましょう。 以下のように色をつけることができます。 しかし、このままだと、細かい黒い部分に色を塗ることが難しいです。 このような場合、オブジェクトの再配色が便利です。 画面の赤で囲まれた部分をクリックします。 以下のような画面がでてきます。 現在のカラーをドロップします。 これで、黒は、シアンになります。 以下のように、すべてシアン色になりました。 塗りつぶしたいオブジェクトが途中で途切れている場合は? 次に、塗りつぶしたいオブジェクトが途中で途切れている場合について紹介します。 実は、オブジェクトが塗りつぶせない!ということがおきてしまうよくある原因のひとつです。 以上のような、繋がっていないオブジェクトをつなげます。 オブジェクト>パス>連結 を選択します。 次に、このオブジェクトを閉じます。 まず、ペンツールを選択します。 そのまま、アンカーポイントにカーソルを合わせます。 そこをクリックし、円の終点(アンカーポイント)もクリックします。 すると、オブジェクトが閉じます。 オブジェクトが閉じていれば、そのまま塗りを使うことができます。 今回は、イラレの塗りつぶしについて紹介しました。 イラレの塗りつぶし機能は、様々な場面で利用されます。 ぜひ本記事を何度も読み返し、イラレの塗りつぶし機能をマスータしてください!.

次の