カテゴリー別アーカイブ: Illustratorの使い方

Illustrator CCでパスファインダーの合流・分割などの精度が悪いときの対処方法

000

イラストレータ(Illustrator CC)の機能【パスファインダー】

BPDスタッフのたけしたてつおです。

イラストレーター(Illustrator CC ※イラストレーターとは、アドビシステムズ社が販売するドロー系アプリケーションソフトのことです。)にはオブジェクトを分割合体させたりできるとっても便利な機能で【パスファインダー】というものがあります。
これはとてもよく使う機能です。

以前のバージョン(Illustrator8)を使っている時には気にしていなかった、
というかなかった。
そんなパスファインダーのトラブルが新しいバージョンのイラストレーター(Illustrator CC)で起きたので、
自分の備忘録としてこのデザインのスタッフブログに書き留めておきます。

Illustrator CCでパスファインダーの合流をすると塗りのヵ所の表示が汚い

Illustrator CCでパスファインダーの合流をすると塗りのヵ所の表示が汚いという現象が起きました。
ちょっと複雑なパスの時に起きるみたいです。

参照画像:
ピクトグラムのチューリップの花びら部分です。
花びらのへこんだヵ所が汚いです。

001

パスファインダーの合流で塗りのヵ所の表示が汚い時の対処方法は
メニュー左上の「Illustrator CC」>「環境設定」>「GPUパフォーマンス」の順で進んで、
「GPUパフォーマンス」のチェックを外すと奇麗に表示されます。

※「GPUパフォーマンス」とはパソコンで使用しているグラフィックプロセッサーを使用する物で処理の内容によっては高速化をしたりする事ができるそうです。
※Illustratorの場合、GPUを切った状態が従来の状態と同じで、
GPUが使用出来ないからアプリケーションが使用出来ないという物ではないということです。

Illustrator CCでパスファインダーの分割をすると筋がはいる

Illustrator CCでパスファインダーの分割をすると筋がはいる現象が起きました。
これは、「アートワークのアンチエイリアス」が原因です。

参照画像:
ピクトグラムのチューリップの花びらを2つ重ねて分割した画像です。
分割したヵ所が汚いです。

002

Illustrator CCでパスファインダーの分割をすると筋がはいる時の対処方法は
メニュー左上の「Illustrator CC」>「環境設定」>「一般」の順で進んで、
「アートワークのアンチエイリアス」にチェックを外すと奇麗に表示されます。

※「アートワークのアンチエイリアス」はモニター上の表現です。
※印刷する場合は、印刷会社様の判断になるようなので、要確認です。

小さなオブジェクトをつなげた物の場合にも、境目に筋がはいります。
この場合も「アートワークのアンチエイリアス」にチェックを外すと奇麗に表示されます。
※結合が可能であれば、結合する事で線は見えなくなります。

Microsoft Office用に保存でPNG形式に書き出ししたときにオブジェクトに筋が入る

「アートワークのアンチエイリアス」のチェックを外すと奇麗に表示されますが、
Microsoft Office用に保存でPNG形式に書き出ししたときにオブジェクトに筋が入る現象が起きます。
この場合は、「ファイル」>「書き出し」でファイル形式でPNGを選択し>「アンチエイリアス」をアートに最適を選択して書き出すと、奇麗に書き出されます。

私の場合、
以前のバージョン(Illustrator8)を使っている時には起きなかった現象なので、
戸惑いました。
ソフトのバージョンが変わるとこういう事があるのですね…

以上
Illustrator CCでパスファインダーの合流・分割などの精度が悪いときの対処方法でした。

CI企業部ランディング・キャラクターデザイン・その他様々なデザインの依頼はベストプラクティスデザインへ
CI企業部ランディング・キャラクターデザイン・その他様々なデザインの依頼はベストプラクティスデザインへ

Illustratorのアピアランスを使って歯車を作る方法

029

Illustratorのアピアランスを使って歯車を作る方法

