illsutrator,ダイヤモンド,チュートリアル

Illustrator

Illustratorでダイヤモンドが綺麗に描ける方法!簡単瞬速マスターのチュートリアル!

更新日:

スポンサーリンク

 

Illustrator(イラストレーター)で綺麗に作る方法を紹介したいと思います。
イラレでも簡単にダイヤモンドの多面体をリアルに再現できるチュートリアルなので覚えておいて損は無いと思います。

Photoshopも合わせて使えばより輝きも出ますが今回はIllustratorだけで本物のようなダイアモンドの書き方をマスターしてみてください。

普通のダイアモンドの書き方をマスターできたら色を変えるだけでルビーエメラルドなどの他の宝石のイラストも簡単に作れるようになりますよ。

Illustratorでダイヤモンドを描く方法!

イラストレーターで使う機能は、線を引く、図形を描く、色を塗るの基本的な部分ができていたらすぐにでもダイヤモンドを描くことは楽にできると思いますのでよく見て覚えてみてください。

ダイヤモンドチュートリアル

illsutrator,描き方,作り方,ダイヤモンド

まずは多角形ツールで18角形を作ります。画面のようにウィンドウを簡単に出すにはアートボードをダブルクリックすると表示されます。

illsutrator,描き方,作り方,ダイヤモンド

18角形が描けたら、ペンツールで線を引いて、どちらも選択して「整列」の縦中心と横中心に合わせます。

illsutrator,描き方,作り方,ダイヤモンド

中心に揃えたら、線を回転ツールで10度回転させます。そうすると18角形の角と角を結んだ線の状態になると思います。

イラストレーター,描き方,作り方,DIAMOND次はもう一度、回転ツールで20度を入力して、コピーをクリックします。これで線が20度回転したものが複製されます。

イラストレーター,描き方,作り方,DIAMOND

画面にも書いてありますが、回転ツールで回転させたあとにMacならcommand+Dでコピーを繰り返します。windowsならCtrl+Dでコピーを繰り返すことができます。そうすると画像のような状態になります。

イラストレーター,描き方,作り方,ダイアモンド

次に画像のようにペンツールでランダムに線を引きます。細かく線を引くとより出来上がりがよりリリアルになります。今回は線を少なめで作ります。

イラレ,描き方,作り方,ダイアモンド

線を引いたらパスファインダーで分割を選んで、白い矢印ツールで余った部分を消していきます。(画像の矢印の部分を消します)

illsutrator,描き方,作り方,ダイヤ

するとこんな感じの形になります。だんだんとダイヤモンドが見えてきましたねー。

illsutrator,描き方,作り方,ダイヤ

次は多角形の線の色を消して、グレー30%ぐらいで色を塗ります。

illsutrator,作る方法,ダイヤモンド

その後に白い矢印ツール(ダイレクト選択ツール)で分割された部分をランダムに色を塗っていきます。白やグレー、黒、グラデーションで色を付けてみてください。

illsutrator,ダイヤモンド,作る方法

色をランダムに付けるとこんな感じ!
もうダイヤモンドですよね!!

そこにもう一手間プラス!

illsutrator,ダイヤモンド,作る方法

できた画像をグループ化して、それをコピーしたら画像の上に複製します。

そしてリフレクトツールで水平または垂直に反転させます。

その後、透明ウィンドウで「オーバーライト」を選択して、透明度を50%ほどにします。
透明度は具合を見ながら微調整してください。するとー…

illsutrator,ダイヤモンド,作る方法

ダイヤモンドの完成です!
お疲れ様でした!!
後は画像全部をグループ化してバラバラにならないようにしておくと使いやすいです。

 

ダイヤモンドチュートリアルまとめ

ダイヤモンドの作り方がわかれば、タイトルにゴールドと合わせてキラキラ系のタイトルや背景にダイヤを敷き詰めたりもできます。ぜひ活用してみてください。

イラストレーターで作ったダイヤモンドのタイトル事例

イラストレーターバージョン↓

illsutrator,ダイヤモンド,作る方法

イラストレーター + フォトショップのエフェクトバージョン↓

