AI字體教程,設(shè)計西瓜主題文字教程

先看看最終效果:
AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

夏天來咯,今天給同學們來一發(fā)西瓜字效的教程,關(guān)鍵是西瓜紋理的繪制,下了很多功夫,教程中提及不少操作技巧,字體素材也打包微盤,蓄勢待發(fā),等你練手了。

譯者微信公眾號:六層樓那么高。歡迎關(guān)注呦

下面是教程中用到的素材:

    Endutt字體、FatC字體、Lard!字體、圓角腳本

打包下載:http://vdisk.weibo.com/lc/2uZbBupj6LPj2I5Fbf 密碼:C7NA

新建文件,大小:600*300px 單位:像素 顏色模式:RGB

編輯>首選項>常規(guī) 設(shè)置鍵盤增長量為1px 編輯>首選項>單位

如下圖中所示設(shè)置單位。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

制作字母形狀

Step 1

使用文字工具,設(shè)置文字數(shù)值下圖所示。打上“SAMPLE”,但是A 和L稍后再創(chuàng)建。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

創(chuàng)建字母A。使用星形工具,制作一個如下圖所示數(shù)值的倒三角形。打開變形面板,選擇180垂直翻轉(zhuǎn)。

使用直接選擇工具,選擇底部的錨點,使用鍵盤下移9px,使用錨點轉(zhuǎn)換工具(Shift+C)點擊錨點然后移動手柄。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

選擇點1,2。文件>腳本>圓角腳本 輸入調(diào)度為10的數(shù)值。這樣就得到兩個底部圓角。選擇點3,上移15像素;蛘咭部梢允褂 對象>變換>上移來完成這個操作,F(xiàn)在使用刪除錨點工具刪除4,5點。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 4

最后,使用轉(zhuǎn)換錨點工具制作頂部的小圓角

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 5

將上面制作的A移到她的位置上。制作一個橢圓41*99大小,代表L。最好給這些字母多個副本,后面會用到很多次。

A和E的顏色不一樣。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 6

使用矩形工具,在A字母上畫一個矩形無填充色。矩形的寬和A字母底部最大寬度對齊。使用添加錨點工具在矩形底部添加一個錨點,選中此錨點拖動與A字母底部對齊。使用轉(zhuǎn)換錨點工具將此點轉(zhuǎn)為平滑點。同樣使用這個工具轉(zhuǎn)化左右兩邊底部的錨點。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 7

到此,你的A字母應(yīng)如下圖所示,接下來,制作E字母。使用橢圓工具制作一個81像素圓,原型和E字母的左側(cè)應(yīng)該完美組合。

給上面創(chuàng)建的兩個形狀命名fakeA,fakeB 。復(fù)制一份備用。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 8

字母M,使用直線段工具在字母M上畫一條直線段。選擇字母M和這個直線段,在路徑查找器面板中選擇分割。取消組合(Ctrl+G),刪除掉小的形狀。使用直接選擇工具選擇圖示底部的錨點,然后向下移動兩個點。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 9

使用橢圓工具畫出如圖的三個圓,組合他們(Ctrl+G),復(fù)制并且圖層置于最前(Control+F),然后選擇字母M副本和這三個橢圓組合的副本,在路徑查找器面板中選擇交集,重命名新得到的圖層為FakeM

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 10

到現(xiàn)在,這些形狀已經(jīng)準備差不多了。用刪除錨點工具選擇如圖所示的錨點刪除它。就OK了

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

制作西瓜樣式

Step 1

選擇字母S,填充綠色。外觀面板中添加新填色,改變填充色為深一點的綠色。效果>路徑>偏移路徑。輸入-0.84px的偏移。這樣可以得到一條細邊。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

跟上一步一樣,添加第三個顏色填充層,填充淺粉色。效果>路徑>偏移路徑,輸入-2.4px的偏移量。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

添加新的填充色層,填充紅色漸變?nèi)缦聢D數(shù)值。再給一個—6.3px的偏移量。效果如圖所示

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 4

已經(jīng)算完成填充,現(xiàn)在還需要添加點描邊。選擇淺綠色的填充層的第一個描邊設(shè)置如下圖數(shù)值,效果>路徑>偏移路徑,輸入-2.8Px的偏移路徑。這一步是為了在深綠色旁邊得到一條細細淺綠色的邊,如果看不見你的描邊隨時調(diào)整偏移量。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 5

在外觀面板中,添加第二個描邊。選擇這個描邊,給一個-3.8px的偏移量。降低透明度60%.顏色不變。第二條描邊正好在第一個描邊旁邊。如果不在,你可以調(diào)整偏移量。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 6

添加第三層描邊,應(yīng)用-4.8px的偏移量,降低不透明度30%。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

保存和應(yīng)用西瓜樣式

Step 1

打開圖形樣式面板,外觀面板在旁邊。從外觀面板中,將剛創(chuàng)建的西瓜樣式拖到圖形樣式面包中。保存

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

選擇那些字母,應(yīng)用圖形樣式。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

