WebデザインのためだけにPhotoshopを学ぶ

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

PhotoshopでWebデザインを学習するためのチュートリアルソースを知っていますか？

PhotoshopでWebデザインに集中するにはどうすればよいですか？

Photoshopのどの部分がWebデザインに必要であり、どの部分は不要ですか？

Photoshopの各ツール、ブラシ、フィルター、およびエフェクトには、世界で独自の目的があります。さまざまなツールなどがさまざまな効果に使用されるため、単純な「このツールをよく学び、すべてに使用する」という方法はありません。

たとえば、ページの光沢のあるやや3dの光沢のあるボタンが好きな場合（これらは以前非常に人気がありました）、いくつかの影、いくつかのグラデーション、マスキング、およびブラシツールで少し手で調整する必要があります。背景には、単色またはグラデーションをテクスチャ/パターンマスクで使用できます。

学ぶべき「Photoshopの一部」はないので、できる最善のことは、さまざまなツールを使用してバランスをとることです。いろいろな種類のサイトを見て回ってください。気に入った機能をメモしてから、自分で作成し直してください。多くの場合、要素を分析できます（オブジェクトには境界線、グラデーション、テクスチャ、光源などがあります）。また、類似したものを再作成できます。

同時に、Photoshopだけではなく、デザインするだけの十分な努力をすることはできません。私の推奨事項は、地元のコミュニティカレッジでデザインクラスを受講し（または何であれ）、バランス、色、空白などの感覚を身につけることです。このシナリオでは、トレードではデザイナーではありません）Geocitiesテンプレートを編集しました。

「私はウェブデザイナーになりたいので、たくさんのPhotoshopビデオチュートリアルを見ています」

HTML、CSS、JSを知っていますか？そうでない場合は、まずそこから開始します。

Photoshopは、HTML、CSS、JSに対応するグラフィックを作成するためのツールとして使用されます。

PhotoShopの特定のツールに特化した特定の「Webサイトデザイン」はありません。これは単に画像の作成および編集ツールです。

Webサイトを設計するには、他のモックアップも参照する必要があります。ページピール、ナビゲーションバーリンクなど、使用できる効果のいくつかを検討してください。これの多くはPhotoshopで行うのは難しいことではありませんが、少しグーグルをする必要があります。素晴らしいデザインコミュニティであるDribbbleをよくチェックします。これは非常に人気があるので、Webデザイナーが実装している多くの新しいテクニックを確実に見ることができます。

ただし、一般的な概要を把握するには、Webサイトの設計に特に使用される一連のチュートリアルを試してください。本当に基本的なチュートリアルですら。これらはあなたのための手順の概要を説明し、将来のプロジェクトでこれらを複製できるためです。以下に2つの素晴らしいリソースを追加しました。ぜひご覧ください。あなたが好きな初心者用テンプレートのチュートリアルを見つけることを保証します-そして、あなたは多くを学ぶでしょう！

• 40以上のWebインターフェイスデザインPhotoshopチュートリアル

• Photoshopを使用してWebサイトを設計する70のチュートリアル

Webサイトを設計する場合は、PhotoshopよりもFireworksを使用したほうがはるかに良いでしょう。PSは、本質的には写真操作アプリケーションであり、そのツールはワイヤフレームに使用できますが、特に効率的ではありません。別の言い方をすれば、PSをWebデザインに使用することは、PSをInDesign上のDTPアプリケーションとして使用するようなものです。はい、できますが、それを行うのに最適な方法ではなく、長期的には負けてしまいます。

Fireworksの利点は次のとおりです。

• 真のベクターシェイプでの作業がはるかに簡単
• ピクセルサイズの定義が簡単になりました。ストレッチなどでストロークがぼやけない
• 「マスターページ」を定義して、モックアップにサイト全体のデザイン変更を加えることができます。すべての画像をやり直す必要はありません。
• 一般的に使用されるUIコントロールのライブラリを簡単に作成できます（Webアプリの設計に役立ちます）
• 典型的なデスクトップアプリケーションインターフェイスに近いUI、つまり学習曲線が浅くなる

Photoshopがテーブルにもたらす唯一の本当の利点は、

• フォントのレンダリングが優れています
• あなたの同僚はアプリケーションを（少し）良く知っているでしょう

「Photoshop以外にもデザインするものがある」というメモ：私はこの洞察力に気づきました：http : //naldzgraphics.net/tips/what-designers-need-to-know-about-typography/

Photoshopは単なるツールであり、ツールを熟知すればするほど、それを使用して自分のやりたいことができるようになります。ただし、Photoshopを知っているだけでなく、設計することもできます。

Photoshopを習得するだけでデザイナーになるというこの考え方は、ハンマーの使用方法を知っているために自分自身をビルダーと呼んでいるのと同じです。デザイン自体が物事をうまく機能させ（そしておそらくその過程で見栄えを良くする）、Photoshop / Illustrator / InDesign / Sketch /何でも知っているが、アイデアを実現するためにこれらのツールをどのように使用するかとはほとんど関係ありません。

YouTubeにはたくさんの悪いチュートリアルがあり、たくさんの良いチュートリアルもあります。それをすべて行う方法を学びましょう、とにかくテクニックは貴重です。Creative Blockには素晴らしいチュートリアルもあります。しかし、さらに、色理論、レイアウト理論、タイポグラフィ（Eric SpiekermanのStop Sheinging Sheep＆Find Works Type Worksは非常に優れたイントロです）および他のより伝統的なグラフィックデザインスキルを学ぶだけでなく、時間を投資するためのはるかに貴重なスキルを調べますPhotoshop。

また、誰かが先に述べたように、HTML / CSS / JSを学ぶことはWebデザイン作業にとってもプラスです。

ここでhttps://www.oss-usa.com/web-preflight?promo=web-preflight の無料のWeb互換性の問題についてPSDファイルを検証できます。