Photoshopでデザインカンプを作成するにあたり、使い方や進め方を教えて頂ける方お願い致します。

初めまして。 現在web制作を勉強中の高杉と申します。 今までスクールのオンデマンド授業(録画視聴)にて勉強してきたのですが、 中々、上手く実際のオリジナルサイト制作に生かせず、進んでいない状況です。 今回、こちらのサイトにて、Photoshopを使ってデザインカンプ作成の 使い方や進め方を教えていただける方を探しております。 目的、依頼背景等につきましては、 下記に記載させていただきますので、目を通していただければ幸いです。 【目的】ポートフォリオに掲載する架空サイトを作成したい。 【依頼背景】Photoshopにてデザインカンプ作成の作り方を教えていただきたいです。 【追加情報】サイトマップ、ワイヤーフレームは既に作ったものがある為、それをベースにデザインカンプを作成していきたいです、 【注意点】今回はあくまでやり方等をビデオ通話等でお伺いしたいと考えております。 その為、代行での作業ではございません。 イメージとしては私が作業しながら、(画面共有致します)やり方や進め方を教えていただきたく感じになります。 また、今回はデザインカンプ作成の進め方でのご依頼となりますが、 最終目的としては、{ポートフォリオに掲載する架空サイトを作成したい。}という所になるため、 Dreamweaverでのコーディングやサイト制作自体の一連の流れ等も教えていただける方だと幸いです。 最後に予算等につきましては、 メールにてご相談させて頂ければと考えております。 何卒よろしくお願い申し上げます。