カテゴリー別アーカイブ: アピアランス

[Illustrator] 「丸数字」「自動伸縮する枠」

大分寒くなってきました。来年の夏が待ち遠しい…スタッフ「の」です。

今回は、イラレの「アピアランス」パネルを使用して作成出来る「丸数字」と「自動伸縮する枠」を紹介します。

「丸数字」
通常、数字を入力して変換される丸数字は「20」までではないでしょうか。

そこで「楕円形ツール」で作成した楕円に数字を重ねて作成されている方も多い事と思います。

結局、最後は目検討で合わせたり、もしくは以前スタッフ「ほ」が紹介した方法で楕円と文字を合わせる事になります。
https://www.vanfu-vts.jp/blog/2020/03/ai-40/

でも今回、楕円形は描かずとも「アピアランス」パネルだけでそんなに手間なく作成できる方法を紹介します。
先ず「文字ツール」を使用して、任意の場所に数字を入力し、書体や大きさ等を指定します。

「選択ツール」で数字を選択している状態で、「アピアランス」パネルを展開しておきます。

〇用に「新規線を追加」をクリックで線を追加します。

続いて追加した線を楕円に変換します。
「アピアランス」パネル内「fx」をクリックし、「形状の変換」→「楕円形」を選択します。

「形状オプションダイアログ」内で、「値を指定」にします。(楕円サイズは変更されなくなります)
「幅」と「高さ」には同じ数字を入力し、プレビューで大きさを確認します。

「アピアランス」パネル内「線」の文字上をクリックして「線」パネルを展開し、「線幅」の調整を行います。

数字が少し上に上がっているので、楕円中央に来るように調整します。
「アピアランス」パネル内、「線」が選択されている状態で、「fx」をクリックし、「パス」→「オブジェクトのアウトライン」を実行します。

その後、「アピアランス」パネル内で「オブジェクトのアウトライン」を「楕円形」の上へドラッグして順番を変更して完成です。(効果の移動がしにくい時は「fx」アイコン辺りをドラッグします)

普通に打ち換え可能です。

1桁は問題ないですが、3桁になる場合、「文字」パネルを使用して「水平比率」や「トラッキング」で調整します。

「自動伸縮する枠」
同じ要領で自動伸縮する枠を作成する事が出来ます。
上の「楕円」と同じ要領で「楕円形」の箇所を「長方形」または「角丸長方形」を選択します。
今度は「自動伸縮する枠」ですので、「値を追加」にして枠の「幅に追加」や「高さに追加」角丸の場合は「角丸の半径」を調整します。

「アピアランス」パネル内、「線」が選択されている状態で、「fx」をクリックし、「パス」→「オブジェクトのアウトライン」を実行します。
これで枠の真ん中に文字がきます。

「塗り」にも同様の作業を行うと下地に色を付ける事が出来ます。
(「アピアランス」パネル内の「文字」を1番上の階層にします)

勿論、打ち換えが可能で文字数に合わせて枠は自動伸縮します。

以上です。

バンフートレーニングスクールでは、イラストレーターやフォトショップ、インデザインにWebサイト作成の講座を 開講中です。

このブログを書いているスタッフ「ほ」と、スタッフ「の」をはじめとする印刷会社の研修部門のスタッフがアプ リケーションの使い方を徹底レクチャー!

詳しくは、下記詳細ページをご覧ください。

イラストレーター講座の詳細

ご興味がある方は、ぜひ一度無料体験にお越しくださいませ。

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Illustrator]アピアランスでちょっとリアルな線路

皆様、残暑お見舞い申し上げます。

先週に夏休みいただきまして、まんまとブログ更新をさぼったスタッフ「ほ」です。
すみませんでした。。。

今日は(スタッフ「ほ」としては)久しぶりにイラレネタで行ってみようかと思います。

突然ですが、我が家の息子(もうすぐ3歳)は、きかんしゃトー●スが大好きです。

テレビをつければトー●ス、車で聴くCDもトー●ス、持っているおもちゃの9割はトー●ス、所持するグッズもほとんどあの青いきかんしゃがプリントされております。

そんな息子のために、とあるすごろく的なものを作ることになりまして・・・

イラストレーターで作成していたのですが、どうせならトー●ス好きな息子のために線路っぽいものにしよう、と思って作成しようと思い立ちました。

が、線路の線を描いて、枕木を1つ1つ配置ってのは、さすがに面倒なのでアピアランスで線路のグラフィックスタイルを作成して、楽チンに線路を描くことに。

ただ、バンフートレーニングスクールのイラストレーター講座でも作り方を教えている↓の線路はあくまでも地図記号なので、(幼児にとっては)ぜんぜん線路っぽくありません。

ここは単純に「枕木を大きくすればいいんじゃね?」と以下のような感じの線路にしてみました。

アピアランスパネルはこんな感じになっています。

まぁ、ようは一番上に太くした茶色の破線を重ねてあげれば枕木っぽく見えるじゃん!できたーー!

さっそくプリントアウトして息子に見せようとしたその時、うちの嫁様(息子と一緒にトー●スを見ているうちに一緒にハマった人)が、

「これ、線路の上に枕木があるの?そんな線路あるわけない」

と辛らつな突っ込みを入れてきまして…

うーん、どうしたものか・・・と、まずは破線を一番下に持っていくことに

するとこうなりました。

まぁ、そうなりますわな・・・
現在のアピアランスパネルはこんな感じです。

となれば、一番上に、もうひとつ破線!ってことでアピアランスにさらに線を追加!

ついでに線路の下には普通砂利が敷いてあるでしょ?ってことで白部分をグレーに変更。

パネルはこんな状態に

そして出来上がったのが、↓の線です。

どうでしょう?だいぶリアルな線路になりましたか?
あとはこれをグラフィックスタイルに登録すればいつでも使いまわしが可能になります。
地図線路の応用で出来上がりますので、ぜひぜひお試しください。

「そもそも地図用の線路ってどうやって描くの?」という方はバンフートレーニングスクールの「イラストレーター講座」にてお待ちしております。

息子はこれで喜んでくれました。

よかったよかった。


バンフートレーニングスクールでは、イラストレーター講座を開講しています。

このブログで記事を書いているスタッフ「の」やスタッフ「ほ」が基本操作からマニアックなテクニックまで幅広くレクチャー!

まったくの初心者の方大歓迎!ある程度ご経験のある方向けの実践編もご用意しております。

詳しくは、下記詳細ページをご覧ください。

イラストレーター講座の詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