手繪字體是十分常見的字體設計方法,根據手繪的風格,應用範圍也比較廣泛。對於新手來說,此風格不太容易上手,需要設計者有一定的手繪基礎。以下的手繪海報字體教學由百圖記優秀練習者「梅根」製作。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0c4d8f4d-da47-419c-bb7e-753ea168d7db.jpg)
本教學主要透過三大步驟來詳細解讀手繪海報字體的設計過程,包括繪製草稿,拍照掃描,導入PS處理。下面就讓我們正式進入這篇教學。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/cea8943f-b544-44ff-b506-590d78b2d563.jpg)
教程步驟
前期工作準備好之後,就可以開始進入我們的創作啦~
我喜歡手繪海報字體是因為它很有獨特性,而且每個人的字跡都是獨一無二的,可能每次寫的效果還不太一樣,這恰好吻合了設計要求的原創性與靈活性。
在開始創作之前,要先想好文字內容(自由發揮的好處就是沒有太多的拘束,想到什麼好玩的詞或者也可以從日常生活中發現)。
接下來分享我的實戰案例
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0c4d8f4d-da47-419c-bb7e-753ea168d7db.jpg)
字體靈感說明:在炎炎夏日里,只想找個清涼的解暑勝地,圍繞著「清涼」這兩個字,可以腦力激盪出:水、水滴、冰、西瓜、游泳、游泳圈、清新等字眼。
確定好字體內容之後,就開始定字體的風格。夏日感覺就是比較活潑、熱情。有了方向之後,就開始動手做~
總結三大步驟:先畫好草稿圖初稿-其次拍照掃描-最後導入ps進行加工處理。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/19b504f4-26ce-4c90-ab60-c96515dcd0ea.jpg)
進入正題:先上一個草稿圖。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b713db13-8df1-459c-b6d4-4d5291b5b277.jpg)
創作想法:字體畫得相對圓潤飽滿些,顯得比較可愛活潑。再結合字體的字型,適當把一些筆畫替換成夏日的氣氛,比如“清”字的旁邊的三點水可以換成滴,“涼”字的兩點水替換成夏日必備的西瓜,這樣字體會顯得比較靈活,符合夏日氛圍。
草稿圖弄好之後,接下來就掃描進電腦裡面。這裡我選用的方法是利用手機一款掃描軟體進行拍攝掃描再傳送到電腦上。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/17875464-e44f-425e-8556-6daeee826b28.jpg)
裁切大小,調整好角度,點選確認會產生一張掃描圖。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/ef59f428-9f73-4f92-817a-f5c96fab8fb2.jpg)
得到掃描圖片,就可以導入ps裡。
Step1.導入ps裡
新建800*600px畫布,把圖片導入ps裡,調整適合的大小。我每次做字體的時候都會複製副本,以免出錯了,也能有備份。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/696e353c-4461-4d95-92fa-f088f7dc8a19.jpg)
Step 2.影像-調整-閥值
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d210db19-3927-43e6-8b78-bf3762e8190f.jpg)
大家可以依照自己的實際狀況,拖曳到適當的數值,讓字體對比更強,這一步是為了下一步的摳圖做準備。
Step 3.去除瑕疵
這時候會發現還是有一些多餘的筆畫瑕疵在旁邊,可以選擇用畫筆工具填滿#ffffff把瑕疵去掉。 (選用畫筆填滿是為了方便把白色背景整塊去掉)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/706e9fb6-1921-490b-8062-5413ec215fa5.jpg)
Step 4.去除白色背景
再複製一個圖層,選擇通道,我在這裡選擇的是藍色通道,複製一層藍通道,ctrl+左鍵點擊新複製的藍通道小窗口,這時會選取畫面裡的白色部分。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/90a6fe22-89ec-4b4c-a9f6-d2cf502c547e.jpg)
這時我們回到RGB圖層,再回到正常圖層介面,按delete鍵刪除白色背景,這時可以得到一個去掉白色背景的透明底圖。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2c850bf0-f84b-4501-956c-03294851fa03.jpg)
Step 5.鋪大色調
接下來開始為字體上色。首先想到夏天是熱情、活潑,所以字體主色調用#fc5e5e。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9b799b45-b165-43c8-9c60-36757dfc7753.jpg)
在字體下方一層新建圖層,運用畫筆工具進行描繪填滿。同上,西瓜皮色值#68c359。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/42dd1e1a-e479-4859-ae48-2027ff11bddd.jpg)
西瓜籽色值# fcea25。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/ab0a29c9-dede-4551-8459-d1717820540f.jpg)
填充後的效果如圖。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d1f2491b-6243-4186-a3e4-5ad48842d89b.jpg)
Step 6.背景色彩調整
我設定的場景是一個游泳池,所以背景填滿為藍色# 65cafe,再把字體顏色疊加為白色# ffffff。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/66ab78b3-d696-4343-8675-3a7377cfdffd.jpg)
Step 7. 加入泳圈元素
進行到這一步的時候,又有了一些新的想法,感覺還可以再加入一個游泳圈,於是就把清字左上角的一點替換成游泳圈。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/45af5471-12d2-4f64-946d-3a6dc4233659.jpg)
Step8. 調整畫面
由於手繪過程中,有些筆畫處理的不是特別的融洽,所以後期也適當的做了一些調整。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/da399015-4cc8-41dd-bad2-2d4e5a135d0e.jpg)
Step9.添加細節
字型細節調整好之後就開始加入投影、高光和輔助元素。
然後可以在字體的周邊做一些輔助的虛線描邊元素,色值#fc5e5e。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/dd36b04a-82d3-4fa7-8529-6ca11a92f8bf.jpg)
這樣畫面看起來更豐富。 Ps:必須是在字體下方新建圖層,進行填滿描繪。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/17633000-41a0-45e8-9560-63076927b249.jpg)
這時候字體已經形成了一種層次感,顯得比較飽滿豐厚。
Step10.水紋的材質添加。
現在看畫面還是有點單調,這時候我為背景添加一些水波紋的效果,從網路上搜尋了一些水波浪材質。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/75a450a3-0aa8-4a0a-a7f3-15e09e26795a.jpg)
找到材質後,放在藍色背景上一層,調整影像混合模式為柔光,調整不透明度為64%。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8ea96e5d-47d8-4af9-8dca-d264c8d2a9d3.jpg)
得出下圖效果。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/bf062dd5-fcfb-4fb1-b306-465a461a621b.jpg)
Step 11.為字體做浮現效果。
由於底層是水波紋,要讓字體看起來像是浮在水面上,這時候就把字體整體組合起來命名為字體上層,複製一組命名為字體投影,顏色疊加為#45a3d4。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/5e334cb6-6c33-4721-9cbc-371899ba7e23.jpg)
放在字體上層的下面,並進行錯位移開,調整到適當的位置。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d82a2092-cba1-4286-a6e2-80f72c15995e.jpg)
Step 12.添加雜色
最後整體蓋印圖層(快速鍵ctrl+alt+shift+e),然後在圖層中加入雜色質感,濾鏡-雜色-加入雜色。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/fb5f6ffc-8a94-4ef4-80c0-ac690325c1ef.jpg)
數值不用太大,大概3-5之間就可以,太大的話會影響畫面效果。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/57b54c36-d963-49db-8207-537cea63c985.jpg)
這樣畫面就大功告成啦,來看看最終效果~
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4d998fa6-361a-4b3a-b408-2f7616d0b48e.jpg)
本教學來自網絡,不做商業用途,只學習交流使用 , 如果有涉及版權問題,請及時聯繫刪除! ! ! (小編分享只為自己和大家學習所用!越努力,越幸運!)
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/PS-zi-ti-hai-bao-zhi-zuo-qing-liang-POP-wen-zi-hai-bao-tu-pian.html
评论列表(196条)
测试