當(dāng)前位置:首頁>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

長陰影,用PS制作簡單的長陰影效果字體

來源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):26801人次

長陰影是扁平化風(fēng)格里的陰影表達(dá),本篇教程通過PS來制作一款具有長陰影效果的字體,它的效果會一改往日單純扁平化字體的沉悶,給整個字體呈現(xiàn)錦上添花,同學(xué)們一起來練習(xí)下吧。

效果圖:

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn
www.theoat.com.cn

一、制作長陰影畫筆

首先,讓我們打開PS,新建一個680px*680px的文檔,文檔填充背景為青色,#b2ebda。

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

STEP 01

在網(wǎng)頁設(shè)計中,我們大概會遇到需要特別突出文字的時候,如"促銷"、“折扣”等,這時,先在畫面中央安排好需要增加陰影的文字。這里我安排的是英文單詞,但中文字體仍然適用,只是需要在字體風(fēng)格上與此相匹配。

我安排了兩行字體,一行是較大的字體,字距較緊密,而下面一行的字體稍小,字距較寬。

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

STEP 02

圖層面板中,將文字圖層合并為一個組,并復(fù)制這個組。右鍵點擊拷貝的文字組,并選擇“合并組”,這時新的被復(fù)制的組就合并成一個圖層。

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

STEP 03

在按住“Ctrl”鍵的情況下鼠標(biāo)單擊上一步我們所合并的圖層,這時出現(xiàn)了以文字邊緣為螞蟻線的選區(qū),也可以說這是文字的輪廓。保持選區(qū)的情況下,進(jìn)入【編輯>定義畫筆預(yù)設(shè)】,在彈出的對話框中填入畫筆名稱。這時,我們就新建了叫做“文字長陰影”的畫筆。這個畫筆將會成為我們的長陰影的基礎(chǔ)形。

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

剛制作完畢的長陰影畫筆并不能立刻使用,大家可以試著選中這一畫筆畫出一條痕跡,沒錯,這就是我們通過畫筆制作長陰影的思路關(guān)鍵,但是,很明顯表現(xiàn)并不理想,畫筆筆觸里的間隔還看得分明,并沒有連綴成片。

STEP 04

當(dāng)然,我們要解決這一問題,這時讓我們來調(diào)試畫筆。點擊畫筆面板的圖標(biāo),進(jìn)入該新建畫筆的參數(shù)。只需要將原有默認(rèn)的間隔25%改為1%,就實現(xiàn)了連綴的問題。

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

陰影效果,用PS制作簡單的長陰影效果字體_www.theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
愛心泡泡[emoji:d83ddc9c]2019-01-14 08:45
喜歡
書上小蟻2017-11-15 03:42
樓主威武
墻角上的小螞蟻2017-11-15 09:52
學(xué)習(xí)學(xué)習(xí)
錢探花有話說2017-11-15 02:58
簽到
天哈哈哈涯2017-11-15 02:55
打卡
一笑暖江南2017-11-15 02:53
厲害

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!