A Graphic Designer’s Journey into Visual Inspiration.
Illustratorで、円を中心から任意の角度で切り抜く方法をご紹介します。
今回は、円をパックマンのマークのように60°で切り抜きたいと思います。
楕円形ツールを使って正円を描きます。
円を選択したうえで、プロパティパネルから詳細オプションを表示させる。
すると、円が扇形に切り抜かれます。
以上です。
この円のプロパティに、扇形の機能がついていることは最近知りました。
とても簡単に円を指定した角度で切り抜けるので、ぜひ試してみてください。
Illustratorで整列ウィンドウの「等間隔に分布」の機能を使っている際、ウィンドウに単位が表示されなくなることがあります。
基本はmmで設定しているのですが、単位が表示されなくなると「1」と入力しても1mmの間隔にならず、非常に困ります。
調べてみたところ、バグのようです。。。
メモリ使用量が増加した時に起こることが多いそうで、Illustratorを再起動すれば治ることもあるそうですが、そうでない場合、整列ウィンドウではなくプロパティパネルの整列のエリアで指定するのが良いようです。
プロパティパネルは近年登場したので、私はこれまであまり使っていなかったのですが、Adobe的にはプロパティパネルを今後も推していく方針のようなので使い方に慣れていきたいと思います。
参考：解決済み: 等間隔に分布の単位が表示されない – Adobe Support Community – 10847059（2023/06/02アクセス）
Adobe Illustratorのグラフ作成機能を使用して、数値からグラフを描く方法をご紹介します。
Illustratorのグラフ機能は、作成出来るグラフの種類も、棒グラフ/円グラフ/折れ線グラフ….など、様々な物を作成可能で、デザインなども細かく設定出来るのですが、今回は最も基本的な「棒グラフ」の作成方法をご紹介します。
棒グラフの作り方が分かれば、円グラフや折れ線グラフなども考え方は同じなので簡単に出来ると思います。
※グラフツールを長押しすると円グラフや折れ線グラフなど、他の様々なグラフも選ぶ事が出来ます。
以上が基本的なグラフの作成方法となります。
Illustratorのグラフ機能を使用する上で、悩みがちな項目をQ&A形式でご紹介します。
↑の様な確認ウィンドウが出るので「はい」を選択。
グループ解除してしまうと、Q3でおこなった様な数値データの編集は出来なくなるので要注意！
以上です。
本記事がお役に立てば幸いです。
Adobe Illustratorの［.ai］形式で印刷入稿する時の、私の入稿データ作成手順をまとめました。
データのパッケージやフォントのアウトライン化時の注意点など。また、私が新人デザイナー時代、印刷入稿時に起こしてしまったミスの中で特に気をつけたい4つについてもご紹介しています。
前回の記事（Adobe Illustrator 印刷入稿前に確認したいデータのチェック項目）の続きです。
“Adobe Illustrator［.ai］形式で印刷入稿する際の私の入稿データ作成手順” の続きを読むIllustratorのアピアランス機能を使い、文字に立体的なエンボス加工をかける設定をご紹介します。
新規ドキュメントを作成。今回は 左右150mm × 天地100mm のサイズで作成しました。
アートボード全体に背景となる色を敷きます。
今回は［C:0% M:30% Y:100% K:0％］のオレンジ色で作成。作った色はグローバルスウォッチとして登録しておきます。
文字の設定はこちらです。［Avenir Next Heavy 60Q オプティカル トラッキング+50］
テキストを選択し、アピアランスパネルの「塗り」で文字に色を付けます。
背景色と同系統で薄い色だと効果的なので、背景色の50％にします。
アピアランスパネルで、塗りを選択した状態で、パネル左下の「新規塗りを追加」をクリック。
背景に新しい塗りがコピーされる。
背景にある塗りは、メインの文字の塗りよりも色を濃くします。［C:0% M:30％ Y:100% K:20％］と設定しました。
パスのオフセットを使用し、背景の文字の塗りを太らせます。
濃い方の塗りを選択し、左下の［fx］ボタンより、［パス＞パスのオフセット］
［オフセット:1mm 角の形状:ラウンド］に設定。
これで、濃い色のフチが付きました。
濃い色の塗りを変形でズラします。
濃い色の塗りを選択肢、［fx］＞［パスの変形＞変形］
変形効果パネルで、移動の値を［水平方向:0.25mm 垂直方向:0.25mm］の値を入力。
すると、背景の色の濃い文字が右下にズレて、このようになります。
この時点で少し立体感がありますが、さらに、仕上げをします。
オリジナル（薄い方）の文字の塗りをコピーします。
下にある文字の塗りをハイライト用として、色を白に設定します。
白い塗りを選択し、［fx］＞［パスの変形＞変形］
水平方向:-0.25mm 垂直方向:-0.25mm
これで、ハイライトが入って、立体的になりました。
このままでも良いのですが、拡大して見るとハイライトの角が段になっているのが気になります。
ハイライトのコピーの設定を以下のように変更します。
水平方向:-0.01mm 垂直方向:-0.01mm コピー:25回
-0.01というコピー値の求め方は、
［ハイライトのサイズ（mm）］÷［ コピーを繰り返す回数］
こちらの計算式で求めています。
そうすると。。。。
角が自然になりました。これで完成です。
アピアランスで作成しているので、文字や色の変更が簡単に出来ます。
今回作成した作例ファイルを、以下のページから無料配布しています。加工などをしてご自由にお使いください。
［無料DL素材］Illustrator、テキストにエンボス加工をかけるアピアランス
［作業環境］
Mac OSX 10.12.6
Adobe Illustrator CC 2018
2019年3月20日追記
こちらの記事をAdobe Students JapanさんのTwitterにて紹介して頂きました。多くの学生さんのお役に立てれば幸いです。
平らな紙に凹凸を付けて立体的に見せる加工方法「 #エンボス 」。デザインに #エンボス加工 をする時は、こちらの方法を参考にしてみてください。 #Illustrator の機能を使った方法をこちらで解説😎⇒https://t.co/qv3ag0VjN9 pic.twitter.com/gRgeX4U2mJ
— Adobe Students Japan (@AdobeStudentsJP) March 19, 2019
