當前位置:
首頁 > 最新 > 打造質感炫彩水晶字效!

打造質感炫彩水晶字效!

這個教程難度不大,考察同學們對鋼筆工具的使用和漸變色彩的敏感度,拿來練手加強基礎非常合適,而且完成效果也非常漂亮

先來張最終效果圖:

熱身練習

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. 然後就添加一些點綴的花朵,並給它們添加投影,也可以稍微加點模糊效果。

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

恭喜你,大功告成啦!

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

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


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 美工教程 的精彩文章:

TAG:美工教程 |