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

WEBサイトの構築

Photoshop教室のレッスンノート

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

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

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

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

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

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

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

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

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

Photoshop情報

サイタのPhotoshop講師がブログを通して、Photoshop情報を発信。更新情報のチェックはこちらから!

twitter

Photoshopの先生

@PhotoshopCyta