Adobe認定トレーニングセンター

メビウスの輪

Illustrator

オブジェクトを組み合わせて立体感のある輪を作ろう

使用ソフト: Illustrator CC2020  

いきなりですが皆さんメビウスの輪をご存知ですか?
下のような輪のことを「メビウスの輪」と言います。
メビウスの輪
細長いテープの端をどちらか一方ひっくり返して繋げると出来るあの輪です。
この輪の上で線を引くといつの間にか両面に線が引かれている不思議な現象が起きます。


今回はそんなメビウスの輪をIllustratorでオブジェクトを組み合わせながら制作します!

1.角丸の正方形を用意する

[角丸長方形]ツールで[幅:50mm][高さ:50mm][角丸の半径:10mm]の角丸長方形を作ります。
今回は塗りを[CMYK:100 70 0 0]に設定します。
角丸長方形
角丸長方形
次に角丸長方形を選択した状態で[塗り]にグラデーションを適用します。

[種類:線形]
[角度:-20°]
[CMYK:100 50 0 0] [位置:0]
[CMYK:100 20 0 0] [位置:15]
[CMYK:100 70 0 0] [位置:40]
[CMYK:100 100 0 0][位置:100]
グラデーション

グラデーション適用後はこのようになります。
グラデーション適用後

2.オブジェクトを変形する(シアー)

オブジェクトを選択してメニューから[オブジェクト]→[変形]→[シアー]もしくはシアーツールをMac[option] Windows[Alt]を押しながら選択します。
パネルが表示されたら[シアーの角度:30°][方向:水平]で実行します。
シアー
シアー適用後はこのようになります。
シアー適用後

3.オブジェクトを変形する(回転)

オブジェクトを選択してメニューから[オブジェクト]→[変形]→[回転]もしくは回転ツールをMac[option] Windows[Alt]を押しながら選択します。
パネルが表示されたら[角度:120°]に設定し、コピーを実行します
回転
回転後はこのようになります。
回転後

4.アンカーポイントを追加する

下の図を参考にアンカーポイントを追加します。
アンカーポイントを追加
その後追加したアンカーポイントと元のアンカーポイントを重ねます。
追加したアンカーポイントを重ねる
重ねるとこのようになります。
重ねた後

5.パスファインダーで型抜きをする

重ねた後、選択ツールで両方のオブジェクトを選択し[ウインドウ]→[パスファインダー]パネルを選択します。
パネルが表示されたら[前面オブジェクトで型抜き]を実行します。
前面オブジェクトで型抜き
実行後はこのようになります。
パスファインダーで型抜き後
続いてダイレクト選択ツールに持ち替えて左下の部分を削除します。
ダイレクト選択ツールでアンカーポイントを選択後削除
実行後はこのようになります。
ダイレクト選択ツールでアンカーポイントを選択後削除後

6.オブジェクトを引き延ばす

続いてダイレクト選択ツールで下の画像を参考にアンカーポイントを選択します。
ダイレクト選択ツールでアンカーポイントを選択
選択した状態で[オブジェクト]→[変形]→[移動]ツールを選択します。
パネルが表示されたら[位置:水平方向/30mm 垂直方向/0mm][角度:0°]に設定します。
移動ツール
実行後はこのようになります。
移動後

7.オブジェクトを回転・複製

オブジェクトを選択した状態でメニューから[オブジェクト]→[変形]→[回転]もしくは回転ツールをMac[option] Windows[Alt]を押しながら選択します。
パネルが表示されたら[角度:120°]に設定し、コピーを実行します。
回転
一度複製されたらもう一度複製を繰り返します。Mac[command]+D Windows[Ctrl]+Dを押します。
回転・複製後はこのようになります。
回転・複製後

8.調整して完成!

6の手順が終了後はそれぞれの位置を調整して完成です!!
完成


いかがでしたでしょうか?
立体的に見えるメビウスの輪もIllustratorでオブジェクトを組み合わせることで難なく制作することが出来ました。
グラデージョンを加えたことにより立体感も出ましたね!
アレンジも簡単なので色々試してみてはいかがでしょうか?
アレンジ

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    便利なヘルプ機能

    あれ?えーと・・・。どこだったっけ・・・?Illustratorや…

  2. Illustrator

    「鉛筆ツール」で直線を描こう!

    イラストレーター(Illustrator)の「鉛筆ツール」はフリーハン…

  3. クリスタルを埋め込んだ文字を作ろう

    Illustrator

    クリスタルを埋め込んだ文字を作ろう~part1~

    Illustratorでクリスタルを埋め込んだ作ってみましょう!今…

  4. 寸法線の作りかた

    Illustrator

    これは便利!!文字入力できる寸法線の作り方

    よく物のサイズや図面で見かける寸法線。これって意外と作るのが面…

  5. Illustrator

    再配色を使って色を変えてみよう

    皆さんこんにちわ。今回はIllustratorでオブジェクトの再配色の…

  6. Illustrator

    破線で作るワンポイントマークの作り方

    今回は上記画像のようなワンポイントマークの作り方をご紹介します…

Language

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. 海外のフリー素材サイト

    Others

    美しい海外のフリー素材サイト19選
  2. Photoshop

    Gold Text Effect With Just 2 Layers in P…
  3. オブジェクトを切る消す

    Illustrator

    オブジェクトを「切る」「消す」ツール
  4. Photoshop

    How To Create Realistic Shadows in Photo…
  5. Others

    キーボードの操作を画面に表示しよう!フリーソフト「KeyCastr」
PAGE TOP