Illustratorの「定規」機能の使い方

みなさま､おはこんばんちは＼(^｡^) 少しずつ涼しくなってきてる感じですね♪
  それでは今日も楽しくIllustratorの使い方をレッスンしましょう ！

　定規を使って綺麗にレイアウト

とりあえず下の画像をごらんください ＼(^。^)
  以前のレッスンでもやってるのですが、メニューから定規を表示させる場合は下のように選びましょう。
 
 

  ■ 原点座標ってなぁに？

色んなグラフィックソフトで出てきますが、原点というのは、軸の起点ですね。
  縦方向がY座標。横方向がX座標でございます(^^ )
  3次元だとこれに、Z軸が加わりますね。
 
  それで原点というのは、定規の「0」の値の箇所になります。これが、イラレの定規の原点になります。
原点って言っても、数字で0って付いているだけです。あまり深く考えなくても大丈夫です(^_^ ） 
 
  作成した図形やイラスト、文字等を綺麗にならべたり、左右対称にしたり中心線があると便利な時など多様な場面で活躍します。
多いのはリフレクとツールの中心や、軸になる線が欲しいイラストや製図での利用です(^^ ) 
 
あと、レイアウトで高さを揃えたりする時に重宝します。テンプレートでここまでが、作画する領域！って決める場合も便利です。 
 
  線と同様、ロックすることが出来るのでレイヤーで固定してもOKですし、ガイド自体をロックすることで作画の時に干渉しないようにする方法が便利です。
 
ガイドのロックは、  http://ameblo.jp/illareya/entry-10141526250.html（イラレでガイドのロック解除）という、過去レッスンをご参考ください(^^ )ｒ
 
 
 
 
  慣れてくると、この定規の数値を頼りにするより、矩形オブジェクトを定規にして作図するほうが楽になります(^v^)/
  寸法のカッチリした当て木みたいなものです。中心のあるパスも尺を正確に素早く取る為に便利です。
中心点のある線（オープンパス）の作り方（  http://ameblo.jp/illareya/entry-10002694301.html）
 
上の方法で、ど真ん中がすぐ取れるので、そこにガイドをスナップして配置してもOKですし、単なる直線パスを引いてガイドにしてもOKです(^v^)/  
最近は、一点鎖線にしてロックして目的の製図が出来たら削除する方法でやっています(^v^)/  
  慣れてきたら自分流の方法を探して効率化を目指してみてください(^^ )ｒ
 
  なので、実際ここから何ミリ間隔で等、定規で測って作成するより、10mmの四角形をポイントにスナップで配置してキッチリと尺を取るなど俺流ではやります。
 
  え？って思う方もいらっしゃるかも知れませんが、整列とオブジェクトで尺を取るテクニックを覚えるとものすごく効率的になります。
操作を見ていても、早くてなにやってるかわからないと言われる感じになります。 
 
  整列ツールで寸法を入れる方法もありますが、一個移動させてあとは、連続移動をかければ瞬間的に処理が出来ます。
  しかも早いです＼(^。^) 正確に早く効率的に処理する方法を考えながら作業しましょう。
 
 
連続コピーおよび移動の方法（  http://ameblo.jp/illareya/entry-10002185576.html）
 
 
  ポイントにスナップ機能についての詳細はこちら(^^ )ｒ http://ameblo.jp/illareya/entry-10550308024.html

ガイドをロックさせる方法はこちら＼(^。^)つhttp://ameblo.jp/illareya/entry-10141526250.html
 

■ 原点を移動させる

■ 直感的な原点の移動方法

  定規からガイドを引っ張ってくるテクニックはこちらをご参照ください(^_^ ）つ＜ http://www.illareya.net/douzyhou/lesson03/douzyou-003-movie6.html ＞

■ 関連Tips

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信＼(^◇^)／

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場＼(^◇^)

    イラレ道場 読者登録 / 解除

[ 下記、年末年始の休業日とさせて頂きます]

2013年12月28日(土曜)　～　2014年1月5(日曜)

サービス業務に付きましては、すでにご依頼予約を頂いているお客様のみ、
2013年12月28日（土曜）まで対応させて頂きます。

＜ 素材販売につきまして ＞
上記、年末年始休業日のショッピングカートからのご注文の対応でございますが、2012年12月27日（金曜）中までの対応でございます。

12月28日以降も、イラレ屋のショッピングカートから商品をご注文頂けますが、処理発送業務等は上記期間中保留させて頂き、2014年1月6日（月曜）から順次、対応させて頂きます。
何卒よろしく、お願い申し上げます。

今年もイラレ屋をご利用頂きまして、誠にありがとうございました。
新年も何卒よろしくお願い申し上げます。それでは皆様、良いお年を♪

www.illareya.net/

みなさま､おはこんばんちは＼(^｡^) 花粉が飛んでるか、少しムズムズします♪
今日は便利なIllustratorのテクニックのレッスンです(^^ )

　グラフィックスタイルを使って合体状態のオブジェクトを作成する方法

下のようなイラストを作成したい場合どうしますか？
  便利なテクニックで一発作成できますよ (^v^)/ 

  ■ フチのあるイラストを作成したい場合

簡単な作例で説明しますね。
  応用で様々なイラスト作成に使えるテクニックです(^v^)

  ■ まず四角形を作りましょう

  ■ 白フチの線のアピアランスを作成します

アピアランスで白フチの線の設定を作成します。線を追加して上の方に白い線。
下に黒い線（上の白い線より太い線にしましょう）を作りましょう(^^ )

  ■ アピアランスを作って、そのオブジェクトをグラフィックスタイルのウィンドウにドラッグアンドドロップしましょう

アピアランスの設定はこんな感じにしました。これを、グラフィックスタイルに登録して他の線に適用出来るようにしましょう。やり方はカンタン(^_^ ）
  オブジェクトをグラフィックスタイルウィンドウにそのままドラックアンドドロップしたら登録完了です。

  ■ グラフィックスタイルを適用するオブジェクトの線を準備します

最初に作成した四角形を、ポイントにスナップ機能でしっかりズレないようにポイントを重ねて配置して下の状態に作成します。
 
 
 関連レッスン：ポイントにスナップ機能の使い方

  ■ このオブジェクトを選んで、作成したグラフィックスタイルを適用させます

作成したグラフィックスタイルを、クリックして適用させます。ん？
   
    おや！？ 作りたいのと、ちょっとちがいますね(^^；)
   
 

個別にスタイルが適用されていて、描きたいイラストのように線がつながっていませんね。やっぱりパスファインダで合体で作らないとダメなのかな？
   
 

　合体状態でグラフィックスタイルを適用する方法

  ■ スタイル適用前の状態から、ある設定をしてあげると上手く行くようになりますよ(^v^)/

スタイルを適用してからだと、上手くいかないので、適用する前まで戻ります。
この段階であることをすると、まとめてパスファインダで合体したのと同じようなイラストになってグラフィックスタイルがかかりますよ(^_^ ）

  ■ 適用対象をグループ化しましょう

グラフィックスタイルを適用したいオブジェクトをグループ化しましょう。これが答えですね(^v^)/  カンタンなようで、知らないと勿体無いテクニックですよ♪

  ■ ショートカットを覚えましょう

ついでにショートカットはこちらですよ(^^ ) よく使う操作はショートカットを根気よく使って体で覚えましょう。

ショートカット一覧はこちらをどうぞ
 ＜Windows・macのイラレのショートカット一覧＞

  ■ 成功するとこうなりますよ

こんなに効率的に作れちゃうなんて、すばらしい機能ですね！みんなも覚えて使ってみようね(^^ )

  ■ 見てみてー！

ね！いいでしょ(^v^)/ グループでくっついて、グラフィックスタイルがかかってるでしょ？
  応用で色々なイラストに適用出来るので、先ずこのカンタンなのから練習してみてね！

   

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信＼(^◇^)／

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場＼(^◇^)

    イラレ道場 読者登録 / 解除

徐々に動画を増やす予定です(^^ )よろしくね！

みなさま､おはこんばんちは＼(^｡^) 梅雨のシーズンでございますね♪
それでは今日も便利なIllustratorのテクニックのレッスンです(^^ )

　超ラクにキャラに色を付ける方法

下のようなイラストをに色を付けたい時にどうしますか？
   
  便利な機能でラクに色をつけてみましょう (^v^)/ 

  ■ イラレで超ラクに色を付ける方法

Illustrator CS2？か3くらいから付いている機能なのですが「ライブペイントツール」を使いましょう(^v^)/
 
   
 
 
これですね。他のソフトでも良く見る、バケツツールのマークをしていますね。
オープンパスでも囲まれた範囲を検出して色を着色することが出来ます(^v^)   

  ■ クローズパスにする線だけ残す

全選択して、そのまま着色出来るのでそれでもOKです。
 
  しっかり作りたい人は、色を付けたいキャラクターの線をオープンパスで描いてから
となりにコピーして、クローズパスにしたいラインの外形だけ残しましょう。

それを選んだ状態でライブペイントツールで着色いたします。


シンプルなイラストの場合は問題にならないのですが、複雑なものになるほど線が交錯しています。
その状態でライブペイントを適用すると、思い通りになかなか塗り分け出来なかったりするかと思います。


なので、複雑な箇所を含む場合はまとめて選ばないで、となりに複製して簡素化してからツールを適用いたします。
これだと複雑なイラストでも、ラクに色を付けることが出来ます(^v^)/

クローズパスがわからない場合は、こちらをご参考ください → オープンパスとクローズパスの解説
クローズパスの作成方法→ パスの連結方法とオープンパスの解説

用語がわからなかった場合は、上の関連レッスンもご参照ください(^v^)/

  ■ ライブペイントのオープンパスを動かすと色が消えちゃうのを防ぐ方法

ライブペイントで着色して、そのままでもOKなのですが、オープンパスを移動させると隙間が大きくなりすぎて色が消える時があります。
なので、キッチリしたクローズパスで塗面を作りたい場合は、上の手順で大体余計な線を軽く消して、それに対してツールを使って色を付けます。

それでもオープンパスが元なので、下のように行かない場合が多いのですが、下のオブジェクトは、完全なクローズパスです。
しかも、重なりの無いシンプルな複合パスになっています。

  ここがテクニックでございます！ このテクニックは次回にもったいぶって
  「超ラクにクローズパスを作る方法」というレッスンでお届けいたします(^v^)/
 

  ■ 最初からクローズパスで作れる箇所はクローズパスで作るようにします

最初から極力、クローズパスで作れる箇所はクローズパスで作成して、そうじゃない箇所は
  上の手順でクローズパスを生成して元の位置の背面に配置すればOKです。
 
 
  初心者の間は見極めの判断が、難しいと思います。
  なれると直感で出来るようになりますので、沢山数をこなしてみてください。ドントシンク！フィールです ｖ（‘ｖ‘）V
 
  さらにポイントにスナップ。スマートガイドをON状態で、キッチリポイントを合わせて作れたら完璧です(^v^)/
 
 関連レッスン：ポイントにスナップ機能の使い方

よく使う操作はショートカットを根気よく使って、体で覚えましょう(^v^)/
 
ツールボックスのショートカットは、一番操作が良くなりますので
見ながら使って、体で覚えましょう。
 

ショートカット一覧はこちらをどうぞ
 ＜Windows・macのイラレのショートカット一覧＞

  ■ 同じ色が入るところを閉じたパスで作る

クローズパスで着色するというのは、単純に言えばそういうことですね（‘ｖ‘）
  なれるとカンタンになるのですが、クローズパスを作るのはテクニックを上手に使わないと手間ですよね。
 
  次回のレッスンで、ライブペイントツールで着色した部分をクローズパスにする方法をやりますね(^v^)/

   

それでは次回のレッスンもお楽しみにね♪
   

   
    ↑ 応援クリック、よろしくお願いしまぁーす ＼(＾o＾ )
   
   


   
    http://www.illareya.net/
    Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信＼(^◇^)／

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場＼(^◇^)

    イラレ道場 読者登録 / 解除

みなさま､おはこんばんちは＼(^｡^) 梅雨のシーズンでございますね♪
それでは今日も便利なIllustratorのテクニックのレッスンです(^^ )

　超ラクにクローズパスを作る方法

  ■ ライブペイントのオープンパスを動かすと色が消えちゃうのを防ぐ

ライブペイントで着色して、そのままでもOKなのですが、オープンパスを移動させると隙間が大きくなりすぎて色が消える時があります。
  キッチリしたクローズパスで塗面を作ってしまえば、そういうのも防げますので前回のレッスンでご紹介した、下記の手順で大体余計な線を軽く消して、それに対してツールを使って色を付けます。


単純にとなりにコピーしてシンプルにしてからライブペイントツールを適用いたします。



  それでもオープンパスが元なので、下のように行かない場合が多いのです。
  ライブペイントだけだと、すんなり行かないケースが結構あるのですね。
 
でも下のオブジェクトは、完全なクローズパスです。
しかも、重なりの無いシンプルな複合パスですよ(^^ )ｒ

  ここがテクニック！ このテクニックは次回にもったいぶって
  「超ラクにクローズパスを作る方法」というレッスンでお届けいたします(^v^)/
 
  あ！それが今回のレッスンでした く(^^;) もったいぶらずに、やりますね。

  ■ ライブペイントツールで色を付けます

前回のレッスンのままです。「ライブペイントツール」を使いましょう(^v^)/
 
   
 
オープンパスでも囲まれた範囲を検出して、色を着色出来るのですがこれがポイントです。
この色の付いている範囲をクローズパスにして、抜き出せたらそれをイラストの背面に配置すれば良いですよね？

  ■ 「オブジェクト」メニューから「分割・拡張」を選ぶ

ライブペイントで色を付けた状態のオブジェクトを選択して、上記メニューから「分割・拡張」をかけます。
 
 
そしてグループを解除します。すると、クローズパスの面塗り状態でオブジェクトが抜けます。


その時にオブジェクトに重なりがある場合は、「パスファインダ」の「合体」を適用するとシンプルなクローズパスに仕上がります。


これだけで、クローズパスができちゃいます(^^ )

下のカタツムリの甲羅部分はオープンパスですがクローズパスを上の手順で抜き出してパッと完全クローズパスで着色したのが


こちらでございます(^^ )
本体は最初からクローズパスで作ってたので、このまま着色しました。


 

  ■ 動画でもどうぞ(^^ )つ「イラレ道場 レッスン23 カタツムリとカエルを描きましょう」

こちらの動画では、クローズパスを抜き取ってシンプルな塗り面にして背面に配置しているオペレーションが見られます(^^ )ｒ

イラレ道場チャンネルもよろしくね！ 

よく使う操作はショートカットを根気よく使って、体で覚えましょう(^v^)/
 
  グループの解除もショートカット。グループ化もショートカットで操作してみてね♪
 
  パスの連結はウィンドウズの場合は「Ctrl」+「J」ですよ(^^ )
  クローズパスを作る時に多用しますので、覚えてね♪
    ※Macの場合はは「コマンド」+「J」

ショートカット一覧はこちらをどうぞ
 ＜Windows・macのイラレのショートカット一覧＞

  ■ 「ライブペイントツール」と「分割・拡張」と「パスファインダ」の合体技

ライブペイントツールで着色した部分をクローズパスにするには、一回、分割をしたらOKですね。
  線を引っ張る段階で、これくらいならOKだろう(^^ ) みたいに、感が働いてくるので、とにかく沢山描いてみてコツを掴んでみてください。

   

それでは次回のレッスンもお楽しみにね♪
   

   
    ↑ 応援クリック、よろしくお願いしまぁーーーす ＼(＾o＾ )
   
   


   
    http://www.illareya.net/
    Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信＼(^◇^)／

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場＼(^◇^)

    イラレ道場 読者登録 / 解除

　本部レッスン23 「カエルとカタツムリのイラスト」

  ■ ペンツールでラフな下絵を清書してクローズパスに色を着色する練習

イラレ道場本部のレッスン23をリリースいたしました。   【 レッスン23 】
 
  今回は下絵の作り方と、ラフな下絵から清書して仕上げる練習をポイントにした構成になっております。
鉛筆で描いてスキャニングしたり、ペンタブレットの鉛筆ツールを使って描いてラスタライズして下絵画像にする方法も良いです。

ラスターイメージ（ビットマップグラフィックス）と、ベクターイメージ ってなぁに？

オープパスとクローズパスを使って塗り面を作る方法と、ライブペイントツールで着色したオブジェクトの
着色した部分の色をクローズパス化して抜き取る方法も練習してみてね(^_－)☆

  ■ 動画「イラレ道場 レッスン23 カタツムリとカエルを描きましょう」

まだ初心者のみなさんは、レッスン1から順番に練習してもらうと、徐々にレベルアップしていけますので
ぜひやってみてください（‘ｖ‘）つ【 イラレ道場 レッスン1 】

メルマガ、イラレ通信もよろしくおねがいします（‘ｖ‘）つ【イラレ通信】

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信＼(^◇^)／

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場＼(^◇^)

    イラレ道場 読者登録 / 解除

どーもー､おはこんばんちは＼(^｡^) 涼しくなってきましたね♪
それでは今日も便利なIllustratorのテクニックのレッスンです(^^ )

　プレビューしながら数字入力せずに数値を微調整する方法

  ■ 数値入力するボックス全てで使える方法

オブジェクトの拡大縮小をしたり、文字サイズ、線幅等を数値入力で調整する時があります。
  線幅はツールボックスの数値入力するところの横に小さい上下ボタンが付いているので、そこをクリックして数値を調整出来ます。
 
数字を選んでテンキーから入れる方法が普通のやり方だと思いますが、キーボードの上下ボタンで同じように操作出来ます。


数値入力するところを選んだ状態で、キーボードの↑を押すと数値が増えて↓を押すと減ります（‘ｖ‘）ｒ
 
 
   
 
  文字サイズでも同じ操作で上下ボタンで数値を微調整することが出来ます（‘ｖ‘）ｒ
 
  これと似たようなテクニックでフォント（書体）もキーボードの上下で次々とプレビューしつつチェンジ出来ます。
  詳しくは下の、過去レッスンをご参考ください。

 
  関連レッスン：イラストレーターの書体を楽に次々と変える方法
 

  ■ シフトキーを押しながら上下ボタンを入力すると「より大きく」数値を動かせます

上記操作をキーボードのシフトキーを押しながらすると、さらに大きいく数値で調整出来ます (^v^)/
  いわゆる界王拳ですね。オブジェクト移動でも同じ操作が出来ます。シフトを押すと大きく移動出来ますよ(^_^ ）
 
  シフトを押すと10倍移動 >> illustratorでミリ単位で微調整する方法(動画(flashです))
 
  オブジェクトの拡大縮小でも、数値を見ながらプレビューをON状態で微調整する場合便利です。
  あまり無いケースかも知れないのですが正確な製図をしたい時に結構重宝すると思います。


拡大縮小は、拡大縮小ツールで直感的にやってもOKですし、数値入力画面でも
このように直感的に数値を見ながら微調整してもOKです。

当然、普通に数値をテンキーから入れてもOKです。


イラレ道場的にはオブジェクトの拡大縮小に関しては、より直感的な拡大縮小ツールを使った
操作の習得し、さらにこのやり方もケースバイケースで使い分けるのがよろしいと思っております(^_^ ）


関連レッスン：線幅を固定したまま拡大縮小する方法

関連レッスン：パターンスウォッチを拡大縮小する方法

Illustrator等のクリエイティブ系ソフトは特にショートカットの使いこなしがとても重要です。
 
  よく使う操作はショートカットを根気よく使って、体で覚えましょう。
 
  ショートカット一覧はこちらをどうぞ
 ＜Windows・macのイラレのショートカット一覧＞
 
 
 プレビューしつつ、数値もチェックしつつ変動させることが出来るのが良いですね(^_^※）
 
   
   
  それでは次回のレッスンもお楽しみにね♪

   
    ↑ 応援クリック、よろしくおねがいします ＼(＾o＾ )
   
   


   
    http://www.illareya.net/
    Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場

    イラレ道場 読者登録 / 解除

どーもー､おはこんばんちは＼(^｡^) 講師のちばこちばおです。
明日からお休みですか？台風こないといいですね。
是非、気をつけてお過ごし下さい。
 
それでは久しぶりに少し便利なパソコン情報のご紹介です(^^ )

　まぐまぐのブログパーツ用ソース(貼り付け用コード)の場所

  ■ それが、どこにあるのかわかりません

■ アメブロへの実装方法

  ■ ここにありますよ(^_^ ）ｒ

こんなところに隠れていたら、見つけるの大変ですわー！
   
   
  それでは次回のレッスンもお楽しみにね♪

   
    ↑ 応援のクリックを、よろしくおねがいします ＼(＾o＾ )
   


   
    http://www.illareya.net/
    Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

  みなさま､おはこんばんちは＼(^｡^)
  イラレ道場本部で、「羊のイラストを描きましょう」がスタートしました(^v^)/

　羊のイラストを描きましょう ＼(^◇^)

これを元にした年賀状の作り方まで、まとめてあります(^^ )

イラレ道場 公式レッスン24はこちらからどうぞ →　[ 羊のイラストを描きましょう ]



http://www.illareya.net/
Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信＼(^◇^)／

    イラレ通信読者 登録 / 解除   

 

                                             

カンタン！イラレ道場＼(^◇^)

    イラレ道場 読者登録 / 解除

どーもー､おはこんばんちは＼(^｡^) 暖かくなってきましたね♪
今回はたまに目にする用語解説とその具体例のご紹介です (^^ )

　アンチエイリアスってなに？

  ■ Illustratorで作成した、EPSファイルやPDFファイルの読み込み時にも出てきます

Illustratorと連携して使うことの多いPhotoshopで良くみかけます。
アンチエイリアスとは、どんな意味なのでしょうか？
「アンチエイリアス」＝ ぼやかしてキレイに見せる処理　・・・　と解釈していました。
合ってたのかちょっと調べてみます(^^ )ｒ

  ■ ウィキペディアが教えてくれているアンチエイリアスの意味

以下引用：
  コンピュータで扱うデジタル画像ではピクセル単位より細かく描画することは出来ない。
  このため、物体の輪郭にジャギーと呼ばれるギザギザが発生してしまう。
  このジャギーを軽減し少しでも目立たなくするために、物体の輪郭を背景と融合するように、
  色を滑らかに変化させる事をアンチエイリアスといい、その処理をアンチエイリアシングという。
  アンチエイリアスをかけると輪郭がぼやけてしまうため、ビットマップフォントなどでは
  アンチエイリアス処理（アンチエイリアシング）は行われない事が多い。
 

　アンチエイリアスをかけないほうが良いケースの具体例

  ■ ギザギザ（ジャギー）を軽減させるボカシ＝アンチエイリアス

大体あってるようですね (^^ )ｖ
 
  Illustrator使いの人の場合、ベクターデータを利用してビットマップ画像は
  べつのソフトで利用することが多いと思います。
 
  元はイラレで作成し、画像で使いたいとき等に変換して利用することがあると思います。
 
  Illustratorから高解像度で、psd形式（Photoshopのフォーマット）で書きだして、
  Photoshopで仕上げ処理をすると、より高画質で最定期化された画像データを作成出来ます。
 
  ダイレクトにIllustratorから画像を出力することも出来るのですが、
  画像処理専門ソフトではないので細かい微調整や仕上げやフォーマットの変更、
  ピクセル単位で正確なトリミング等に弱いです。
 
  その為、この流れで様々な用途のデータが処理されます。
 
 
  そのタイミングで、「アンチエイリアスしますか？」という場面良く出てきます。
 

 
  ■ 白黒二値画像などで利用する場合は、適用しない方が良いです

上記のように、ジャギーを目立たなくする処理ですので、
白黒二値画像などで利用する場合は、やらないほうが良いです。
その場合は、アンチエイリアスのチェックを外します。

この選択は用途によりますが、最終的に白黒二値で出力したり使用する画像の場合、
最終結果ではなく、アンチエイリアスした状態の画像は途中過程の画像になってしまいます。
（最後に例えばGIF等の他の画像形式（白黒二値）等に、変換した時に中間の
レベルのドットは消えちゃうので、アレ？となる可能性があります。
逆にグレーに近いウェブ用途のインデックスカラー等だと気づかないと思います）

最終的に求める画像の結果から考えて適用するかどうかを考えると良いと思います。

    似たような処理はフィルター機能から、もっと精密に詳細設定をして行えます。
他の様々な機能も組み合わせた上で判断するとより良い結果が得られると思います。

グレースケールというのは、白黒ですが黒に濃淡があるデータで0％から100％で指定します。
白黒二値というのは、白と黒（100％）のデータです。印刷物の世界などでは使い分けが必要です。
画像データを編集加工する場合、予備知識として覚えておくと良いでしょう(^^ )

  ■ 見比べてみましょう

このイラストはイラストレータで作成したものです。
  これを、Photoshopにアンチエイリアスありと、無しで読み込みます。

  これはアンチエイリアスを入れているものの、アップ画像です。
 
 
  こちらは、アンチエイリアスなしで読み込んだもののアップです。
  ボカシがかかって、アンチエイリアスをかけた画像のほうが画面上ではキレイですね。
 
  このようなデータは俯瞰で見ると、大差ない仕上がりになるものが結構あります。

意図してそうなるように作るのもテクニックの一つです。

最終形式が白黒二値画像の場合、アンチエイリアス状態から二値の各種フォーマット画像に変換します。
その為、最後の結果がアンチエイリアスのかかってない画像と同じように変化します。
その場合、結果としてアレ？っとなります。どうしてこうなっちゃったの？アンチエイリアスが原因です。

注意しましょう(^^ )ｒ

それでは次回のレッスンもお楽しみにね♪

   
    ↑ 良かったら応援のクリックをよろしくおねがいします ＼(＾o＾ )
   
   


   
    http://www.illareya.net/
    Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場

    イラレ道場 読者登録 / 解除

どーもー､おはこんばんちは＼(^｡^) 気持ちの良い季節ですね♪
今回はIllustratorを使っていると出てくる不具合の対処法のご紹介です (^^ )

Illustratorで日本語が入力出来なくなった！

  ■ いきなり日本語入力出来なくなる！

IllustratorCS5をメインに使っていますが、Windows7で日本語入力が
いきなり出来なくなっちゃう時が結構あります。

  ■ Illustratorを閉じて再起動

再起動ですね。これで解決すると思います(^^ )
え？面倒(^^;)

ですよねー！

  ■ なんで入力出来なくなるんよ？

IME（日本語入力支援ソフト）のショートカットキーが設定されていると偶然そのキーが入る。
Illustratorを激しく操作している時に、偶然、IMEのショートカットキーが入って英語入力モードになってしまうケースが大半だと思います。

結構あると思うのですが、私の場合、GoogleIMEを使用しております。

昔はATOKの、ことえり一択だったのですが、GoogleIMEは凄いです。
無料で、どのIMEよりも秀逸なのではないでしょうか？

こちらからダウンロード出来ます >> GoogleIMeのダウンロード


設定方法の関連記事は下記をご参考ください
 
  関連レッスン：GoogleIMEの設定方法Ⅱ

IMEのショートカットキーの確認方法

  ■ 以下の手順で確認出来ます

ショートカットを解除してしまえば、そもそも切り替わる心配は無いはずです(^^ )
 ※ 以下、どうなるかわからないので、トライする場合は自己責任にてお願いします m(_ _ )m
 
  1. コントロールパネルの「キーボードまたは入力方法の変更」をクリックする
 
 
 
 
 
  2. 「地域と言語」をクリックする
 
 
 
 
  3. 「キーボードと言語」タブをクリックして「キーボードの変更」をクリックする
 
 
 
 
 
  4. インストールしているIMEのキー設定が表示されます。
  私の環境では、Ctrl+Shiftが設定として入っていました。
 
 
 
 
 
  5. 「キーシーケンスの変更」をクリックして「割り当てなし」をクリックしました。
 
 
 
  普通は入力変換ボタン（漢字ボタン）で変更すると思います。
  ですので、余計なショートカットを削除してみました。
  これで切り替わることはなくなることでしょう(^^ )ｒ

  ■ コンフリクトが原因と思われます

私の場合、ここの設定がCtrl+Shiftだったので、思いっきり
Illustratorで使うショートカットキーで、ぶつかっていたことになります。

IllustratorのショートカットはCtrl,ALT,Shiftを頻繁に使います。
こんなショートカットキーなんかイラレを使ってたら当然ぶつかります。

イラレが最優先ですので、今回はIME側のショートカットを外してみました。
これはWindowsOS側の問題だと言えると思います。
他のIMEでも同じようなことが起こっているハズです。

  ■ 速攻の対処方法は「ショートカットを入力する」

今すぐ、治したいと困っている場合は、この「Ctrl+Shift」キーを同時に押してみると治る可能性があります。
 
今までそうやって都度直していました。
それも効率が悪いので、今回はIMEは側の設定そのものを消してみました。

ただ、言語入力ショートカットが再起動毎にリセットされる不具合がWindows7側にあるみたいです。

他にも、なんだこれは？という不具合が結構あります。
それでも近年では、Windows7が一番安定しているOSだと思います。
ここだけは我慢して来ましたが今回のセッティングで解消してくれると嬉しいです。

「alt」+「半角/全角（漢字）キー」で解消される場合もあります。
お使いの環境やIMEごとに、ここはバラバラですので上記の方法で確認してみると良いでしょう。

入力言語切り替えのショートカットキー設定がリセットされる - マイクロソフト コミュニティ 
 
  やはり問題になってるみたいですね（'_`）チッ！   
他にもタスクバーにIMEのアイコンが出ない不具合もありますよね。

設定から単語等を入れたりするのが面倒で、マイクロソフトはらたつわー（'A` ）チッ！ 
  IEも他のブラウザと違う仕様にして、はらたつわー('A` )チッチッ！   
 
  とりあえず、ちょっとこのままショートカットを外してオペレーションしてみます。 
 
  そしてまた事後報告いたしますね♪
 
  それでは次回のレッスンもお楽しみにね♪

   
    ↑ 良かったら応援のクリックをよろしくおねがいします ＼(＾o＾ )
   
   


   
    http://www.illareya.net/
    Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
  http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ

 

                                             

illustrator革命！イラレ通信

    イラレ通信読者 登録 / 解除

 

                                             

カンタン！イラレ道場

    イラレ道場 読者登録 / 解除

どーもー､おはこんばんちは＼(^｡^) ちばこちばお でございます＼(＾o＾)／ 
カンタンなブログレッスンで便利にイラレを使えるようにまりましょう(^v^)/
今回は、「イラストレーターの効果のぼかし機能で写真を編集する方法」です (^^ )

Illustratorで写真画像のフチを装飾する

 
by ： Damian Morys Foto

Illustratorで写真の周りを、ぼかす処理をやってみましょう。
WEBサイトや雑誌、広告、パンフレット等、あちこちで使えます(^^ )
これだけでちょっとプロっぽい感じが出ますよ♪

それでは簡単にやってみましょう＼(^。^)


1. 写真を配置して選択します。そしてメニューの「効果/スタライズ/ぼかし」を選びます。

 
 ※ここで注意。下に出ているPhotoshop効果の方の「ぼかし」じゃないですよ(^_^ ）
Photoshop効果のぼかしの使い方は下記を別途小参考ください。
写真そのもの、写真全体に効果が及ぶ処理になります。

関連レッスン：Illustratorのぼかし機能の使い方(Photoshop効果)


写真(画像)の配置方法 ： ショートカットは「Ctrl+D」(マックならコマンド+Dボタン)で
配置ウィンドウが出てきます。
あとはファイルを選択すると配置OKです。
よく使う機能なので、ショートカットで覚えると便利です(^^ )

埋め込み画像とリンク画像の違いも覚えておきましょう。

関連レッスン：Illustratorの画像配置 リンク画像と埋め込み画像
関連レッスン：Illustratorにリンク画像をいきなり複数配置する方法
 関連レッスン：Illustratorの画像の埋め込みとリンク-見分ける方法
関連レッスン：Illustratorで「配置した画像が勝手に埋め込まれる場合」の対処方法


2. ぼかし ウィンドウが出ますので、ぼかしの半径に数値を入れます。
　 10mmと入れてプレビューしたのが下の画像です。

3. ここでテクニックを＼(^。^) 数値入力するウィンドウにカーソルを入れてキーボードの上下ボタンを押します。

プレビューのチェックをONにして行えば結果をリアルタイムで確認しながら調整出来ます。

4. ぼかしの半径を20mmにしてみました。数値が大きくなるほど、ぼかしの入る範囲が広くなります。
　 上のキーボードの上下ボタンで数値を調整する方法で、SHIFTキーを押すと10倍数値が動きます。

 
  地味ですがプレビューしながら調整出来るので重宝するテクニックですよ(^^ )
 
関連レッスン：Illustratorでプレビューしながら数字入力せずに数値を微調整する方法

 
 
  5. 応用テクニックもご紹介しますね。マスク機能を使うと好きな形に加工出来ますよ(^_^ ）

これでどんな形にも加工して効果を適用出来ますね (^_^ ）
上は星マークのクローズパスでクリッピングマスクして「効果/ぼかし」を適用したものです。

6. クリッピングマスクでトリミングして、それに対して、ぼかしをかけたらカンタンに出来ます。
　 切り取るようにマスクして、ぼかしをかけてみます。

上のように、クローズパスでマスキングしたい箇所を囲います。
形はなんでもOKです。最初は四角形や丸でカンタンに作成して練習してみましょう。

そして、画像も選んだ状態でマウスを右クリック。
メニューで出てくる「クリッピングマスクを作成」を選択します。
するとマスキング出来ます。

マスク機能は複雑になると、思うように制御出来なくなる場合があります。
基本的に対象はひとつのオブジェクトかひとつのグループで、マスクするクローズパスは
一つだけということを、覚えておくと困りません。

マスクが良くわからない場合は、下記レッスンもご参照ください。

 
  こんな感じで簡単に出来て結構使える場面の多い機能なので初心者のみんなは試してみてください♪

それでは次回のレッスンもお楽しみにね♪

↑ 応援のクリックをよろしくおねがいします ＼(＾o＾ )




 
http://www.illareya.net/
Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
http://www.adobe.com/jp/support/downloads/ilwin.html＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html＜mac版Illustratorのバージョンアップ＞

どーもー､おはこんばんちは＼(^｡^) ちばこちばお でーす＼(＾o＾)／ 
カンタンなブログレッスンで便利にイラレを使えるようにまりましょう(^v^)/
今回は、「イラストレーターの線幅をバラバラにさせない設定方法」です（‘ｖ‘）ｒ


「イラレの線幅設定のうまいやりかた教えるにゃーん♪」

Illustratorの線が太くなったり細くなったりしてバラバラになっちゃう！初心者の頃は、完成したイラストの線幅が意味もなくバラバラだったりします。
グーグルアナリティクスで見たら「イラストレーター　線幅　変わる バラバラ」と検索して
このブログやイラレ屋のサイトに来てくれる人が結構多いのでレッスンにしますね＼(^。^)

この原因は拡大縮小設定にあります
これは初心者のころはわからないですよね。
本来、線幅設定のところに専用ボタンがあるべきレベルの重要機能だと思います。

イラストレーターの強味である「拡大縮小しても線幅が固定されている」状態を
キープ、もしくは連動して変化させる設定をする場所があります。
とても重要な設定です。ちょっとしたコツもあります（‘ｖ‘） ｒ


普段はどういう設定で操作するものなのか？
これって結構重要ですよね。以前に同じくこの設定のレッスンをしております。
今回は線幅を拡大縮小させないことで線幅を安定させる観点からのレッスンです。
それではその設定方法を解説いたします(^^ )ｒ

1. 拡大縮小をしたいイラストや図形を選択した状態で
「メニュー/オブジェクト/変形/拡大・縮小」とクリックしましょう

2. これが「拡大・縮小」ウィンドウです。オプションにある「線幅と効果も拡大縮小」に注目してください。

 ※ チェックを入れると、線幅も拡大縮小に合わせて太くなったり細くなったりします。
チェックを付けないと、線幅はそのままで、イラストだけ拡大縮小出来ます。

普段は「チェックを外した状態で操作」します。← これ重要です

そうすることで、線幅が拡大縮小時にバラバラにならず安定します。

基本的に、このチェックは外した状態で操作し、線幅も拡大縮小したい時だけ
このウィンドウでチェックを入れて拡大縮小の操作を実行します。


この設定は、一度設定するとそのままの状態で継続されます

その為、基本設定を意識してIllustratorを操作しないと線の太さがバラバラになってしまします。
操作が終わったら、もう一度このウィンドウをオープンしチェックを外すようにします。
その時、「拡大縮小を100%」にして「OK」とやります。

すると、設定だけ変更出来て、イラストのサイズはそのままです（‘ｖ‘）ｒ
レイヤーのコピー元レイヤーにペーストのように、普段の設定をどうするか？を
意識することで格段に操作が安定します(^^ )

ショートカットにしちゃう ： ショートカットのカスタマイズでこのウィンドウを簡単呼び出しも出来ますよ

関連レッスン：Illustratorのキーボードショートカット(ショートカットのカスタマイズ)

3. 100％は現在の大きさそのままです。90％等、100％以下にすると小さくなります。
　 200％で倍ですね。 わかりやすい表にしてみましたので、見比べてみてください＼(^。^)



線幅を固定しているイラストは、イラストのサイズが変化しても線幅はキープされています。（上段）
線幅も拡大縮小しているイラストは線幅が大きさに合わせて太くなっています。（下段）

たまに、イラストを軽く拡大縮小して線幅設定が大丈夫か確認するクセをつけるといいかも（‘ｖ‘）ｒ

拡大縮小ツールの方で拡大縮小することがほとんどだと思いますので、設定を意識して
デフォルト設定を安定させる為に、普段はチェックを外す習慣を身につけると良いと思います。
パターンスウォッチの拡大縮小も同じです。

パターンを含むオブジェクトの拡大縮小時にチェックを入れる項目が選べるようになります。

ほとんど同じ原理で機能しますよ（‘ｖ‘）ｒ

こちらも普段はチェックを外して操作するとオペが安定します。
線幅の拡大縮小と組み合わせて、練習してみてください。

関連レッスン：パターンスウォッチを拡大縮小する方法

関連レッスン：イラストレーターの線の設定パネルの上手な使い方(ラウンドさせトゲトゲを解除)

こんな感じで一度使い方を覚えるとカンタンですので初心者のみんなは試してみてください♪

それでは次回のレッスンもお楽しみにね♪


↑ 応援のクリックをよろしくおねがいします ＼(＾o＾ )


 
http://www.illareya.net/
Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 www.illareya.net/line-keep.html

＜Illustratorのアップグレードリンク＞
http://www.adobe.com/jp/support/downloads/ilwin.html＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html＜mac版Illustratorのバージョンアップ＞