如何在135編輯器中設(shè)置好看的排版
本文介紹了背景樣式、圖片樣式和長(zhǎng)圖文的拼接等技巧。其中,背景樣式分為全文背景和區(qū)域背景,可以根據(jù)需要選擇不同類(lèi)型的背景;圖片樣式則可以通過(guò)添加圓角、陰影和邊框等方式讓圖片更加精致;而針對(duì)長(zhǎng)圖文的拼接,介紹了消除縫隙的方法和固定圖片位置的實(shí)現(xiàn)方式。
背景樣式這兒可以分為兩種,一種是全文背景樣式,一種是區(qū)域背景樣式,接下來(lái)三兒就來(lái)好好介紹一下這兩個(gè)背景樣式。
在排版的過(guò)程中大家應(yīng)該會(huì)發(fā)現(xiàn),我們?cè)诰庉媹D文的過(guò)程中,如果沒(méi)有進(jìn)行特意的調(diào)整,那么系統(tǒng)默認(rèn)的全文背景顏色是白色。而想要打造亮眼的排版,學(xué)會(huì)用背景色顯得尤為重要,特別是我們常見(jiàn)的模板,都是有背景色的,那這個(gè)背景色在哪里設(shè)置?又有什么需要注意的呢?三兒這就來(lái)給大家解答。
在編輯頁(yè)面的最上面的導(dǎo)航欄有個(gè)【背景】,點(diǎn)擊這里即可進(jìn)入設(shè)置全文背景。

? 靜態(tài)背景:包含普通純色、漸變色以及方格斜紋,這里大家可以在【在線(xiàn)背景圖片】設(shè)置中進(jìn)行選擇,這里面有豐富的背景庫(kù)素材,最近還上新了一些好看的漸變色背景,大家可以進(jìn)行選用哦~(ps:三兒愛(ài)用的方格背景就來(lái)自這里哦~)
? 動(dòng)態(tài)背景:動(dòng)態(tài)背景通常來(lái)說(shuō),都是由一些小元素構(gòu)成,比如雪花、花瓣之類(lèi)的,整體很簡(jiǎn)約,大家如果想要用動(dòng)態(tài)背景可以在咱們【在線(xiàn)背景圖片】尋找,在庫(kù)中有豐富的動(dòng)態(tài)背景資源。
? 自定義背景:如果你想要用自己設(shè)計(jì)好的背景圖或者自定義純色背景,那也沒(méi)問(wèn)題,可以在咱們的【背景設(shè)置】中進(jìn)行選擇,調(diào)整背景顏色以及上傳自己設(shè)計(jì)好的背景圖。
區(qū)域背景通常是指在正文內(nèi)容中添加局部樣式的背景,模板中常用,如下圖所示:

選中正文內(nèi)容中的區(qū)域樣式,選中之后找到【區(qū)域樣式】的<背景>,點(diǎn)擊后會(huì)彈出跟全文背景相同的素材庫(kù),就可以在里面進(jìn)行選擇。ps:這里三兒建議大家最好選擇純色背景,動(dòng)態(tài)背景以及漸變色背景最好不用,因?yàn)樵跇邮骄植恐杏锰ㄉ诘谋尘胺炊鴷?huì)喧賓奪主。
動(dòng)圖展示操作:

除了用咱們素材庫(kù)中設(shè)計(jì)好的圖片樣式外,其實(shí)咱們自己也可以對(duì)圖片進(jìn)行簡(jiǎn)單調(diào)整,添加圓角、陰影、虛線(xiàn)框等,能讓圖片變得更加精致,尤其是當(dāng)大家在進(jìn)行一些簡(jiǎn)單排版時(shí)就可以嘗試哦!

將圖片放進(jìn)編輯頁(yè)面之后,選中圖片,右側(cè)會(huì)彈出編輯欄,在這里面我們選擇【邊框陰影】,即可進(jìn)入。
在這里我們可以設(shè)置圖片陰影、設(shè)置圓角、還可以添加一些簡(jiǎn)單的邊框效果。
圖片添加陰影和邊框展示:
怎么樣?是不是添加了陰影以及邊框的圖片精致感瞬間有所提升呢?大家在對(duì)圖片進(jìn)行簡(jiǎn)單處理的時(shí)候也可以試試這個(gè)效果哦~

