Web・デザインスクールPhotoshop教室レッスンノート WEBサイトの構築

WEBサイトの構築

Photoshop教室のレッスンノート

レッスンノートって?レッスンノートって?

本日もレッスンお疲れさまでございました!
長い時間でしたのでお疲れではないでしょうか?おやつをいただきながらのレッスンでしたね^^

【PhotoshopでのWEBサイトの構築】
色々なやり方があると思いますが、今回はPhotoshop上でHTMLに組み込んで「表示された状態」をイメージ
して作成する方法を行っていきました。

最終的には全てのパーツを切り抜き、バラバラにしてHTMLに組み込む作業となります。
まずはどのようなレイアウトにするかイメージし、ラフを作っていきます。

画像の拡大縮小はご注意ください。
画像が粗れるため、小さいものを大きくするのはタブーとなります。

【本日使用したショートカットコマンドたちです】
⌘+D=選択範囲(点々が出ている場所です)の解除
⌘+T=オブジェクトの選択
⌘+delete=描写色の「表」の塗りつぶし
option+delete=描写色の「裏」の塗りつぶし
option+レイヤーをドラック=レイヤーの複製

メインのjsを使用する部分は、写真だけでなく打ち出したい文言を入れると、ユーザーに効果的にアピールすることができます。
このレッスンノートを書いたコーチ

ゲーム・アニメ系が得意!未経験でもプロが実務レベルまで優しくサポート

Photoshop教室
水島いずな (Photoshop)

川崎・横浜・恵比寿・渋谷・新宿・武蔵小杉・武蔵中原・溝の口・登戸・鶴見・東神奈川・大...

レッスンノート ページ先頭へ