選擇fakeA 和letterA,(至于最前)對象>剪貼蒙版>建立。在fakeM,letterM,fakeE和letterE上使用以上蒙版操作。如下圖操作所示。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

給果仁部分添加紋理

Step 1

使用鉛筆工具在 每個字母上畫一些圈圈。兩個到四個取決于字母的大小。圈圈最好可以覆蓋果仁區(qū)域。鉛筆數(shù)值設(shè)置如下圖

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

選擇上一步創(chuàng)建的所有路徑使用藝術(shù)筆刷描邊 “粉筆”。你可以在筆刷庫>藝術(shù)筆刷>藝術(shù)效果_粉筆。設(shè)置筆刷大小0.6pt.

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

選擇所有筆畫路徑,設(shè)置混合模式為疊加.

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 4

再次使用鉛筆工具如圖所示畫一些螺旋線,使用“ink spatter1”的畫筆來秒這些螺旋曲線。設(shè)置描邊大小為0.3pt.設(shè)置顏色為白色。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

你可以看到下面的設(shè)置。在外觀面板中雙擊描邊層打開描邊設(shè)置框,輸入以下數(shù)值。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 5

設(shè)置剛剛創(chuàng)建的紋理混合模式為濾色,不透明度30%

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

給果仁紋理添加剪貼蒙版

Step 1

在這一步,需要給那些筆刷紋理添加蒙版,清理干凈每個字母的邊緣。選擇字母S,對象>路徑>偏移路徑,使用-6px的偏移量,F(xiàn)在你得到了一個小一些的紅色果肉區(qū)域。將這個形狀至于最前(Ctrl+Shift+]),然后在外觀面板中點擊清楚外觀按鈕,清除掉所有填色和描邊。待會兒需要使用這個形狀來添加蒙版。

對字母P重復(fù)以上操作。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

在最開始的時候,我們對所有形狀復(fù)制了一遍。現(xiàn)在可以用這些副本了。選擇fakeA的副本。對象>路徑>偏移路勁 輸入-6px的偏移量。清除現(xiàn)存的外觀樣式。選擇letterA的一個副本選擇這兩個副本。在路徑查找器中點擊交集,你會得到一個果肉區(qū)的路徑如圖:

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

接下來字母也是同樣的操作,選擇fakeM便宜-6px.同時選中FakeM和letterM,然后移除樣式。保持圖層是選中狀態(tài),使用路徑查找器的交集按鈕。如下圖所示:

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 4

接下來的E字母同樣的操作

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 5

首先選擇剛剛修改后的那些路徑,置于最前。對象>排列>置于最前,選擇S,選擇果仁S和4個小圈一個羅圈路徑 對象>剪貼蒙版>建立。

重復(fù)上面的步驟,現(xiàn)在你的西瓜應(yīng)該入下圖所示:

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 6

選擇letterM 的另一個副本,將此圖層置于最后。直接選擇工具選擇如圖所示的錨點下移如圖

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

制作西瓜種子

Step 1:

制作一個16*16大小的圓,無填充色,黑色描邊。使用直接選擇工具,選擇頂部的錨點使用鍵盤上鍵上移8px,拖動兩邊的手柄,是他們短點。選擇左右兩邊的錨點使手柄更長一點。命名此圖層為”seed-shape”

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

選擇”seed-shape”層,對象>路徑>偏移路徑 輸入-2.5px的偏移量,得到一個更小的種子狀,網(wǎng)上移動一點點。命名為“seed-middle”然后選擇”seed-shape”輸入-5.5px的偏移量。命名為”seed-small”。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

使用漸變填充上面的路徑。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 4

選擇”seed-shape” 復(fù)制粘貼最前.使用剪刀工具點擊如圖所示的兩點,剪開路徑。刪除上半部分的路徑,給下半部路徑秒白色的邊,使用混合藝術(shù)筆刷“白色混合藝術(shù)筆刷_細”,此筆刷在我另一個教程“創(chuàng)建多用途混合筆刷”中有介紹。設(shè)置描邊大小0.25pt,不透明度80%。完成后,選擇這個路徑 對象>擴展外觀。選擇此種子上的所有圖層,組合(Ctrl+G)。命名為seed1

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 5

復(fù)制seed1,選擇seed-small路徑。然后將它移到左邊,改變中間路徑的漸變。選擇組,在擴展筆刷描邊之后降低這個描邊的透明度50%。,因為不希望素有種子看起來都一個亮度。這個組命名為seed2

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 6

選擇seed2 對象>變換>縮放,輸入22%,勾選復(fù)制。這樣我們得到了第三個種子,選擇此組的seed-middle,換掉漸變,選擇seed-small路徑將漸變換成白色填充。其他保持不變。名叫seed3

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 7

遺憾的是我們不能將帶有漸變填充的圖形存成筆刷。但還是有辦法的。復(fù)制seed1,將此組的三個路徑都換成填充色如圖,F(xiàn)在選擇新的種子,拖動到筆刷面板存儲為離散種子筆刷。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

