PS簡(jiǎn)潔網(wǎng)頁(yè)美工教程

2022-12-26 11:35:11 來(lái)源/作者: / 己有:61人學(xué)習(xí)過(guò)

  21 現(xiàn)在我們開(kāi)始為特色區(qū)域圖片創(chuàng)建標(biāo)題和描述.選擇矩形工具(U)創(chuàng)建矩形大小為630px乘以 90px,顏色為#161718. 改變圖層不透明度為90% 命名為"title bg". 如下放置圖片.

  22 創(chuàng)建矩形630px乘以 1px顏色#命名為"title horizontal pne". 放到內(nèi)容的頂端命名為 "title bg" 層.

  23 根據(jù)以下所示,設(shè)置矩形內(nèi)的標(biāo)題和描述.

  標(biāo)題設(shè)置:

  字體: Arial, 顏色: #ffffff, 大小: 25pt自動(dòng)反鋸齒選項(xiàng): 銳利

  描述設(shè)置:

  字體: Arial, 顏色: #a4a4a4, 大小: 12pt自動(dòng)反鋸齒選項(xiàng): None

  創(chuàng)建"快速引用"部分

  24 創(chuàng)建另外一個(gè)組在 header組內(nèi),并且命名為"quick quote". 選擇橢圓形工具新建300px 乘以340px像素的矩形. 放置這個(gè)矩形到特色項(xiàng)目選區(qū)10px 的地方命名為"qq container".

  25 下一個(gè)步驟我們將會(huì)復(fù)制之前制作的另外一個(gè)圖層的樣式.進(jìn)入"navigation" 組, 右擊"hover"層, 選擇復(fù)制圖層樣式, 回到"qq container" 層,右擊選擇粘貼圖層樣式.

  26 選擇水平排版工具. 鍵入 "Quick Quote"在"qq container" 距離內(nèi)容層頂部和左邊 20px的地方. 設(shè)置字體為T(mén)rebuchet MS (或者其他web保險(xiǎn)字體) 顏色為白色(#ffffff) 反鋸齒選項(xiàng)設(shè)置為銳利. 我們將使用橢圓形工具創(chuàng)建表單. 選擇橢圓形工具,設(shè)置半徑為 3px. 然后新建兩個(gè)矩形大小為260px乘以 35px 顏色為白色 (#ffffff). 分別命名為 "field1"和"field2". 創(chuàng)建第三個(gè)矩形,大小為260px 乘以 75px 顏色為白色(#ffffff)命名為"field3". 使用文字工具分別寫(xiě)上各自標(biāo)簽.