● 10_007-イラストレータによるボタンの製作例
スタンダードなボタンの製作例です。下の3種類の製作を示します。
下記の色で角が丸の四角形を作ります。300%で表示しています。
本体のパネルよりも薄いのを4枚作ります。徐々に薄くします。
一列に揃えます。
右にずらせて均等に重ねます。シンプルなデザインでもどこかにアクセントを作って下さい。
トラックのアイコンを作ります。
パネルに重ねて線を白色に変更します。
文字を白色で重ねて出来上がりです。
下記が実際のサイズです。
ボタンは作れますね、カートのアイコンを作ります。かなり縮小するので初めは大きなサイズで作ります。線の太さは1ptで作ります。
「グリッドを表示」、「グリッドにスナップ」にしておきます。まず車輪を2つ作ります。
線を引いていきます。多少パランスが悪くても後で修整できます。
できました、しかし、少しバランスが悪い、横に縮めます。
下のパランスにしました。調整するときは「グリッドにスナツプ」を解除します。全部をグループ化します。
合成するパネルぐらいまで縮小します。
300%にしてサイズを合わせ、合成します。線は1ptですが、太くてはっきりしません。
線を0.25ptにして、白色に変更。
カートの大きさを少し大きめにしました。下記がだいたいホームページで使うサイズです。
次は左上のボタンです。大き目のサイズで角が丸い四角を作ります。
ハサミのツールで切ります。
矢印部分を別に作ります。
合成してパネルは出来上がりです、後は好みの大きさに縮小して、文字を合成すれば出来上がりです。
後はちょっとしたバリエーションです。
戻る