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

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

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

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

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

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

#選中【自由布局】，在彈出菜單的【自由布局】欄目下，點擊【編輯布局】按鈕，即可打開自由布局。

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

#選中左側(cè)【上傳圖片】，點擊上傳后的圖片添加到畫布中，鼠標拖動矩形按鈕可以等比縮放圖片大小。

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

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

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

#那有朋友會問，是不是模板頭圖也能這樣修改呢？

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

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

#【滑動布局】和【自由布局】的共同點：他們都是布局，他們都能【免費】使用。

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

向左滑動查看更多海報??

#上面這是橫向滑動的，下面我再展示一個豎向滑動的??

上下滑動查看更多海報??

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

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

#選中【滑動布局】，在彈出菜單的【滑動布局】欄目下，點擊【編輯】按鈕，即可打開滑動布局。

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

#點擊畫布【+】可以添加畫布，你可以添加任意多張畫布，單擊滑動布局進入編輯頁面。

#進入編輯頁面，我們上傳滑動素材，一個建議：圖片記得點【無縫】，上傳完后點擊【完成編輯】，再到滑動布局頁面添加畫布，繼續(xù)添加滑動素材。

#這時候可能會有朋友會問，為什么我做出來的滑動素材挨得那么緊，想要滑動素材有些間距。

#解決這個問題，我們有幾個思路：

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

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

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