ps網(wǎng)頁布局設計實例教程(2)

我們要使用縮放，鋼筆工具，橢圓工具，圓角矩形工具繪制一個賣萌，簡單的機器人。這里不多描述如何繪制這個機器人了，看圖吧。

把繪制成功的機器人群組，ctrl+鼠標點擊云層的縮略圖，再選中機器人的t添加一個圖層蒙版，目的是把他藏到云后面，蒙版的方式上面介紹過，重溫下吧。

現(xiàn)在我們就來畫鳥和徽章。我們使用鋼筆工具，畫筆工具和橫排文字工具。如何，有詳細的繪制過程。

用自己的方式繪制出來也可以哦。

第4步 – 第一個分欄繪制

首先，創(chuàng)建一個區(qū)域框，我們將添加團隊成員的信息。使用矩形工具繪制一個480×425白色矩形，上下添加兩個灰線(這里可以使用剪切蒙版，不會的同學把尺寸對齊就好了)，并添加一段文字 圖中字體為Delicious。為文字和白色矩形添加圖層樣式如圖

混合模式為正片疊底，透明度4%黑色，取消全局光角度42°，距離3px，大小0px。

接著來，在輔助線的幫助下，添加照片和資料，自己找圖占位吧。

下面是每個字體的樣式，尺寸，顏色

還記得上面我們繪制過相同的箭頭了么。同樣的方式，再繪制一個。用矩形工具，然后再輔助線的幫助下，創(chuàng)建一個矩形的形狀圖層arrow，添加錨點工具和直接選擇工具。

為他添加陰影。復制這個圖層得到arrow副本，這里你可以隱藏圖層arrow，設置顏色為#000，不透明度為5%。ctrl+t然后右鍵選擇變形徑，稍作調(diào)整，得到以下圖形。

好了，現(xiàn)在顯示剛才隱藏的圖層arrow，并提到副本那層上面。

使用橫排文字工具來創(chuàng)建一個“——–”字符串，你可以柵欄化和變形得到下面的效果，還添加了柔軟的陰影。(憑感覺吧)

最后添加文本(有點小投影哦)。

現(xiàn)在創(chuàng)建三個街區(qū)，該工作室提供的服務的描述。在本節(jié)中，我們使用真棒圖標集，創(chuàng)造了由灰粉阿巴斯為WeGraphics，WAPP卷。2和WAPP卷。

記�。涸谶@種情況下，導游是真正有用的，以填補圖標和文字部分。

添加三個“點”(一個不錯的陰影)，提高1px的白色陰影的文字，如下圖所示。

我們創(chuàng)建也是一個不錯的菜單，只需在下面的白框，它應該是在這一點上，清楚如何實現(xiàn)這個菜單。我們增加了一剛一柔內(nèi)陰影“箭頭”。

第5步 – 中間帶

中間的元素，我們的設計是一個內(nèi)容豐富的信息圖表中引入的一大功能區(qū)，其中包含一個口號。為了實現(xiàn)這一功能區(qū)，我們將創(chuàng)建5個自定義形狀使用鋼筆工具，像往常一樣，(我再次提醒的是，如果你是一個初學者，你可以閱讀入門：Photoshop的鋼筆工具，以了解更多有關如何使用這工具)。一起來看看究竟是什么樣的形狀，我們需要繪制(注：主要形狀和#798ea4為較深的形狀)，我們將使用#497287。