Home > Tutorial > Tutorial_くるくるリボンを描く

Tutorial_くるくるリボンを描く


くるくるまるまったリボンを描きます。
普段はわりと数字にこだわって描きますが、今回はわりとてけとーに。
自由曲線から始めるので何回か試してみてください。


うねった曲線をペンツールで描きます。
線幅は1px。グレースケール:20%で、塗りはなしです。


効果>3D>押し出し・ベベル で幅をつけます。立方体をぐるんと回して、良さげな角度を探してください。
押し出しの奥行きがリボンの幅になります。
一番下の 表面:陰影なしにしてからOKします


オブジェクトメニューから 分割・拡張 で3Dの効果をパスにばらします。
グループ解除繰り返して、それぞれのパーツをばらしておきます。


拡大表示し、厚みになっている1pxのアウトライン化した線を削除して、1pxぶんのズレをくっつけて修正します。


リボンのグラデーションを作ります。 濃い赤と薄い赤を交互に。 両端と真ん中、つまり、0%、50%、100%を:#970f00
その間を 25%、75%:#C74E51 の薄い赤に設定し、塗りに指定します。


くるくるとまるまるように、オブジェクト>アレンジ>前面or背面 で、前後関係を調節します。 
内側に暗いアピアランスを指定します。


影になる部分は、グラアデーションの塗りに、アピアランスパレットで新規塗りを追加し、20%のグレースケールを描画モード:乗算で重ねます。 色を変更するときに楽です。
グラデーションの向きを調節します。 グラデーションツールを選択し、始点から終点へドラッグして変更します。


リボンの端っこを細工してできあがり。

このエントリーをはてなブックマークに追加
はてなブックマーク - Tutorial_くるくるリボンを描く
Share on Facebook
Bookmark this on Delicious
Bookmark this on Livedoor Clip
[`grow` not found]

Comments:5

c-tan 08-10-10 (金) 12:20

はじめまして!
webイラストで仕事をしていたのですが、ずっとフォトショ専門でした(しかも自己流)。急いでイラレを勉強しなくては!でも本など読んでもさっぱりわからん!と焦っていたところ、こちらのTipsに出会いました。
即使える技が載ってて、すごくわかりやすくて、もう感激です。
配布のブラシなども(根こそぎ)頂戴しました。ありがとうございます~~~。
これからも記事楽しみにしてます!

admin 08-10-16 (木) 2:26

ようこそーv せっかくコメントいただいてるのにレス遅くなってごめんなさいまし。
チュートリアル、なるべく解りやすくがんがります。お役に立てれば幸いですよ。

masa 12-11-04 (日) 12:58

はじめまして!
初心者ですが、こちらで勉強させていただいています。
ありがとうございます。

WindowsでCS6を使っているのですが、
>オブジェクトメニューから 分割・拡張 で3Dの効果をパスにばらします。
>グループ解除繰り返して、それぞれのパーツをばらしておきます。
この項目が出来なかったです。

おかしいな・・・

Eri 12-12-26 (水) 22:23

はじめまして。
リボンの描き方を探していて、こちらのチュートリアルがわかりやすかったので参考にさせていただきました。
こんなにも簡単にできるんですね。大感激です!!
お気に入りに登録したので、時間があるときに他の記事も読ませていただきますね。

↑のmasaさん、私もWin版のCS6ですが「分割・拡張」はオブジェクトメニューの中の「アピアランスの分割」でできますよ~。

nsatou 13-01-23 (水) 15:36

はじめまして!
私も初心者ですが、こちらで勉強させていただいています!
ありがとうございます!!
WindowsでCS5を使用していますが、↑のmasaさんと同じで、
>オブジェクトメニューから 分割・拡張 で3Dの効果をパスにばらします。
>グループ解除繰り返して、それぞれのパーツをばらしておきます。
この項目が出来なかったです。
「オブジェクト」→「アピアランスを分割」で良いのでしょうか?

何となくそれっぽくなったのですが。。。
イマイチな感じで( ̄▽ ̄;)
後はセンスの問題でしょうかね。。。

Comment Form
Remember personal info

Trackbacks:9

Trackback URL for this entry
http://illustrator-labo.com/wp-trackback.php?p=218
Listed below are links to weblogs that reference
Tutorial_くるくるリボンを描く from イラレラボ illustrator-labo
pingback from イラレラボ illustrator-labo - Tutorial_リボンの描き方 10-02-20 (土) 20:56

[…] アクセス解析を見ていると「リボン」で来られる方が一定数おられる様で。 以前くるくる巻いてるリボンの描き方をやったので、じゃあ今回はちょうちょ結び風と言う事でv […]

pingback from くるくるリボンを描く 10-09-29 (水) 14:48

[…] http://illustrator-labo.com/?p=218 […]

pingback from リボン | Illustratorの使い方リンク集 11-05-12 (木) 5:19

[…] ●イラレラボ illustrator-labo – Tutorial_くるくるリボンを描く2008年10月3日 … pingback from イラレラボ illustrator-labo – Tutorial_リボンの描き方 10-02-20 (土) 20:56. […] アクセス解析を見ていると「リボン」で来られる方が一定数おられる様で。 以前くるくる巻いてるリボンの描き方をやったので、じゃあ …illustrator-labo.com › Tutorial […]

pingback from イラレラボ illustrator-labo - 大阪DTPの勉強部屋に参加させていただきました。 11-09-07 (水) 18:18

[…] くるくるリボンを描く 立体的な文字を作る キラキラその1 キラキラその2 […]

pingback from Illustratorのチュートリアル集 | Nonyna 12-05-01 (火) 9:09

[…] 出典illustrator-labo.com […]

pingback from カールするリボンをつくる – Illustrator | site: web and tide.. 12-12-31 (月) 22:33

[…] イラレラボ リボンをこちらのチュートリアルで作成しました。 カテゴリー: Illustrator, 画像加工と作成   作成者: admin パーマリンク […]

pingback from Illustratorでカールが綺麗なリボンを描く(チュートリアル) - Free-Style 13-03-06 (水) 11:16

[…] チュートリアル […]

pingback from イラレラボ illustrator-labo - Tutorial_素材を改変してイラストを作る 14-11-19 (水) 0:21

[…] 完成。 3D効果をつかって作ったリボンと丸いオブジェクトを追加しました。 >Tutorial_くるくるリボンを描く […]

pingback from いい勉強 WEBSITE » 【Illustrator】デザインをワンランク上げるイラストレーターのチュートリアル集 その1 15-08-28 (金) 15:49

[…] 出典illustrator-labo.com […]

Home > Tutorial > Tutorial_くるくるリボンを描く

Search
Feeds
Meta

Return to page top