はてなブックマーク

Illustrator CS6で困ったことが。 なぜかパスから、塗りや線がずれてしまいます。さらに、上図のように、線自体が破綻してしまったり、大変困った状態になってしまいました。 結論から言うと、Adobeさんに電話したところ『仕様です』との事です。…困りました！！ しかし、防止方法が分かったのでご紹介したいと思います。 原因としては、CS5から搭載された『ピクセルグリッドに整合』機能。 これは簡単に言うと、webなどのピクセルを基準とするドキュメントを作る場合、ピクセルを基準としたグリッドに強制スナップされる機能です。 これに気づかなかったのですが、なんと新規ファイルどを作成する場合、プロファイルを選ぶときに『web』などのピクセルベースのプロファイルを選ぶと、デフォルトで『新規オブジェクトをピクセルグリッドに整合』のチェックがオンになるようです。 ちなみに、このオプションは最初非表示に

IllustratorのCS2くらいから、ライブトレースという機能が加わりました。これはラスタ画像をパスに変換する機能です。以前あった『Adobe streamline』とかいうソフトがこの機能の専用アプリでしたが統合されたのでしょうか。とても助かる機能です。 パス化する事で必然的に若干の単純化がされる事になりますが、実はあまり写真をそのままライブトレースして使う事は少ないと思います（私だけかもしれませんが） よく使うケースとして、アルファチャンネルで透明部分を持つ画像のアウトラインだけを取る事が多いです。しかし、たまにライブトレースを使おうとしても、なかなか上手く抜けない事が多いです。今回は紙切れのアウトラインだけ取りたいんですが、ライブトレースしても真っ白の長方形が出るだけ…という場合の操作方法をご紹介。 まず、画像を『ファイル＞配置』で配置します。今回はpngファイルで透明部分を持っ

Macがいじょ〜〜〜〜にもっさり重い…。そういうときは多々あります。そりゃ前のモデルのMac miniでPhotoshopとIllustratorで作業しながらsafariで何ページも開いていたらそうなる…と思ってましたが、ちょっと事情は違いました。 特にアプリも開いていないのになんか重い。 そういう時は、CPUを大量に使っているか、メモリを大量に使っているか、HDDに大量にアクセスしているか、などの原因がありますが、恐らく頻繁なのがメモリ。 気になるときは『アクティビティモニタ』を起動してみましょう。 上図では、『重要な部分で使ってるから邪魔しないで欲しいメモリ＝赤』『今まさに使っているメモリ＝黄色』『 さっきまで使っていたけどもう自由に使えるメモリ＝青』『ぜーんぜん使ってないので自由に使えるメモリ＝緑』という感じでしょうか。 とすると、青い部分は空き領域として使えるはずなのですが…実は

Illustratorでリアルに描こうという手法や分野を『リアルトレース』と言いますが、上級者のリアルトレースは半端ないことで知られてます。有名なIllustratorでのキャベツの画像とか、未だにIllustratorだとは信じられません。 ご紹介したいのですが制作者の方のサイトが閉鎖されていたので残念…。 で、そこまでリアルじゃなくてもいいから、多少雰囲気を残して描いてみたいというハードルの低さで、私も時々リアルトレースもどきを描いています。 そんな中、私が昔描いたグラスに興味を持って下さった方がいらしたので、今回はグラスを描いてみたいと思います。 あまり気合い入れても大変なので（私が）１時間程度でさっくり描いてみたいと思います。 上の画像が完成版です。ちょっとリアルには遠いところもありますが、縮小すればそれなりに見える物となります。 まず、雑貨屋さんのサイト等からモチーフとなる画像を

以前iPhoneの制作過程をご紹介しましたが、その中でご質問を頂きました。クリッピングマスクについての箇所だったので、今回はクリッピングマスクの基本的な使い方をご紹介したいと思います。 クリッピングマスクは『下のオブジェクトを、上のオブジェクトの形で（見た目だけ）切り抜く）』という効果です。 見た目だけ切り抜くので、実際にオブジェクトが変形されるという事がなく、いわゆる可逆、クリッピングマスクを使っても元に戻せるようになっているため、大変手軽に使えます。 では早速実践してみましょう。 上図は『下：模様付きの茶色の長方形』『上：赤い塗りの円』の２つのオブジェクトがあります。 この２つのオブジェクトを『選択した状態』で、メニューの『オブジェクト＞クリッピングマスク＞作成』を選びます。 すると『上にあるオブジェクトの形』に切り抜かれます。 レイヤーパレットを見ると、円が『クリッピングオブジェクト

以前ご紹介した『PhotoshopでなくIllustratorで集中線を描いてみる』ですが、しばらく心残りがありました。 実はPhotoshopの極座標変形を使う事でどうしてもある違和感が残るからでした。 実際に紙にペンで集中線を引く場合と比べて、やっぱり見劣りがしていましたので、どうすればいいかな〜と時々悩んでいたら、Illustratorだけで上手く作る方法を思いついたのでご紹介致します。 恐らく私の中での決定版になりそうですが、印刷物に対しても使っていけそうです。 『作り方はいいから素材だけ欲しい』という方は、記事の最後の方にpsdファイルを載せておきましたので、商用でも制限なしでご利用頂けます。ただし再配布はご遠慮くださいmm では作り方のご紹介〜。 まず、違和感というのが何かというと、本来の集中線では『線の太さは一定』であるべきでした。しかし、Photoshopの極座標を使う以上

【追記】集中線の作り方、改良版の記事はこちらです。 Photoshopで漫画用の集中線を描画する方法は広く知られてます。しかし、実のところ出来た物はそれほど質や汎用性がよくなく、印刷物には使いづらいのが正直な所です。 多くの方はComicStudioなどに搭載されている集中線描画ツールを利用されてると思いますが、ComicStudioなどを持ってないけどIllustratorは持ってる私は、もう少し上手く作れないか試してみました。 文末に使用フリーの集中線の素材を掲載しておりますので、続きからどうぞ。 さて、その前にPhotoshopでの集中線の描画方法をおさらいしましょう。 キャンバス（ここでは4000*4000px）の左端に上から下に黒い矩形を描画します。それから『フィルタ＞表現方法＞風＞強く』で左から右に流れるようにします。さらにそれを右方向へ拡大したのが上の画像です。 今度は『フィ