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

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

  • DATE
    2018.08.02
  • WRITTEN BY
    あおい

ZEFT G27RF

219,800円(税込)

編集部が選ぶおすすめのBTO PC!
高FPSでのゲームプレイや実況、動画編集をすべて一台で。万能型スペックのゲーミングPCです。

12コアのCore i7×RTX3060Ti×32GBメモリを組み合わせにより、ゲーム+αの用途でも活躍するゲーミングPC。

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


  • ZEFT

    G27RF


    ・フルHD解像度×平均144以上のFPSを維持してApex Legendsをプレイできるスペック。本格派ゲーマー向け。

  • サイコム

    Lepton WS3500Z790-A/D5 Stream Box


    ・配信者向けハイエンド水冷PC

  • STORM

    PG-PXT13


    ・最高グレードの4090を採用しており4Kゲーミングで究極の性能を実現します。

  • arkhive

    GC-I9G49R AG-IC24Z79AGL9-FT


    ・特徴的なフロントデザインで優れたエアフローを実現するFractal Design製ケースを採用!高速NVMe Gen4 SSDデュアル搭載に加え、帯域幅が向上したDDR5メモリーを搭載!

  • THIRDWAVE

    Magnate GE


    ・大容量ミドルタワーケースにフルサイズのグラフィックボードを後付可能

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

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

 

オープンパスとは:

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

 

クローズパスとは:

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

 

 

 

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

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

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

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

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

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

 

 

 

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

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

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

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

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

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

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

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

 

 

 

まとめ

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

今おすすめのBTOパソコン

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

※11月30日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
ZEFT

G27RF

Corei7-12700 RTX 3060Ti 32GB (16GBx2枚) 500GB (M.2) 750W Gold
サイコム

Lepton WS3500Z790-A/D5 Stream Box

Core i7 13700K RTX3060Ti 32GB 1GB 750W GOLD
STORM

PG-PXT13

Core i7-13700K RTX4090 16GB 1TB 1200W GOLD
arkhive

GC-I9G49R AG-IC24Z79AGL9-FT

Core i9-13900KF RTX 4090 32GB 1TB+2TB 1200W
THIRDWAVE

Magnate GE

Core i7-12700 16GB 500GB 550W BRONZE

BACK TO LIST

見た目良し!スペック良し!なサイコムのBTOパソコンを、女性自作erでもあるストリーマー・つつまるがレビュー!【PR】

自作erも納得の性能!eスポーツキャスター・平岩康佑がGALLERIA(ガレリア)のBTOパソコンをレビュー【PR】

FPSプロゲーマー・GorouがツクモのゲーミングPC「G-GEAR Aim」をレビュー!Apexでの無双プレイもお任せ【PR】

FPS界屈指の実力派・GreedZzも納得!arkのゲーミングPC「arkhive」の性能をApexで体験【PR】

FPS初心者にこそおすすめ!プロゲーマー・keptがパソコン工房のゲーミングPC「LEVEL∞」の実力をApexで試してみた 【PR】

Apexプレデター・Lightも大満足!FRONTIERのBTOパソコンの実力を検証してみた【PR】

【エルデンリング】推奨Ping値・重いときにラグを減らす方法まとめ

【FF14】Ping値の確認方法とレイテンシが高いときの対処法

【原神】Ping値の確認方法とレイテンシが高いときの対処法

【フォートナイト】Ping値の確認方法とレイテンシが高いときの対処法

【Apex Legends】Ping値の確認方法とレイテンシが高いときの対処法

原神に必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

フォートナイトに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

Apex Legendsに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

ELDEN RING(エルデンリング)の推奨スペック&ベンチマークとおすすめグラボまとめ

FF15の推奨スペック&ベンチマークとおすすめグラボ・CPU・ゲーミングPCまとめ