WEBデザインをする際にPhotoShopでイメージを制作しています。この際に「お知らせ」部分など実際には画像ではない部分のフォントは何を使用すればよいのでしょうか？まったく同じでなくてもいいので、フリーもしくは低価格のものを教えていただけますでしょうか？
(MSゴシックでアンチエイリアス？を「なし」 or HTMLで出力したものをコピペといった方法のご紹介以外でお願いします。)
↓参考までにこちらの「詳しくはこちら」のフォントです。これ以上太さはNGです。
http://www.second-academy.com/common/images/top_img/kyoto.jpg
宜しくお願い致します。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
stripafe
満足60pt
要するに Photoshop でテキストを入力／表示する際、アンチエイリアスを解除したいということですよね？
Photoshop の文字パレットにアンチエイリアスを「なし」にするオプションがあります。
それでは太すぎるというなら、レイヤースタイル「境界線」を利用して細く見せるとかどうでしょう。
あるいはアンチエイリアスありのままラスタライズ後、白地のレイヤーと結合して乗算ブレンド。そのレイヤーにレベル調整レイヤーをクリップすれば、文字の細さは自由にコントロールできそうな気がします。
テキストレイヤーのままじゃなくちゃだめなんだ！ということだったらすみません。
もっとも実際に webサイトを公開したら、その文字をどんなフォントやサイズ、アンチエイリアスの具合で閲覧されるかはやっぱり環境次第です。
余計なお世話かもしれませんが、モックアップの表示テキストは目安でしかないと予めクライアントに説明するべき（後々になってからクレームの種になる方が面倒じゃないでしょうか）という気もします。
-
gelgelgel
-
gelgelgelその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2008-08-21 10:41:00
- 終了日時
- 2008-08-23 08:29:35
- 回答条件
- 回答にURL必須 1人1回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
1
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者1
-
内定してほしいポケモンはいますか？匿名質問者
意図がよくわからないですが、メイリオ使うならメイリオとか？
実際と同じフォントにしたほうがいいと思います。
ブラウザ上のテキストと同じフォントにしたい、ということであれば、閲覧者の環境に依存してしまうので一概には言えなそうですが…。
太さがＭＳゴシック並の非ＭＳフォントってほとんどない気もしますが…。
ＭＳゴシックの使用に何か不都合があるのであればそれを説明して頂かないと回答側も答えづらいと思います。
簡単に言いますとリンク画像内の「詳しくはこちら」と同じフォントをPhotoShopで出力したいということです。
意図としてはお客様に見せるとき綺麗なフォントにしてしまうと、実際にWEBにしたときにアンチエイリアスのかかっていないフォントとの見た目のギャップによるトラブルをなくしたいと思っております。
>wizemperor様
MS Pゴシックだと画像の文字より太字になってしまうのでダメなのです
>hokuraku様
ブラウザ環境によって多少の違いはあるかと思いますが、画像の「詳しくはこちら」とフォントであれば結構です。
>Marine-Blue様
リンク先の「詳しくはこちら」は画像化されています。またMSゴシックに不具合があるわけでもございません。
確かに見返すと何が言いたいのか分かりませんね・・。皆様宜しくお願い致します。
文字間隔を調整。で、同じものは作れるようです。
http://f.hatena.ne.jp/images/fotolife/M/Mars/20080822/20080822143240.gif
２行目の「詳しくはこちら」が私が加えたものです。
たぶん必要ないと思いつつも回答した方法の補足。
ちょっと面倒そうに見えるかもしれませんが、アクションに記録してショートカットキーを設定してしまえば全然手間ではありませんよ。
さらにテキストレイヤーを複製して表示を消すステップをアクションに含めておけば、後でテキストの内容を変更する場合も大して手間にはなりません。（ラスタレイヤーを捨てて、テキスト変更後アクション再生し直せばよい）
それはそうと、デザイナー／クライアントが見た目を気にしないかどうかとは少し論旨が違います。
> やはり実際の画面に近い方で提示したい
上記回答の主旨は、その「実際の画面」が、環境次第で全然違うのだという話です。
もちろんご承知でしょうが、あくまでそれは「そのお客様の実際の画面に近い」だけであって、後日そのお客様が別の環境でサイトをご覧になった際、「なにこの文字!?」とならないために、そういうこともあるよ、と一言お断りしておくと、トラブルの種が減るのではないかと思ったもので。
つまり、努力はするけれど無駄（コスト的な意味も含め）になるかもしれないことは、お客様に予め納得して頂いた方が安全ではないかという意味です。
ご回答ありがとうございます。
>Mars様の画像を拝見した限り文字が太くなっているようには見えないのですが、ひょっとして Bold が on になっていたりしませんか？
上記にあるように太字の設定になっておりました。デフォルトで太字だったのでそのような設定があるとは長い間、気がつきませんでした。恥ずかしい限りです。お陰様で無事同じフォントにすることができました。
ご回答いただきましてありがとうございました。皆様の温かさに心より感謝いたします。