忍者ブログ

忍者ツールズ デザイナーなブログ

忍者ツールズを運営するサムライファクトリーのメンバーがお送りする情報ブログ! ブログテンプレート、デザイン、サービスやIT技術など…

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

コメント

現在、新しいコメントを受け付けない設定になっています。

Illustratorのトリック!! フォントと図形をぼやけ回避!!

サムライファクトリーのDesigner其の六です。

pixel_vibr8bros.jpg僕が一番うまくイラレを使えるんだー!
と思っていましたが、
弊社デザイナーのmayaより最近色々教えられて
一番ではなくなってきました。。w

そこで、最近教えられたイラレの便利な使い方を紹介したいと思います。
(下記は、海外サイトをGoogle翻訳して意訳したものなので少し変なところもありますがご了承ください。)
イラレで作ったものを、フォトショップに持っていくと
ピクセルフォントや1ピクセルのストロークが
ぼやけたりすることはありませんか?

その解決策としては、
ポジショニングが重要!
だそうです。


1. ピクセルフォント

pixelfont_refpoint_vibr8bros.jpgこれらは、ピクセルのフォントを
使用するためのルールです
ピクセルフォントは、値のYとX全体ているとされる位置で。
例えば0 / 0、425分の15、19分の2998、 は
0.443/0.928または256.1/0.49。
基準点は、隅には常に左上にするべし。

pixel_fonts_vibr8bros.jpg



2. 1ピクセルのストロークを持つ要素

rect_strokealign_center.jpgこれらは、中心部の要素にストロークを合わせ。
XとYの値、ボックスのサイズ共小数点以下はOが吉。

pixel_rects_vibr8bros.jpg


3. ピクセルライン

ピクセルラインは、位置ラインで常に 半 XとYの値を設定します。
ラインでの水平 0.5 Yの値は、行で縦 0.5 Xの値を設定します。

pixel_lines_vibr8bros.jpg

(0だから値の半分の行を配置するときに我々が 0.5 、123 0.5 、1028 0.5 など)の方が鋭い。
何故かはわかりませんがw

ざっくりと意訳するとこんな感じでしょうか。

これで、イラレからフォトショップに移動する際に
画像を拡大して、ぼやけている箇所を修正するということが なくなるかもです。


Via:http://vibr8bros.com/tutorials/illustrator-trick-how-to-avoid-blurred-pixel-fonts-shapes

拍手[0回]

PR

コメント

現在、新しいコメントを受け付けない設定になっています。

バナー:忍者レコメンド

ブログ内検索

最新記事

アクセス解析

PR

バナー:忍者おまとめボタン

この記事を読んだ人はこの記事も読んでいるようです