Illustrator

2016年6月開講クラスのシンボルマーク完成

2016年6月開講クラスの受講生によるクラスのシンボルマークができました。 テーマに基づいて3班に分かれ、矢印を基本構造としてそれぞれ以下の3点を考慮してクラスのシンボルを作成するというものです。 テーマ 「能力の再発見  >>続きを読む

パターンの作成のまとめ〜Photoshop と Illustrator

Photoshop CC(2015.5)とCapture CCを活用してパターン作成 Adobe Capture CCは写真を撮影するだけで、色、形、ブラシ、パターンなどの素材を作成することができます。 スマホなどのモバ  >>続きを読む

スターツールがクモヒトデみたいになった場合の対処法〜Illustrator

スターツールには第1半径と第2半径の2つの半径が存在します。 第1半径が星の中心から尖った先までの長さで、第2半径が中心から内側にくびれたところまでの長さです。 command(ctrl)キーを押しながらドラッグすると第  >>続きを読む

SVG〜Illustratorで作成

SVGの基本的な描き方は「SVG入門」で書きましたが、四角や丸などを描くならまだしもちょっとしたイラストを描くだけでもコードで描写するのは現実的ではありません。 今回はIllustratorであらかじめイラストを作成して  >>続きを読む

文字のアンチエイリアスの使い方〜Illustrator

Illustratorで作成した文字がWeb用に綺麗に書き出せないと悩んでいませんか。 「ピクセルが小数単位になっているから」とか「アンチエイリアスを切れ」だとか色々情報がありますが、それでもどういうわけか書き出すと汚く  >>続きを読む

ボタンを指定サイズで書き出す〜Illustrator

Illustratorでボタンやバナーなどを作成してWeb用に書き出す場合に指定寸法どおりにならずに困る場合があります。 ポイントを理解して思い通りのサイズで書き出せるようになりましょう。 四角形にbuttonというテキ  >>続きを読む

カンプ、ワイヤーフレーム用グリッドシステムのガイド作成方法

カンプやワイヤーフレームを作成する上で重宝するのが、グリッドシステムです。 これは、縦方向に区切られたカラムに沿って要素を配置するもので、簡単に見栄えのするレイアウトを作成することができます。 多くの制作者はグリッドシス  >>続きを読む

グリッドの作成〜Illustrator

Illustratorでグリッドを作成するときに段組の機能を使うと簡単にできます。 ワイヤーフレームなどの作成に重宝する機能です。 段組設定の使い方 必要な大きさの四角形を作成 メニューの「オブジェクト」→「パス」→段組  >>続きを読む

ボタン作成〜Illustrator

Illustratorで簡単にボタンを作成する方法です。文字数が増えても勝手にボタンが大きくなるというものです。 「愛(Ai)はクリエイティブを救う」からのネタを参考にしたものです。(CCで確認) テキストツールでテキス  >>続きを読む

jQuery.extendを使ってみる

jQuery.extendとは jQuery.extendは複数のオブジェクトをマージして返します。 と言われてもよくわかりませんので使い方を見てみます。 もっとも簡単にJavaScriptでオブジェクトを作成するには連  >>続きを読む

過去のアピアランス効果が適用される〜Illustrator

アピアランスを使用して何らかの効果をつけたり、変更した後に、次の新しいオブジェクトを作成するとその前に使用したアピアランス効果がそのまま適用される場合があります。 例えば、鉄道の線路をアピアランスを使用して作成した後に、  >>続きを読む

Illustrator〜1ピクセル単位で正しく保存する

Illustratorの1pxのサイズのずれ Illustratorでイラストを作成してpngやgif形式にして保存する場合に、1pxまたは2pxサイズが大きくなることがしばしばあります。 それがシンプルな四角形であって  >>続きを読む

袋文字の作成〜イラストレーター

「Sample」の文字を袋文字(枠付き文字)にする方法です。 テキストと文字の大原則 「Sample」を線なし、黒の塗りで作成しています。アピアランスパネルで確認すると下図のように表示されます。 ここで重要な点は入力した  >>続きを読む

アートボードが透明になった〜Illustrator

illustratorで誤ってShift+Command+Dキーに触れたらアートボードが透明になります。 更にペーストボードが格子模様に変わります。 あれ?となってなかなか回復できなくて困るパターンです。 これはShif  >>続きを読む

Illustratorの角度入力

いつも使っている人にとっては当たり前でも、時々の場合はどうだったか迷う角度の入力です。 0度は3時の方向です。 整数を入れると反時計まわりです。(CS6) 90度は12時 180度は9時 270度は6時

Illustretorで等間隔に分布を行う

