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,ダイヤモンド,タイトル

illustrator,グラデーション,チュートリアル,金色,文字
illustratorのグラデーションで文字を金色&メタリック加工チュートリアル

閲覧ありがとうございました!

MacでもOK!Chrome拡張機能で画面をスクロールキャプチャできる!... Macでの画面キャプチャソフトといえば「Skitch」!! WordPressを使うブロガーさんにとっては重宝するとっても使い勝手のいいフリーソフト。 でも最新のSkitchでは画面のスクロールキャプチャができないーー!! 安心ください!! スクロールキャプチャできます!! でもSki...
お正月イラスト無料素材集 可愛い年賀状や門松、羽子板パーツまとめ... お正月のチラシ・ポスター・DM・フライヤーをデザインするのに何か良い正月素材がないか悩んでいるデザイナーさん。 管理人が仕事でよく使わせてもらっている無料イラストサイトのお正月パーツをあなたにだけ、こっそり紹介しちゃいます。 無料とは思えないほどの高品質イラスト素材なので、あまりいろんな人に教え...
保存版!illustratorのマジ現場で便利なテクニック&エフェクト集7選... イラストレーターのすぐ使えるテクニック7選!! 制作現場で「このタイトルをもっと見栄えをよくしたい、背景にこういうのがあればもっとアピールしたいメッセージが引き立つのになー」って時に役立つチュートリアルをまとめてみました。 完成形だけをみるのではなく、途中のレイヤーやアピアランスの使い方にも注...
教えてGoogle Search ConsoleでSEO対策!重複ページを回避する対処法... Google Search Consoleでwwwの有るURLとwwwの無いURLのドメインを統一して内部SEO対策をしっかりとしよう!!ということで、サイトのドメインをちゃんと統一してる? あなたのサイトはwww有りと無しでどちらも表示されてない? もしwww有りと無しであなたのサイトが表示さ...
WordPressの不要なサムネイルを削除、最適サイズに一括変換プラグイン... ワードプレスでブログを書いていると、バックアップをしますよね?? でも、なぜか昨日、自動バックアップしていたはずなのにされてない! なぜ???ん? 「空き容量が無いからバックアップできなかったよ〜」的なエラーメッセージが…。 どういうこと?って思い、画像のデータ容量を確認してみると1.3...
コメントスパム対策!インストールするだけでスパムを遮るプラグイン... コメントに届くスパムメールってうざいですよね。 しかも何度も来ますよね〜。 スパムコメント対策にワードプレスプラグイン「Akismet」を入れても、まだ来るスパム。 ええかげんにして〜〜ん。 来るたびに削除したり、気にしなけばいいやと思えば思うほど、気になってやはり削除してしまう。 こんな...
30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.