• TOP
  • CATEGORY
    クリエイター
  • TITLE
    今回はAdobe Illustratorを使って実際に素材を作っていきます。まずは単純なものからチャレンジして、Adobe Illustrator によるデザイン方法の基本を知りましょう。ツールを使いこなせば複雑なデザインもできるようになりますので、是非とも参考にしてください。
CATEGORY
クリエイター

【Adobe初心者必見!】Adobe Illustratorを使って素材を作ってみよう ②

  • DATE
    2018.08.02
  • WRITTEN BY
    あおい


DDIYer
DDIYer

はじめに!今おすすめのBTOパソコンをご紹介します!どれもゲーミング向けなので、希望のタイプが見つかりますよ!

  • TSUKUMO

    GA7J-F211/T


    ・ツクモBTOで一番売れているG-GEARシリーズ!
    ・高冷却のオリジナルケースに隙のないオールマイティスペック!

  • Ark

    GC-I5G36M


    ・コダワルほどにオトクになる「自分だけのコダワリの一台」
    ・コダワリを形に出来るカスタマイズ性

  • インバースネット

    FRGH570/SG2


    ・エアフロー性能とデザイン性に優れたプレミアムタワーケース
    ・NVIDIA GeForce RTX 3070 Ti搭載

  • パソコン工房

    LEVEL-R05A-iX4-RBX


    ・拡張性の高いミドルタワーケースを採用したゲーミングPC、購入後のメンテナンスも簡易

  • ドスパラ GALLERIA

    RM5C-R36


    ・デザインと真摯に向き合うことで生まれた新ケース
    ・洗練されたスペックが、快適なプレイアビリティを実現

パソコン工房 LEVEL-R05A-iX4-RBX

191,980円(税込)

編集部が選ぶ今もっともおすすめのBTOパソコン!

美しさと性能を兼ね備えたBTOパソコン

自在に光り方や色の変更しオリジナリティある環境が構築できるゲーミングPC、拡張性の高いミドルタワーケースを採用し増設がしやすく、購入後のメンテナンスも簡易に可能!

>> 関連記事 :Adobe Illustratorを使って素材を作ってみよう ①

まずは「パス」について知ろう

前回、ペンツールを使って線などを描くことを「パス」と呼ぶと伝えましたが、このパスには大きく分けて「オープンパス」と「クローズパス」があります。これらのパスは時と場合に応じて使い分けることになります。なお、始点や中間点、終点の点のことを「アンカーポイント」と呼ぶので覚えておきましょう。

 

オープンパスとは:

オープンパスとは、例えば直線や半円、コの字などパスの始点と終点が重なっておらずオープン状態のものです。

 

クローズパスとは:

クローズパスとは、四角や三角、星形のようにパスの始点と終点が重なることでパスが閉じられたものです。

 

 

 

ペンツールを使って図形を描いてみよう(四角)

では、さっそくペンツールを使ってパスを描いていきましょう。手始めに60mm×60mmの四角のパスを描いていきます。

まずは画面左側のツールバーから「ペンツール」を選択します。

続いて、四角の始点となる場所をクリックしてアンカーポイントを作ります。

次に、上図のように60mmの直線になるようにクリックしてアンカーポイントを作ると、始点から次にアンカーポイントを作成した場所まで直線が引かれるのが確認できます。この時、始点からマウスでドラッグ操作をしてしまうと曲線を描くモードに切り替わってしまうので注意してください。

これを四角になるように、① → ② → ③ → ④とアンカーポイントを作成していき、最後に始点となった①をクリックすることでパスが閉じられ、四角形のクローズパスが完成します。これがペンツールでデザインする最も基本的な描き方です。

 

 

 

ペンツールを使って図形を描いてみよう(円弧)

続いて、曲線の書き方も見ていきましょう。今回は幅60mmの円弧を描いてみます。

先程と同じようにペンツールを選択した後、最初の始点となる場所をクリックしてアンカーポイントを作成します。

続いて、円弧の頂点となる場所をクリックしてアンカーポイントを作成します。この時、マウスはクリックしたまま右にドラッグしていくと「ハンドル」と呼ばれる曲線を制御するマークが出てきます。

このハンドルの位置によって曲線の角度や曲がり方を変化させることができます。このハンドルは一定の規則に基づいているので、今回は半円を作るので半径と同じ長さだけハンドルを動かして、場所が決まったらクリックを解除して確定します。

最後に円弧の終点にアンカーポイントを作成すれば、半円が完成します。この順番でクリックまたはドラッグをすることで曲線を作りながら図形を作ることが出来ます。

これを複合的に組み合わせることで様々なデザインを作り出すことができます。曲線の感覚にさえ慣れてしまえば上図のようなデザインは数分で行えます。また、紙に走り書きしたデザイン画をパソコンに取り込んで下地として読み込み、それをペンツールでトレースすることもできるので、例えばキャラクターの制作を依頼された時に、イメージ画が手書きだった場合もデジタルデータとして起こすことができます。

>> 関連記事 :Adobe Illustratorを使って素材を作ってみよう ③

 

 

 

まとめ

今回は、Adobe Illustratorによるデザインの基本を学んできました。直線はとても簡単ですが、曲線を思い通りに描くには慣れが必要です。しかし、この曲線が思い通りに描けるようになったらデザインの幅はかなり広がってきますので色々なデザインに挑戦してみましょう。次回は既存パスの修正や配色の設定などツールの活用方法を見ていきます。是非、楽しみにしておいてくださいね。

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※11月1日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
ドスパラ GALLERIA

RM5C-R36

Intel Core i5-11400 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 650W/80PLUS BRONZE
TSUKUMO

GA7J-F211/T

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB 750W/80PLUS GOLD
インバースネット

FRGH570/SG2

Intel Core i7-11700KF NVIDIA RTX 3070 Ti DDR4-3200 16GB(8GBx2) SSD M.2 1TB 2TB HDD 850W/80PLUS GOLD
アプライドネット

Barikata SF30

Intel Core i5-11400 8GB(8GBx1) SSD M.2 500GB 750W/80PLUS GOLD
STORM

PG-DV7

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 850W/80PLUS GOLD

BACK TO LIST