新TIPSは【毎週日曜:夕~夜】更新予定!

【初心者向け】イラレで簡単に作れる図形一覧【作り方】

【初心者向け】イラレで簡単に作れる図形一覧【作り方】

グラフィックデザインをはじめるorはじめたい方向けの、Adobe Illustratorでの図形の作り方と、作れる図形一覧+アレンジをまとめたTIPSです。 Illustratorで作れる図形一覧 どれも簡単に作ることができるので、グラフィックデザインの一歩として、ぜひ挑戦してみてください! \まだ Illustratorをお持ちでない方へ/Adobeソフトと通信講座のセットはこちら! アドバンスクールオンライン 基本図形&基本操作 四角形(長方形)と基本操作 ドラックで作成 基本操作を兼ねつつ、四角形・ ...

ReadMore

【フィルム風】インスタントカメラ風に描く方法【暗所ver.】

【わかれば描ける】フィルムカメラ風イラストの描き方【暗所ver.】

今回は、ポイント・手順さえ覚えれば描けるフィルムカメラ・インスタントカメラ風のイラストの描き方(暗所フラッシュver.)をご紹介していきます。

ReadMore

【ゼロからデジ絵講座】「描きやすい」を見つけよう!【クリスタ】

このTIPSでは、はじめてデジタル絵に挑戦する方向けに、「楽しいデジ絵」への手引きとして自身に合った「描きやすい」を見つけるためのヒントをまとめてみました。
練習用として、トレス&塗り絵OKの素材もご用意してみたので、ぜひこれからの一歩の材料にしていただければ嬉しいです。

ReadMore

クリスタ・Photoshopでの磨りガラス風加工のやり方

【クリスタ】磨りガラス風加工のやり方【Photoshop】

窓ガラスや、おしゃれなガラスのカードなど、イラストに組み込める「磨りガラス風加工」のやり方をまとめてみました。

ReadMore

【イラスト上達】成長に差がつく「メモ術」の話【初心者向け】

【イラスト上達】成長に差がつく「メモ術」のススメ【初心者向け】

「うまく描けた!」を「まぐれ」で終わらせないための初心者さんに特にオススメの
イラスト上達に役立つ【メモ術】についてまとめてみました。

ReadMore

資料を活かして描く「和服/着物」【描き方のコツ5つ】

【資料を活かす】お正月絵に「和服/着物」描き方【男キャラ・男物編】

「お正月」や夏の定番「お祭り」などに!”資料を活かして描く”方法で紹介する「和服/着物」の描き方をまとめたTIPSです。

ReadMore

【水溜り・雨】イラストでの「波紋」の描き方【同心円】

【水溜り・雨】イラストでの「波紋」の描き方【同心円】

「雨」や「水」をテーマにしたイラストを描く際に、反射や水の変形など「水の表現や水面鏡」をイラストの見栄えに繋げる方法がありますが、雨のイラストを描くならぜひ推したいのが「波紋」です。 描いたことがない方だと「波紋ってなんかムズそう・・・」という、漠然としたハードルの高さを感じる方も少なくないのではないでしょうか?しかし、一度描き方や知っておくと便利な機能(機能がない他ソフトでも代用可!)を使ってみれば、見栄えがぐーんと上がる描き方をTIPSとしてまとめてみたので、ぜひ完成度アップのヒントにしていただければ ...

ReadMore

X移行案個人イラストサイトの作り方

【SNS移行案】イラストギャラリーサイトを作ろう【手順まとめ】

2024年11月中旬、大手SNSであるX(旧:Twitter)の規約変更に伴い、イラストレーターはじめSNSで活動される多くのクリエイターや活動者が、Xからの移行や活動方法についての再検討がなされています。その移行先案のひとつとして、個人ギャラリーサイトの作成をぜひオススメしたいです。 「ギャラリーサイト」こんな人にオススメ イラストレーターや絵描き/カメラマン/コスプレイヤー/デザイナーetc...として活動している方 特定のプラットフォームに捉われない「確立した活動場所」を持っておきたい方 ポートフォ ...

ReadMore

クリスタの「プリミティブ」3D機能の使い方

【クリスタ】プリミティブの活用法Tips【3D「神」機能】

CLIP STUDIO PAINTにある超便利な機能「3D機能」にある「プリミティブモデル」の使い方や活用法をまとめてみました。

自分では限界があるライティングの悩みも、イラスト描画の大ヒントになる3Dモデルの活用法も共に紹介しているので、
初心者さんに特にオススメのTIPSです。

ReadMore

【ipad対応】クリスタ左手デバイス「タブメイト2」【正直レビュー】

