頁首 （header） 區域包含 Logo，導航條，搜尋欄。為了做到井然有序，分別建立 3 個檔案用來放置 logo，導航條和搜尋欄的圖層檔案。製作一個基本形狀容納頁首裡的所有元素。選用矩形工具 （Rectangle Tool） 建立一個 960 畫素 x 50 畫素的矩形。可用任何顏色填充，因為稍後我們會對其應用圖層樣式。
應用圖層樣式
· 漸變疊加顏色：#353535， #505050
描邊顏色： #081010
Logo
Logo 字型選用 Helvetica Black，大小為 24pt 。
應用圖層樣式
· 投影 （顏色）： #000000
· 漸變疊加 （顏色）： #92b4b5， #ffffff
導航條
導航條包含連結和分割線。各個連結與左右的分割線保持 18 畫素的距離。導航條的位置離 Logo 標誌距離為 208 畫素，用標尺工具 （Ruler Tool） 進行定位。
用矩形選區工具 （Rectangular Marquee Tool） 在離 Logo 標誌 208 畫素處建立 1 畫素的矩形選區。接下來用漸變工具 （Gradient Tool） 選擇從前景色漸變到透明，前景色為 #4f4f4f，最後由下往上在該選區拉漸變色。
用直線工具 （Line Tool） 建立另外一條 1 畫素的直線，填充顏色為 #081010
連結與左右分割線的距離應為 18 畫素，連結的文字內容選用大小為 14pt 的 Helvetica Roman 字型。
在製作導航條時一定要注意連結與分割線之間的 18 畫素的距離。導航條連結內容有 world，business，sports，tech，web，science 。完成上述操作之後，複製文字層，將文字顏色改為 #1b1b1b，並上移 1 畫素。
餘下的空間用來放置搜尋欄。
搜尋欄
用圓角矩形工具 （Rounded Rectangle Tool） 建立一個半徑為 20 畫素的形狀，顏色為 #363636，放在圖示位置。
應用圖層樣式
· 內陰影 （顏色）： #4f4f4f
· 投影 （顏色）： #000000
最後一步新增搜尋圖示，變換成合適大小放在圖示位置。
