Photoshopを使ってウェブページなどのデザインをするとき、Illustratorでアイコンを作り、Photoshopにベクトルスマートオブジェクトとして配置することが多いと思います。そんなとき便利に使える、ベクトルスマートオブジェクトについての小技をいくつかご紹介します。 モノクロのアイコンに色をつけるベクトルスマートオブジェクトとしてPhotoshopに配置したアイコン。元はIllustratorで作成しています。このアイコンの黒い部分に色をつけたいとき、ベクトルスマートオブジェクトをIllustratorで開いて、黒い部分の色を変更してから保存し直すというのが一般的な方法です。 でも、いちいちアプリを行き来するのが面倒だし、何より状態を確認しながら色を変えることができないのが不便。そんなときは、レイヤースタイルの“カラーオーバーレイ”を使ってみましょう。ベクトルスマートオブジェク

線画が出来たら色を塗ります。いちいち塗りのパスをペンツールで描いていくのは面倒なので 型抜きして色をつけてしまいましょう。 まず、線画のレイヤーをコピーします。 コピーしたいレイヤーを｢レイヤーの新規作成｣までドラッグすればＯＫです。 コピーした方のレイヤーは別の名前を付けて 元の線画レイヤーの下に送り、分かりやすいように 元の線画レイヤーは非表示にしておきます。

イラストレーターパスのオフセットの事で教えて下さい。 図の様にパスのオフセットをした場合、白背景では分からないのですが カラーの背景を持ってきた場合白い部分が出てしまいます。 今まではオフセットした部分を背景と同じ色を付ける作業をしていまた。 単色ならこの作業で大丈夫なのですが 例えば背景が柄の入った物を使うと綺麗に背景の柄が出ません・・・・。 どうしたら白い部分を背景が見える所まで抜くことが出来ますか？ 初心者の質問ですいません・・・汗

先日アップしたクリスタルの素材を使って、ダイヤモンドの様にキラキラ光らせまくるチュートリアルです。 ダイヤモンドは永遠の輝きw 青い背景を描きます。 480×360pxの長方形を配置します。0%:#4F589F > 100%:#1B1464 の円グラデーションで塗ります。 アピアランスメニュー から塗りを複製し、不透明度40％ / 描画モード：乗算 に設定します。 影っぽいテクスチャをつけます。 600×300pxの長方形を配置します。0%:#FFFFFF > 100%:#000000 の円グラデーションで塗ります。 グラデーションツールで、長方形下辺の中央から端に向けてドラッグし、グラデーションの位置を調整します。円グラデーションが半分になった感じ。 縦40pxに縮小します。 回転ツールで75度回転し、不透明度20％ / 描画モード：オ−バーレイ に設定。 optionキー（winだとa

Illustratorには「クリッピングマスク」と「不透明マスク」の2つのマスクがあります。 イラスト協力：宇佐美由里子（Indexdesign） クリッピングマスクは古〜くからある機能です。 結果として表示させたい領域に、マスクするオブジェクトを作成し、最前面におきます。このオブジェクトの塗りや線は、クリッピングマスクを設定後に透明になりますので、この段階では、何色に設定しておいてもOKです。 背面のオブジェクトと一緒に選択（この際、レイヤーをまたいでいてもOK）。 メニューバーの［オブジェクト］→［クリッピングマスク］→［作成］をクリックします。キーボードショートカットは⌘+7キー。 完成です。 修正したい場合には、コンテキストメニューから［選択クリッピングマスク編集モード］を選択します。 不透明マスク（opacity mask） 「不透明マスク」はIllustrator 9で実装され

イラストレーター使い始めの方なんかはこの罠に1度はハマるんじゃないでしょうか。 イラストレーターさん。。。グラデーション全体にかけてよ。。。 個別じゃないよ！下みたいにしたいんだ！！ イラストレーターを使い始めた頃、このグループ全体にグラデーションをかける方法がわかんなかったんで、メモしときます。 ちなみに今回はMacのCS6でやってますが、他のバージョンも同じだと思います。 では グラデーションをかけるオブジェクト、グループを全て選択する。 メニューバー＞オブジェクト＞複合パス＞作成　で複合パスにする。 グラデーションをかける これだけなんです。 ちなみに複合パスはMacなら「⌘8」、Winなら「Ctrl8」でできます。 ぜひ、今まで知らなかった人は活用してみてください。

上部メニューから [表示] → [新規ガイド] を選択します。 ダイアログボックスで「水平方向」または「垂直方向」を選択し、 位置を入力して「OK」をクリックすれば、指定の位置にガイド線を表示できます。 カンバス内の指定した位置にガイド線が表示されました。 ※ガイド線の色は [編集] → [環境設定] → [ガイド・グリッド・スライス] で変更可能。 2-2．定規からドラッグで自由にガイド線を作成する 定規を表示しておけば、メニューを開かずにドラッグだけで設置することも出来ます。 厳密な位置指定が不要な場合などは、こちらの方が素早く便利です。 定規が表示されていない場合は、上部メニューの [表示] → [定規] を選択します。 ワークスペース内に、定規が表示されている状態なら準備ＯＫです。 水平方向は上部にある横向きの目盛り、垂直方向は左側の縦向きの目盛りから、 それぞれマウスカーソルをの

特にチラシで多用する袋文字。みなさんは、どのように袋文字を作っていますか？ 今回は、非常に簡単にIllustratorで袋文字を作る方法を解説します。まずは、初心者にありがちな間違いを紹介します。 間違いその１：文字に「線」を適用してしまう よくやってしまうのが、文字に「線」を適用して袋文字に見せるというパターンです。例えば、細めの明朝体を袋文字にする場合。 文字に「線」を設定しまう。これは意外と初心者が陥りやすい罠です。 ▼線を設定すると、一見して袋文字に見えます。 しかし、この方法は完全に間違い。例えば、袋の部分を太くしようと思うと、線幅を太くするしか無いのですが・・・ こんな感じに、文字が潰れてしまいます。これは何故かと言うと、線幅はパスをまたいで太くする処理で、上記の場合は線幅が3ptですが、パスの外側と内側にそれぞれ1.5ptの幅ができています。 こんな感じで線幅が設定されていま

印刷された実物を手にした時に、体裁崩れを発見したり、イメージと違ってガッカリしたり、或いはデータ入稿をした際に、修正や再入稿が必要になったり、もっと避けたいことに納期が遅れたり…なんてハメにならない為にも、入稿前に必ずチェックしたい１２項目を紹介します。 「これさえチェックしておけば初心者でも失敗しない」といえるチェック項目なので、是非、実践してみてください。 １．ドキュメントカラー設定はCMYKになっているか 基本的には新規ドキュメントの作成時点で設定しますが、下記手順でいつでも確認＆変更が可能です。RGBで作成されたデータは、印刷すると色味が変化してしまうので、必ず入稿前にもう一度チェックしましょう。 新規ドキュメントの作成時はここでカラーモードを設定 作成した後でもここから確認や変更が可能 ２．アートボードは注文サイズで作成しているか 見開きで作成した冊子の表紙、或いは２つ折りや３つ