我們本次使用破損的紙張形狀和紙張紋理來創作這個紙質文字效果,看上去像個有皮套的筆記本。最終結果將是一個矢量形狀,這樣你可以隨意拉伸到任意大小而不至于失真。希望這個字體設計的PS教程會讓你熟悉常見的樣式操作和字體創意設計:)
本教程所用到的素材及最終文件打包下載
【破損的紙張形狀+皮革圖案+紙張圖案+膠帶裝飾+污漬效果+最終文件】打包下載
具體的制作步驟如下:
第1步:
新建一個PSD文檔,輸入你想要的文字,這里我使用的是Impact字體。你可以根據自己的喜好來定義畫布與字體的尺寸。將文字圖層命名為紙文字1。
第2步:
將紙文字1圖層復制一層,命名為紙文字2。回到紙文字1圖層,對其添加陰影,參數設置如下:
將紙文字1圖層隱藏,點擊紙文字2圖層,右鍵點擊,將文本轉換為形狀。
第3步:
使用路徑選擇工具選取所有字母形狀,點擊合并形狀組件(CS6版本,其他版本點擊合并按鈕),將所有形狀合并。將紙文字2圖層復制一層備用,命名為紙文字3。
第4步:
接下來我們來創建撕裂的紙張效果,你需要下載這些破損的紙張形狀。安裝上之后,先用路徑選擇工具選擇文字2圖層中所有文字形狀,然后選擇自定義形狀工具,在畫布上右鍵點擊,在彈出的菜單中選擇合適形狀。
將路徑操作設置為"與形狀區域相交",這樣所繪制的自定義形狀與文字形狀相交的區域會被保留,其他區域被隱藏。
第5步:
為紙文字2圖層添加漸變疊加圖層樣式,參數設置如下圖:
然后為其添加陰影。
第6步:
利用備份的紙文字3圖層,使用相同的方式,為其添加撕裂的效果。
再復制一層,命名為陰影層。將陰影層放到文字3圖層的下方。為陰影層添加漸變疊加。
將陰影層柵格化,并執行濾鏡>模糊>高斯模糊。
同樣為紙文字3圖層添加漸變疊加,按Ctrl+T,點擊右鍵選擇變形,調整好角度。
將文字3圖層復制一層,命名為顏色圖層,將其填充設置為0,為其添加漸變疊加圖層樣式。
第7步:
利用相同的方法在字母上部創建出撕紙的效果。
第8步:
創建筆記本皮革圖層。先將文字形狀圖層復制一層,然后使用矩形工具將下部減去。
為其添加圖層樣式。
先添加斜面和浮雕樣式。
添加顏色疊加:
添加圖案疊加,此處用到的是皮革圖案:
添加投影:
此時的結果:
第9步:
為字母添加紙張圖案填充。
第10步:
添加膠帶裝飾(這里用的是自定義形狀)。
第11步:
添加污漬效果及紋理背景,并調整光感。最終效果圖。
原文地址: www.pspsd.com
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座:每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音(YY頻道:15335158)分享實戰經驗。
設計微博:擁有粉絲量27萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 4 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