グラフィックデザイン

グラフィックデザインの専門家、学生、そして愛好家のためのQ&A


4
使用するのに妥当なフォントサイズはありますか
グラフィックで使用するフォントサイズを選択するときは、通常、6、8、9、10、11、12、14、18、24、30、36、48、60、または72などのフォントサイズメニューのドロップダウンのデフォルトを選択します。大きなもの(A3ポスターなど)で作業している場合は、もっと大きなフォントが必要です。私は常にこれらを2の累乗(たとえば、128、256、または512)に維持したくなります。しかし、なぜ?私は迷信的です!フォントサイズには技術的な意味がありますか?ある意味で512を選択することは513よりも良いですか、それとも私は実際に最もよく見えるものを自由に選択できますか?
11 font-size 

1
円形のジグザグパターンを作成するにはどうすればよいですか?
私は次のようなものを作成しようとしています: 青い線は簡単に作成できますが、灰色の「サーキュラーダイヤモンド」が正しく表示されないようです。 私が何をしようとも、円形のガイド(最初の例)またはジグザグが適用された円の周りでクローンおよび回転されたひし形であるか、少しクローンされて回転されました(2番目の例)青い線をそれぞれに一致させることができません '私の例のように「ポイント」と「ディップ」。私の「サーキュラーダイヤモンド」も少し不安定です。 最初は2つのパターンブラシを使用して作ってみましたが、パターンブラシはすべてを歪ませすぎているようです。 誰かがこの効果を達成するために他に何を試すことができるかについての指針を教えてもらえますか?


4
品質を損なうことなくファイルサイズを縮小する
Photoshopでファイルを保存したいのですが、できるだけ小さくしてください。 Web(およびデバイス)用に保存して、JPEGとして保存します。使用した設定は次のとおりです。 テキストを使用しているので、品質設定を下げたくありません。設定が低すぎると、アーティファクトが表示されることがあります。 これにより、画像のサイズに応じて数百キロバイトのファイルサイズが生成されます。これは大きな問題ではありませんが、これらの画像はウェブで使用されており、小さいほど良いです。品質を落とさずにファイルサイズを小さくする手法は何ですか? 更新: ここにいくつかの情報を追加するには: 私が使用して作成した画像の多くはメールで送信されます。これにより、画像の上にHTMLとCSSを使用してテキストを配置することでできることがいくつか制限されます。 また、さまざまなフォントを使用しています。CSSを使用してWebに使用@font-faceできるものもありますが、ファイルサイズが大きくなり、フォントを合法的にWebにアップロードできない場合があります。Typekitのようなサービスを使用することもできましたが、使用するフォントの多くはTypekitでは使用できません。 以下は画像の例です。

5
PhotoshopテキストをWebのように表示するにはどうすればよいですか?
アンチエイリアスを「なし」に設定して、Photoshopですべてを本当に設計する必要がありますか?もっと良い方法があると確信しています。 Photoshopで基本的なWebセーフ(Tahomaなど)を選択するときに、Webで実際にどのように表示されるかを確認できるように設定したいのですが。 たとえば、Photoshopでアンチエイリアスが「鮮明」に設定されているTahomaと、Firefoxでのレンダリング方法の違いは大きなものです。Photoshopでは見た目も滑らかで、ウェブ上ではがらくたのようです。 コンテンツをWeb上で公開することを計画しているときに、(最も類似した結果を持つ)と始めるのに最適なアンチエイリアスの選択はありますか?


7
Illustrator CS5で長方形のストロークの一部を削除する
長方形のストロークの側を削除することは可能ですか? 四角形の周りにストロークがある長方形があるとします。長方形の一端を「開いて」、ストロークを外します。検索してみましたが、実際にできるのか簡潔な説明はないようです。私はクリッピングマスクとマイナスフロントなどを作成できることを知っていますが、簡単な解決策があるかどうか疑問に思っていました。詳細が必要な場合はお知らせください。 ありがとう。


5
画像がCC /パブリックドメインでない場合、画像のベクトル化は著作権侵害ですか?
クリエイティブコモンズなどではない場合でも、この画像をベクトル化してポスターを作成しても問題ありませんか?画像の一部を直接使用せず、独自のSVGバージョンを作成するためのガイドとしてのみ使用します。 これは画像です: こちらがオリジナル画像です。 それはCCライセンスされていると言っていますが、元のNatGeoはそうではないと思います。 私はそれでお金を稼ぐつもりはありません。私はただいいポスターが欲しいだけで、オリジナルの品質はそれほど良くありません。

