日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

Photoshop設計簡潔大方干凈的網頁界面設計教程(2)_網頁設計教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

推薦:又一新免費域名.co.vu注冊教程
新手建站練練手不想投資太大,想找一免費域名談何容易啊~著名的.co.cc等免費域名也再國人強大的攻勢敗落了,而所謂的頂級域名tk也半死不活的,解析半天不生效,流量一大又

草稿上可以看出,我們將創(chuàng)建5個分欄,在這里我們將添加的內容。

添加的第一層,這將是我們的背景,顏色#ededed。

在頁面頂部繪制一個矩形命名為top1(使用矩形柵格化的圖層(顏色#ededed),并添加雜色(濾鏡>雜色>添加雜色0.5 – 0.8;高斯分布和單色)。再次繪制矩形,顏色#cddcec),柵格化的形狀和添加雜色(濾鏡>雜色>添加雜色0.5 – 0.8;高斯分布和單色)。添加一個漸變疊加(柔光,54%,從黑到白的90%,角度和縮放75%)。

接下來添加矩形(U),在中間新建一個矩形(顏色為#608bb6,高度400像素左右),設置混合模式為顏色加深,并填充為75%,然后添加一個白色的描邊1像素(圖層樣式)。

最后的底部頁腳添加一個矩形形狀,使用相同的工具和色彩,但現(xiàn)在設置混合線性光,不透明度為70%。

下面的最終結果。

Photoshop設計簡潔大方的網頁界面,破洛洛 

步驟2 – 背景

給我們的背景添加紋理。

添加一個新層(CTR + SHIFT + N),使用選框工具在畫布頂部添加一個1像素的白線。(仔細看下圖頂部有條白線)

Photoshop設計簡潔大方的網頁界面,破洛洛

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

Photoshop設計簡潔大方的網頁界面,破洛洛

我們制作了一個新的圖案效果即將使用(這也是一個制作樣式圖案方法哦)

回到我們的主要文件。創(chuàng)建一個新的圖層,用矩形選框工具繪制一個整個畫布那么大的選區(qū),填充前景色,設置填充為0%,然后添加圖層樣式里的圖案疊加。

Photoshop設計簡潔大方的網頁界面,破洛洛

現(xiàn)在是時候繪制云了! 

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

Photoshop設計簡潔大方的網頁界面,破洛洛

復制這個組

并將復制出來的組轉化為智能對象(點組然后右鍵即可看到),添加雜色。

現(xiàn)在,你必須使用一個圖層蒙版隱藏超出部分的云(認真看下面的方法):Ctrl +單擊“圖層top1”那個圖層縮覽圖(在“圖層”面板中),出現(xiàn)選區(qū),然后單擊選擇已經添加雜色那個云的圖層,關鍵的一步,單擊添加矢量蒙版。

[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]

Photoshop設計簡潔大方的網頁界面,破洛洛

然后應用下面的樣式。內陰影:混合模式選擇疊加,白色,透明度55%,全局光角度120°,距離5大小0。

出現(xiàn)云的白色投影。

Photoshop設計簡潔大方的網頁界面,破洛洛 

現(xiàn)在,我們畫個漂亮的云彩陰影。復制云那圖層,先清除圖層樣式,調整位置向右側下移低于原來的層,設置填充為0%,再添加下面的樣式。

分享:5天學會一種 web 開發(fā)框架
web framework層出不窮,特別是ruby/python,各有10+個,php/java也是一大堆 根據我自己的經驗寫了一個to do list,按照這個清單,一條一條的學習,事半功倍,很快就能掌握 一

來源:模板無憂//所屬分類:網頁設計教程/更新時間:2013-04-16
相關網頁設計教程