• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS文字特效 】Photoshop製作夏季水花裝飾的動感藝術字教程




    Photoshop製作夏季水花裝飾的動感藝術字教程

    這一次的教學是屬於PS教程領域中的文字特效的相關教學。

    文章出處是來自Ifeiwu的PS教程類文章,寫教學的作者是飛屋睿,感謝飛屋睿提供文字特效的實作教學。

    教學大綱:

    本教程主要使用Photoshop製作夏季水花裝飾的動感藝術字教程,這種字體的效果在夏季一些海報設計中非常的常見,今天我們就一起來學習這個教程吧。希望思緣的朋友可以通過教程更好學習水花字體的繪製過程。


    文字特效教學開始

    有時候,我們需要一些激爽的視覺體驗,這時就可以利用水花的造型來製作出這類視覺效果。利用PS中的置換濾鏡,其實就可以很輕鬆做到這點。將文字融入環境細節中,這一點相信是設計師都想要擁有的魔法。

    通過本教程思緣的朋友將學會如何製作質感較強的文字,如何運用PS中的置換濾鏡對特定場景進行處理,表現出水花飛濺的動感效果,然後也可以學習夏季主題字體設計中的搭配元素。下面就和思緣的朋友一起來學習吧。

    先看看效果圖

    Photoshop製作夏季水花裝飾的動感藝術字教程

    製作文字

    文字的造型可以是扁平,也可以通過PS中製造出實體的質感。比如我在此就從製作一個具有質感的文字開始演示。

    STEP 01

    打開PS,新建一個1088*860的文檔,在這個文檔中央寫上你要表達的文字。文字的字體,我在這裡選用的是 NEXA Bold,文字不要太細,否則效果很難表現出來。文字的顏色可以隨意,因為接下來我們會繼續為圖層增加顏色填充。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 02

    在這個文字圖層上設定不同的圖層樣式。這一過程中好好體會每種不同的圖層樣式中參數的特點。尤其是初學者,要注意一些微妙的變化,先在大腦中設定出最終要的效果的大概樣式,然後就通過不同的參數進行調整,逐漸往這個方向靠攏。

    先讓我們為文字增加【圖案疊加】,圖案疊加中選中的為斜線的圖案,將其的透明度降至30%,縮放到50%,這是為了讓文字的圖案顯得若隱若現。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 03

    繼續添加【斜面與浮雕】的圖層樣式,這個圖層樣式是營造立體感的關鍵。很多人以前問我應該怎樣去調整這些參數,有沒有規律?我的答案是,規律是有,但是總結起來比較難,如果是初學即使總結了,你看過了也未必能明白,不如長期操練,從實踐中自己去獲得其中的微妙的體驗。

    這裡我把我的參數公布給大家。

    斜面與浮雕的參數面板:

    Photoshop製作夏季水花裝飾的動感藝術字教程

    注意斜面與浮雕的二級目錄中還有等高線和紋理,這兩個面板中的參數也可以適當做出調整。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 04

    接下來進入到【內陰影】和【內發光】的圖層樣式,對這兩個樣式的理解也非常簡單,一個負責陰影部分,一個負責高光的部分,這會加深整體造型的立體感。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 05

    最後添加的【光澤】和【顏色疊加】則是將對象外觀做的又一次升級打造。光澤針對的還是光線中的視覺效果,而顏色疊加則再次選定了文字本身的色彩,這裡我將色彩設置為粉色。我們可以看看經過一系列調整后的效果:

    Photoshop製作夏季水花裝飾的動感藝術字教程

    Photoshop製作夏季水花裝飾的動感藝術字教程

    水花中的激爽效果

    將以上所操作好的文字保存為PNG透明背景的圖片后,我們就可以開始往我們的最終效果進一步邁近了。

    STEP 06

    再利用PS,新建一個1600*1000px的新文檔,將激起的水花素材拖入其中,同時也將我們做好的文字也拖入其中,將這兩者的位置布局好。

    插播:以前看過我的教程的小夥伴,有些會私下找我要素材,但時間久了我也沒有保留這些素材。你可以去網上找相似的素材,主要是體驗設計的方法,不一定要和我做的保持一致。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 07

    關閉文字圖層的可見按鈕,這時只留下了水花圖層,在水花圖層之上添加一個【黑白】調整圖層,使其變為灰度圖像。還可以利用滑塊進一步調整它的灰度。然後也關閉背景圖層,將這個文檔保存為後綴為PSD的文檔。這是為進一步施展濾鏡的功能使所備用的。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 08

    回到原來的文檔中,打開背景、文字圖層的可見按鈕,刪掉【黑白】調整圖層。將文字圖層置於最上方。選中文字圖層,進入【濾鏡>扭曲>置換】,置換濾鏡會彈出一個參數面板,在這個參數面板中可以通過參數調整來變換最終的效果,但這裡我們只需要使用默認的參數即可,點擊確定后,PS會自動打開電腦中的文件夾,選中我們在上一步中保存的PSD文檔,使用置換濾鏡,就可以魔法般地讓水花“穿透”文字。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 09

    如果覺得這個效果還不夠衝擊力,可以再來一次,採用上一步相同的步驟,只是在彈出的置換濾鏡的參數面板中改變一下水平和垂直的比例,比如將其調整到3,再進行一次置換。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 10

    這裡的水花可以保留原色,也可以增加通過【色相/飽和度】的調整圖層對水花的顏色進行調整,記得調整圖層要成為水花圖層的剪切蒙版,不至於影響到其他的圖層色彩。通過這個方法不僅可以調整圖層的色調,還可以對飽和度和明度也進行調整。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 11

    這裡可以再為文字的顏色增加顏色漸變來為整個效果增添光彩。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    Photoshop製作夏季水花裝飾的動感藝術字教程

    STEP 12

    再為其整體添加背景色,這裡依然需要一個漸變背景,純色背景也未嘗不可。這部分完全可以自由發揮。在最下方添加一個純色背景,為其增加漸變疊加的圖層樣式。

    Photoshop製作夏季水花裝飾的動感藝術字教程

    最終效果如下:

    Photoshop製作夏季水花裝飾的動感藝術字教程

    在你實際操作的過程中,可以把文字換成其他的焦點對象,水花也可以換成是其他能體現動感的物質,例如大海的波濤或者垂直而下的瀑布。

    伊頓的神秘經驗啟示

    記得讀過一本書,有關包豪斯早期大師的介紹,其中讓我印象深刻是色彩大師伊頓。伊頓作為最早邀請到包豪斯的大師之一,開啟了他具有實驗性的對於設計的理解和教授風格:比如要求上課前學生要進行靜坐冥想,讓學生們嚴格遵守一定的食譜,並且在課程中引入了很多類似老莊哲學的理念,目的是為了開發學生們的內心的潛能……

    後來,由於他的授課太傾向於神秘主義,與當時所奉行的科學精神越來越遠,因此,他辭任了包豪斯。(我想學校課堂中頑強的馬列主義唯物論的老師是堅決不想談他的)

    對於這個故事,我的情緒比較複雜,一方面,在我們日常工作時的確是和點線面長期糾纏,但是我仍然認為它們必定有可遵循的邏輯規則,並且假以時日,就能通過練習而掌握到其中的規律並運用自如。另一方面,我又感覺它們的不可捉摸,有時候花幾天都未必能做出的效果,別人有可能兩分鐘就想到了,前提是他的經驗也未必比我的豐富。這其中的差別,根本無法用量化的辦法來做出說明。

    於是看到伊頓大師的這個教授,覺得新鮮有趣的同時感受到設計這個職業里的某種屬於“天份”的東西,所謂天份也並不是指的就是一份與生俱來的gift,而是你願意放棄掉多少對於作品的控制?這是個問題,而且這是長期盤踞在我心裡的問號。這個故事不知為何又彷彿給了我一點小小的回答。分享出來給大家,也許是想說,如果你我都能持續保持更開放的心量,我們收穫的東西肯定比目前多得多。

    — —

    文章永久連結為: Photoshop製作夏季水花裝飾的動感藝術字教程