一、創作背景:
____畢業到現在,已有四年,一直感覺挺浮躁,靜不下心來。經過深思熟慮,暗自下定決心2016靜下心來回歸設計,2016,寧靜致遠!公司年假放的比較早,整個假期有二十幾天之久,決定春節不回家,在廣州宅在窩裡做設計,享受一個人的孤獨。有朋友問,難道我不想家嗎,呵呵,想想一大家人圍著餐桌吃團圓飯的情景,哪有不想家的人嘞…
____年假期間積攢了一些字體設計,都是娛樂性質的,純屬玩味,所以設計的比較隨性。 3月初整理好這段時間設計的字體發到站酷網,沒想到能夠被推薦到首頁,受到很多酷友的好評,在此向大家衷心的表示感謝!並有幸收到火星網的小編(雲卷雲舒)的邀請,讓寫一篇教程。所以也爽快答應了下來,特選“福”字的案例編寫一篇教程供感興趣的設計小伙伴們學習參考,希望大家喜歡!
二、廢話說的有點多了,現在開始進入正題!
1、首先我們一起來看看最終設計效果;↓
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/2c86f55a4e611fc291cfb8ade8d1c54b.jpg)
2、過程回顧:↓
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/0962a42fdbf945b27d581220047906f2.jpg)
↑這幅字體設計作品我使用的軟件是AI和PS,AI主要是做立體模型(圖1-4)ps主要是添加元素和效果(圖5-8),在PS過程中用到了手繪板。
三、打開軟件,開始ZAO起來!
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/694528508590966106ab0d9f663c83ba.jpg)
↑步驟1:選用筆劃較粗的黑體字體敲出“福”字,我使用的是方正大黑簡體。大家也可以嘗試自己設計一下字體的基礎筆劃;
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/defac0bf7e53051d4154405203d3be85.jpg)
↑步驟2:選中福字鼠標右鍵創建輪廓;
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/5475d2cadb30e46dc2ac663d2d442305.jpg)
↑步驟3:調節福字中“田”的描點,簡化字體;
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/231a0ac40900c3c05bd49c335d3f4dbd.jpg)
↑步驟4:將調節好的福字複製一層備份,更改顏色並執行效果→3D→凸出和斜角命令;
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/60ea94ce381dff199dc1da912fb5e5dc.jpg)
↑步驟5:調節角度、透視、凸出等參數,建議調節參數時勾選預覽,邊預覽邊調整參數,直到合適的角度。降低環境光參數可增強立體字的明暗對比,便於字效環節按照輪廓貼圖;
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/3e938522bed0a8b48eb1479b80383467.jpg)
↑步驟6:鎖定立體福字模型,將備份的福字填充淺色,並降低透明度(便於觀察描點重合),用直接選擇工具(A)調節描點,直到完全和立體福字模型重疊;
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/e867a4293869c384fe11b918967402fb.jpg)
↑步驟7:打開PS新建文件,將AI中製作好的兩個圖層拖拽到PS裡,使兩個圖層重貼;
![含宗-创意“福”字体设计教程](http://font2020.oss-cn-beijing.aliyuncs.com/zcool/618a2b2a5d15f52f321fd8653285deb5.jpg)
↑步驟8:將準備好的磚牆素材調入開始貼圖,貼圖時注意磚牆線條和福字輪廓透視的統一性,這樣更能融入進去;
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/Han%20Zongcreative%20Fu%20font%20design%20tutorial.html
评论列表(196条)
测试