當前位置:
首頁 > 最新 > 模板變變變變變變

模板變變變變變變

今天分享的是小夥伴隱岸的《人嘛,就是對對錯錯錯錯錯錯》是一篇散文隨筆。對於文章的排版,編者有著很清晰的思路,版頭是一個固定的樣式,這點很好,有著強烈的儀式感;而正文內容中,數字小標題樣式眼前一亮,一開始我們也沒看出來是如何做到的,好像是旋轉,但文字又是正的;所以這個模板是經歷了什麼呢:

部分版式製作方式

文章階梯狀的錯落版頭樣式

如果你有關注我們的投稿欄目,會覺得我們今天推薦的這篇,有那麼一點眼熟;是的,在前段時間我們推送了這個編者的另外一篇作品,而這得歸於文章的版頭樣式:

這塊的具體製作方式,我們在上次推送中,已經把製作方式拆解出來,我們在文末放了鏈接,有興趣的小夥伴們可以點擊一下哦~

便簽樣式的數字小標題

在正文中,編者利用圖片與背景卡片製作出組合模板,其中的陰影卡片數字小標題,很有設計感;它看起來像是將模板做了旋轉處理,然後再修改文字來的,但真的是這麼簡單嗎?

我們選中文字,在工具條上查看旋轉設置,很顯然,編者沒有設置;那麼,這一塊是如何做出來的呢?

如果你對我們秀米模板有一定熟悉度的話,可能會知道這個:

輸入標題

是不是跟這個數字小標題有相似部分?豎杠看起來是一樣一樣的,那麼它是如何從上面的這個雙色標題,變成陰影小標題呢:

輸入標題

標題

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)

背景圖案

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 秀米XIUMI 的精彩文章:

超過100萬的電影粉絲關注他,月均增粉2萬,影評類自媒體如何運營?

TAG:秀米XIUMI |