こんにちは、オフィス狛 デザイン部のSatoです。
今回は、Illustratorを使ってjpgやpngのロゴなどの簡単な画像を簡単にトレースする方法をご紹介したいと思います。(Illustrator使ってる方はみんな知ってる気でいたんですが意外と知らない方も多いようなので)
調節は必要ですが、ペンツールでトレースするよりも早くトレースできるので時短になりますよ!
今回使用する画像です。(架空のサービスのロゴマークです。)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20bMfllL1MBksyclOcds52_anyztPynPlz28sX4HUp87lCVAj5KVQEs2c2thLCsgFNKYg-a259qcnHf6mA-CD6fQb71zygmRuKJNi7rROhD9owlrslsHYt7QkM3syij4_TFSoiy6BqbTV/s200/%25E3%2582%25A2%25E3%2582%25BB%25E3%2583%2583%25E3%2583%2588+3.png)
まずこの画像をイラレで読み込みます。
画像を選択した後、コントロールパネルの「画像トレース」をクリックします。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SARSKfx_5TOLnzWu386h0uL4WG7RmnRrDIrovxyd1g1868lo_E5PznTpsf87jkmamKtU-BT_EGp-_0shdIm-Gmg5aIsSAHgq5em2ghODusb8L6ndv0lGkNEyOC7xxoLMY6b9iwrTKUUH/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-08-01+13.22.23.png)
トレース処理が終了後、コントロールパネルの「プリセット」を変えたりしていい感じのプリセットを探します。
一番元画像に近いプリセットを選択後、コントロールパネルの「拡張」ボタンをクリックすればパスにしてくれます!
単純な画像ならそのまま調整せずに綺麗にトレースしてくれます。
複雑な画像で「画像トレース」機能を使う場合は「ウインドウ」>「画像トレース」を選択して画像トレースパネルで調整しましょう!仕上がりを見ながら作業できるため便利です。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpd9Ux7HbawW8ipPjFXfbRLm8WeMYHmVybXlWCUy77mmUKqAKyRmK7JheBa-Ud6BRxiGhNiqn7fTDqsajoOobfj_Aho74B2lHwM7fXJW2KnPwgEe7ticJGtl00g-Fq3Bf57HWWCGWZxqTu/s400/%25E3%2583%2595%25E3%2582%2599%25E3%2583%25AD%25E3%2582%25AF%25E3%2582%2599%25E7%2594%25A8.png)
昔フォトショップで描いた鶏の絵をトレースしてみました!
絶対ペンツールでトレースしたくないような無駄にテクスチャなど使った絵を細かく再現してくれましたー!ありがたすぎる。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLpiR05O264or1nBTRsqNAU6lcx6EDFNyh5lxsv1On1IWQeWvawe2tr6a_6y0icGGfmW-ki8jBjNnY0M2RJnI_JPTCqVjpNfSPaB3odgLWSuMCVoccS8u99CeZPTNHnTF5AyjMjPXEJZR/s200/%25E3%2582%25A2%25E3%2582%25BB%25E3%2583%2583%25E3%2583%2588+1.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaNPHuS-7e7tDlp9sJ5x1t7z5v7UkJUMcoyffEUaQEedD9WQ9eXfe0B3heSbxn5ac_7CinwgmDmp1mMR3G-aqDHbPL8uD3hy6untYXaOurQh8-lPFugLMLWjj1Z8oBFBwR8NKyE6_5X2WE/s200/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-08-01+14.27.20.png)
この方法を使うとアナログのラフスケッチを簡単にパス化したり自分で撮影した写真をトレースしたものを元にアイコンを作れたりして便利です!ぜひこの機能を使ってみてください!
Illustrator
0 件のコメント:
コメントを投稿