【Illustrator】カテゴリの記事
自分メモ的に。
Adobe Creative Cloudのコントロールセンター（っていうんでしょうか？正式な名称がわからず...）では、CC版しかインストールできません。CS6版をインストールするには、次の手順を踏みます。
2013年11月23日（土）14:00-19:30、ベルサール九段でdot-ai, Vol.2「ネタ祭り2013」が開催されました。
ツイートは下記にまとめられています。
次のブログで取り上げていただきました。ありがとうございます。
- dot-ai Vol.2「ネタ祭り2013」に参加しました！ | ihana!
- dot-ai, Vol.2「ネタ祭り2013」をレポ。Illustrator好きは絶対に行くべきイベントでした！ | soramitama
- 九段下のdot-ai,Vol2会場で「イラレが落ちた」！ #dotai2 - M.C.P.C. (Mamesibori Creation Plus Communication)
- 『dot-Ai Vol,2 ネタ祭り』に参加させていただきました。 - うぇびろぐ
追記：
Vol.1と合わせて、ビデオ参加のお申し込みが復活しました。
dot-ai, Vol.2が終了しましたの続きを読む
基本中の基本ですが、合成フォントの作成フローを解説します。
Web用にIllustratorを使う、つまり、ピクセルプレビューをオンにする場合、1ピクセルの線幅を持つ四角形を作成する場合、四角形の大きさが小さいと、［線の位置］が「中央」または「内側」だとつぶれてしまいます。
［線の位置］は外側にするのがベターです。
（クリックすると、拡大します）
Illustrator CCのCSS書き出しオプションについてまとめてみました。
| カテゴリー | オプション | サンプルコード | |
|---|---|---|---|
| オブジェクトのアピアランス | 塗りを含める | background : #8CC63F; | |
| background : rgba(140, 198, 63, 1); | |||
| 線を含める | border-style : Dashed; | ||
| border-color : #000000; | |||
| border-color : rgba(0, 0, 0, 1); | |||
| border-width : 2px; | |||
| 不透明度を含める | opacity : 0.5; | ||
| 位置とサイズ | 絶対位置を含める | position : absolute ; | |
| left : 355px; | |||
| top : 190px; | |||
| サイズを含める | width : 81px; | ||
| height : 43px; | |||
| オプション | 名称未設定オブジェクト用にCSSを生成 | ||
| ベンダープレフィックスを含める | Webkit | -webkit-border-radius : 12px; | |
| Firefox | -moz-border-radius : 12px; | ||
| Internet Explorer | |||
| Opera | |||
| サポートされていないアートをラスタライズ | |||
| （ダイアログボックス内のオプションなし） | 角丸 | border-radius : 12px; | |
| グラデーション | background : linear-gradient(180deg, rgba(204, 224, 244, 1) 0%, rgba(195, 220, 242, 1) 6.41%, rgba(169, 210, 238, 1) 17.06%, rgba(128, 194, 231, 1) 30.66%, rgba(71, 172, 222, 1) 46.49%, rgba(30, 156, 215, 1) 56.74%, rgba(0, 117, 190, 1) 86.52%, rgba(0, 91, 151, 1) 99.44%); | ||
© Swwwitch, Inc. Some rights reserved.