illustratorチュートリアルや無料素材サイト紹介・ライフハック情報マガジン

BUZZ GEEK MAGAZINE

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

Illustrator

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

更新日:

スポンサーリンク

 

イラストレーターの使い方の超基礎編のお時間ですよーー!
これからイラレを始めるという初心者の方向けの超基本操作になりまーーす。

今回は立体的な四角いボックスを描く方法です。

Illustratorのバージョンは関係なく、昔から使われている超原始的で基本中の基本の捜査内容になりますよー。

長方形ツールを使ってボックスを完成させていく課程を画像と簡単な動画にしてます。

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

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

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

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

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

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

 

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

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

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

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

 

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

 

 

まとめ

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

次ページはこちら!

【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...
【Photoshop無料ブラシ】デザイナー必須の手描き風の筆ストローク集!... Photoshopをお使いのグラフィック・広告・WEBデザイナーさんにオススメしたいっ!! 現役の広告デザイナーがこれなら、現場で使えるなーっと思ったPhotoshopブラシの無料ダウンロードまとめです! ブラシって、CGなどの画像を作り込んでいくうえで、重要なポイントですよね。 筆ストロ...
illustratorのグラデーションで文字を金色&メタリック加工チュートリアル... Illustartor(イラストレーター)でグラデーションを使う時に役立つチュートリアルをご紹介! 文字を金色にするのって案外多くないですか? そういう時にもやっとしたグラデーションでゴールドを表現してません??? もっとシャープな輝きを放つゴールドのタイトルやロゴをデザインしたくありません?...
イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方法... Illustratorの簡単エフェクトチュートリアル!! 今回は、地図やアクセスマップを作る際に、道路や地面などの質感を上げるエフェクトです。 案内リーフレットやパンフレットで地図が中面に見開きで掲載するときってありますよね?? ただ単にマップを作って配置していては、絵的にもたない時があると思...
イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!... イラストレーターCCで作るゼリーやグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介! プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!! イラレのツヤツヤ光沢エフェクトをマスターすれば、ロゴや...
Photoshop無料キラキラブラシ!商用可で高品質!役立つフリー厳選素材10選!... Photoshopのキラキラブラシ素材を厳選してみました。 キラキラエフェクトを自作しなくてもこんなに高品質なブラシ素材があるんです! デザイナーの仕事の手間を省くことができる超優秀フリーブラシ素材です。 キラキラブラシって、タイトル周りから背景、ちょっとしたアクセントにといろいろと使う場面が...
Line風の吹き出しトークができる超おすすめWPプラグインSpeech Bubble... インタビューをしているような記事を書く時に吹き出しでトークを表現できるWordPressのプラグインをお探しの方、ぜひコレを使ってみてください。 そうそう、記事がマンネリ化して少しアクセントや表現の幅を広げたいって方にもオススメ。 この「Speech Bubble」を使えばLineのようなトーク...
イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!... イラストレーターの基礎編! ペンツールでベジェ曲線を描くをご紹介しますね! ベジェ曲線の描き方を簡単な動画で解説しているので、初心者の方はぜひ参考にしてみてくださいね。 描き方が独特なベジェ曲線。 イラレを使ってみようと始めたはいいけど、このベジェ曲線で行き詰まったって人もいるんじゃない?...
イラレの使い方画像編!配置写真をポラロイド風に簡単加工!... イラストレーターで写真をポラロイド風に見せる簡単加工をご紹介!! ちょこちょこっと設定をするだけでよくある写真をポラロイド風に配置する方法です! カフェのメニューとかであるような写真レイアウトがパパッとできちゃうんですよ! 画像を貼り付けるたびに背面に白のオブジェクトを作って、写真と位置合わせ...
MacOSマニュアル基礎!ファイルのアイコン画像変更チュートリアル!... Mac OSを使う上で基礎中の基礎になるファイルのアイコン画像の変更方法をご紹介します!! とーーーっても簡単です!本当に簡単です!! 初めてMacを使うあなた、これからMacを購入して使おうかなと考えているあなたでもこのマニュアルをみればすぐにできると思います。 用意してもらうのは変えようと...

-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved Powered by STINGER.