グラフィックデザイン

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

4
シャドウとハイライトのみを残して、彩度の低い画像を透明にします
私は数日間これをやろうとしていますが、必要な結果が得られていません。タイトルに正しい用語を使用しているかどうかわかりません。そうでない場合は、お気軽に修正してください。更新します。 私はこれから行きたい: これに(私はそれが役立つ場合にk値を示すために透明の領域をサンプリングしました)。シャドウ/ハイライトがありますが、他には何もないことに注意してください。 これにより、透明な画像の下に単色で塗りつぶされたレイヤーを配置できます。結果は異なる色のシャツになり、シャドウ/ハイライトが見られます: 透明なシャツレイヤーの下に配置された青で塗りつぶされたレイヤー 透明なシャツレイヤーの下に配置された黒で塗りつぶされたレイヤー 誰が私がこれを達成できるかについてのアイデアを持っていますか?私は結果に近づくことができましたが、私の透明​​度は十分ではないか、または大きすぎます。シャドウ/ハイライトの詳細の多くを失います。開始イメージのファイルタイプはJPGです。 更新: 最終結果がこのようなPNGになる必要があります。 このPNGは背景が白いように見えますが、PhotoshopまたはGIMPに取り込むと、シャツが透明になります。これがどのように行われたかをリバースエンジニアリングして、他の衣類に行うことができるようにする必要があります。 上記のPNGで興味深いのは、画像の透明部分にあるシャドウ、ハイライト、ミッドトーンをすべて個別に選択できることです。Photoshop:選択->色範囲->影、ハイライト、または中間色。私が何を意味するかを示すための以下の画像:


7
WebデザインのためだけにPhotoshopを学ぶ
私はウェブデザイナーになりたいので、たくさんのPhotoshopビデオチュートリアルを見ていますが、それらのチュートリアルのいくつかはウェブデザインには役立ちません。たとえば、映画の中には、肌や歯、花を描いたり、壁の模様を変えたり、このようなものを描いたりするものがあります。なぜなら、私にはWebデザインに関する特定のリソースがなく、それらのチュートリアルは私にとって一種の時間の浪費だからです! PhotoshopでWebデザインを学習するためのチュートリアルソースを知っていますか? PhotoshopでWebデザインに集中するにはどうすればよいですか? Photoshopのどの部分がWebデザインに必要であり、どの部分は不要ですか?

5
InDesignに配置する前にRGB画像をCMYK TIF / TIFFに変換するポイントは何ですか?
現在、デザインエージェンシーから写真のCMYK TIF / TIFF画像を受け取ります(写真家から写真を入手します)。社内のデザイナーは、ポスターや雑誌用にInDesignに配置するか、ウェブサイトやニュースレターやプレゼンテーションで使用するためにRGBに変換します。 写真を撮って、InDesignに配置する前にCMYK TIF / TIFF(巨大なファイルサイズ)に変換し、画面に使用するためにRGBに戻すのはどういう意味ですか?とにかく、写真はRGBであり、InDesignではカラープロファイルも使用できます。それでは、InDesignに(印刷機から)正しいプロファイルが割り当てられている場合、画像を事前にCMYKに変換するのはなぜですか?レタッチされた画像をPNG(ロスレス)として保存するのは賢明な選択ではありませんか?次に、印刷デザイナーはInDesignに画像を配置し、ドキュメントが完成したら、正しいプロファイルを使用してCMYKにエクスポートします。Webデザイナーは画像を取得しますが、適切な形式にサイズ変更して、JPGとして保存します。 利点: ファイルサイズを大幅に削減 コンバージョンが1つ少ない 視聴者はCMYKをサポートしていないため、色を消さずに誰でも画面上で視聴できます 8ビット透明度 また、私たちのデザイン代理店が実際に私たちのプリンターが使用する印刷機プロファイルを使用しているかどうかは、代理店が完全に異なる国にあるため完全にはわかりません。 ここで重要なものが欠けていますか?

5
Photoshop CS5:黒の背景を透明に設定する
黒の背景に煙のイメージがあります。このレイヤーのブレンドモードをスクリーンに設定すると、画像の背景は完全に編集されますが、この下に別のレイヤーがない場合、スクリーンモードは何もしません。背景を本当に透明にするにはどうすればいいですか?このシナリオでは、明確なカットの選択だけでなく、煙全体でさまざまなレベルの透明度が必要なため、色範囲の選択は役に立ちません。ありがとう

