フォローアップ（参照リンク）

2014年11月28日に開催のCSS Nite in NAGOYA, Vol.9での『Webで使うIllustrator』セッションのフォローアップです。

最終更新日： 2014年12月05日

ご参加ありがとうございました！

ダウンロード

アンケートでいただいた質問を共有します。

アピアランスでボタンを作ったときに文字がずれるのを直すやり方が2つありますが、どちらで直していますか？

［A］［変形効果］の［移動］で、［垂直方向］に負の値を指定する、［B］テキストオブジェクトに、［オブジェクトのアウトライン］効果をかける、の2つの方法のうち、主に後者を使っています。

画像をなるべく軽く美しく保存する方法があれば教えてください。

Illustrator（やPhotoshop）のWeb用に保存では限界があるので、ImageOptimやJPEGminiなどの圧縮ツールを使うとよいでしょう。PhotoshopのプラグインTinyPNGもオススメです。また、svgo-guiなど、SVG用のツールもあｒます。

合成フォントをウェブで使う場合の一番よい方法は？

残念ながら合成フォントは、基本的に画像として書き出すことが前提です。ただし、単純に、英数字に対して欧文フォントを指定したいのであれば、欧文フォント、和文フォントの順番で指定すればよいです。

パスワードは「cssnitenagoya9」です。

2013年6月に開催されたdot-ai, Vol.1「超絶アピアランス祭り」の『アピアランスとグラフィックスタイル、総復習』セッションのビデオです。

2013年11月のCSS Niteでのスライドです。

「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野雅弘（スイッチ） from swwwitch, inc.

「ベテランほど知らずに損してる効率化の新常識」というサブタイトルがついていますが、中級者を対象に、基本操作はバッサリと掲載しない、というユニークな切り口です。

書店で見かけたら、ぜひめくってみてください。

コリスにてご紹介いただきました。

Facebookで友達申請をお送りくださるときには、ひとことメッセージをお願いします。

Web制作に関わる方のためEL-J（エル・ジェイ）というメールマガジンを発行しています。