【ipad対応】左手デバイス「タブメイト2」【正直レビュー】

という「クリスタ使用者+左手デバイスを探している方」で、購入を迷ってる方へ向けた実際にタブメイト2を使ってみたレビューを交えながら、タブメイト2についてご紹介していきます。 似たipad対応左手デバイスおすすめは「TourBox Elite Plus」が多用可能で高性能です。クリスタ以外のソフトも使う・気になる!という方は、TourBox公式サイトをチェックしてみるのもオススメです! タブメイト2の特徴 タブメイト2の詳しい特徴はセルシス「タブメイト2」公式特設サイトにてまとめられています。 https: ...

ReadMore

グラフィックデザイン ペイントソフトTIPS

【初心者向け】イラレで簡単に作れる図形一覧【作り方】

当ブログ内には広告が含まれます。

【初心者向け】イラレで簡単に作れる図形一覧【作り方】

グラフィックデザインをはじめるorはじめたい方向けの、
Adobe Illustratorでの図形の作り方と、
作れる図形一覧+アレンジをまとめたTIPSです。

Illustratorで作れる図形一覧

【イラレ図形】四角・丸・三角・多角形・星・波・ハート・矢印【作り方】

どれも簡単に作ることができるので、
グラフィックデザインの一歩として、ぜひ挑戦してみてください!

基本図形&基本操作

四角形(長方形)と基本操作

ドラックで作成

基本操作を兼ねつつ、四角形・長方形を作成していきます。

  • まずは、ツールバーの中にある「長方形ツール」アイコンイラレ長方形アイコンをクリック
    or キーボードの「M」キーで長方形ツールを選択


  • ドラックで長方形or四角形を作成
    赤い斜め線が入っている状態が正方形(円なら正円)を意味しています。

Q:目的のツールアイコンがない?

図形アイコンor使いたい図形のアイコンが表示されていない場合は、

  • ツールバー下部のをクリック
  • 使いたいツールのアイコンをクリックで、表示状態をONにできます。

「角丸長方形」の作り方

長方形を作成すると、下のようにアイコンが表示されます。

このにカーソルを合わせてドラックすることにより、
角の丸みをコントロールできます。

角丸正方形
角丸長方形

ひとつの角だけ丸くする

また、ダイレクト選択ツールを使うことにより、
一箇所の角だけまるくするということもできます。

選択ツール(Vキー)と似たアイコンなので、
間違えないようご注意!

数値で図形作成or編集

キッチリと決まった数値で作成したい場合は、
長方形ツールを選択した状態で、
作業エリア(オブジェクト等何もない箇所)をクリックすると、
⬇︎のようなダイアログが表示されるので、

目的の数値を入力→「OK」で
作りたいサイズピッタリの図形を作成できます

すでに作成した図形の数値を編集したい場合は、

  • 編集したい図形をクリックして選択
  • (縦横比が変わる編集なら)
    WH(タテヨコ数値)項目の
    縦横比を維持」アイコンを「オフ
  • W値(ヨコ)・H値(タテ)に数値を入力

角丸なども、同じようにぷったり数値の指定ができます⬇︎

楕円・正円

円を作成するには、「楕円形ツール」(ショートカット「L」キー)を選択します。

画像に alt 属性が指定されていません。ファイル名: -2025-01-26-17.46.11.png

楕円・正円の作り方は、長方形・正方形の作り方と同じです。

多角形

多角形ツールでは、いろんな○角形が作れます。

多角形ツールでは、
ドラックしたまま矢印キー「↑」「↓」を押すことにより
角数のコントロールをします。

矢印キーでの操作がしにくい場合は、多角形を作成したあと、
プロパティタブ「詳細オプションを展開し、
「多角形の辺の数」項目の数値でコントロールができます。

スターツール(星型図形)

では、基本図形ツールの中でも特に楽しい「スターツール」についての作り方です。

スターツールで星をデフォルト数値で作成すると、↓のような星型になります。

デフォルトで作成した星

星を作成or選択した状態になると、
バウンディングボックスにたくさんの操作アイコンが表示されます。

ここからさまざまなコントロールをしていきます。

ヒトデ型・デフォルト化

まず、星を選択し、操作アイコンを表示すると、白丸が表示されます。
これは「R1」項目(辺の長さ)をコントロールするアイコンです。

この白丸にカーソルを合わせると、R1編集にフォーカスされ点線表示になります


この白丸をドラックすると、

ヒトデのようなスタイリッシュな星型や、
デフォルメされた星型に変形することができます。

いろんなギザギザ型

