このエントリーをはてなブックマークに追加
HOME > 2017年08月

2017年08月

イラレのちょっと使える裏技

2017年08月29日
こんにちは。
オーダーのぼりドットコム、デザイン担当の林です。

前回は「合成フォント」についてご紹介しました。
今回はその合成フォントについてもう少し細かい設定をご紹介します。

「細かい設定」とはどういうことかというと
文字は「和文」と「欧文」によって同じフォントサイズでも
大きさが違って見えることってありませんか?
それは「和文」と「欧文」とでは、文字のつくりが異なるためです。

このサイズが違って見える文字は、合成フォントで同じ大きさに見せることができます。
今回はその設定の仕方をご紹介します。

まずは、文字のカタチ(タイプフェイス)のしくみについてご説明します。

<タイプフェイスのしくみ>
和文(特に漢字)は「仮想ボディ」と呼ばれる正方形の中に収まるようにつくられていて、
文字幅が一定になっています。



仮想ボディの内側にある実際の文字のサイズを「字面(しづら)」と呼び、
同じサイズでも文字によって字面のサイズは異なります。

そのため、和文を文字組みすると、字間(字と字の間)に余分なアキが生じるので
字間を詰める作業が必要になります。



一方、欧文は、いくつかの水平線を基準にしてつくられており
文字幅をそれぞれの字体によって変化される「プロポーショナル」
(字間が一定になるようにつくられた文字)を基本としているので
一般的には字間を詰める作業は必要ありません。


(引用「新人デザイナーのための デザイン・レイアウトが上手になる本
柘植ヒロポン著」より)





このように和文と欧文は、文字のつくりが異なります。
合成フォントにするとベースラインが違うため
文字のサイズが違って見えるというわけです。



それを解決するには、欧文を大きくすればいいですよね。
でも、一文字一文字を調整するのは時間がかかり過ぎます。

そこで便利な方法が「合成フォント」です。

前回と同じように
1.書式/合成フォント から「新規作成」



2.合成フォントの名前をつける






3.@書体を選ぶ A英数字のサイズ、ベースラインを調整 B保存 COK





作成した合成フォントが一覧に追加されました。


調整前の「新ゴR+Geogia」に合成フォントを選択すると


文字サイズが揃って見栄え良くなりました!

参考にして頂けるとうれしいです。

オーダーのぼりドットコムの林がお届けしました。

アクアボタンのつくり方

2017年08月31日


こんにちは。
オーダーのぼりドットコム、デザイン担当の林です。

今回は「アクアボタン」の作成方法をご紹介したいと思います。
アクアボタンとはこんな感じのイラストのこと↓


よく検索窓やサイトのボタンで見ますよね。
一見、作るのが難しそうと思いますが意外と簡単に作れます!

さて、その作り方ですが

1.線を描き、[線]パネルで端を丸くします


2.この線をコピペして前面にペースト、線幅を細くして上へ移動させます


3.線をアウトライン化し、それぞれにグラデーションを設定する


文字を入れればボタンの完成!


<まめ知識>

・グラデーションを垂直に設定する方法

[グラデーション]パネルの[角度]に[90°][-90°]のいずれかに設定する


※[Shift]+ドラッグでの垂直にグラデーションがかけられます

参考にして頂けるとうれしいです。

オーダーのぼりドットコムの林がお届けしました。

プロフィール
管理者:オーダーのぼりドットコム店長@戸井




好きなARTIST?THE YELLOW MONKEY
学生時代の部活は? 生物部
好きな映画は? 「南極料理人」
座右の銘は? 細く長く
自慢できることは?:
イチローのプレーを生で見ていたこと

オーダーのぼりドットコムのご注文、お問い合わせなど、お客様窓口を担当しています。
お客様の思い通りののぼりが出来るよう、精一杯お手伝いさせていただきたいと思いますので、どんな些細なことでもお気軽にご相談ください。とことんお付き合いいたします!
<< 2017年 08月 >>
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
最新記事