4
イラストレーター、ウェブ用に保存:アートとタイプの最適化を一度に分離しておく?
IllustratorでWeb用にエクスポートする場合、これまでによく知られArt OptimizedているType Optimizedレンディションスキーマがあります(を除くNone)。 どちらのスキームにも、さまざまなタイプの要素に対する独自の特典があります。当然のことながら、Art Optimizedはテキスト以外に優れていますが、Type Optimizedは多くの場合、テキスト/フォントのレンダリングに優れています。(まあ、それは主観的なトピックかもしれないと思いますが、それは議論には無関係です–事実に忠実であり続けましょう。時にはどちらか一方を好むこともあり、そしてしばしば(全体の要点は)両方のスキームを好むこともあります意図された要素をそれぞれ扱いますよね? 多くの場合、2つのバージョンをエクスポートする必要があります。ロゴタイプなどを作成する場合は、1つの* _art_opt.pngと1つの* _type_opt.png。次に、Photoshopの2つのレイヤーに両方のレンダリング画像を配置し、Type領域からArt Optimized部分を切り取り、その逆を行う必要があります。そもそも私が探していたものを手に入れるために:最適化されたアート…つまり、「アート」はアート最適化され、テキストはタイプ最適化されました。 私はしばしばさまざまな異なるサイズを作ることを考慮してください。透明バージョンと不透明バージョン。さまざまな形式で保存され、…SERIOUS™の時間の浪費があります。 そして、質問 ちょうど不思議に思います。Art要素をArt Optimizedレンディションで処理し、テキスト要素をType Optimizedとして処理する方法はありますか–すべて同じ方法で? 以下は、1つの最適化(アート)でロゴマークが適切に表示され、他の最適化(タイプ)でロゴテキストが適切に表示される例です。2つのファイルを保存し、それらをPhotoshopに手動でミックスして一緒に良い部品:

5
ゲームデザイナーはどのようにしてゲームのグラフィックを作成しますか?[閉まっている]
閉じた。この質問はより集中する必要があります。現在、回答を受け付けていません。 この質問を改善したいですか?この投稿を編集するだけで1つの問題に焦点を当てるように質問を更新します。 2年前に閉店。 ゲームデザイナーが自分のゲーム用に新しいキャラクターを作成し、スムーズな(ピクセルアートではない)アートスタイルを使用してキャラクターを描画する必要があるとします。ゲームデザイナーがキャラクターを描き、ゲームに取り入れるための最良の方法は何でしょうか? 私は本当にいくつかのフラッシュゲームを作成したいので、これを求めていますが、私はゲームのプログラミングに集中する傾向があるため、フラッシュゲームのグラフィックを作成するのはあまり得意ではありません。 ゲームデザイナーは、次のいずれかのプロセスを使用して、ゲームのグラフィックを作成しますか?もしそうなら、その滑らかなアートスタイルのための最も効率的な方法はどれですか? それらを紙に描き、スキャンし、色を付け、Photoshopで修正します それらをPhotoshop / Illustratorで描画し、色を付けます。 スタイラスペンを使用して実際のコンピューター画面にそれらを描画します。 御時間ありがとうございます!

3
Illustrator:シェイプを統合した後に冗長なアンカーポイントを削除する簡単な方法は?
2つ以上のオブジェクトを統合するときに追加される余分なアンカーポイントを手動で削除することを除いて、アンカーポイント間の中間をワイプするより速い操作はありますか? 編集:以下のロレロの答えを補足するために、パスファインダーの操作から冗長なポイントを自動的に削除する設定があります(これは驚くほど簡単なようですが、これまで考えたことはありませんでした)。

7
データを視覚化する方法は?どのソフトウェアを使用すればよいですか?
Excelの基本的な標準グラフィックスを超えて、人々がデータの視覚化を生成するために使用するソフトウェアの種類を知りたいです。 手で物を作り、それをInDesignのようなもので構築しますか?私は、データの表を視覚的な美的感覚に変えるプロセスに魅了され、推奨事項を読むことも歓迎します。

2
指定されたグレー値と同じ知覚明度を持つ他の色を計算する方法は?
これは、色の側面があるtex.stackexchangeで私が尋ねた質問に関連しています。その質問の結果は次の画像です。 左側に一連の灰色の四角を描き、右側に赤い枝を残しました。目標は、彩度が異なり、すべて同じグレー値を持つ赤い正方形を作成することです。hsvカラーモデルではすべて同じvですが、Gimpを使用して画像をグレースケールに変換すると、同じグレーに変換されません。また、視覚的な印象としては、右側の赤い正方形が左側の赤い正方形よりも暗くなっています。 特定のグレーが与えられた場合、特定の色相と同じグレー値(または、さらに良いのは同じグレーの印象)の色をどのように計算できますか?画像で使用されている色はすべて計算されるので、計算を組み込んだソリューションも好みます。 ここでは間違った用語を使用した可能性があります-私は機械エンジニアなので、必要に応じて修正するか、説明を求めてください。 ラボのカラースペースを使用するという提案から、いくつかの結論に達しました。 LabモデルのL値を使用して、さまざまな色に何らかのグレー値を設定できます。HSVモデルでは、これはvです。実際にそれらを比較することが許可されているかどうかはわかりませんが、誰かが不平を言うまでそれを行います。 hsvモデルでは、Labモデルにはない「ベースカラー」(色相)を設定することもできます。 hsvモデルでは、2つの定数(上の図ではh= 0、v= 0.375)と1つの変数(s)があります。 この時点まで、Labモデルには定数が1つしかありません。これは、私がすでにhsvモデルで作成したものに似たものを生成するには十分ではありません。 実験の時間だと思います。 できた!変換コードを実行した後、それは非常に簡単でした。最初のステップは、右側の「ターゲット赤」を定義することでした。RGB2Lab(255,0,0)を計算し、結果のL値を図の目的のLに変更しました(L = 62.5)。色は、(L、0,0)から(L、aTarget、bTarget)までのラボ空間で線形補間を使用して計算されます。結果: ありがとうございました!

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.