スター図形選択状態にした時の、でコントロールできるのが、
角の角数です。

上下にドラックすることにより、角数のコントロールができます。

丸みのある星やお花を作る

↑のコントロールとの組み合わせで、
丸みのある星や、花の形も作ることができます。

角丸と同じくアイコンで丸みのコントロール

R1値を小さくし、
丸みを与えた星
◀︎の数値詳細

お花型

◀︎の数値詳細

線ツール

図形ツールではありませんが、線ツール(ショートカット「¥」キー)についてもフォーカスしていきます。

線ツールも、ドラックで作成ができます。

Shift+ドラック直線や、45°の斜め線などのコントロールができるので、
覚えておきましょう。

Q:線が見えない?

線ツールのデフォルト環境によっては、
線を引いたのに何も表示されない!?ということがありますが、
色がついていないだけで、線のパスはちゃんと作成されています

そのようなときは、

  • 作成した線のパスを選択(「Y」キーでパスの表示ができます。)
  • スウォッチタブ(またはプロパティタブ)を開く
  • 「線」アイコンを選択
    ※この画像で、赤枠になっているアイコンが線アイコンです。
    ※見えない状態だと、のようになっていると思います。
  • スウォッチタブから好きな色を選択
    orダブルクリックでカラーサークル起動で自在に変更できます。

線の太さを変える

作成したばかりの線のパスは、とても細い場合があるかと思います。

線の太さを変えるには、

  • 太さを変えたい線を選択(ドラック選択ツールでシフト+クリック複数選択可能)
  • タブの「線幅」項目で太さの変更ができます。

また、線タブでは、「線端」項目で線の端を丸くしたり、
破線」項目で点線
矢印」項目で矢印を作成
などもできたりします。

アレンジ+「効果」機能

では、基本図形をアレンジして、いろいろな図形やアイコンを作ってみましょう。

ハート型の作り方

ハートを作るには、楕円ツールダイレクト選択ツールをメインに使っていきます。

  • 楕円ツール(M)で、楕円ツールを選択し、正円を作成(Shift+ドラックで正円)
  • ダイレクト選択ツールで円の→のアンカーポイント◼︎を選択

    ※画像はドラックでポイントを選択しています。
    ※左右どちらでもOK
  • 選択したポイントをdeleteキーで削除
  • ダイレクト選択ツールのまま、上のポイントをクリックし、
    ドラックでポイントを下にずらします。
  • 横に広がるハンドルにカーソルを合わせ、
  • ←側のハンドル⚫︎を斜めになるよう少し上へドラックします。
  • 6️⃣と同じ要領で、今度は下のポイントを選択し、
    ハンドルの右⚫︎をドラックにし、下部をカーブさせます。
  • ここで一旦上のカーブを調整ました。(気にならない場合はそのままでOK)
  • 今度は選択ツール(「V」キー)で選択
  • リフレクトツール(「O」キー)を選択したら、そのままEnterキー
  • Enterを押すと、リフレクト設定ダイアログが表示されるので、
    リフレクトの軸項目「垂直」を選択し、「コピー
  • リフレクトツールでコピーされた片ハートをドラックして合わせる

    「交差」とでたらピッタリくっついているので、それを目印に。
  • 選択ツールで二つの片ハートを選択した状態で、
    パスファインダー」タブの形状モード「合体」アイコンをクリックして合体
  • ハートの完成!

「パスの変形」で「桜」のシンボルを作る

メニューバー「効果」の「パスの変形」機能を使えば、さまざまなアイコンを作ることができます。

今回は一例として、桜🌸のシンボルを作ってみます。

桜の作り方

  • スターツールで5角の星を作成(詳しい数値は画像参照)
  • 作った星を選択した状態で、効果の「パスの変形」→「パンク・膨張
  • パンク・膨張の数値を調整(桜はパーセンテージをあげるとできます)
  • 色の変更をして完成!

図形でいろいろな形が作れる!

以上、今回は基本図形を使ったイラストレーターで作れる形のご紹介でした。

基本図形とダイレクト選択ツールでの操作や、
「パスの変形」機能でさらに多くのシンボルを作ることができます。

ぜひこうしたらどうなるかな?という冒険感覚でイラレをいじってみると楽しいかと思います!

さらに多くの基本操作からプロの技まで
スキマ時間で学べるアドバンスクールオンラインもおすすめです!
まだ Illustratorをお持ちでない方にも講座付きでお得ですので、ぜひチェックしてみてください。

  • この記事を書いた人

7kmr

一般社会人。絵を描くことと猫が好きです。

-グラフィックデザイン, ペイントソフトTIPS
-, ,