illustrator

icomoonでfont化したSVGが中マド状態になってしまう件の対処

2018/06/25 CSS No comments , , ,

こちら、デザイナーが作成したアイコン

(さらに…)

Illustratorの無駄なアンチエイリアスを一掃する

2009/05/19 Memo No comments

Photoshopのモックアップが流行ってるっぽい今日この頃ですが、
ラフをIllustratorで作るデザイナーは多いと思います。印刷から移った人などは特に。
イラレで作られたラフの何がウザいかって、やたらとボカシのかかるあの無駄なアンチエイリアスじゃありませんか?
そのままスライスすればサイズが変わり、1pxで済むはずのラインがアンチエイリアスで2pxになったりと、それが嫌でわざわざPhotoshopで作り直した覚えのある人はきっと多いはず…。

ある設定をすればこのイラレ特有のアンチエイリアスを一掃することが出来ます!
メールで送りつけるもよし、メッセンジャーで送りつけるもよし、Twitterで(ry
ピクセルベース化する設定方法をテキストでまとめてみたので、アンチエイリアスかかりまくったラフを作るデザに教えてあげましょうw

IllustratorをWebデザイン向けの設定にする手順

  1. 編集メニュー最下部にある【環境設定】を選択して、『一般』タブを開く
  2. 『一般』内にある「プレビュー境界を使用」にチェックを入れる
  3. 『単位・表示パフォーマンス』タブへ移り、一般のセレクトメニューを「ピクセル」に変更
  4. 表示メニュー上部にある【ピクセルプレビュー】にチェックを入れる。ショートカットはAlt+Ctrl+Y
  5. 表示メニュー下部にある【ピクセルにスナップ】にチェックを入れる。ショートカットはShift+Ctrl+”
  6. 表示メニューにある【定規を表示】にチェックを入れ、アートボードの左上に原点を変更する

※ピクセルプレビューのチェックは新規作成する度に必要。

アートボードの原点変更手順
上記のステップ5まで終了していると想定します。
初期設定の原点は左下ですが、左上に変更すれば座標がWebと同環境になります。

  1. カーソルを【選択ツール】に変更
  2. ドキュメント左上にあるルーラーY軸とX軸が交差する□をクリック
  3. クリックして十字キーになった状態のまま、アートボード左上までドラッグ

アートボード基準点変更

[illustrator]イラレでミニストップの苺練乳パフェ(DL無)

2009/01/07 Memo No comments

お絵かきメモ。aiファイルのダウンロードは大人の事情でありません。
9月頃にイラストレーターで描いた苺練乳パフェ(の上の部分)です。 写真トレースしただけ。

イラレでリアルなパフェ

苺作るの面倒でフリーのaiファイル利用したから配布が出来ないっていう。

イラレ操作も見よう見まねだからパスのカオスさには自信があるよ!

[illustrator]溶けたRSSアイコンを描いてみた

2008/12/18 Memo No comments

どろーり。

何となく鏡面の付け方が違うような…。
習作なので配布は用意してません