九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
Photoshop設計藝術類網站模板教程

先看看效果圖:

我們使用950 x 1130px作為網頁設計文件尺寸,背景為黑色,用圓角矩形制作白色圖形,半徑設置為15px

如下圖我們完成的形狀是用于網站的頭部,放LOGO與導航文字的地方

現(xiàn)在為其添加圖層樣式

完成后的頭部形狀樣式如下

加入網站的域名文字與導航按鈕文字

我們只在右邊加入三個導航文字,為了使它們看上去不單調,我們?yōu)槊總€導航文字前添加發(fā)光小圖標,先制作一個3px的長線,隨后為其添加下面樣式,完成后復制三次

完成后如圖

用選區(qū)工具繪制選區(qū)

隨后新建圖層,填充白色,并設置不透明度為2%

在頭部區(qū)塊下再制作一個白色圓角矩形作為主要內容的導航文字區(qū)域

添加樣式

完成如圖

選中其中一半區(qū)域

新建圖層,并在選區(qū)中填充白色,設置不透明度為5%,加入導航按鈕文字,文字之間的線條是用兩條1px的直線,一深一淺,這樣看上去就有了凹槽效果,這在websbook.com之前的網站設計教程中多次出現(xiàn),這里不再詳細說明

我們?yōu)閷Ш桨粹o制作一個鼠標滑過效果,先用橢圓在新圖層上制作白色圓圈

用"濾鏡> 模糊>高斯模糊",設置參數(shù)為6~8,完成后裁剪掉導航部分,將剩余圓圈設置不透明度到23%

在導航圖層下新

使用如下樣式,使用放射漸變

上面的邊線漸變可根據(jù)下圖,完成后能出來如下圖樣子即可

配合網站本身的黑藍色色調使用對應的素材圖片,加入歡迎文字,藝術網站使用的圖片可以隨意行,本文我們只是為了迎合整個網站的色調風格選擇對應的圖片

上圖中右下角的按鈕樣式如下

用同樣的方法為網頁制作區(qū)塊

使用頂部效果文字與發(fā)光圖標

上面幾個區(qū)塊中第一個區(qū)塊我們將用來放圖片。所以我們?yōu)檫@個區(qū)塊中在劃出有個圓角矩形,并為其添加樣式

看到效果如下圖

將事先準備好的圖片放入其中,并使用黑色做橫條來放說明文字,黑色橫條不透明度設置為40%

另外一個區(qū)塊加入文字新聞等標題

為最后一個區(qū)塊加入圓角矩形,這里我們放入一張張小圖片

請注意我們整個網站的風格是圓角,所以圖片也盡量使用圓角來使整個網站風格統(tǒng)一

為了更有設計感,我們將圖片兩邊各弄出兩個圓曹

然后再其上加入兩個箭頭,此時之后可以用flash來替換

完成后最后來整體看下我們的設計網站

原文出處

推薦閱讀-Photoshop分類教程

PS入門教程 PS路徑教程 PS濾鏡教程 PS圖層教程 PS通道教程 PS畫筆筆刷

PS工具教程 PS創(chuàng)意制作 PS插畫制作 PS成簽制作 PS海報制作 PS壁紙制作

PS動畫制作 PS影樓后期 PS美容教程 PS美白教程 PS磨皮教程 PS清晰修復

PS調色教程 PS邊框紋飾 PS排字教程 PS字效教程 PS仿手繪 PS鼠繪教程

PS網頁元素 PS摳圖教程 PS圖片合成 PS非主流 PS視頻教程 PS軟件資源

本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
【ps設計】photoshop制作色彩豐富的網頁教程-PS設計網頁教程-網頁模板設計(轉)
用photoshop制作倒計時數(shù)字特效
如何使用photoshop制作簡單好看的UI按扭
講解ps路徑描邊的使用技巧_工具教程_photoshop教程
「ps教程」Photoshop繪制質感麥克風圖標
UI設計師必收!同行總結可即刻上手的iOS規(guī)范參考
更多類似文章 >>
生活服務
熱點新聞
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服