使用編輯器的小伙伴，應(yīng)該常聽(tīng)到“自由布局”這個(gè)詞

啥是自由布局，自由布局能做啥呢？今天三兒和你好好嘮嘮。

自由布局就是：支持任意拖拽元素調(diào)整位置，精準(zhǔn)定位，類似ps作圖的方式。編輯完成的結(jié)果也像圖片一樣，在不同的寬度下會(huì)自動(dòng)縮放適應(yīng)，文字大小也會(huì)跟著縮放。

使用自由布局，就能解決你們常常問(wèn)我的那個(gè)問(wèn)題：怎么在圖片上打字。

#在【布局】中選擇【基礎(chǔ)布局】??【自由布局】

#點(diǎn)擊【自由布局】，添加到編輯區(qū)域

#選中【自由布局】，在彈出菜單的【自由布局】欄目下，點(diǎn)擊【編輯布局】按鈕，即可打開(kāi)自由布局。

#上傳圖片，鼠標(biāo)拖動(dòng)畫(huà)布，可自由調(diào)整自定義布局的編輯區(qū)域。

#選中左側(cè)【上傳圖片】，點(diǎn)擊上傳后的圖片添加到畫(huà)布中，鼠標(biāo)拖動(dòng)矩形按鈕可以等比縮放圖片大小。

#右邊還可以調(diào)整文字字號(hào)、大小、顏色等參數(shù)效果。

#選中文本框，點(diǎn)擊圖層按鈕，可以改變圖層疊放順序，可以將文本上移或下移。

#設(shè)置完成后，選中文字文本框拖動(dòng)文字到圖片上方，點(diǎn)擊右上角的【完成】即可。

#那有朋友會(huì)問(wèn)，是不是模板頭圖也能這樣修改呢？

#是的，135編輯器模板大部分模板頭圖都是用自由布局制作的，如下??

進(jìn)入自由布局編輯頁(yè)面，你可以按照自己的需求更換文字或者圖片，效果如下??

#【滑動(dòng)布局】和【自由布局】的共同點(diǎn)：他們都是布局，他們都能【免費(fèi)】使用。

不同之處就在于【滑動(dòng)布局更強(qiáng)調(diào)滑動(dòng)，如果你想要制作圖片豎向滑動(dòng)、橫向滑動(dòng)都可以用【滑動(dòng)布局】效果如下??

向左滑動(dòng)查看更多海報(bào)??

#上面這是橫向滑動(dòng)的，下面我再展示一個(gè)豎向滑動(dòng)的??

上下滑動(dòng)查看更多海報(bào)??

#在【布局】??【基礎(chǔ)布局】??【滑動(dòng)布局】

#選擇【滑動(dòng)布局】添加到編輯區(qū)域

#選中【滑動(dòng)布局】，在彈出菜單的【滑動(dòng)布局】欄目下，點(diǎn)擊【編輯】按鈕，即可打開(kāi)滑動(dòng)布局。

#在滑動(dòng)布局頁(yè)面中，有【橫向】和【豎向】的選擇，這里我們以橫向滑動(dòng)為例。

#點(diǎn)擊畫(huà)布【+】可以添加畫(huà)布，你可以添加任意多張畫(huà)布，單擊滑動(dòng)布局進(jìn)入編輯頁(yè)面。

#進(jìn)入編輯頁(yè)面，我們上傳滑動(dòng)素材，一個(gè)建議：圖片記得點(diǎn)【無(wú)縫】，上傳完后點(diǎn)擊【完成編輯】，再到滑動(dòng)布局頁(yè)面添加畫(huà)布，繼續(xù)添加滑動(dòng)素材。

#這時(shí)候可能會(huì)有朋友會(huì)問(wèn)，為什么我做出來(lái)的滑動(dòng)素材挨得那么緊，想要滑動(dòng)素材有些間距。

#解決這個(gè)問(wèn)題，我們有幾個(gè)思路：

一：添加一個(gè)基礎(chǔ)布局框給布局設(shè)置邊距，將圖片插入布局中

#當(dāng)然這是在編輯器里的處理方法，我們也可以一開(kāi)始就處理圖片尺寸。

#以上這就是橫向滑動(dòng)布局的操作，豎向滑動(dòng)布局與橫向滑動(dòng)布局操作大同小異，只有一點(diǎn)不同，豎向可以選擇顯示高度，這個(gè)根據(jù)大家的需求調(diào)整就好，還有一點(diǎn)如果想要無(wú)縫滑動(dòng)可直接在一張畫(huà)布里上傳所有滑動(dòng)素材，就像上面的示例一樣喔。