illustratorでオブジェクトを等間隔に配置をする場合は整列パネルを使用します。 等間隔に分布させたいオブジェクトを全て選択します。 次に基準にしたいオブジェクトをもう一度クリックします。この状態で整列パネルの右下  >>続きを読む

にわかデザイナーより数字の美

デザインはどうもセンスがなくって。。。 そんなあなたは数学を勉強してみましょう。 タイポグラフィで使えるフィボナッチ数シーケンス 。 これです。 0 1 1 2 3 5 8 13 21 34 55 89 144… たとえ  >>続きを読む

矢印キーを使用したオブジェクトの移動 

Flash,Photoshopではオブジェクトを選択して矢印キーを押すと1ピクセル移動します。 Shift キーを押しながら矢印キーを押すと10 ピクセルずつ移動します。尚、Illustratorは環境設定で数値を設定し  >>続きを読む

Illustratorでビットマップ画像を配置してパターン登録

Illustratorにビットマップ画像を配置してそれをパターン登録したいのですが登録できません。 この場合は、配置画像がリンク状態ではうまくいきません。 配置した画像を埋め込みにするとパターン登録できます。

イラレやフォトショのスポイトで外部の色を取りたい

IllustratorやPhotoshopのスポイトツールで例えば今表示しているブラウザの写真のある部分の色を取りたいことなどあります。 その場合はIllustratorやPhotoshopのワークスペース内からスポイト  >>続きを読む

Illustratorで配置した画像の色を取りたい

配置した画像の色を取りたいけれどもスポイトツールで取れない場合があります。 これは設定に問題があります。 スポイトツールのアイコンをダブルクリックして設定画面を開き、アピアランスのチェックをはずすと取れるようになります。  >>続きを読む

Illustratorの文字設定をリセット

Illustratorの文字ツールで文字を作成した後に文字パネルで水平比率や垂直比率など細かく設定を変更した場合、その後の文字作成時にその設定がそのまま引き継がれます。 解決方法は以下のとおりです。 [文字]パネルメニュ  >>続きを読む

IllustratorCS5~CCでパターン作成

IllustratorCS6以前のパターン作成 ギンガムチェックの作成 ギンガムチェックのパターン例 20px x 10pxの長方形を長方形ツールで作成します。線は無しで塗りを適当に決めます 次に作成した長方形を回転ツー  >>続きを読む

パスファインダーの「分割」、「刈り込み」、「合流」の違い

パスファインダーの「分割」、「刈り込み」、「合流」の違いとは 青い四角形と赤い丸のオブジェクトがあります。それぞれ線は黒です。青い四角形の上に赤い丸が重なっている状態のサンプルで考えてみましょう。 「分割」 この状態で四  >>続きを読む

Illustratorのレイヤーの中の○印(ターゲットコラム)の意味

ターゲットコラムについては、Illustratorヘルプにしっかりと書かれています。 ○印はターゲットコラムと呼ばれるもので、これは、レイヤー階層の項目がアピアランス属性を持っているかどうか、およびターゲットとして指定さ  >>続きを読む

illustratorのペースト色々 illustrator

illustratorのコピー・ペーストのペーストには色々な方法が用意されています。 以下の様なオブジェクトを用意しました。真ん中の赤色の四角形をコピーしました。   通常のペーストを行うと作業スペースの中央に  >>続きを読む

外枠にテクスチャを加える Illustrator

    完成例   手順 前回作成したドロップシャドウを使用した型押し文字を用意します。 背景の四角形を選択し、コピーします。アピアランスパネルからこの四角形のドロップシャドウを非表示にしま  >>続きを読む

型押し文字にテクスチャーを加える Illustrator

完成例 前回作成した型押し文字を使用します。 パターンなどのテクスチャを加えた四角形を作成 前回作成したオブジェクトに2を重ねます。 文字が隠れる程度に四角形を作成して囲みます。塗りは何色でもかまいません。 2と4を選択  >>続きを読む

ドロップシャドウ効果で作成する型押し文字 Illustrator

型押し文字をイラストレーターで作成します。 完成例 手順 線なし、塗りは任意の色で正方形を描きます。 正方形に入る文字を作成します。 文字をアウトライン化して正方形の上に重ねます。 重ねた文字だけコピーします。(ペースト  >>続きを読む

作成した線路の登録方法 Illustrator

JRや私鉄の線路を作成した後に保存する方法です。 ブラシパネルから新規ブラシボタンをクリックしてアートブラシを選びます。   後はアートブラシオプションで適当な名前を付けてOKボタンをクリックすると登録できます  >>続きを読む