6
アニメーションSVGを作成するツールですか?
アニメーションSVG画像を作成および編集するためのグラフィカルツールはありますか?Inkscapeは素晴らしいですが、アニメーション以外のすべてを実行します。Inkscapeで画像を作成し、XMLを手動で編集してアニメーションプロパティを追加しました。これは私が望むものを与えてくれましたが、やや複雑なデザインの場合は非常に退屈です。
17 animation  svg 

4
カーニングとは何ですか、またそのポイントは何ですか?
私がここで見たものから、カーニングは文字間のスペースを再配置しているようです。しかし、ここでのコメントは、ストーリーにもっとあると信じさせてくれます。カーニングは本当に簡単ですか?見た目を良くすることが唯一の目的ですか、それとも実用的な理由がありますか?

2
黒文字のアンチエイリアシングがグレースケール以外の色を使用するのはなぜですか?
私は開発者であり、グラフィックデザイナーではありません。しかし、私が数年前に気づいて以来、私を悩ませている質問が1つあります。 アンチエイリアシングは、知らない人がいる場合に、文字のエッジや幾何学的な形などのコントラストの高い区分からシャープネスを除去する方法です。 白い背景に黒で書かれたアンチエイリアスされた文字を取得し、ズームインしてピクセルを見ると、グレースケールで見られるものとは異なる色があります。黒から白への滑らかな移行。 質問:なぜグレースケールで見られる色と白い背景の黒い文字のアンチエイリアスに使用される色が異なるのですか? PS .:評判がよければ「アンチエイリアス」タグを作成します。 更新:私は今、理論を考えました。 文字がコンピューターのモニターに表示されることを意図しており、画面の黒にできる最小部分が3つの小さなライトで構成されるピクセル全体である場合、文字の最小ドットがかなり大きくなりますが、周囲または内側のドットで構成されるアンチエイリアスは、1/3ピクセルでしか表現できません。色の助けを借りて、文字を小さくすることができます。 それですか?

6
名刺を作る。何かアドバイス?
私は名刺の間違いに関する記事を読んで、ウェブを一周しました。ここにそれらの完全なリストがあります: 安価な素材/技術を使用したり、独自の印刷を試みたりしないでください。 金属製の名刺は使用しないでください。彼らは空港のセキュリティを通過しません。(本当?) アドレスと連絡先情報に大きなフォントを使用しないでください。 カードに顔の写真を載せないでください。 ピクセル化された画像やその他の標準以下の画像を使用しないでください。 余白をいじらないでください。 カードをいっぱいにしないでください。 クライアントにとって魅力的な情報、つまり「5年保証」などを含まない 明らかに名前、住所、電子メール、電話番号、およびファックス番号が必要ですが、他に何かすべきことはありますか? PS:3.5x2カードの場合、Photoshopで次の設定を使用する必要がありますか?3.75x2.25、300 DPI。

4
CVに適したフォントとは何ですか?
Natureの最近の記事では、書体が信頼性に与える影響について説明し、次のことを示唆する別の研究を指摘しています。 高い適切な書体(コーベル)で表示された履歴書は、中立の書体(Tempus Sans)または低い適切な書体(Vivaldi)で表示された場合よりも、知識、成熟、経験、専門性、信lie性、信頼性が高いと応募者に認識されました。... 研究の書体のうち、コーベルの使用のみを検討しますが、これはコーベルが最高であることを示しているとは思わず、研究の他のタイプよりも優れているというだけです(Playbill、Bauhaus) 。 通常、LaTeXのデフォルトのローマ字フォントを使用します。デフォルトのサンセリフまたはLaTeXカタログの任意のフォントに切り替えることができますが、Corbelは含まれていません。 履歴書では他にどのフォントを考慮する必要がありますか?また、人々がそれらにどのように反応するかを予測する方法はありますか?


