當前位置: 華文縱覽 > 職場

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

2020-05-18職場

平時用手機閱讀文章的時候,尤其閱讀流程性強的文字,我們都能看到文章中間的數位及其序號設計得異常有個性,今天呢,我們就教大家如何設計數位序號分格線。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

設計效果圖

第1步:開啟軟體新建文件,文件的尺寸選擇寬750像素、高480像素。符合自媒體圖片素材尺寸一般都是寬750像素,包括網店的尺寸也可以用這個尺寸。新建文件後再新建圖層,給文件拉3條標尺線,給文件平均分為4行。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

標尺線的添加

第2步:在文件中輸入數位01,字型建議選粗一點的字型,我選擇方正正粗黑簡體,字型盡量大一點,我選擇50點。在數位下面畫個小小的長方形條,然後在長方形條下面畫1像素的直線。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

數位的輸入

第3步:在數位的中下面畫一個矩形框,填充白色,同時在上面輸入我們自媒體的LOGO名稱,字型顏色選擇灰色。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

灰色字型的添加

第4步:按住Ctrl鍵,點選我們剛才設計的全部圖層,點圖層,圖層編制,把全部圖層歸於一個組,快捷鍵是Ctrl+G。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

圖層編組

第5步:復制圖層組,一共復制4個圖層組,當然我們的數位多,就多復制幾組。接著給圖層組重新命名。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

圖層組復制

第6步:依次把2.3.4組移動到下面區域,接著按裁剪工具,我們選擇切片工具,按住滑鼠,按照標尺依次對檔進行切片。切片工具套用於網頁設計也是很普遍。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

切片工具的運用

第7步:點選檔,儲存為web和裝置所用格式,按確定就可以把圖片匯出來。匯出來的圖片分為4個圖片,每個圖片的尺寸為750x120像素。

ps制作自媒體數位分隔線 photoshop設計教程 電商美工自學課程

匯出圖片

圖片匯出之後,我們就可以把圖片用於自媒體編輯了,比如段落分布,流程分布。是不是很簡單,但是卻很實用。你學會了嗎?

關註我,每天為您推播更多的電商美工教程。

本文由粵北大叔彭生生原創,歡迎關註,帶你一起長知識!