photoshop-colorful-typography-effect-1

@大俠阿蒼?:今天的教程難度不大,考察同學們對鋼筆工具的使用和漸變色彩的敏感度,拿來練手加強基礎非常合適,而且完成效果也非常漂亮,素材已經打包好,馬克后記得學。

先來張最終效果圖:

jc20151202

熱身練習

1. 使用橢圓工具,選擇路徑選項,按住Shift鍵,畫一個圓形,直徑320px。

2. 選擇畫筆工具,調出畫筆面板(F5),設置參數。

新建一個圖層,保持畫筆工具選中的狀態,按Alt+Enter,描邊填充成功。

3. 選擇直接選擇工具(A),點擊兩個錨點之間的路徑,刪除。然后新建一個圖層,用深一點的顏色填充這個路徑。

4. 選擇鋼筆工具(P),在路徑上加兩個錨點,如圖所示。

使用直接選擇工具刪掉路徑兩端的兩個錨點,然后新建一個圖層,使用更深的顏色填充描邊,效果如下。

5. 按照如上的步驟,繼續添加錨點-刪除錨點-填充描邊,達到如下效果。

正式開始

1. 新建一個圖層1600*1200px,背景設置為#392354?–?#593b70的漸變。

使用橢圓工具畫一個圓,200px,去到路徑面板復制這個路徑。

然后我們要做一個字母C,使用鋼筆工具在路徑“圓副本”上加兩個錨點,然后刪除亮點之間的路徑,如下。

使用大小80px的畫筆,新建圖層填充這個路徑,如下。

選擇路徑“圓”,復制并向右平移,就成為了一個字母“O”。

新建圖層,填充描邊。

復制這個字母“O”。

然后來畫字母“L”,注意高度要和圓的直徑一樣。

2. 接下來就是處理每個字母,步驟參考準備工作。要注意別忘記新建圖層再給路徑填充描邊。處理路徑的時候,別忘記復制一個,因為之后還會用到原來的路徑。

然后添加顏色。選“C”圖層,添加圖層樣式,漸變色值為#ff0096?–?#c20049。

然后依次給每個圖層添加效果。色值從圖層2開始分別為:

圖層2:#ffd200?–?#e900ba

圖層3:#4a6d00?–?#b1d603

圖層4:#4a6d00?–?#eaf900

圖層5:#00dbef?–?#c8db00

分別在圖層2、3、4、5下新建一個圖層,用柔軟黑色筆刷加上投影效果,不透明度為50%。

選擇字母C的路徑,稍微縮小點,新建圖層,使用40px的筆刷填充路徑。添加漸變效果,色值為#fb3a7e?–?#442b5d,然后置于上面數第二層。

繼續縮小這個路徑,然后新建圖層-填充描邊-添加漸變(色值為#e80079?–?#ff6481),畫筆大小為20px。

然后將第一個縮小的圖形置于上面數第二個正常圖層下方,然后給兩個縮小的圖形分別添加投影。

這樣字母C就做好了,還有三個字母,加油吧!

3. 你可以按照教程里的形狀來做,也可以自己設計。使用和C一樣的漸變色值,以便保持顏色的統一。

步驟同上,不再贅述。

這里作者很任性,他不喜歡最上方的那小半個圓,那就刪掉吧。

接下來是第二個O。

接下來是最簡單的L。

4. ?終于完成四個字母了。下一步是用自由變換工具調整四個字母的位置和角度,如下圖。

接下來給字母添加高光。添加較短的路徑,填充15px的白色描邊,再加一個白色圓點。

給其他字母添加高光,可以適當的調整部分高光為疊加,并降低不透明度,效果如下。

5. 在字母周圍添加一些裝飾性的線段,使用和文字一樣的漸變。簡便方法是選擇想要的漸變圖層,右鍵-拷貝圖層樣式,然后點擊新圖層,右鍵-粘貼圖層樣式。

6. 前景色設置為#754a9,選擇多邊形工具,選擇形狀(這次不是路徑了),邊為3,勾選平滑拐角,在文字周圍添加些圓角三角形。

前景色改為白色,使用橢圓工具,在文字周圍添加些大大小小的圓形。

將這些圓,填充設置為0,應用如下圖層樣式。

然后給這些圓添加2.6px的高斯模糊。

7. 接下來是背景。

在背景層上方新建一個圖層,使用色值為#ff02ea的柔軟的大筆刷,在文字下方涂一涂。

混合模式改為柔光。

使用小的黑色的柔軟筆刷,給文字加上陰影效果。

混合模式改為柔光。

7. 在所有背景層的上方新建一個圖層,按一下D,將背景色改為默認的黑白,①濾鏡-渲染-云彩;②濾鏡-雜色-添加雜色,如下圖;③濾鏡-模糊-高斯模糊,如圖。然后混合模式改為顏色加深,不透明度為20%。

7. 選擇矩形工具,畫一個正方形,旋轉45度。選擇直接選擇工具,按住Alt?+?Shift拖動鼠標,就平行復制一個新的正方形了。然后繼續復制,達到如下效果。

7. 然后就添加一些點綴的花朵,并給它們添加投影,也可以稍微加點模糊效果?;ǘ渌夭模?a target="_blank" target="_blank">http://pan.baidu.com/s/1o6rhQP0

7. 最后一步。在頂層新建一個圖層,前景色為黑色,選擇漸變工具,選擇前景色到透明漸變,徑向漸變,反向,然后從畫布中心到邊緣拉漸變,混合模式為柔光。

恭喜你,大功告成啦!

給堅持下來的你,鼓掌?。?!

jc20151202

【這些PS教程的效果超酷炫】

會動的霓虹燈字效:
《PS+AI教程!手把手教你繪制酷炫多彩的動態霓虹燈字效》

你肯定看過但有可能不知道怎么做的效果:
《PS教程!教你打造超酷炫的德羅斯特效應》

一張震撼力Max的海報是怎么做出來的?
《PS教程!教你快速打造視覺沖擊力MAX的街舞大賽海報》

原文地址:design.tutsplus
譯者:@大俠阿蒼

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量106萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 4

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