現在は状況が異なる可能性がありますのでご注意ください。実践で役立つPhotoshop&Illustrator徹底ガイド」が7月24日に技術評論社より発売されました。表紙(カバー含む)も私がデザインしています。ファイル整理、文字列を選択してコピーなど)ができる方であれば、まったくWebデザイン制作の経験がない方でもWebデザインの基礎を学び、Web制作のためのPhotoshopとIllustratorの基礎を学び、広告バナーや架空のカフェのWebサイトを制作できるように書かれています。Chapter(章)で成り立っています。以下の内容となっています。Webページの各部の呼び方、色彩・配色の基礎、フォントの基礎など、Webデザインの基礎について学びます。Webデザイン初挑戦の方が心配することのひとつは「どうすれば失敗なく色を選ぶことができるのか」ということではないかと思います。作られた書類は鮮やかすぎる黄色や赤色など、どぎつい色合いになってしまう場合があります。なってしまうのか、どうすればそのような失敗を防ぐことができるのかという観点から、配色について解説しています。画像編集アプリは、使ったことのない方には何が違うのかが分かりにくいかもしれません。機能と同じものなのか分からないかもしれません。アプリケーションの機能比較表」は、まだ使ったことがない方はもちろん、既にそれらを使用している方にも役立つと思います。環境設定をしっかりと行ないます。本来写真補正用のアプリケーションですので、Webデザインで使用するには環境設定をきちんと変更しておく必要があります。カンバスの表示がおかしくなった時はどの設定を変更すればよいかなども解説しています。よる図形作成の基礎からやります。長方形の作成は、カンバス上でドラッグして作成だけでなく、数値を指定して作成、移動する練習をします。ドラッグで長方形を作成するだけでなく数値を指定して作成・移動する練習が必要かというと、ドラッグで長方形を作成・移動した場合、たとえば下記のように少しだけずれが発生してしまう場合があります。コーディングする際に面倒なことになってしまいます。最初から数値を指定して作成・移動する練習が必要だと考えています。その後、グラデーションやレイヤースタイルなどの装飾(レイヤースタイル)の練習をしてから、以下のようなレイヤースタイルを使用したやさしいデザインのボタンの制作をします。環境設定」の後、初めての方が苦戦すると思われる「ペンツール」の使い方を8ページに渡って丁寧に解説します。その後、パスの型抜きと分割(パスファインダー)について解説します。Web制作の第一歩として「エステサロンの広告バナー」と「旅行券キャンペーンのバナー」を制作します。女性の写真は背景が白いため、写真を切り抜く必要があります。新しい機能を使えば初めての方でもそれほど苦労せずに切り抜くことが可能です。女性の写真の切り抜きは、書籍に書いてある手順通りにやれば特に難しくはないと思うのですが、もし分からなかった時のためにサポートページに解説動画を用意しています。文字を配置し、レイヤースタイルで装飾して仕上げます。連携して短時間でWebデザイン制作を行うためのエクササイズです。方が簡単で、短時間で制作することができます。貼り付け、レイヤースタイルで装飾してバナーにします。この書籍では、以下のようなカフェサイトを制作します。コーヒーのアイコンは「楕円形の組み合わせ」でできるアイコンで、ドリンクのアイコンは「旅行券キャンペーンのバナー」の応用でできるアイコンで、サンドイッチのアイコンは「パスファインダー」という機能でできるアイコンになっています。書籍では、アイコンの制作時は「楕円形ツールを選択し、このようにドラッグします」のようにアバウトな説明になっていたりしますが、それでは初めての方には厳しいのではと感じていたので、この書籍では初めての方でも分かりやすいように「下地ファイル」を用意しておきました。サポートページからダウンロードできるサンプルファイルの中に「下地ファイル」がありますので、それを開くとこのように完成形がうっすら見えます。書籍の手順に従い、ソーサー(お皿)レイヤーを表示すると、このようになります。次に、楕円形ツールで「S」から「G」の位置にドラッグします。書籍の手順に従い、「レイヤーの表示→SからGまでドラッグ」を繰り返せばアイコンが完成します。書籍の手順だけでわからない場合はサポートページに解説動画も用意しています。慣れている方や、本書のサンプルをひと通り制作し終わって復習で再度制作する場合などは「下地ファイル」なしでもよいと思います。制作し、デザインカンプ完成です。いえ、これでカフェサイト完成ではありません。コーディングする必要があります。使用したコーディング方法について解説していますが、普段別のエディターなどを使用している方はそれを使用されても構いません。Webデザイン制作を行なっています。効率よく、修正に強い方法で多くの書籍では、例えばコピーのやり方を「メニューの『編集』をクリックし、『コピー』をクリック」のように解説していますが、実際に制作の現場でそのようなことをしていては仕事が間に合いません。そこで、この書籍では、なるべく効率よく、修正に強い方法で制作するよう解説しています。最初は少し難しく感じられるかもしれませんが、これまでWebデザインスクールの講師をした経験上、一度メニューやツールアイコンのクリックに慣れてしまった方に、より効率のよい方法を教えても、そちらに移行していただくことは難しいです。最初からなるべく効率のよい方法で慣れて頂けるよう解説しています。一歩はとても大切なものです。ディスプレイで撮影しています。そのため、普通にキャプチャーしたものと比べて、文字やツールなどのアイコンがくっきりし、とても見やすく、美しいです。両方の解説を行なっています。両方の画面を掲載しています。書籍に掲載しているキャプチャーは基本的にCS6のものですが、「CS5では操作が異なる」場合や、「CCではより便利な方法がある」箇所などは、コラムにて解説しています。今後継続的にアップデートされ、新しい機能が搭載されたりインターフェースが変更される可能性がありますが、本書サポートページにて2013年12月までにリリースされたバージョンについてサポート致します。積極的に使用しています。キーボードショートカット」を付けています。紙の書籍版では切り取って、PDF版では印刷してお使いください。ツール」は、グラデーションツールなどWebデザインでは使うべきでないものは「使用しません」と書いています。キーボードショートカット」はWebデザインでよく使用しそうなものに絞って書いています。受講生の方などに見て頂き、分かりづらい表現などがないかチェックして頂いています。質問の多い箇所は、あらかじめコラムなどでサポートしています。操作が複雑な箇所はサポートページに制作方法の解説動画を掲載しています。受講をご検討頂けると幸いです。グループにて質問にお答えしております。受け付けておりません。受講者の方に限り、書籍の内容に関するご質問にも1対1で詳しく回答しております。サポートページは、今後も積極的に情報を更新する予定です。何度かアクセスして頂けると幸いです。