2023-10-19 分類(lèi): 網(wǎng)站建設(shè)
今天,我將介紹如何創(chuàng)建一個(gè)干凈的網(wǎng)絡(luò)布局、一個(gè)漂亮的背景。直言不諱,咱直接切入正題吧,菇?jīng)鰩浉鐐冇袗?ài)好的話(huà),可以打開(kāi)PS跟著做喲。
開(kāi)始設(shè)置的文件
打開(kāi)一個(gè)新的文檔:外形尺寸1200×1640像素,分辨率為72像素/英寸。
我們要?jiǎng)?chuàng)建基本的背景層。簡(jiǎn)單的在草稿上勾畫(huà)出也許的布局與結(jié)構(gòu),可以看出頁(yè)面好終的雛形,不過(guò)
在設(shè)計(jì)過(guò)程中,我們可能會(huì)添加新的元素。
草稿上可以看出,我們將創(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è)置混合線(xiàn)性光,不透明度為70%。
下面的好終效果。
步驟2 – 背景
給我們的背景添加紋理。
添加一個(gè)新層(CTR + SHIFT + N),使用選框工具在畫(huà)布頂部添加一個(gè)1像素的白線(xiàn)。(細(xì)心看下圖頂部有條白線(xiàn))
現(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條輔助線(xiàn)(如圖,方法,菜單>視圖>新建參考線(xiàn)分別輸入位置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)鍵的一步,單擊添加矢量蒙版。
然后應(yīng)用下面的樣式。內(nèi)陰影:混合模式選擇疊加,白色,透明度55%,全局光角度120°,距離5大小0。
出現(xiàn)云的白色投影。
現(xiàn)在,我們畫(huà)個(gè)漂亮的云彩陰影。復(fù)制云那圖層,先消滅圖層樣式,調(diào)整位置向右側(cè)下移低于原來(lái)的層,設(shè)置填充為0%,再添加下面的樣式。
漸變疊加,線(xiàn)性,混合模式正常,角度90°。
假如成功出現(xiàn)了,那么使用相同的體例來(lái)繪制他的云。
1 2 3 4 5下一頁(yè) |
分享文章:Photoshop網(wǎng)頁(yè)設(shè)計(jì)實(shí)例繪制干凈的網(wǎng)格(1)
本文來(lái)源:http://www.rwnh.cn/news29/286879.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、軟件開(kāi)發(fā)、響應(yīng)式網(wǎng)站、企業(yè)建站、面包屑導(dǎo)航、動(dòng)態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容