我們本次使用破損的紙張形狀和紙張紋理來創作這個紙質文字效果,看上去像個有皮套的筆記本。最終結果將是一個矢量形狀,這樣你可以隨意拉伸到任意大小而不至于失真。希望這個字體設計PS教程會讓你熟悉常見的樣式操作和字體創意設計:)

PS教程:制作貼紙效果的創意字體

本教程所用到的素材及最終文件打包下載

【破損的紙張形狀+皮革圖案+紙張圖案+膠帶裝飾+污漬效果+最終文件】打包下載

具體的制作步驟如下:

第1步:
新建一個PSD文檔,輸入你想要的文字,這里我使用的是Impact字體。你可以根據自己的喜好來定義畫布與字體的尺寸。將文字圖層命名為紙文字1。

PS教程:制作貼紙效果的創意字體

第2步:
將紙文字1圖層復制一層,命名為紙文字2。回到紙文字1圖層,對其添加陰影,參數設置如下:

PS教程:制作貼紙效果的創意字體

將紙文字1圖層隱藏,點擊紙文字2圖層,右鍵點擊,將文本轉換為形狀。

PS教程:制作貼紙效果的創意字體

第3步:
使用路徑選擇工具選取所有字母形狀,點擊合并形狀組件(CS6版本,其他版本點擊合并按鈕),將所有形狀合并。將紙文字2圖層復制一層備用,命名為紙文字3。

PS教程:制作貼紙效果的創意字體

第4步:
接下來我們來創建撕裂的紙張效果,你需要下載這些破損的紙張形狀。安裝上之后,先用路徑選擇工具選擇文字2圖層中所有文字形狀,然后選擇自定義形狀工具,在畫布上右鍵點擊,在彈出的菜單中選擇合適形狀。

PS教程:制作貼紙效果的創意字體

將路徑操作設置為"與形狀區域相交",這樣所繪制的自定義形狀與文字形狀相交的區域會被保留,其他區域被隱藏。

PS教程:制作貼紙效果的創意字體
PS教程:制作貼紙效果的創意字體
PS教程:制作貼紙效果的創意字體

第5步:
為紙文字2圖層添加漸變疊加圖層樣式,參數設置如下圖:

PS教程:制作貼紙效果的創意字體

然后為其添加陰影。

PS教程:制作貼紙效果的創意字體

第6步:
利用備份的紙文字3圖層,使用相同的方式,為其添加撕裂的效果。

PS教程:制作貼紙效果的創意字體

再復制一層,命名為陰影層。將陰影層放到文字3圖層的下方。為陰影層添加漸變疊加。

PS教程:制作貼紙效果的創意字體

將陰影層柵格化,并執行濾鏡>模糊>高斯模糊。

PS教程:制作貼紙效果的創意字體

同樣為紙文字3圖層添加漸變疊加,按Ctrl+T,點擊右鍵選擇變形,調整好角度。

PS教程:制作貼紙效果的創意字體

將文字3圖層復制一層,命名為顏色圖層,將其填充設置為0,為其添加漸變疊加圖層樣式。

PS教程:制作貼紙效果的創意字體

第7步:
利用相同的方法在字母上部創建出撕紙的效果。

PS教程:制作貼紙效果的創意字體

第8步:
創建筆記本皮革圖層。先將文字形狀圖層復制一層,然后使用矩形工具將下部減去。

PS教程:制作貼紙效果的創意字體

為其添加圖層樣式。
先添加斜面和浮雕樣式。

PS教程:制作貼紙效果的創意字體

添加顏色疊加:

PS教程:制作貼紙效果的創意字體

添加圖案疊加,此處用到的是皮革圖案:

PS教程:制作貼紙效果的創意字體

添加投影:

PS教程:制作貼紙效果的創意字體

此時的結果:

PS教程:制作貼紙效果的創意字體

第9步:
為字母添加紙張圖案填充。

PS教程:制作貼紙效果的創意字體

第10步:
添加膠帶裝飾(這里用的是自定義形狀)。

PS教程:制作貼紙效果的創意字體

第11步:
添加污漬效果及紋理背景,并調整光感。最終效果圖。

PS教程:制作貼紙效果的創意字體

原文地址: www.pspsd.com
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。

【特色推薦】
設計講座:每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音(YY頻道:15335158)分享實戰經驗。
設計微博:擁有粉絲量27萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程:制作貼紙效果的創意字體

收藏 4
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。