圖文排版

H5

手機版秀米

小伙伴們，今天周三啦

又到了介紹新功能的時間

不知道大家對

秀米邊框、間距的操作習慣了沒

有沒有感受到編輯區(qū)無遮擋的快樂

如果有，快樂會繼續(xù)↓

這次我們把 陰影菜單也挪到了左邊

包括 布局陰影、 圖片陰影、 文字陰影

除了 編輯區(qū)無遮擋

現(xiàn)在布局陰影、圖片陰影能 直接添加多層陰影

再也不用一層又一層套布局啦

如果沒有，請往下看

真的超級好用的陰影設(shè)置新界面

展開全文

01

陰影設(shè)置新界面

秀米陰影設(shè)置，分別有布局陰影、圖片陰影以及文字陰影，跟間距、邊框一樣，單獨拉出來做成左側(cè)菜單：

布局的陰影設(shè)置界面

1

在左邊調(diào)整數(shù)值時，編輯區(qū)無遮擋

當在左邊操作陰影設(shè)置，右邊編輯的內(nèi)容會相應(yīng)顯示陰影效果；并且在操作過程中，工具條會暫時消失，編輯界面無任何遮擋：

在設(shè)置陰影時，工具條會暫時消失

需要注意的是， 布局、圖片設(shè)置陰影，要保證布局、圖片的寬度在100%內(nèi)，設(shè)置的陰影不會被裁切掉。

2

布局/圖片可以直接套多層陰影

設(shè)置好一層陰影后，可以點擊添加陰影，直接再添加多層陰影：

布局/圖片陰影可以直接設(shè)置多層

大致了解陰影界面操作后，現(xiàn)在我們來看下具體的布局、圖片、文字是如何設(shè)置陰影的吧：

02

布局陰影的設(shè)置

設(shè)置布局陰影，基本就是設(shè)置水平偏移、垂直偏移、陰影模糊度、陰影范圍、陰影顏色；介于布局的獨特性，可以切換外部陰影、內(nèi)部陰影選項。

布局的陰影設(shè)置界面

1

設(shè)置布局的陰影

首先需要注意的是， 布局陰影，要保證布局寬度在100%內(nèi)，設(shè)置的陰影不會被裁切掉；而具體的寬度數(shù)值，需要根據(jù)陰影數(shù)值來算，保證陰影不會被裁切掉的寬度就是合適的。

選中布局，點擊工具條上的陰影，在左邊界面直接拖動滑塊來設(shè)置陰影，也可以輸入數(shù)值。

比如，先來設(shè)置 布局的水平偏移、垂直偏移；數(shù)值正負值皆可：

設(shè)置布局陰影水平/垂直偏移

陰影模糊度，就是在設(shè)置水平/垂直偏移后，讓陰影變模糊， 數(shù)值只能為正數(shù)； 數(shù)值越大， 模糊度越高：

設(shè)置布局陰影的模糊度

陰影范圍，是基于 陰影水平/垂直偏移數(shù)值存在的，當陰影范圍數(shù)值為 正數(shù)時，會與水平/垂直數(shù)值 相加；為負數(shù)時，會與水平/垂直數(shù)值 相減：

陰影范圍為正數(shù)時，會與水平/垂直數(shù)值相加

陰影范圍為負數(shù)時，會與水平/垂直數(shù)值相減

內(nèi)部陰影，就是會有個 凹進去的陰影效果，一般設(shè)置小數(shù)值的水平/垂直偏移，配合陰影模糊度，會好看些：

布局的內(nèi)部陰影設(shè)置

2

布局添加多層陰影操作

在陰影設(shè)置界面，點擊添加陰影，然后繼續(xù)設(shè)置新的一層陰影，數(shù)值正負值可以與第一層相反，這樣就可以獲得四邊都有陰影效果：

布局再添加一層外部陰影設(shè)置

如果切換到內(nèi)部陰影上，就會與第一層陰影相疊加：

布局第二層陰影，切換至內(nèi)部陰影設(shè)置

3

刪除布局陰影

