canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集

【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集

想要創建自己的網路學校,但卻在網站LOGO、BANNER製作上卡關嗎?

使用免費軟體Canva來輕鬆製作圖片吧!

■網站名稱: Canva

■網站連結: https://www.canva.com/

Canva用於建立社群媒體圖形、簡報、海報、文件和其他視覺內容的平面設計平台,同時亦可製作影片,提供設計模板予使用者使用。

 

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _1

 

特點一:免費註冊與登入

該平台為免費使用,但同時提供Canva for Enterprise和Canva Pro等付費訂閱方案以開通額外功能。

  • Canva可以透過Google、Facebook、Apple帳號、行動電話登入與註冊。
  • 登入後,點選「建立設計」即可開始製作。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _2

系統內建「建議」的選項供直接套用格式,像是常見的A4文件或是臉書貼文…等,如需更改其他圖片格式大小,可以點選「自訂」。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _3

 

特點二:Canva可以調整所有橫幅的大小以適合您所需的平台尺寸

先找出你要放置Banner的平台,其Banner尺寸為何?

假設你想要放置Banner至YouTube上,必須先找出YouTube Banner的尺寸!

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _4

而小編這次想要來為我的個人網校建立一個Banner💛

以CuClass的個人網校為例,進入網校後台排課系統後,點選「進入」可以上傳「網校 Logo、網校 Banner、網校介紹圖片」。

想要了解更多關於創建CuClass網路學校的設定教學,可以參考此篇文章

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _5

■CuClass「網校 Logo、網校 Banner、網校介紹圖片」的尺寸為何?

尺寸可以分別參考下圖,檔案格式支援「JPG、JPEG、PNG、BMP」,檔案大小不可超過3MB。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _6

特點三:Canva提供不同尺寸的設計範本供套用,可透過平台搜索模板以獲取啟發,並可隨時儲存設計

設定好CuClass網校Banner的尺寸後,通常系統會自動提供相同尺寸的設計範本供套用。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _7

若沒有適合這個設計尺寸的範本,我們也可以從其他尺寸的模板中找尋靈感,像是橫幅廣告(橫式)、簡報(4:3)…等。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _8

系統內建範本分類「返校橫幅廣告」、「商業橫幅廣告」…等。

你也可以自行輸入關鍵字進行搜索合適的範本設計。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _9

假設你想要製作與補習班相關的BANNER,你可以搜索「教室」就會出現相關的模板。

現在一起來做BANNER吧!

小編提供兩種方法供您選擇:快速取得法自行繪製法

方法一:快速取得BANNER法

因Canva沒有符合「CuClass網路學校BANNER」的設計尺寸的範本,但又想要快速取得CuClass網路學校的BANNER該怎麼做?

只要簡單七個步驟,即可輕鬆又快速的得到BANNER喔~

步驟一:套用合適的範本

首先,建議可以先套用差不多尺寸的範本,系統提供的簡報範本尺寸為1920X1080像素,因此長度與此範本相同,我們只要將寬度設計到約範本一半的位置即可。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _10

  • 先選擇在首頁範本選擇「簡報(16:9)」,可以搜索此範本內合適的範本設計
  • 小編這次選擇很有美國風情的範本~

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _11

步驟二:將範本內的圖片縮小並擺放到你喜歡的位置

  • 將除了背景圖片以外的圖片全選並一起等比例縮小。
  • 當然你想要每個圖片分別縮小成你喜歡的大小也是可以,一切依照你的喜好來設計。
  • 再點選圖片,拖曳到你想要擺放的位置。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _12

步驟三:新增標題文字

  • 如何「新增文字」?使用文字工具列中的「新增標題」,上方的工具列可以選擇字型、字體顏色、字體大小
  • 可以使用系統內建的字體直接套用即可。
  • 例如:我想要建立一個「語文教學的網校」,所以,我將標題取名為「Keira’s language world」。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _13

步驟四:找尋合適的素材搭配你的BANNER

  • 在工具列中的「元素」區,搜尋關鍵字,可以找到與你製作風格類似的圖片素材
  • 點選圖片後可以拉圖片邊框調整大小,也可以拖曳到你想放置的地方。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _14

步驟五:將完成品下載

  • 建議下載成PNG的檔案,影像較清晰

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _15

步驟六:上傳完成品到CuClass網校尺寸的BANNER畫布上

  • 回到最初我們再另一個視窗預先建立好的CuClass網校畫布,將剛剛下載好的完成品上傳。
  • 上傳好後在拖曳到畫布上。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _16

步驟七:調整位置並下載,就完成CuClass網路學校的BANNER了!

  • 可以調整上傳影像的位置到你認為最合適的位置。
  • 最後在下載這張圖片即完成你的網校BANNER製作啦~

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _17

BANNER示範區

下面三張BANNER是小編透過CANVA製作而成的,且沒有使用任何付費的功能,就能獲得超乎想像的成品!

只要透過上面的七個簡單步驟,就能快速製作成下面這三張BANNER示範圖喔~

  • BANNER示範1:
  • 此圖以CuClass網路學校的Banner尺寸製作。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _18

  • BANNER示範2:
  • 選擇範本時也可以思考你想呈現的風格,透過顏色可以傳遞不同的氛圍,像是紫色帶給人神秘的感覺,很適合宗教類的線上補習班。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _19

  • BANNER示範3:
  • 霓虹燈感的海報設計兼具科技與時尚感,很適合軟體類的線上補習班。

canva_【Canva Banner製作教學】七個步驟設計出完美圖片|用免費軟體設計你的網站LOGO、BANNER|手把手教學-上集 _20

方法二:自行繪製BANNER法

除了套用範本外,你也可以選擇自行繪製,想知道如何輕鬆使用Canva繪製網校LOGO嗎?

我們下期再見~

 

延伸閱讀

 

 

 

Scroll to Top