PS設計簡潔大方的網頁界面
- 2021-05-10 22:05:58
- 來源/作者:互聯網/佚名
- 己被圍觀次
今天,我將介紹如何創建一個干凈的網絡布局、一個漂亮的背景。開門見山,咱直接切入正題吧,菇涼帥哥們有興趣的話,可以打開PS跟著做喲。
如果成功出現了,那么使用相同的方式來繪制他的云。

第3步 – 頂部配飾繪制
添加logo。使用鋼筆工具(顏色#79a7db),勾畫出下面的圖形,使用直線工具繪制兩個白色線段。然后添加圖層樣式。
投影,混合模式為正片疊底,透明度46%,取消全局光,調整角度為140°,距離7px大小0。描邊,白色大小3px,位置內部,透明度55%,混合模式正常。確定

然后為兩條白線也應用相同的陰影。
添加文字(找個類似的字體吧)圖中使用 Ballpark 字體,然后添加陰影和漸變疊加。圖層樣式如下圖。

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

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

現在我們就來畫鳥和徽章。我們使用鋼筆工具,畫筆工具和橫排文字工具。如何,有詳細的繪制過程。
用自己的方式繪制出來也可以哦。

第4步 – 第一個分欄繪制
首先,創建一個區域框,我們將添加團隊成員的信息。使用矩形工具繪制一個480×425白色矩形,上下添加兩個灰線(這里可以使用剪切蒙版,不會的同學把尺寸對齊就好了),并添加一段文字 圖中字體為Delicious。為文字和白色矩形添加圖層樣式如圖
混合模式為正片疊底,透明度4%黑色,取消全局光角度42°,距離3px,大小0px。

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

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

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

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

好了,現在顯示剛才隱藏的圖層arrow,并提到副本那層上面。

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

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

現在創建三個街區,該工作室提供的服務的描述。在本節中,我們使用真棒圖標集,創造了由灰粉阿巴斯為WeGraphics,WAPP卷。2和WAPP卷。
記住:在這種情況下,導游是真正有用的,以填補圖標和文字部分。

???????
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:立體心形圖標制作
下一篇:PS手工制作精美的格子背景教程








