模板變變變變變變
今天分享的是小夥伴隱岸的《人嘛,就是對對錯錯錯錯錯錯》是一篇散文隨筆。對於文章的排版,編者有著很清晰的思路,版頭是一個固定的樣式,這點很好,有著強烈的儀式感;而正文內容中,數字小標題樣式眼前一亮,一開始我們也沒看出來是如何做到的,好像是旋轉,但文字又是正的;所以這個模板是經歷了什麼呢:
部分版式製作方式
文章階梯狀的錯落版頭樣式
如果你有關注我們的投稿欄目,會覺得我們今天推薦的這篇,有那麼一點眼熟;是的,在前段時間我們推送了這個編者的另外一篇作品,而這得歸於文章的版頭樣式:
這塊的具體製作方式,我們在上次推送中,已經把製作方式拆解出來,我們在文末放了鏈接,有興趣的小夥伴們可以點擊一下哦~
便簽樣式的數字小標題
在正文中,編者利用圖片與背景卡片製作出組合模板,其中的陰影卡片數字小標題,很有設計感;它看起來像是將模板做了旋轉處理,然後再修改文字來的,但真的是這麼簡單嗎?
我們選中文字,在工具條上查看旋轉設置,很顯然,編者沒有設置;那麼,這一塊是如何做出來的呢?
如果你對我們秀米模板有一定熟悉度的話,可能會知道這個:
輸入標題
是不是跟這個數字小標題有相似部分?豎杠看起來是一樣一樣的,那麼它是如何從上面的這個雙色標題,變成陰影小標題呢:
輸入標題
標題
1
下面我們就來大揭秘:
首先,我們先從左邊素材區中,點擊系統模板最後的放大鏡,輸入關鍵詞「便簽」,找到我們這個對應的雙色標題,把它拖動到編輯區域;
接下來我們要把這個模板設置成只有兩個豎杠,我們可以將這個標題的底色設置成透明色:
>
GIF
在編者製作好的是沒有文字的,但我們如果把「輸入標題」四個字直接刪掉,豎杠就會是這樣:
所以我們可以採取比較迂迴的方法,將文字也設置透明色;
然後再設置這兩個豎杠旋轉角度為270°:
>
GIF
接下來我們要製作陰影數字標題,因為作者是把這個便簽樣式放在二列布局中,所以我們也先把二列布局中的內容製作好:
繼續在布局模式下,添加一個二列布局到編輯區域中;
設置左右布局寬度分別為52%、30%;
拖一個圖片到左邊布局中,將「橫杠」也拖到右邊布局中:
>
GIF
然後我們添加一個空白布局,到二列布局中右邊,「橫杠」的下面;
設置布局寬度80%,布局右對齊;
設置布局左邊框樣式為實線,尺寸2px,顏色默認設置;
設置布局外部陰影模糊度3px,顏色rgb(0, 0, 0);
>
GIF
然後我們設置這個陰影標題段前距為負值,這裡需要根據實際情況來設置;
然後我們再把它設置偏移數值為正值,以達到能夠有便簽的視覺感;
然後我們再微調下這個陰影便簽標題的位置,好與左邊圖片對齊;
最後再往裡面輸入文字,就好:
>
GIF
這樣我們就完成了,兩個形式不一樣的便簽標題的轉變;而在後面的第二個小標題中,是與它反方向的:
製作的話,是一樣的道理;不過豎杠是旋轉90°,陰影標題是設置右邊邊框樣式為實線;然後偏移數值也設置負值就好。
最後,如果想了解這位作者另一篇圖文排版製作,請點擊
僅靠布局+定位,這位作者就做出如此美妙的設計
文章格式參數
標題字型大小
36
正文字型大小
14
文字間距
1.8倍
標題樣式1
輸入標題
1
標題樣式2
標題
2
配色方案
標題
rgb(62, 62, 62)
正文
rgb(102, 102, 102)
背景圖案
※超過100萬的電影粉絲關注他,月均增粉2萬,影評類自媒體如何運營?
TAG:秀米XIUMI |