1. <dd id="nlasp"></dd>

        <div id="nlasp"><tr id="nlasp"></tr></div>
        1. <em id="nlasp"></em>
          1. 當前位置: 首頁 > 設計教程 > 網頁設計教程 > 基本的網頁布局設計

            基本的網頁布局設計

            這篇教程主要是運用矩形選擇框工具(M),添加圖層樣式。難點可能在于創建那3個主題圖標,需要自己琢磨下。
            先看下結果圖:

            效果圖

             

            新建文檔:寬1200px,高1500px,背景層以顏色(#e9e3c9)填充。

            一、創建網頁頭部(head)
            1、新建圖層,選中矩形選擇框工具(M),在畫布頭部添加矩形,寬1200px,高度大約100px,并設置如下圖層樣式
            “漸變疊加”

            step1

             

            “描邊”
            step2


            頭部將會是這樣子:
            step3

             

            2、在頭部添加網站的標題,廣告語和Logo和一點公司簡介。大概布局是這樣的:
            step4

             

            對于標題Design.Studio,應用了如下樣式:
            “陰影”
            step5

             

            “漸變疊加”
            step6

            分享到: 
            打造一款酷黑導航條
            Photoshop制作絲帶紋理風格網頁導航

            熱門推薦

            体彩11选5开奖查询