本日は久しぶりにPhotoshopに関しての投稿です。PhotoshopやIllustratorのペンツールで画像を上手に切り抜くのって、初心者には意外に難しいですよね。手間もかかるし、他のツールを使って切り抜いたほうが早いし楽な場合が多いです。ベタ塗りの背景に切り抜き画像を配置する際など、楽をした場合境界線が雑であったり、無駄な色が残ったりすることが結構あります。なんだかんだペンツールで切り抜くのが一番綺麗に仕上がります。今回は、Web制作の現場で初心者から働きだして早4年の筆者が現場で覚えた、ペンツールの切り抜きを上達するため初心者が覚えるべき5つのコツを紹介したいと思います。最近、フォトショやイラレを使い始めた初心者の方はぜひ参考にしてください。スポンサーリンク目次ペンツールの切り抜きを上達するため初心者が覚えるべき5つのコツ1少し内側にパスを引く2カーブは進行方向を意識する3進行方向のハンドルを削除する4直線はできるだけ一気に5細部までこだわるオススメの関連記事ペンツールの切り抜きを上達するため初心者が覚えるべき5つのコツ今回はこの画像の中のマグカップを切り抜きながら紹介していきます。1少し内側にパスを引く先ほど少し触れましたが、画像を切り抜く場合は常に切り抜きたい画像の少し内側にパスを引くようにしましょう。イメージとしては、切り抜きたい画像の色のついた部分の2pxくらい内側にパスを引きます。画像のギリギリを切り抜いた場合、切り抜き画像を配置してみたら境界線に無駄な色が残ってしまう場合があります。2カーブは進行方向を意識する初心者にとって一番つまづきやすいのがカーブを描くときですね。コツとしては、カーブの進行方向を意識することです。この場合↓1カーブに差し掛かる前でアンカーポイントを打ちます。2カーブの中心くらいにポイントを打ち、進行方向にドラッグして切り抜きたい画像に合わせてパスのカーブを調整します。3この画像の場合、カーブが終わった後真下に直線が続くので、直線に入る直前ににポイントを打ち、直線に沿って真下にドラッグして曲線のカーブを調整します。ペンツールでカーブを描く際は、できるだけアンカーポイントを打つ回数を減らすことで、綺麗な曲線に仕上げることができます。3進行方向のハンドルを削除する初心者の方が意外と知らないテクニックが、進行方向のハンドルを削除する方法です。今回の画像ではコースターとマグカップが重なる部分にこのテクニックが使えます。先ほども説明したように、切り抜きたい画像の進行方向に合わせてパスを引いていくことが綺麗に切り抜くためのコツであると紹介しました。そのため、コースターの曲線に合わせてパスを引いていくことが正解なのですが、今回の場合は2つの物体が重なっている部分を切り抜かないといけないため、進行方向がいきなり変わってしまいます。進行方向のハンドルを削除しないでパスを引いた場合、変な曲線になってしまいます。そのため、一度進行方向のハンドルを削除しなければいけません。キーを押した状態でハンドルを消したいアンカーポイントをクリックするだけです。このテクニックを覚えるだけで、初心者の方は格段にペンツールが使いやすくなると思います。覚えておいてください。4直線はできるだけ一気に初心者の時に多いのが、できるだけ丁寧に切り抜こうとしてアンカーポイントが多くなってしまうことです。細かい部分は丁寧にパスを引くことは重要ですが、直線はできるだけ楽をして一気に引いた方が綺麗に切り抜くことができます。『直線は一気に引いた方が綺麗に切り抜けることはわかっているが、画像によっては直線を一気に引いた場合画像の内側にパスが引けない部分がでてきてしまうのでは?』という疑問を持った方もいるかと思います。こんな時↓このように、直線を一気に引いた場合、画像自体が歪んでいるなどの原因で切り抜きたい画像の内側をパスが通らない箇所がでてくる場合があります。そのような場合でも直線は一気に引いた方が切り抜き画像としては綺麗に仕上がります。切り抜いた後に境界線に無駄な色がでてしまった場合は、パスで選択範囲を作成して、コピースタンプツールなどを使って無駄な色の部分を隠してしまえば問題ないです。【Photoshop】コピースタンプツールで不要な部分を消す方法5細部までこだわる切り抜く画像の形をイメージして、細かい部分までこだわってパスを引くことで、切り抜いた後に違和感がなく綺麗に仕上げることができます。ペンツールに慣れていない初心者の方は、できるだけ切り抜きたい画像の細部まで忠実に再現してパスを引くことをオススメします。いうと、細かく複雑な部分のトレース経験を積めば積むほど、あなたのペンツール技術を向上させることができるからです。初めから細かい部分にこだわらず楽していては、あなたのペンツールが上達することはないでしょう。初めは大変ですが、慣れてくれば複雑な画像でも短時間でパスを引けるくらいペンツールを使いこなせるようになります。今回例に挙げて切り抜いた画像がこちら綺麗に切り抜くことができました。本日は、Web制作現場で働く筆者が自身の経験から、初心者に役立ちそうなコツを紹介させていただきました。フォトショやイラレ初心者の方は、今回紹介したペンツールの切り抜きを上達するため初心者が覚えるべき5つのコツをぜひ参考に、色々な画像をトレースしまっくってペンツールをマスターしてください。【Photoshop】パスを使って画像を切り抜く【Photoshop】ふわふわしたオブジェクトを正確に選択する方法PhotoshopスポンサーリンクZヤマWebスタ関連記事スポンサーリンクスポンサーリンクこのブログの筆者についてZヤマとある企業でインハウスデザイナーとして働く30代。ガジェットなどの好きなことについて気ままに発信します。AnalyticsFreeホーム検索トップサイドバースポンサーリンクこのブログの筆者についてZヤマとある企業でインハウスデザイナーとして働く30代。ガジェットなどの好きなことについて気ままに発信します。【Photoshop】選択範囲の境界線をぼかす方法2015.08.282019.06.16【Photoshop】宝石や金属を輝かせる加工方法2015.10.262016.05.28【Photoshop】パターンで塗りつぶす方法2015.08.262016.02.28【Photoshop】レイヤースタイルをレイヤーに変換する方法2015.09.172015.11.28【Photoshop】ワンランク上の影のつけ方2016.03.142016.03.14タイトルとURLをコピーしました。