- ここで全ての演習ファイルをダウンロードできます。
学習内容
- ウェブページ制作に必須のDreamweaver、イメージ画像や商品写真等の修整・加工に必須のPhotoshop、ロゴやインターフェースのパーツ制作に欠かせないIllustrator、これらWEBデザインに必要な3つのソフトウェアの基本的な使用法がわかります。
- [Dreamweaver]WEB制作がより向上したDreamweaver CC 2015の新しいUIを使いこなすことができる
- [Dreamweaver]レスポンシブWEBデザインの実装を簡単に行う事ができる
- [Dreamweaver]テキストの状態からマークアップし、cssスタイルパネルを活用し、コーディングの知識がそれほどなくとも、Web基準に沿ったまま直観的に作成を行うことができる。
- [Dreamweaver]テキストからマークアップ、レスポンシブWEBデザインの適用まで一貫して行う事ができる。
- [Photoshop]ウェブページに使用する、商品の写真やイメージ画像をより綺麗に補正、加工して使用することができるようになります。
- [Photoshop]写真の切り抜きや色補正、合成ができるようになります。
- [Photoshop]写真にテキストやオブジェクトを配置することができるようになります。
- [Photoshop]RAW画像編集ができるようになります。
- [Illustrator]ウェブページに使用するロゴやパーツを制作することができるようになります。
- [Illustrator]様々な形状のオブジェクトを配置・変形し、さらに複数のオブジェクトを合成することができるようになります。
- [Illustrator]鉛筆ツールや曲線ツールやパスツールを使って、自由な形状のオブジェクトを作ることができるようになります。また、ブラシツールの絵筆で手書き風のオブジェクトを作成したり、スプレー散布の表現などができるようになります。
- [Illustrator]文字を変形させたり、効果的なレイアウトができるようになります。
- [Illustrator]オブジェクトを立体的に押し出したり、オブジェクトの回転体を作り出すなど3D効果が使えるようになります。
講座内容
このコースは、現在公開中の3つのコース(誰でもわかる Adobe Dreamweaver CC 2015・誰でもわかる Adobe Photoshop CC 2015・誰でもわかる Adobe Illustrator CC 2015)をパックにしたものです。
●誰でもわかる Adobe Dreamweaver CC 2015
2015リリース版のAdobe Dreamweaver CCの基本的な利用方法を学習します。スマートフォンやタブレット向けにレスポンシブデザインの実装を行いながらDreamweaver CC 2015の便利な機能紹介、webページ作成の基礎を初心者の方に向け丁寧に解説しています。
3つのセクションで構成されます。
- ・基本的なマークアップの方法などを学びます。作成するサンプルサイトの完成例を確認し、Dreamweaverの画面構成を学習、HTMLの基本的な要素のマークアップ操作を行い、CSSの基礎を学んで、最後にDiv要素によるグループ化を行います。テキスト情報を保ったままロゴ画像をCSSで配置する方法など、テキストを意味づけ整理を行う事で効果的に閲覧者に伝える方法がわかります。
- ・セクション1で作成した要素に対し詳細にデザインを適用する方法を学びます。CSSスタイルパネルを活用しながら、IDを追加して基本的なデザインレイアウトを行っていく中で、IDと要素を組み合わせたセレクタの設定、floatに対しclearfix等を使ったレイアウト崩れの直し方等も学び、記述を短縮するCSSのショートハンド等のCSSが理解できます。
- ・デザインの仕上げを行い、スマートフォンやタブレットでも読みやすくなるように、レスポンシブデザインを実装します。画像をレスポンシブ化し、メディアクエリーのブレークポイントの追加を行い、タブレット用、スマートフォン用のスタイル設定を行っていきます。アップロードの際に便利なクロークの設定なども行います。
●誰でもわかる Adobe Photoshop CC 2015
2015リリース版のAdobe Photoshop CCの使い方を初心者の方を対象に解説しています。新しくなったPhotoshopに早く慣れたい人にも有効です。
3つのセクションで構成されます。
- ・Photoshopの画面の説明や、ファイルの開き方といった初歩的な操作から、デジタル画像の基本知識や範囲選択の方法などを学習します。
- ・レイヤーの仕組みと写真の色調を補正してより良く仕上げる方法を学習します。
- ・Raw画像の補正方法や、フィルターやレイヤー効果などの特殊な効果の設定方法、Web用画像を効率的に書き出す方法などを学習します。
●誰でもわかる Adobe Illustrator CC 2015
Adobe Illustrator CC 2015の使い方を初心者の方を対象に解説しています。新しくなったIllustratorに早く慣れたい人にも有効です。
3つのセクションで構成されます。
- ・画面構成や基本的な操作方法を学び、そのあと様々な形状のオブジェクトの配置して変形をしたり、複数オブジェクトの重なりや整列の方法、オブジェクトの合成方法について学びます。
- ・ペン、曲線、鉛筆ツールで自由な形状のオブジェクトの作成方法を学びます。さらにブラシツールによる豊富な絵筆の手書き表現や、スプレー散布の表現を学びます。そして文字の入力とレイアウト方法などについて学びます。
- ・写真を配置して切り抜き表示する方法、使用している色を効率的に管理する方法、アートワークに使用されている色を一括で変更する方法、オブジェクトを3D表示させる方法、入稿前のチェックに便利な機能について学びます。
<!>また、それぞれの映像内で使用されている演習ファイルがダウンロードできます。アプリケーションがインストールされているPCをお持ちの場合は、視聴しながら、あるいは視聴後に、実際のアプリケーションで操作してみましょう。
受講生が購入したその他のコース
講師のプロフィール

- 4.02 Calificación
- 7102 Estudiantes
- 69 Cursos
アテイン 株式会社
IT、ソフトウェア、ビジネス
様々なeラーニングコンテンツを15年以上制作販売しています。請負制作も含めると1000コンテンツを越えます。自社制作販売のeラーニングコンテンツは主にIT、開発、ソフトウェア、ビジネス知識などの動画教材です。自社スタジオと編集環境があるので、シナリオ、ナレーション、映像収録、編集まで全ての工程を自社内で完結しており、それが安定したクオリティに繋がっています。今後はさらに実務に役立つ教材の提供を考えています。












