如何使用Adobe Illustrator打造京東618炫酷字體效果

軟件 Illustrator Adobe 電子商務 UI小志 2017-06-14

嗯,說在前面,在6月初的時候,就經常在地鐵站裡見到京東618的廣告。就那麼簡簡單單的幾個字,但給我的印象特別的深。然後我看到了一個教程,喬幫主的(UI幫,一個培訓機構,但也有一些免費的課程),就是教大家使用AI來製作這個效果的,但是我等了好多天,也沒在頭條上找到這個教程(他們好像只有網站和微信有這個教程,然後只有網站上能看),所以憋了這麼多天,我決定給搬過來。

還是先看看效果吧。

如何使用Adobe Illustrator打造京東618炫酷字體效果

百度上找的圖

嗯,簡單說一下製作的方法吧,這種色彩呢,其實是用藝術畫筆做出來的,然後字也不是直接打出來的,而是一筆一劃勾出來的。

那麼,廢話不多說,開始我們的表演:

首先,還是新建一個文檔。(大小可以自己根據喜好調)

如何使用Adobe Illustrator打造京東618炫酷字體效果

然後我們選定幾個顏色作為藝術畫筆的顏色。(這裡選5個顏色,自己隨便選的,給大家安利一個色彩網站:http://www.vanschneider.com/colors/)

如何使用Adobe Illustrator打造京東618炫酷字體效果

然後我們開始製作藝術字。使用直線工具(\)畫一條直線,然後按如下設置。

如何使用Adobe Illustrator打造京東618炫酷字體效果

接著複製它。編組。

如何使用Adobe Illustrator打造京東618炫酷字體效果

然後我們複製這個編組的,改變它的顏色。

如何使用Adobe Illustrator打造京東618炫酷字體效果

然後組合它們。(哈哈,隨便選的幾個顏色,可能不怎麼好看啊)

如何使用Adobe Illustrator打造京東618炫酷字體效果

然後如果我們要寫一個7的畫,怎麼寫呢。首先用鋼筆工具勾一個“7”出來,然後填充這個畫筆。

如何使用Adobe Illustrator打造京東618炫酷字體效果

如何使用Adobe Illustrator打造京東618炫酷字體效果

其他的數字也這樣做,然後我們再來說一下“0”怎麼做的。

先使用橢圓工具畫個圓,然後按如下設置。

如何使用Adobe Illustrator打造京東618炫酷字體效果

如何使用Adobe Illustrator打造京東618炫酷字體效果

然後使用旋轉工具(R),選中一箇中心點,旋轉-45°,多旋轉幾次。

如何使用Adobe Illustrator打造京東618炫酷字體效果

然後畫兩個圓,一大一小,蓋住我們需要的圓環位置,減去頂層得到一個圓環,然後建立剪切蒙版。

如何使用Adobe Illustrator打造京東618炫酷字體效果

如何使用Adobe Illustrator打造京東618炫酷字體效果

如何使用Adobe Illustrator打造京東618炫酷字體效果

如何使用Adobe Illustrator打造京東618炫酷字體效果

嗯,我們的“0”也就做好了。

下面的就靠大家發揮了,顏色沒有搭配好,大家湊合著看啊,如果看不下去,可以去看看喬幫主的視頻教程。(http://www.uibang.cn/app/watch/468/1)

然後下面是我自己弄的兩個。

如何使用Adobe Illustrator打造京東618炫酷字體效果

如何使用Adobe Illustrator打造京東618炫酷字體效果

好了,本期就到這了。嗯,圖畫的不好,大家知道思路是怎麼樣的就可以啦。

相關推薦

推薦中...