懂視移動(dòng)端 視頻1 視頻21 視頻41 視頻61 視頻文章1 視頻文章21 視頻文章41 視頻文章61 推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37 推薦39 推薦41 推薦43 推薦45 推薦47 推薦49 關(guān)鍵詞1 關(guān)鍵詞101 關(guān)鍵詞201 關(guān)鍵詞301 關(guān)鍵詞401 關(guān)鍵詞501 關(guān)鍵詞601 關(guān)鍵詞701 關(guān)鍵詞801 關(guān)鍵詞901 關(guān)鍵詞1001 關(guān)鍵詞1101 關(guān)鍵詞1201 關(guān)鍵詞1301 關(guān)鍵詞1401 關(guān)鍵詞1501 關(guān)鍵詞1601 關(guān)鍵詞1701 關(guān)鍵詞1801 關(guān)鍵詞1901 視頻擴(kuò)展1 視頻擴(kuò)展6 視頻擴(kuò)展11 視頻擴(kuò)展16 文章1 文章201 文章401 文章601 文章801 文章1001 資訊1 資訊501 資訊1001 資訊1501 標(biāo)簽1 標(biāo)簽501 標(biāo)簽1001 關(guān)鍵詞1 關(guān)鍵詞501 關(guān)鍵詞1001 關(guān)鍵詞1501
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 手機(jī) - 正文

如何突顯圖片上文字效果的PS技巧

來源:懂視網(wǎng) 責(zé)編:小OO 時(shí)間:2020-03-19 16:53:26
導(dǎo)讀現(xiàn)在不少網(wǎng)站都喜歡用高清大圖來裝飾網(wǎng)站,而如何讓網(wǎng)頁中的文字在漂亮的背景中脫穎而出,讓讀者第一時(shí)間識(shí)別到文字,對于網(wǎng)頁設(shè)計(jì)師來說可是相當(dāng)關(guān)鍵。接下來,就跟大家分享5種簡單有效的方法提升網(wǎng)頁文字的顯著度。非常簡單實(shí)用,適合小白們學(xué)習(xí)。一、增加對比如下面的圖片所示,由于背景與文字的顏色相差較小,導(dǎo)致圖片中的文字比較難看清楚。圖片的背景中,特別是菜單區(qū)域的細(xì)節(jié)較多?!癇uffaloWings”的文字幾乎淹沒在圖片復(fù)雜的背景中。下一步我們要做的就是加強(qiáng)文字與背景的色彩對比。首先在Photoshop的圖層...
現(xiàn)在不少網(wǎng)站都喜歡用高清大圖來裝飾網(wǎng)站,而如何讓網(wǎng)頁中的文字在漂亮的背景中脫穎而出,讓讀者第一時(shí)間識(shí)別到文字,對于網(wǎng)頁設(shè)計(jì)師來說可是相當(dāng)關(guān)鍵。接下來,就跟大家分享5種簡單有效的方法提升網(wǎng)頁文字的顯著度。非常簡單實(shí)用,適合小白們學(xué)習(xí)。

一、增加對比

如下面的圖片所示,由于背景與文字的顏色相差較小,導(dǎo)致圖片中的文字比較難看清楚。圖片的背景中,特別是菜單區(qū)域的細(xì)節(jié)較多。“Buffalo Wings”的文字幾乎淹沒在圖片復(fù)雜的背景中。下一步我們要做的就是加強(qiáng)文字與背景的色彩對比。

首先在Photoshop的圖層面板中新建圖層,并重新命名為“顏色疊加”。選擇顏色選擇工具(快捷鍵I),如下圖所示,撿取左邊大叔的藍(lán)色襯衣的顏色,然后按Shift+F5填充在新建圖層中。

接著,調(diào)整藍(lán)色填充圖層的不透明度為50%,并且拉這個(gè)藍(lán)色圖層到文字圖層的下方。

如下圖所示,面畫的對比度已經(jīng)有了改善?!癇uffalo Wings”等文字在畫面中已經(jīng)顯得更加顯眼和明顯了,這樣就能看清楚文字啦。

二、添加陰影

如下面的例子所示。由于文字位于橋梁的陰影部分,文字同時(shí)又設(shè)置為黑色,這樣文字顯得非常不顯眼,容易讓人看不清楚。下面第一步就是設(shè)置文字的顏色與特效,改善視覺效果。

當(dāng)文字設(shè)置為白色之后,文字就會(huì)非常明顯地與背景區(qū)別開來,有利于第一眼識(shí)別文字。

