BACKSTAGE技術部

群馬職業訓練短期大学校、ポリテクカレッジ群馬のデザイン科卒業生で行われる作品展
「BACKSTAGE」の技術的ブログです。
Adobe Illustrator、Photoshopを中心に手持ちのアプリケーション、デジモノの検証結果やTipsをお伝えしていきたいと思います。
リンクはご自由に。報告も不要です。
<< 形あるものはいつか壊れる | main | Illustratorの「ジグザグ」を使ってベジェ曲線のハンドルを削除 >>
Illustratorで「連結」を使って色々な形状を作成
0
    JUGEMテーマ:Adobe CS5

    Illustratorの機能で「連結」という機能があります。
    パスの端点2点をダイレクト選択ツールで選択して「連結」を実行すると直線で結ばれます。
    端点2点が全く同じ位置だった場合は直接連結したりと
    2つのオープンパスを繋げるのに重宝します。

    1つのオープンパスでも端点を選択して「連結」を実行すると端点同士が直線で結ばれて
    クローズドパスとなります。

    オープンパスの端点が選択された状態で


    オブジェクト>パス>連結
    これはショートカットを覚えておくと便利です(コマンド(WinはCtrl)+J:連結なのでJoinの略だと思います)
    スクリーンショット 2014-06-10 6月10日1.59.49 火.png

    端点同士を直線で結んだクローズドパスが作成されました。


    1つのオープンパスであれば、端点だけを選択しなくても
    パス全体が選択されていれば連結できます。


    コマンド+J


    この特性を使って一手間掛かりそうな図形を素早く作成してみましょう。


    ■半円

    まずタテヨコ同じ長さの円を描きます。
    スクリーンショット 2014-06-10 6月10日1.58.56 火.png

    ダイレクト選択ツールを使って1点を選択
    スクリーンショット 2014-06-10 6月10日1.59.06 火.png

    deleteキーで削除
    スクリーンショット 2014-06-10 6月10日1.59.33 火.png
    このときに単体のパス全体が選択されます。

    コマンド+J
    スクリーンショット 2014-06-10 6月10日2.00.04 火.png
    半円完成


    ■直角二等辺三角形

    まず正方形を描きます。
    スクリーンショット 2014-06-10 6月10日2.00.14 火.png

    ダイレクト選択ツールで1点を選択
    スクリーンショット 2014-06-10 6月10日2.00.26 火.png

    スクリーンショット 2014-06-10 6月10日2.00.39 火.png

    deleteキーで削除
    スクリーンショット 2014-06-10 6月10日2.00.47 火.png

    コマンド+J
    スクリーンショット 2014-06-10 6月10日2.00.55 火.png
    直角二等辺三角形完成
    必要に応じて回転して下さい。


    ■1辺の両角だけ丸い四角

    角丸長方形ツールで角丸長方形を作成
    スクリーンショット 2014-06-10 6月10日2.01.06 火.png

    ダイレクト選択ツールで90度の角度にしたい側の辺2点を選択
    スクリーンショット 2014-06-10 6月10日2.01.20 火.png

    スクリーンショット 2014-06-10 6月10日2.01.25 火.png

    deleteキーで削除
    スクリーンショット 2014-06-10 6月10日2.01.31 火.png

    コマンド+J
    スクリーンショット 2014-06-10 6月10日2.01.37 火.png
    完成


    少し手間を掛けてみます。

    ■切断部分がぎざぎざのテープ形状

    塗りを「なし」にします(※後でアピアランスを分割するときに塗りと線がバラバラにならないようにするため)
    スクリーンショット 2014-06-11 6月11日3.32.59 水.png

    タテにテープの幅となる分の直線を描きます。
    スクリーンショット 2014-06-11 6月11日3.33.17 水.png

    効果>パスの変形>ジグザグ
    スクリーンショット 2014-06-11 6月11日3.33.31 水.png

    「プレビュー」にチェックを入れて、テープの切断部分にちょうど良い大きさ・折り返しを設定して「OK」
    スクリーンショット 2014-06-11 6月11日3.34.46 水.png

    オブジェクト>アピアランスを分割
    スクリーンショット 2014-06-11 6月11日3.35.03 水.png

    ギザギザしたパスが完成。
    スクリーンショット 2014-06-11 6月11日3.35.19 水.png

    選択ツールで水平方向に移動し始めたら、shiftキー、optionキー(WinはAlt)を押して
    程よい位置でマウスボタンを離して複製します。
    スクリーンショット 2014-06-11 6月11日3.35.30 水.png

    ダイレクト選択ツールで2つのギザギザの上端のみを選択します。
    スクリーンショット 2014-06-11 6月11日3.36.12 水.png

    スクリーンショット 2014-06-11 6月11日3.36.22 水.png

    コマンド+J


    ダイレクト選択ツールのままoptionを押しながら一部をクリックして
    パス全体を選択
    スクリーンショット 2014-06-11 6月11日3.36.42 水.png

    コマンド+J
    スクリーンショット 2014-06-11 6月11日3.36.55 水.png
    テープ形状完成


    他にも半分だけ描いて反転コピー、対応する点同士を連結することで色々な形が簡単に作成できます。


     
    ブログランキング・にほんブログ村へ
    にほんブログ村
    | タナカ | Illustrator | 06:11 | comments(0) | - | - |









    スマホ版
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
    << April 2017 >>
    + SELECTED ENTRIES
    + RECENT COMMENTS
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      タナカ (12/02)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      カール (12/01)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      タナカ (12/01)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      タナカ (11/30)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      カール (11/30)
    • Illustratorでオブジェクトが重なっている部分のみの線分を抽出してみよう
      タナカ (06/30)
    • Illustratorでオブジェクトが重なっている部分のみの線分を抽出してみよう
      ニャーン (06/29)
    • Illustratorでオブジェクトが重なっている部分のみの線分を抽出してみよう
      タナカ (06/19)
    • Illustratorでオブジェクトが重なっている部分のみの線分を抽出してみよう
      ニャーン (06/18)
    • Illustratorで1本の線から効果の「変形」を使って雪の結晶を作ってみよう
      ニャーン (02/13)
    + CATEGORIES
    + ARCHIVES
    + BACKSTAGE
    + Amazon
    + 広告

    + にほんブログ村ランキング
    + MOBILE
    qrcode
    + LINKS
    + PROFILE