在西瓜人上添加種子

Step 1

選擇第一個字母S,使用橢圓工具畫一橢圓,使用剛剛創(chuàng)建的種子筆刷描邊,雙擊筆刷 描邊打開筆刷選項窗口,你可以嘗試不同值,但需要沿著路徑轉(zhuǎn)動。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

在字母M上畫兩條路徑,使用種子筆刷描邊,單開選項卡設(shè)置一下。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

繼續(xù)字母P,使用橢圓工具,使用同樣的描邊。不要擔心重疊的種子,因為你待會兒可以刪掉他們。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 4

字母E

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 5

到目前為止你的西瓜應(yīng)該入下圖所示,如果你對系改裝不滿意,可以對剛剛創(chuàng)建的所有描邊路徑 對象>擴展對象。這樣就可以調(diào)整每個種子了。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 6

現(xiàn)在你需要對種子重新著色,選擇seed1,直接選擇工具選擇一個綠色形狀然后 選擇>相同>填充色,F(xiàn)在所有的綠色形狀都選中了。選擇吸管工具,使用它從原始圖層復(fù)制漸變。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 7

選擇紫色部分,用同樣的辦法選擇全部的紫色形狀,然后改變所有的漸變。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 8

對于黃色區(qū)域重復(fù)以上操作。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

添加剩下的種子

Step 1

還記得之前創(chuàng)建的seed1,seed2,seed3嗎?你可以添加一些seed2和seed3來使西瓜更自然疊加一些seed2和seed3放置一些。降低不透明度50%-70%,下面有些例子可以參照。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

在A的頂部放置一些seed1.然后再放置少量seed2,seed3。不透明度調(diào)成70%.

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

選擇字母M,E,重復(fù)以上操作。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn
AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 4

最終你的西瓜字應(yīng)該看起來是這樣的。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

創(chuàng)建字母L的外觀

Step 1

三步就能完成此操作。選擇橢圓工具,填充放射狀漸變,然后用鋼筆工具畫三條路徑如圖。,使用藝術(shù)筆刷來描邊這個路徑,“brush1”設(shè)置大小“0.25Pt”.

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

選擇這三個路徑,對象>擴展外觀, 效果>扭曲和變形>粗糙,輸入如圖所示的數(shù)值,再次選擇擴展外觀,然后填充漸變?nèi)鐖D。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 3

將橢圓形狀復(fù)制,置于最前(Ctrl+F)或者通過對象>排列>置于最前(shift+Ctrl+})去掉漸變填充。選擇三條花紋和橢圓路徑副本 對象>創(chuàng)建剪貼蒙版>建立(ctrl+7) 到此字母L算是差不多了。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

添加高光

Step 1

使用鋼筆工具在在西瓜的邊緣畫一些路徑。我畫了四條,你可以多條,隨意。使用混合藝術(shù)筆刷>白色混合藝術(shù)筆刷100*3筆刷,設(shè)置筆刷大小0.5pt,降低不透明度75%。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

制作果汁滴

Step 1

創(chuàng)建一個和seed-shape相似的橢圓,填充漸變,角度50.設(shè)置混合模式color burn。復(fù)制此圖層至于最前,網(wǎng)左上角移動。用黑白漸變填充,混合模式為綠色。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

使用鋼筆工具在果汁滴左上角畫一條路徑,使用之前使用的藝術(shù)筆刷設(shè)置0.5pt大小描邊。選擇擴展外觀,Ctrl+G 組合果汁滴,復(fù)制一份。像下圖中所示那樣排列。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

制作背景

Step 1

首先創(chuàng)建一個矩形,命名為“background“,放射漸變,色值如下圖。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

Step 2

復(fù)制粘貼置于最前,效果>扭曲>玻璃,設(shè)置數(shù)值如下圖,混合模式為正片疊底,40%不透明度。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

添加陰影

在這一步,你需要復(fù)制一份字母路徑。置于最后,對象>排列>置于最后(Shift+Ctrl+[).移除現(xiàn)有的外觀 ,效果>風格化>投影。如下圖所示的設(shè)置。

AI字體教程,設(shè)計西瓜主題文字教程_www.theoat.com.cn

恭喜,你完成了!

希望從此教程中你能學到很多有用的知識和技巧。

全教程完,學完記得交作業(yè)。如果本教程對您有所幫助,請推薦給你的朋友。

學習 · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學更多的同學,可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    幸運小以 說: 頂
    劍鋒之下取首級 說: 頂
    狼月2001 說: 頂
    lord妖童 說: 頂
    季韻之魚 說: 頂
    單純的高傲 說: 頂
    拳拳王子 說: 頂
    笑容最美 說: 頂
    吾葉猶鳴 說: 頂
    玉人素手刺鴛鴦 說: 頂
    銀白色月牙i 說: 頂
    溫暖993 說: 頂
    折翼天使斜著飛 說: 頂頂
    _Adream 說: 145003c8bkdbagavakm5ms.png