接著就是為文字添加圖層樣式和陰影效果啦。設(shè)置陰影的不透明度為52%、擴(kuò)展為16%、大小為100像素、角度為-144°。設(shè)置完成后,文字的右下方就增加了相應(yīng)的陰影效果。

通過簡單地增加陰影效果,就能讓文字完全在背景中凸顯出來。

三、添加橫線

下面介紹的是其中一種最簡單的方式來凸顯文字內(nèi)容。通過在文字上下方添加兩條白色橫線,可以將背景和文字很好地隔離開來。原圖如下所示。

那么在增加兩條橫線之后,文字內(nèi)容馬上變得很明顯。同時(shí),橫線和文字的間距適當(dāng)可以營造良好的設(shè)計(jì)效果。

四、添加局部半透明背景

在某些條件下,局部增加半透明的背景來增強(qiáng)文字效果,也是不錯(cuò)的方法。如下圖所示,白色文字與背景建筑部分顏色比較相似,文字內(nèi)容變得不是很明顯。

為了增加文字的識(shí)別度,選擇矩形工具,添加圖形。形狀由設(shè)計(jì)需要確定,設(shè)置圖像填充為黑色,然后設(shè)置描邊為白色、3像素。

將圖形圖層移動(dòng)到文字圖層下方,然后設(shè)置圖層不透明度為57%。

下圖是最終效果,文字是不是已經(jīng)被突顯出來了呢。

五、文字背景模糊化

背景微微模糊化,可以突顯文字,就如拍攝中的背景虛化。從下圖可以看到,文字再次融到背景中。

背景虛化,第一步就是將背景轉(zhuǎn)化為智能對象,這樣背景的圖像質(zhì)量就不會(huì)因?yàn)槟:脑蚨陆?。在圖層面板中,對圖像右擊,選擇“轉(zhuǎn)換為智能對象”。

然后編輯智能對象。在主菜單欄中,選擇“濾鏡>模糊>高斯模糊”。操作如下圖所示。

設(shè)置模糊半徑為3.8像素。

這樣就能將文字從背景中顯現(xiàn)出來,成為畫面的焦點(diǎn)。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

Word2010如何插入復(fù)選框 如何用密保找回qq密碼 【組圖】如何將照片做成視頻 如何去除CAD圖紙打印時(shí)圖框的白邊 15個(gè)常用的Excel函數(shù)公式 瀏覽器不顯示圖片怎么辦 手機(jī)/電腦搜不到家里wifi的解決辦法 電腦開機(jī)速度慢如何解決 會(huì)聲會(huì)影X8不支持哪些視頻格式的導(dǎo)入 excel中怎么取消隱藏的行和列 百度賬號(hào)如何用二維碼登錄 C語言求最小公倍數(shù)和最大公約數(shù)三種算法 PS如何設(shè)置以顏色顯示通道 Win10系統(tǒng)電腦開機(jī)提示“正在修復(fù)磁盤錯(cuò)誤”的解決方法 如何用Photoshop刪除圖片中多余的人物 怎樣修改微信號(hào) 如何使用蘋果移動(dòng)設(shè)備的AirDrop EXCEL中字符串提取函數(shù)LEFT iPhone手機(jī)短信誤刪除如何恢復(fù) WPS文字如何設(shè)置/刪除頁眉橫線樣式 怎么把swf轉(zhuǎn)換成gif圖片 Word2010中的表格中怎樣合并單元格 怎么縮小圖片尺寸 iphone5怎樣設(shè)置鈴聲 淘寶寶貝詳情頁的標(biāo)簽如何設(shè)置 免費(fèi)網(wǎng)盤哪個(gè)好?網(wǎng)盤哪個(gè)好 微信網(wǎng)頁版如何看朋友圈 Excel如何讓單元格通過下拉列表選擇數(shù)據(jù) Word怎樣刪除表格后的空白頁 手機(jī)qq該如何設(shè)置隱身 如何實(shí)現(xiàn)excel在黏貼時(shí)跳過隱藏行 怎么在wps文字中自動(dòng)添加序號(hào) 如何設(shè)置電腦屏幕關(guān)閉時(shí)間 中國郵政儲(chǔ)蓄銀行網(wǎng)銀助手如何安裝使用 小米手機(jī)如何連接電腦 該如何用ps摳圖 [ps教程]如何在Photoshop里畫虛線 怎么制作標(biāo)準(zhǔn)的1寸照片 過期的酸奶有什么用 筆記本電腦無法開機(jī)怎么辦
Top