現(xiàn)在很多大號(hào)都喜歡采用長(zhǎng)圖文進(jìn)行排版,但長(zhǎng)圖文尺寸較大,會(huì)超過(guò)圖片大小限制,那通常做法就是將一張做好的長(zhǎng)圖文海報(bào)分割成幾張圖片之后,再在編輯中將其拼接在一起,但在這過(guò)程中最常見(jiàn)的問(wèn)題就是拼接的圖片之間出現(xiàn)縫隙,那怎么進(jìn)行規(guī)避呢?這里三兒推薦兩種方法。
將你設(shè)計(jì)好的圖片依次放入編輯器中,選中圖片之后點(diǎn)擊右側(cè)編輯欄的【定位】,在這里面我們可以利用<前后間距>來(lái)消除圖片之間的縫隙。
除了用定位功能來(lái)調(diào)整圖片之間的縫隙外,我們還可以利用圖片編輯欄的【無(wú)縫】功能,選中圖片后點(diǎn)擊【無(wú)縫】即可實(shí)現(xiàn),這種方式會(huì)比定位方便快捷。

咱們?cè)诳从行┐筇?hào)的長(zhǎng)圖文排版時(shí)會(huì)發(fā)現(xiàn)點(diǎn)擊圖片后無(wú)法放大,這樣做其實(shí)第一是為了保護(hù)圖片的使用權(quán)益,還有一點(diǎn)就在于不影響用戶(hù)的閱讀體驗(yàn)。那我們?cè)谧鲩L(zhǎng)圖文排版時(shí)想要實(shí)現(xiàn)此效果,用到圖片編輯欄中的【高級(jí)設(shè)置】,點(diǎn)擊<禁止>即可。

邊距:在使用模板的過(guò)程中大家如果想在頁(yè)面上自己?jiǎn)为?dú)在一個(gè)文本框中添加文字內(nèi)容,如果選擇兩端對(duì)齊或者居左居右對(duì)齊時(shí),很有可能出現(xiàn)以下情況:文字與模板邊緣挨得很緊湊,看上去少了呼吸感。
為什么會(huì)出現(xiàn)這種情況呢?因?yàn)橥ǔD0迦谋尘霸O(shè)置的左右間距是0px,這樣就會(huì)使模板內(nèi)文本框的邊距也為0px,文字內(nèi)容就會(huì)緊挨模板的邊緣。
所以這時(shí)我們就需要進(jìn)行調(diào)整,首先選中文本框,在出現(xiàn)【區(qū)域樣式】后點(diǎn)擊【邊距】調(diào)整內(nèi)邊距的左右像素為10px即可。
除此之外,咱們還可以根據(jù)邊距來(lái)自定義自己想要的文本框大小,通過(guò)調(diào)整像素值就可以進(jìn)行實(shí)現(xiàn)。
當(dāng)你想對(duì)模板中的某些樣式做出一些花樣時(shí),咱們還可以通過(guò)添加邊框的方式來(lái)進(jìn)行一些改變。如何給樣式加上邊框呢?
第一步:選中需要添加邊框的樣式,在彈出的全局樣式的菜單欄中點(diǎn)擊【邊框】,進(jìn)入邊框設(shè)置界面。
第二步:當(dāng)鼠標(biāo)移動(dòng)到左側(cè)的不同編號(hào)區(qū)域,該編號(hào)對(duì)應(yīng)的樣式區(qū)域就會(huì)在右側(cè)的預(yù)覽窗口閃爍。
第三步:針對(duì)該樣式找到你需要添加邊框的樣式區(qū)域,設(shè)置該編號(hào)區(qū)域的邊框?qū)挾?、?lèi)型以及顏色,點(diǎn)擊確定即可。
除此之外,咱們還可以直接選中樣式,在區(qū)域樣式的編輯欄中為其添加邊框。

立即登錄