illsutrator,ダイヤモンド,作る方法

背景画像をプラスしたバージョン↓

illsutrator,ダイヤモンド,タイトル

次ページはこちら!

低解像度画像の劣化を抑えて高解像風に加工できるソフトが使える!... 広告に使う予定の写真の解像度が低い! クライアントに聞いても低い解像度の画像しかないといわれてどうしよう…? どうにかして低い解像度を高解像度に拡大することはできないの〜? 写真を扱うプロとして無理矢理解に写真の像度を上げるなんて、本当はダメな方法だとわかっているけども、リサイズできないものか...
イラストレーターの使い方基礎編 | ブレンドツールの基本操作マニュアル... イラストレーターのブレンドツールの必ず知っておきたい基本操作を画像で解説!! イラレ初心者の方でブレンドツールってどんな感じに使うの?っていう疑問がありませんか? ペンツールや長方形ツールや楕円形ツールばかりが良く知られていますが、この便利なブレンドツールを使いこなすことができれば、もっと仕事が...
【Photoshop無料ブラシ】デザイナー必須の手描き風の筆ストローク集!... Photoshopをお使いのグラフィック・広告・WEBデザイナーさんにオススメしたいっ!! 現役の広告デザイナーがこれなら、現場で使えるなーっと思ったPhotoshopブラシの無料ダウンロードまとめです! ブラシって、CGなどの画像を作り込んでいくうえで、重要なポイントですよね。 筆ストロ...
危険!リファラスパム!アナリティクス設定で除外する方法紹介!... 来たっ!! ついに来たーーー!!! 来てほしくないアイツが来たーー!! 2015年に入ってから、数多く確認されているリファラスパムに遭遇しました! と言ってもこのサイトではないのですが、運営している別のサイトにリファラスパムが来ました。 リファラスパムに遭遇したのは初めてだったので、...
商用可能で高解像度の自然写真が無料!著作権フリーの風景素材サイト集... 無料の自然写真ってそんなに解像度もよくないし、構図なんかもダメっぽいイメージですよね。 いいえ!! そんなことはありません。 フリー素材の自然・風景画像でも高解像度のハイクオリティーなのがあるんです! 今回ご紹介するのは、高解像度画像の自然・風景・四季の景色・植物などがダウンロードできるフ...
広告・WEBデザイナーさんに絶対使って欲しい!無料イラストサイト開設... 広告・WEBデザイナーである、あなたの時間をもっと有効に使えるようにしたい!! あなたがクリエイティブな作業にもっと集中できるよう、自由な時間を確保できるよう応援したい! 偉そうな感じで恐縮ですが、そんな思いで無料イラスト素材サイト「イラストパーツラボ」をオープンさせました! と言っても、...
Illustrator CCチュートリアル | 画像・写真を切手風にする作り方... Illustrator CCチュートリアル画像編!! イラレで画像や写真を切手風デザインにする作り方をご紹介しまっす!! 写真をただ貼り付けるよりも味がある感じにレイアウトできるのでぜひデザインの一部に取り入れてくださいなー。 しかも単体のオブジェクト一つと画像があればアピアランスで簡単に設定...
【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...
【多忙な主婦限定】年始に慌てない簡単お正月おせち料理の作り方!... 【重要!】この記事は育児・家事と仕事に毎日追われている多忙なお母さん・ママのために書いた記事です! しっかりと読んでください! クリスマスが過ぎるとあっちゅう間にお正月!! 年末年始のこの季節になると、お正月のおせち料理をどうするのか考える人が増えると思います。 あなたはおせちを買う派?...
激安で簡単!年末大掃除のコツ!網戸サッシ掃除に100均ツールが大活躍... そろそろ年末の大掃除の季節が近づいてきましたね。 寒い季節なのに水に手をつけて、掃除するなんて辛い! 特に網戸やサッシの掃除は、窓を開けながらするから、パパッと簡単にスムーズに終わらせたいですよね。 そんな悩みを解決しましょう!! しかも激安っ!!で簡単にっ! なんて言うと大げさです...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.