ps網(wǎng)頁布局設(shè)計(jì)實(shí)例教程(3)
怎么樣的風(fēng)格呢?好了,我們申請(qǐng)的“前端形狀相同的風(fēng)格,”你可以看到下面(的模式,我們要使用,是從舊紙上WeGraphics 模式)。
對(duì)于兩個(gè)小三角形,應(yīng)用以下樣式:
啟動(dòng)子添加的口號(hào)。
第6步 – 信息圖表
需要合成的我們的fictionary設(shè)計(jì)工作室的創(chuàng)作過程中加入少許的信息圖表新生兒從的想法。下面你可以看到大結(jié)局的結(jié)果(明顯的,它只是一個(gè)簡(jiǎn)單的例子,如何發(fā)展背后的一個(gè)項(xiàng)目,你可以描述一個(gè)創(chuàng)造性的過程)。
開始設(shè)計(jì)的兩個(gè)圓(按住Shift鍵畫一個(gè)完美的圓周,顏色為#3d3d3d)。設(shè)置,左側(cè)的形狀,填充為0%;合適的形狀,設(shè)置混合模式為亮光,填充為35%。添加樣式,如下所示(為圖案疊加為左側(cè)的形狀的形狀,除了它是相同的)。
需要注意的是左邊的圓圈中使用自定義的模式,我們可以采取的步驟2相同的技術(shù)來創(chuàng)建此模式。
使用橢圓工具(白色的小圓圈一次,然后把它復(fù)制到再次使用)和線工具(重量:3px的,顏色為#FFFFFF)設(shè)計(jì)圖在左側(cè)。集團(tuán)所有創(chuàng)建的形狀和線條,重復(fù)的組,將其轉(zhuǎn)換為智能對(duì)象,然后柵格化了。現(xiàn)在,您可以將樣式添加到該層。
使用鋼筆工具繪制一些標(biāo)簽(使用鮮艷的色彩:#d82f4c,#edcd59,4d85a2#598b3b),然后將它命名使用橫排文字工具,您可以申請(qǐng)一個(gè)的軟降shadwo到,標(biāo)簽和文字。
在正確的圈等三個(gè)圓圈,設(shè)置填充為20%,添加文字(你可以申請(qǐng)一個(gè)軟陰影的字符串),如圖所示。
現(xiàn)在,我們要隱藏超出部分的“設(shè)計(jì)”與“發(fā)展”界。正如已經(jīng)看到的,我們將使用圖層蒙版。
按Ctrl +單擊在“圖層”調(diào)板中的“創(chuàng)意”圓的形狀,然后去選擇>修改>擴(kuò)展的值設(shè)置為3個(gè)像素。
按Ctrl + Shift + I反選,然后將圖層蒙版的形狀命名為“設(shè)計(jì)”。
重復(fù)上述操作,創(chuàng)建一個(gè)新的選擇和擴(kuò)大它所示。您可以使用Ctrl + Shift +點(diǎn)擊,當(dāng)你需要添加矢量蒙版縮覽圖從兩個(gè)或兩個(gè)以上的選擇,通過點(diǎn)擊“設(shè)計(jì)”和“創(chuàng)意”的形狀,在這種情況下,我們創(chuàng)建了選擇。
按Ctrl + Shift + I反選,然后將圖層蒙版的形狀命名為“發(fā)展”。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- Photoshop
- 情非得已
- 設(shè)計(jì)
- 界面設(shè)計(jì)
- 網(wǎng)頁
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁模板,設(shè)計(jì)酒吧主題網(wǎng)頁模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁模板教程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁
- 網(wǎng)頁設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁設(shè)計(jì)的分割布局秘密
- ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁模板教程
- ps設(shè)計(jì)網(wǎng)頁視頻游戲界面
- ps黑色風(fēng)格網(wǎng)頁模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁模板
推薦教程
- Photoshop制作筆記本電子商務(wù)網(wǎng)站首頁模板
- PS設(shè)計(jì)Wordpress博客模版以及切片
- 用ps設(shè)計(jì)一個(gè)個(gè)人網(wǎng)站模板
- ps創(chuàng)建常見的網(wǎng)頁風(fēng)格教程系列一
- Photoshop制作網(wǎng)站首頁(5):添加Flash視頻
- photoshop與網(wǎng)頁布局設(shè)計(jì)的關(guān)系
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PS電子商務(wù)在線購(gòu)物網(wǎng)站美工教程
- photoshop制作博客網(wǎng)站模板實(shí)例教程