在布局陰影設(shè)置界面，偏右上角有一個刪除按鈕；如果有 多層陰影，會 直接刪除陰影層；如果 只有一層陰影，只會 刪除掉陰影數(shù)值：

刪除布局陰影設(shè)置操作

03

圖片陰影的設(shè)置

圖片陰影，與布局陰影設(shè)置差不多，都能設(shè)置水平偏移、垂直偏移、陰影模糊度、陰影范圍、陰影顏色；也能添加多層陰影、刪減陰影層。

唯一的區(qū)別， 圖片只能設(shè)置外部陰影，沒有內(nèi)部陰影選項：

圖片的陰影菜單頁面

圖片陰影，要保證圖片寬度在100%內(nèi)，設(shè)置的陰影不會被裁切掉；而具體的寬度數(shù)值，需要根據(jù)陰影數(shù)值來算，保證陰影不會被裁切掉的寬度就是合適的。

1

設(shè)置圖片陰影

選中圖片，點擊工具條上的陰影，左邊彈出陰影菜單后，給圖片設(shè)置合適的陰影：水平/垂直偏移、陰影模糊度、陰影范圍、顏色，自己把握著來：

設(shè)置圖片陰影

2

添加/刪減陰影層

圖片的第一層陰影設(shè)置好，點擊下面的添加陰影，會新增一層陰影菜單，直接拖動滑塊或輸入數(shù)值：

圖片添加多層陰影

設(shè)置好的陰影也可以直接刪除，點擊陰影設(shè)置頁面右上角的刪除按鈕，多層陰影直接刪除，單層陰影是刪除設(shè)置的數(shù)值：

刪除圖片陰影設(shè)置

04

文字陰影的設(shè)置

文字陰影設(shè)置，是在文字工具條→文字顏色右邊小三角→文字陰影，然后左邊會彈出文字陰影的菜單頁面。

文字陰影可以設(shè)置水平偏移、陰影偏移、陰影模糊度、陰影顏色；能添加多層陰影，也可以刪除：

文字陰影設(shè)置菜單頁面

1

設(shè)置文字陰影

選中文字，在工具條上條點擊文字陰影，左邊彈出文字陰影菜單，開始給文字設(shè)置合適的陰影吧。

一般來說，設(shè)置好水平/垂直偏移，拉一下文字模糊度，加上合適的顏色，都會比較好看：

給文字設(shè)置一層陰影

2

添加多層文字陰影

文字也可以設(shè)置多層陰影，點擊添加陰影，然后繼續(xù)給文字設(shè)置新一層陰影：

文字設(shè)置多層陰影操作

另外，我們可以通過添加多層陰影，做出描邊文字、空心描邊、立體文字這些，如果有興趣，可以在左邊模板素材區(qū)→圖片模板→標題→基礎(chǔ)標題里找找看，了解一下描邊文字的做法：

3

刪除文字陰影層

刪除文字陰影層，仍舊遵循多層陰影直接刪除，單層陰影刪除數(shù)據(jù)原則：

刪除文字陰影操作

小結(jié)

秀米布局、圖片、文字的陰影設(shè)置，操作頁面放在了左邊，方便操作，不會被工具條遮擋。

陰影可以拖動滑塊、輸入數(shù)值來設(shè)置，拖動滑塊更容易看出細微變化，除陰影模糊度只能設(shè)置正數(shù)值，其他水平偏移、垂直偏移、陰影范圍都可以設(shè)置正負數(shù)值。

現(xiàn)在布局、圖片都可以直接添加多層陰影，不用套一層層布局來做；刪除陰影，如果是多層會直接刪除，單層陰影直接刪除設(shè)置的數(shù)據(jù)以及顏色。

陰影設(shè)置的寬度，最好要保證在編輯區(qū)里可見，不要超出編輯區(qū)范圍；也就是說布局、圖片的寬度要在小于100%寬度。

更多閱讀

小白適用

系統(tǒng)介紹秀米的基礎(chǔ)操作

??? 向左滑動

秀米有那么多騷技能

不來學(xué)幾招？

秀米每一天都是最新的

你的 在看也是最新滴~