7
レスポンシブWebデザインで必要な改行を処理するためのベストプラクティスは何ですか?
私は、販売用またはメール用のシンプルな単一ページのWebアイテムを大量にデザインしています。多くの場合、さまざまなメディア幅で見出しや希望する改行で問題が発生します。 たとえば、次のような見出しを付けることができます。 私たちの新しいthingamabobは、スライスしたパン以来の最高のものです! 改行にまったく注意を払うことなく、改行は次のようになります。 私たちの新しいthingamabobは、スライスしたパン以来の最高のものです! Webサイズ全体で、「the」の後に改行を入れたいです。2行を作成します。 私たちの新しいthingamabobは、スライスしたパン以来の最高のものです! 中程度の幅の画面の場合、2回中断します。 私たちの新しいthingamabob は、スライスしたパン以来の最高のものです! さらに狭い画面の場合は、「new」、「thingamabob」、および「thing」の後に分割します。4行を作成します。 私たちの新しいthingamabob は、スライスしたパン以来の最高のものです! 私は本当に(改行タグを使用したくない<br>)というハード設定するため、すべてのサイズで休憩。今まで私は、様々な用メディアクエリと幅のパーセンテージを使用しましたh1- h5タグ軍ブレークの幅となるようタグ。しかし、これは私にとって「ハッキング」のように思えます(実際のテキストに基づいて、非常に気まぐれでもあります)。 改行をHTMLにハードコーディングせずに制御する最良の方法は何ですか?

13
両面印刷:正確な位置決め?
いくつかの派手なカード(80mm x 48mm)をデザインしましたが、今すぐ紙の両面(A4シートあたり5x2)に印刷したいと思います。 当然、印刷の両面は正確に一致する必要があります。しかし、いくつかの試みの後、それは期待どおりに機能していないようです:私のプリンターは、アライメントを台無しにする余分なマージンを課すようです(これにより、表面の印刷領域が裏面の印刷領域と一致しなくなります)。多少の変動を許容するために、すでにすべての側面に1-2mmの追加を試みましたが、これでは不十分であることがわかりました。違いは常に同じ方向にあるように見えますが、奇妙なことに、画像を動かしても、プリンタがこれを自動的に修正するかのように、あまり変わらないようです。 だから、私はそれをする良い方法はありますか?PDFでは、物事は非常にうまく整列されていますが、プリンタは2mm以上の差でそれを台無しにします。何がこれを引き起こすのか、どのようにそれを回避するのか?(価値があるものとして、私はWindows 7(プロ、64ビット)を使用しています。私のプリンターはSamsung CLP-325です。)

3
Photoshopの自動トリミングレイヤー
私はこのテーマをグーグルで調べ、このフォーラムで検索しましたが、私が見つけたのは、半透明ピクセルの削除に関する投稿だけでした。私が問題を抱えているものではありません。 基本的に、画像と同じサイズのレイヤーを画像に追加しました。次に、画像全体よりもずっと小さいものをレイヤーに追加します。レイヤーが実際に何かを含むピクセルのみにまたがるように、レイヤーを「自動トリミング」する簡単な方法が必要です。 GIMPでは、[レイヤー]-> [レイヤーの自動トリミング]を選択します。しかし、Photoshopにはそのようなアクションは存在しないようです。このツールがどこにあるか誰にもわかりますか? 編集: OKこれはほとんどシナリオです。 多くのレイヤーで構成される画像があります。そのイメージの特定の部分で、拡大効果を作成します。そう 一時的に画像を平坦化しました 丸で囲んだ領域をコピーしました 平坦化を元に戻した コピーした円を新しいレイヤーに貼り付けました 今私が使用したい:フィルター - > ゆがめる - > Spherizeはそれを拡大効果を与えます。ただし、球状化効果は、レイヤーのコンテンツがある場所だけでなく、レイヤーのサイズ全体に影響します。これにより、球体の中心ではなく、球体の右下隅に貼り付けた円が作成され、必要とはまったく異なる効果が得られます。 これで問題が解決することを願っています。

5
印刷グラフィック用のSVG
スケーラブルベクターグラフィックスはどの程度印刷に適していますか? 印刷ドキュメントに含めるグラフィックをプログラムで生成する必要があります。ターゲットファイル形式には、EPSとSVGの2つの重大な競争相手しかないようです。 プログラマーとして、SVGは扱いやすいように見えますが、グラフィックス業界で受け入れられたようには見えません。以前は、SVG(例:Adobe PDFXML)に基づいて印刷グラフィックスを作成するプロジェクトがありましたが、現在アクティブなプロジェクトはありません。また、アドビのツールは、SVGの簡単な回避を終了したようです。 成果物の形式としてSVGを選択した場合、代替案と比較してどのような問題が発生する可能性がありますか?SVGのテキスト処理に関する苦情を聞いたことがありますが、詳細な議論は見つかりませんでした。もう1つ問題があると思われるのは、SVGがPDFにどれだけきれいに変換されるかです。
17 svg 

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