WEBデザイン

【illustrator】簡単トレース方法

こんにちは!ゆかちんです(^^)/
あっという間に寒くなってきましたね。コーヒーが美味しい季節です。
グランフロントの中にあるDOWNSTAIRS COFFEEはコーヒーもおいしいのですが、チャイがすごくおいしいです!
寒い日にはピッタリのスパイシーさと甘さ(*^^*)おすすめです!

実はPhotoshopよりillustratorが得意な私。最近はPhotoshopも好きになってきました。
そんなillustratorのいいところはやはりベクター画像なところ!拡大縮小してもボケない!最高!
アイコンとかロゴとか地図とか作成時はillustrator様様です。
でもトレースってなったら慣れてないと時間かかってしまいますよね。
今回は簡単にトレースする術をご紹介します!

1.りんごを用意

トレースしたい画像を用意します。今回はぐっさんが使用していたりんごを拝借(こっそり)

illustratorにりんごの画像を貼り付けます。
[ファイル] メニューから [配置] を選択してトレースを行う写真を配置。
[ファイル] メニューから [開く] を選択し、トレースを行う写真を開く。

どちらの方法でも貼り付け可能です。

普通だとペンツールを使用しトレースすると思います。
使用する用途によってはペンツールでトレースがいいと思うのですが細かい部分までトレースしたいというときに不向きです。

2.ライブトレースをしてみよう

CS4以降ライブトレースというものが導入されました。写真を自動トレースしてくれる機能です。

選択ツールで配置した写真を選択 します。
選択すると上の部分にコントロールパネルがでます。
画像トレース右の矢印をクリックし、トレースの種類を選択します。今回は16色変形にしました。
いろいろなものがあるので用途に合わせて選んでください。

16色変形になりました。
そして、コントロールパネルの「トレース結果の部分」を「トレース結果とアウトライン」にし「拡張」を押します

グループを解除するといらない部分を削除できたり微調整ができるようになります。

周りを消して、白を少し追加した結果がこちらです。

このような形でライブトレースすることができました!
すごく簡単なので簡単な素材を作る時などどうでしょうか(^^)
ちなみにトップのふくろう画像にこっそりりんごがいるので探してみてください!

ピックアップ記事

  1. 【お客様インタビュー】サンキョウプラテック株式会社様

関連記事

  1. WEBデザイン

    邦楽バンドのオシャレなWEBサイト10選(+α)

    おはようございます、私です。8月半ばから胃の不調に悩まされ続け、一時は胃潰瘍かとも思われておりましたが、先日とうとうお茶漬けを前にして一口…

  2. WEBデザイン

    よく見る方眼紙のようなパターンの作り方

    おはようございます、ふきちゃんですふきちゃんです、と書いている時高確率で安田大サーカスのクロちゃんで再生されております、小春日和のうららかな季節で…

  3. Photoshopで部分的にカラーにしたモノクロ画像を手軽に作る方法

    WEBデザイン

    Photoshopで部分的にカラーにしたモノクロ画像を手軽に作る方法

    どうも、テイクフォー谷口です。先日の3連休は地元の地車祭を観に行ったり、心斎橋一帯のライブハウスを巡るイベントに行ってきました^^さて…

  4. WEBデザイン

    【Photoshop】レイヤーを上手く使い回そう Vo.2リンクオブジェクト編

    どうも僕です、テイクフォー谷口です。ここ週末2週連続で悪天候が続きますね。来週は週末が3連休になっているので、どうにか晴れになって欲しい気持ちです…

  5. WEBデザイン

    Photoshopでオシャレなネオンサインのような文字を作る方法

    おはようございます、新入社員のふきちゃんです!私はライブハウスに行くのが好きなのですが、バーカウンターに飾られてるレッドブルやハイネケンのネオ…

  6. Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    WEBデザイン

    Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    どうも僕です、テイクフォー谷口です。先週末は佳境を迎えたプロ野球日本シリーズやサッカーJリーグとスポーツネタで盛り上がってました^^(大阪…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. レポート

    手描きの年賀状を作成しましたのでレポートします!
  2. レポート

    願い事が叶うと話題の鈴虫寺に行ってきました!
  3. HTMLコーディング

    とっても簡単なベーシック認証(Basic認証)のかけ方
  4. Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    WEBデザイン

    Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法
  5. WEBデザイン

    Photoshopでオシャレなネオンサインのような文字を作る方法
PAGE TOP