當前位置:米奇創意網>設計創意>設計教程>

Photoshop和Illustrator製作柔亮美妙的牛奶字設計

設計教程 閲讀(2.12W)

Photoshop和Illustrator製作柔亮美妙的牛奶字設計

這一課中,我將向你們展示我幾個月前在DeviantArt上看到的一個不錯的文字效果的製作,它結合了字母以及牛奶飛


濺的效果。在這篇課程中我們將使用到Photoshop和Illustrator,現在就開始吧~

想法很簡單,我要用一些原始照片和一個塊狀字體,而不是浪費時間去尋找所謂的完美字體,我決定用Illustrator去

創建。那麼第一步我將向大家展示如何創建字體,其他幾步就要在Photoshop中創作了,最後我會向大家展示如何組

合圖片。

步驟1

打開Illustrator,去視圖>顯示網格。然後選擇矩形工具(M)創建兩個正方形及長方形,如下圖。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第2張

步驟2

創建M,使用鋼筆工具(P)在遠離中心的兩個方格的位置上添加兩點。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第3張

步驟3

再添加兩點,把它們向上移兩個方格。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第4張

步驟4

現在在中心線上添加另一個點,然後把點向下移動一個方格。參照下圖。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第5張

步驟5

完成M後,再用鋼筆工具(P)添加三個新點,這次只移動中間。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第6張

步驟6

後幾個字母幾乎是用相同的方式做出來的,使用鋼筆工具(P)再使用我們做M時相同的技術做出下圖的效果。(這樣

MILK塊狀字就出現嘍~)

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第7張

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第8張

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第9張

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第10張

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第11張

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第12張

步驟7

打開Photoshop,創建一個新文檔,我使用的是1920×1200像素。然後複製並粘貼Illustrator中的字母。每個字體必須

在單獨的一層上。黑色的背景映襯出白色的字母。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第13張

步驟8

為了創建牛奶飛濺的效果我使用了一些原始照片。你可以從

下載第一張圖片。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第14張

步驟9

複製圖像,粘貼到文檔中。去編輯>變換>縮放,調整圖片使它合適M的寬度,用橡皮擦工具(E)擦除圖片底部的一些區域。再用圖章工具(S)塗去你所看到的杯子的部分,這麼做是為了隱藏杯子,只剩下牛奶這部分哦。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第15張

步驟10

用橡皮擦工具(E)擦去M的右上角,就成了下圖所示的效果。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第16張

步驟11

我們將給每個字母使用不同的圖片,這樣會顯得更有説服力。你也可以只使用一種,使用彎曲工具改變它的形狀。我

使用在“I”上的圖片是從下載的。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第17張

步驟12

在PS文檔中粘貼圖象,然後用魔棒工具(W)選擇黑色區域的圖像,刪除它。去編輯>變換>旋轉。使圖像符合”I”的寬

度。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第18張

步驟13

用矩形選框工具(M)刪除你能看到的杯子圖像的底部區域,然後選擇一個合適的部分,去編輯>變換>縮放。如下圖所示

拉伸這個區域,使用橡皮擦工具(E)中的軟筆刷刪除它的底部直到其與“I”有一個非常平穩的過渡。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第19張

步驟14

試着為每個字母尋找不同的圖像,我從Shutterstock中使用了一張圖片來修飾”L”,你可以從

下載它。然後重複我們

之前對每個字母所做的那樣使它與字母相配。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第20張

步驟15

對於”K”你可以從找到圖

像。

首先要做的就是將它轉換成灰度圖。去圖像>調整>去色。之後去圖像>調整>色階。增加黑色的輸入直到其幾乎與背景色相同,然後用魔棒工具(W)選擇背景,刪除圖象。去編輯>變換>縮放,縮放比例使它符合”K”的寬度,再使用橡皮工具(E)擦除某些區域的水花(如下圖)。提示:使用[ and ]可以增大或減小橡皮擦的大小,這是非常重要的——刪除區域使效果更為真實。試着去捕捉牛奶的流動軌跡。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第21張

步驟16

選擇”K”。使用橡皮擦工具(E)刪除字母的右上角。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第22張

步驟17

我們使用不同的圖像,它們之中會有一些色調的變化,如圖像“M”和“I”。為了使它們看起來更均勻,就去層>新的調整層>漸變映射。選擇反向,這樣看上去就一致了。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第23張

步驟18

加深整體的效果,複製這些圖像的一部分粘貼在文檔中做進一步的加深。我使用了步驟15中圖像的右上角。將它複製並粘貼在這個文檔中,然後到圖像>調整>降低飽和度以及圖像>調整>色階,增加黑色的輸入使背景變黑。之後去編輯>變換>縮放使它變大,去濾鏡>模糊>高斯模糊。調整數量為15。

Photoshop和Illustrator製作柔亮美妙的牛奶字設計 第24張

結論

點擊Control/Command + Alt + Shift + E合併所有層並創建一個新層。然後再去濾鏡>模糊>高斯模糊。使用數量為

10像素。之後改變混合模式為屏幕,不透明度為50%。LOGO的效果也可以這麼做噢。你可以添加更多的飛濺斑點或嘗試不同的顏色。這篇文章基本上教會了大家如何把牛奶飛濺與向量文字結合,讓它們看起來更加真實。我希望你喜歡這篇設計教程,如果你有任何建議請你及時告訴我。