not good but great

プログラミング、アート、映画・本の感想について書きます。

Illustratorで風船ガムのようなボタンを作る

制作工程

グラデーションを保存

グラデーションを保存する場合は、作成したグラデーションのアイコンをスウォッチパネルにドラッグします。

ラフ

f:id:naoyashiga:20140116102702j:plain
アピアランスで「パスの変形>ラフ」を実行して、オブジェクトの境界を粗くします。加工後はアピアランスの分割をします。


・参考
http://illustrator-mania.com/rough/

厚みをつける

f:id:naoyashiga:20140116105126j:plain
アピアランスでオフセット位置をずらして、ドロップシャドウを重ねます。

グリッドを見て位置調整

f:id:naoyashiga:20140116112651j:plain
カーソルの移動距離を1pxにして、グリッドの幅を1pxで対応させているので、位置調整がしやすくなっています。

ずらして型抜き

f:id:naoyashiga:20140116114224j:plain
吹き出しをコピーしてずらして、パスファインダーで型抜きをします。これを繰り返して、陰影をつけていきます。

陰影をつけ終わったらすべて選択し、グループ化します。最後に「効果>ワープ>円弧」で少し全体を歪ませます。

イラレにフォントを追加

Windows の場合 : Program Files¥Common Files¥Adobe¥Fonts
Mac OS X の場合 : ライブラリ/Application Support/Adobe/Fonts
Mac OS 9.x の場合 : システム/Application Support/Adobe/Fonts

・参考
【Adobe Illustrator】フォントの追加 at softelメモ

アウトライン化して複合パス

f:id:naoyashiga:20140116120833j:plain
チュートリアル通りやっても文字を作成した後、複合パスを作成できませんでした。参考ページは直接関係はないかもしれませんが、後々パスファインダで型抜きをすると思い、参考にしました。書式メニューから文字をアウトライン化すると複合パスを作成できました。

・参考
http://helpx.adobe.com/jp/illustrator/kb/236490.html

完成

f:id:naoyashiga:20140116122552j:plain
ずらして型抜きする方法は慣れてきました。チュートリアルを見ながらだと色や透明度の設定を提示してくれるので楽ですが、自分でオリジナルで作ろうと思うと、色のバランスが難しいと思いました。ピンクの明るい、暗い色というのがすぐにわかればいいなと思いました。そういうツールがすでに存在しているような気もしますが、勉強が必要だと感じました。