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