BPDスタッフのたけしたてつおです。

今回ピクトグラム歯車を制作するので、簡単に出来る方法を模索。

ま、普通にパスを分割などで簡単にはできますが、
後で歯車の数を増やしたいので今回はイラストレータ(Illustrator ※イラストレーターとは、アドビシステムズ社が販売するドロー系アプリケーションソフトのことです。)で歯車をアピアランスを使って制作する方法を自分の備忘録としてこのデザインのスタッフブログに書き留めておきます。

アピアランスを使わずに制作することも可能ですが、
アピアランスを使うと完成後に変更可能なので、
今回はアピアランスを使って制作する方法です。

Illustratorで歯車をアピアランスを使って制作する手順

では、順に

  • 【楕円型ツール】で10mm×10mmの円を描く。
  • 001

  • 【ウインドウ】>【アピアランス】を表示する。
  • 002

  • 【アピアランス】で【塗り】を選択し、ウインドウ下の>【fx】>【パスの変形】>【ジグザグ】を選択し、【オプション】の数値を入力、【ポイント】は滑らかにを選択する。
  • 004

  • 【アピアランス】で一番上の【パス】を選択し、ウインドウ下の>【左から2つ目四角いボタン】をクリックして塗りを追加。
  • 006

  • 【アピアランス】>【fx】>【パスの変形】>【変形】で【拡大・縮小】の数値を入力する。
  • 008

  • さらに、【アピアランス】で一番上の【パス】を選択し、ウインドウ下の>【左から2つ目四角いボタン】をクリックして塗りを追加。
  • 009

Illustratorでパスファインダーを使って作業する

  • 【アピアランス】で一番上の【パス】を選択し、>【fx】>【パスファインダー】>【切抜き】(※ダイアログが表示されるので、OK(無視)する。)
  • 010
    011

  • 追加した塗りを選択したまま、【アピアランス】の切抜きを一番下へ移動する。
  • 012

  • 出来上がった歯車を選択したまま、【アピアランス】ウインドウ下の>【右から2つ目のボタン】をクリックして塗りを複製する。
  • 015

  • 複製した塗りのを分かり易いように色を変更して、上から2番目へ移動する。
  • 017

  • 変形をクリックし、【拡大・縮小】の数値を入力する。
  • 018

  • 【アピアランス】で一番上の【パス】を選択し、ウインドウ下の>【fx】>【パスファインダー】>【合流】と【前面オブジェクトで型抜き】を追加する。
  • 021
    019

  • 追加した【合流】と【前面オブジェクトで型抜き】を一番下へ移動する。
  • 024

  • 完成です。
  • 025

アピアランスで作業すると完成後に自由に変更ができる

完成したオブジェクトは【アピアランス】で歯車の数など、後から色々と変更が可能です。
参考に大きな歯車と小さな歯車を作ってみました。
029

アピアランスを使った制作の感想

今回、アピアランスを使って歯車を制作いましたが、
いつもはパスを使ってパスファインダーを使って制作してるので、
アピアランスを使っての作業が非常に手間がかかります。
「めんどくさい!!」っていうのが正直な感想です。
でも、制作後にアピアランスの数値を変更するだけで色々と変更できるのはとても良いですね。

私は次からは普通にパスを使ってパスファインダーを使って制作ですかね…
でも、この記事を読んでいる方にはアピアランスを使っての制作をオススメします。
新しい機能はどんどん使っていくことは大事な事ですよ。
面倒でも何回もトライすれば、自分のスキルになるので頑張ってください!

以上
Illustratorのアピアランスを使って歯車を作る方法でした〜
最後まで読んで頂いた方、
長々とおつきあいありがとうございました。

疲れた〜

CI企業部ランディング・キャラクターデザイン・その他様々なデザインの依頼はベストプラクティスデザインへ
CI企業部ランディング・キャラクターデザイン・その他様々なデザインの依頼はベストプラクティスデザインへ