久草资源网-久草资源网站-久草资源在线-久草资源在线播放-天天艹天天艹-天天艹夜夜

蒙狼科技logo
設(shè)為首頁(yè)| 聯(lián)系我們
咨詢熱線: 13917498722
  您的位置: 首頁(yè) > 網(wǎng)站資訊 > Photoshop網(wǎng)頁(yè)設(shè)計(jì)實(shí)例繪制干凈的網(wǎng)格(1)

Photoshop網(wǎng)頁(yè)設(shè)計(jì)實(shí)例繪制干凈的網(wǎng)格(1)

發(fā)布日期:2017/3/9

今天,我將介紹如何創(chuàng)建一個(gè)干凈的網(wǎng)絡(luò)布局、一個(gè)漂亮的背景。直言不諱,咱直接切入正題吧,菇?jīng)鰩浉鐐冇袗?ài)好的話,可以打開(kāi)PS跟著做喲。

開(kāi)始設(shè)置的文件

打開(kāi)一個(gè)新的文檔:外形尺寸1200×1640像素,分辨率為72像素/英寸。

我們要?jiǎng)?chuàng)建基本的背景層。簡(jiǎn)單的在草稿上勾畫出也許的布局與結(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è)置混合線性光,不透明度為70%。

下面的好終效果。

步驟2 – 背景

給我們的背景添加紋理。

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

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

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

回到我們的主要文件。創(chuàng)建一個(gè)新的圖層,用矩形選框工具繪制一個(gè)整個(gè)畫布那么大的選區(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)鍵的一步,單擊添加矢量蒙版。

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

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

現(xiàn)在,我們畫個(gè)漂亮的云彩陰影。復(fù)制云那圖層,先消滅圖層樣式,調(diào)整位置向右側(cè)下移低于原來(lái)的層,設(shè)置填充為0%,再添加下面的樣式。

漸變疊加,線性,混合模式正常,角度90°。

假如成功出現(xiàn)了,那么使用相同的體例來(lái)繪制他的云。

1 2 3 4 5下一頁(yè)




其他相關(guān)文章
  • 企業(yè)網(wǎng)站的首頁(yè)應(yīng)該如何設(shè)計(jì)
  • 六個(gè)基于Bootstrap的實(shí)用開(kāi)發(fā)教程和模板演示
  • 營(yíng)銷型企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)原則
  • 江湖開(kāi)發(fā)動(dòng)態(tài),看看你都錯(cuò)過(guò)了什么
  • 互聯(lián)網(wǎng)產(chǎn)品經(jīng)理實(shí)現(xiàn)產(chǎn)品需求而不是用戶
  • 網(wǎng)站改版注重事項(xiàng)




  • 企業(yè)網(wǎng)站后臺(tái)使用
    購(gòu)物網(wǎng)站后臺(tái)使用
    網(wǎng)站產(chǎn)品圖片的處理



    農(nóng)業(yè)銀行支付
    建設(shè)銀行支付
    郵政儲(chǔ)蓄銀行支付



    企業(yè)網(wǎng)站建設(shè)
    整站建設(shè)
    購(gòu)物網(wǎng)站



    企業(yè)網(wǎng)站建設(shè)建議
    注冊(cè)適合自己的域名
    什么是虛擬主機(jī)




    售前咨詢QQ: 838821345
    售后服務(wù)QQ: 464698733
    應(yīng)急手機(jī):13917498722


    微信掃一掃
    添加24小時(shí)微信客服


    郵箱:lang@MENGL.CN
    地址:上海寶山區(qū)城銀路555弄2號(hào)樓3樓
    ICP備案:滬ICP備12042844號(hào)-3
     滬公網(wǎng)安備:31011402002917號(hào)
    做網(wǎng)站 | 企業(yè)網(wǎng)站建設(shè) | 上海做網(wǎng)站 | 企業(yè)網(wǎng)站制作 | 做網(wǎng)站的公司 | 關(guān)于蒙狼 | 整站建設(shè) | 購(gòu)物網(wǎng)站 | 企業(yè)網(wǎng)絡(luò)營(yíng)銷 | 成功案例 | 加盟代理 | 在線訂單
    服務(wù)區(qū)域: 臨港新區(qū)做網(wǎng)站 徐匯做網(wǎng)站 閔行做網(wǎng)站 長(zhǎng)寧做網(wǎng)站 虹口做網(wǎng)站 黃浦做網(wǎng)站 盧灣做網(wǎng)站 靜安做網(wǎng)站 浦東做網(wǎng)站 楊浦做網(wǎng)站 普陀做網(wǎng)站 閘北做網(wǎng)站 寶山做網(wǎng)站 嘉定做網(wǎng)站 松江做網(wǎng)站 昆山做網(wǎng)站
    Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 www.jnjiaoyu.cn All Rights Reserved