Photoshop設(shè)計(jì)簡(jiǎn)潔大方干凈的網(wǎng)頁(yè)界面設(shè)計(jì)教程(2)_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:又一新免費(fèi)域名.co.vu注冊(cè)教程新手建站練練手不想投資太大,想找一免費(fèi)域名談何容易啊~著名的.co.cc等免費(fèi)域名也再國(guó)人強(qiáng)大的攻勢(shì)敗落了,而所謂的頂級(jí)域名tk也半死不活的,解析半天不生效,流量一大又
草稿上可以看出,我們將創(chuàng)建5個(gè)分欄,在這里我們將添加的內(nèi)容。
添加的第一層,這將是我們的背景,顏色#ededed。
在頁(yè)面頂部繪制一個(gè)矩形命名為top1(使用矩形柵格化的圖層(顏色#ededed),并添加雜色(濾鏡>雜色>添加雜色0.5 – 0.8;高斯分布和單色)。再次繪制矩形,顏色#cddcec),柵格化的形狀和添加雜色(濾鏡>雜色>添加雜色0.5 – 0.8;高斯分布和單色)。添加一個(gè)漸變疊加(柔光,54%,從黑到白的90%,角度和縮放75%)。
接下來(lái)添加矩形(U),在中間新建一個(gè)矩形(顏色為#608bb6,高度400像素左右),設(shè)置混合模式為顏色加深,并填充為75%,然后添加一個(gè)白色的描邊1像素(圖層樣式)。
最后的底部頁(yè)腳添加一個(gè)矩形形狀,使用相同的工具和色彩,但現(xiàn)在設(shè)置混合線性光,不透明度為70%。
下面的最終結(jié)果。
步驟2 – 背景
給我們的背景添加紋理。
添加一個(gè)新層(CTR + SHIFT + N),使用選框工具在畫(huà)布頂部添加一個(gè)1像素的白線。(仔細(xì)看下圖頂部有條白線)

現(xiàn)在打開(kāi)一個(gè)新的文檔12×1像素,背景層解鎖并隱藏它。放大到3200%(最大),添加一個(gè)新圖層,使用矩形選框工具添加兩個(gè)1×1像素的正方形,填充顏色為#FFF和其他#000,如下圖所示。然后選擇菜單>編輯>定義圖案。

我們制作了一個(gè)新的圖案效果即將使用(這也是一個(gè)制作樣式圖案方法哦)
回到我們的主要文件。創(chuàng)建一個(gè)新的圖層,用矩形選框工具繪制一個(gè)整個(gè)畫(huà)布那么大的選區(qū),填充前景色,設(shè)置填充為0%,然后添加圖層樣式里的圖案疊加。

現(xiàn)在是時(shí)候繪制云了!
您可以拉出5條輔助線(如圖,方法,菜單>視圖>新建參考線分別輸入位置84px – 186px – 600px的- 1014px – 1118px),以劃分工作區(qū),然后使用橢圓工具添加一些形狀(如圖),然后把這幾個(gè)形狀圖層都選中并編組。

復(fù)制這個(gè)組
并將復(fù)制出來(lái)的組轉(zhuǎn)化為智能對(duì)象(點(diǎn)組然后右鍵即可看到),添加雜色。
現(xiàn)在,你必須使用一個(gè)圖層蒙版隱藏超出部分的云(認(rèn)真看下面的方法):Ctrl +單擊“圖層top1”那個(gè)圖層縮覽圖(在“圖層”面板中),出現(xiàn)選區(qū),然后單擊選擇已經(jīng)添加雜色那個(gè)云的圖層,關(guān)鍵的一步,單擊添加矢量蒙版。
[img]/jzxy/UploadFiles_333/201303/20130318212842461.jpg[/img]
[img]/jzxy/UploadFiles_333/201303/20130318212842461.jpg[/img]
[img]/jzxy/UploadFiles_333/201303/20130318212842461.jpg[/img]
[img]/jzxy/UploadFiles_333/201303/20130318212842461.jpg[/img]
[img]/jzxy/UploadFiles_333/201303/20130318212842461.jpg[/img]

然后應(yīng)用下面的樣式。內(nèi)陰影:混合模式選擇疊加,白色,透明度55%,全局光角度120°,距離5大小0。
出現(xiàn)云的白色投影。
現(xiàn)在,我們畫(huà)個(gè)漂亮的云彩陰影。復(fù)制云那圖層,先清除圖層樣式,調(diào)整位置向右側(cè)下移低于原來(lái)的層,設(shè)置填充為0%,再添加下面的樣式。
分享:5天學(xué)會(huì)一種 web 開(kāi)發(fā)框架web framework層出不窮,特別是ruby/python,各有10+個(gè),php/java也是一大堆 根據(jù)我自己的經(jīng)驗(yàn)寫(xiě)了一個(gè)to do list,按照這個(gè)清單,一條一條的學(xué)習(xí),事半功倍,很快就能掌握 一
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 心流理論和設(shè)計(jì)
- 如何使網(wǎng)頁(yè)的字體和顏色更易閱讀
- 活動(dòng)網(wǎng)站設(shè)計(jì)點(diǎn)評(píng)之中南海盈月之約
- 李天宇:網(wǎng)絡(luò)公司錯(cuò)了 設(shè)計(jì)師也錯(cuò)了
- 關(guān)于超鏈接的三個(gè)問(wèn)題
- 科學(xué)與藝術(shù)兼顧的有效網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)
- 國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)談
- 視覺(jué)設(shè)計(jì)不只是圖形
- 釋疑交互設(shè)計(jì)師的幾個(gè)問(wèn)題
- 微軟中國(guó)校園協(xié)議:Office 2013專(zhuān)業(yè)版只需248元
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索Photoshop設(shè)計(jì)簡(jiǎn)潔大方干凈的網(wǎng)頁(yè)界面設(shè)計(jì)教程(2)
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-Photoshop設(shè)計(jì)簡(jiǎn)潔大方干凈的網(wǎng)頁(yè)界面設(shè)計(jì)教程(2)
。