menu

Illustratorの使い方超基本操作 | 四角のボックスを描く方法

イラストレーターの使い方の超基礎編のお時間ですよーー!これからイラレを始めるという初心者の方向けの超基本操作になりまーーす。今回は立体的な四角いボックスを描く方法です。

使いやすい高品質画像はこちら
>>>>>高品質画像『Shutterstock』 <<<<<
簡単無料無料で使い放題!
>>>>>ベクターデータのイラストなら【イラストAC】<<<<<

Illustratorのバージョンは関係なく、昔から使われている超原始的で基本中の基本の捜査内容になりますよー。長方形ツールを使ってボックスを完成させていく課程を画像と簡単な動画にしてます。

イラストレーターで四角いボックスを描く超基本的な操作!

イラレを初めて使うという人はどうやって立体的なボックスを描くのか最初は戸惑うと思います。

普通の絵の描き方と違い、イラレはパーツを組み合わせてイラストを完成させていくイメージを持ちながら描くと、どう作っていけばいいのか考えやすくなると思います。

イラストを描く際にはパーツに分けてイラストの構造を作っていくことをよく覚えておくとこれからササッと描けるようになっていきますよ。

では、イラレの使い方基礎編の四角の立体的なボックスを描く方法です。
まずは新規ファイルを作ります。

そしてボックス描きたいところに、最初に長方形ツールで今回は正方形を描きます。
そして、正方形を選択ツールで選択して、コピーします。

「command + B」(ウィンドウズなら Ctrl + B)で背面に4回ペーストします。
これで画面には合計で5枚の正方形が重なっていることになります。

イラストレーター,使い方,四角,立体的

 

お次ぎは最前面の四角を選んで色を暗めにして、斜め上に持って行きます。

illustrator,イラストレーター,使い方,四角,立体的

そして「オブジェクト」の「重ね順」から「最背面」に持って行きます。

前面にある四角の左側の線を「ダイレクト選択ツール」で選んだら、つまむような感覚でドラッグしたまま背面にある四角の右側に線に合わせるように重ねます。

illustrator,イラストレーター,使い方,四角,立体的

 

そんでもって、お次ぎは前面にある四角の右側さっと同じようにダイレクト選択ツールで選択します。

右側の線を選択したら、ドラッグしながら最背面の左側の線に合わせるように重ねます。

選ぶコツとしては一度、四角を選択をしたら、四つの角が白い点で選択されるので左側の角をダイレクト選択ツールで選択した後に、右側の線を選択すると、右にある斜めの四角を誤って選択しないようになります。

illustrator,イラストレーター,使い方,四角,立体的

 

動かしたら、こんな感じになるので色を暗くした後に、これまた「オブジェクト」から「重ね順」で「最背面」をクリック!

illustrator,イラストレーター,使い方,四角,立体的

illustrator,イラストレーター,使い方,四角,立体的

それが済んだら、前面にある下側の線を、またまたダイレクト選択ツールで選択します。

そしてー、後ろにある正方形の上側の線に重ねるようにドラッグして持っていきます。

illustrator,イラストレーター,使い方,四角,立体的

 

するとこのような形になりますっ!!

illustrator,イラストレーター,使い方,四角,立体的

上側の色を少し明るくすれば、完成ですぞーー!!

illustrator,イラストレーター,使い方,四角,立体的

 

一連の流れを簡単な動画で確認してみてください。

 

 

まとめ

これで、四角のボックスをイラレで描く時、どういった流れで描いていくのかをつかんでもらえたでしょうか?いびつな形や間違ってもいいので、どんどんツールを使って慣れていくのがイラレマスターへの近道でしょうね。

Mac,マック,Automator,ファイル名,連番MacのAutomatorでファイル名を連番の通し番号に一括変換する方法

Illustrator,チュートリアル,CC,画像,切手Illustrator CCチュートリアル | 画像・写真を切手風にする作り方

関連記事

  1. イラストレーター,ワープツール,使い方

    イラストレーターの使い方 | ワープツールの基本操作をザクっと紹…

    イラストレーターの使い方で最低でも知っておきたい基本的なツールを紹介!今回はワープツールの基本動作を…

  2. イラストレーター,作り方,もこもこ,文字,雲

    イラレで可愛いもこもこ文字の作り方!雲エフェクトチュートリアル!…

    イラストレーターで作る雲のような簡単もこもこ文字の作り方をご紹介!!かわいいポップな感じのデザインで…

  3. イラストレーター,木目,ウッド,テクスチャ,チュートリアル

    Illustratorテクニック木目調自作編!ウッドテクスチャチ…

    イラストレーターで木目調のテクスチャを自作で作るチュートリアルを今回はご紹介!自分で描き方をマスター…

  4. イラストレーター,illustrator,テクニック,エフェクト

    保存版!illustratorのマジ便利なテクニック&エフェクト…

    イラストレーターのすぐ使えるテクニック7選!!制作現場で「このタイトルをもっと見栄えをよくしたい、背…

  5. イラレ,使い方,文字,吹き出し,可変

    イラレCCの使い方!文字サイズに応じて変わる吹き出しの設定方法!…

    イラストレーターCCの使い方文字篇!!フォント(テキスト)の文字サイズに合わせて自動で変わる吹き出し…

  6. Illustrator,チュートリアル,CC,画像,切手

    Illustrator CCチュートリアル | 画像・写真を切手…

    Illustrator CCチュートリアル画像編!!イラレで画像や写真を切手風デザインにする作り方を…

  7. illustrator,グラデーション,チュートリアル,金色,文字

    illustratorのグラデーションで文字を金色&メタリックな…

    Illustartor(イラストレーター)でグラデーションを使う時に役立つチュートリアルをご紹介!文…

  8. イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

    イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!

    イラストレーターの基礎編!ペンツールでベジェ曲線を描くをご紹介しますね!ベジェ曲線の描き方を簡単な動…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


人物の無料イラストはこちらから

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

Google+でつながる!

PAGE TOP
error: Content is protected !!
%d人のブロガーが「いいね」をつけました。