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

Illustrator

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

更新日:

スポンサーリンク

 

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

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

 

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

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

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

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

 

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

 

 

まとめ

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

次ページはこちら!

今年こそ安上がりで経済的に!寒い冬場の光熱費を節約する賢い暖房術!... 寒い冬、暖房器具をガンガン使いたいけど、不景気だから家計的にキツいしな〜。 どうにかして節約しながらも部屋の中を温かくする暖房術ってないかな〜。 と日々考えているあなた! 冷たい部屋でも少しでも温かく過ごせて、節約できる方法をご案内したいと思います。 暖房術と言えばヒーターやエアコンの暖房だ...
WordPressプラグイン Quick Adsense日本語表示のやり方!コピペで簡単... WordPressプラグインの「Quick Adsense」をインストールして、そのまま使うと日本語表示が文字化けするので注意!! 特にアドセンスの「スポンサーリンク」が文字化けすると規約違反にもなるのできちんとスポンサーリンクが日本語表示されるようにしましょう! やり方は本当に簡単です!! ...
Illustratorテクニック木目調自作編!ウッドテクスチャチュートリアル... イラストレーターで木目調のテクスチャを自作で作るチュートリアルを今回はご紹介! 自分で描き方をマスターすれば、木目の画像を探す手間やライセンスフリーかどうかを確認する時間を節約できますよ。 写真素材を探すときって案外時間がかかりますからね。 それに解像度は使う基準に充分対応しているか確認したり...
保存版!illustratorのマジ現場で便利なテクニック&エフェクト集7選... イラストレーターのすぐ使えるテクニック7選!! 制作現場で「このタイトルをもっと見栄えをよくしたい、背景にこういうのがあればもっとアピールしたいメッセージが引き立つのになー」って時に役立つチュートリアルをまとめてみました。 完成形だけをみるのではなく、途中のレイヤーやアピアランスの使い方にも注意...
WordPress投稿編集がグッと楽に効率アップできるプラグインはコレッ!... WordPressの初期の投稿画面って、あまり編集ボタンもなく、HTMLやタグのことを知らない人にとっては、もっと使いやすいほうがいいですよね? そんな時に役立つプラグイン「TinyMCE Advanced」があります。 TinyMCE Advancedを使えば編集ボタンが拡張・追加されて、まる...
Line風の吹き出しトークができる超おすすめWPプラグインSpeech Bubble... インタビューをしているような記事を書く時に吹き出しでトークを表現できるWordPressのプラグインをお探しの方、ぜひコレを使ってみてください。 そうそう、記事がマンネリ化して少しアクセントや表現の幅を広げたいって方にもオススメ。 この「Speech Bubble」を使えばLineのようなトーク...
WordPressでyoutube埋め込み動画表示をレスポンシブ対応で高速化!... WordPressの記事でYou Tubeの埋め込み動画の表示が重いのを解決する「Youtube SpeedLoad」 !! 素晴らしいプラグインです! しかもブログ記事のYoutube動画表示が高速化されるだけでなくレスポンシブにも対応していて、インストールするだけ!! 設定は1つチェック...
イラストレーターCCの基本的な使い方!ツールの紹介【基礎編】... イラストレーターCCの使い方 ツール基本編!! 今回は超基礎的な初心者のあなたや、イラレに興味あるけど、どんな感じのソフトなの? って思っているあなたに見て欲しい!! 基本的によく使うツールを今回は超超簡単な短い動画でサンプル的に見て下さいね。 イラストレーターというぐらいですから、オブジェ...
トラッキングコード設定はコピペで完了!GoogleAnalytics byYoastで簡単... Google Analyticsのトラッキングコードを簡単設定する方法をご紹介します! 「UA-」からはじまるトラッキングIDをコピペするだけなので初心者でも心配することなく設定ができます! こんな方にオススメ! トラッキングコードを「headタグ内」に入れるのがわからない! W...
イラレ使い方基礎 | うねりツールでカンタン渦巻きキャンディーの作り方... BGMのイラレの使い方基礎編講座!! 今回はうねりツール!! どんなツールかって??名前を見れば分かるよっ!! って思った方、大正解!! なんのひねりもありません。 オブジェクトにうねりをプラスしてくれるのがイラストレーターのうねりツール。 どんな時に使えるのか、基礎を学びながら渦...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.