《Adobe Portfolio》 將照片、影片變成作品集網站

Adobe Portfolio 是 Adobe Creative Cloud 的計畫之一,由於許多會拍照的人不一定會寫網頁程式,所以 Adobe 開發了 Adobe Portfolio,讓用戶只要透過簡單的上傳,就可以將網站變成作品集了,使用起來相當容易,但操作介面是英文的,所以海芋特別來寫這篇介紹,只要依這篇的教學操作一次,相信你也很快就可以上手的!

 

◎◎網站小檔案◎◎
網站名稱:Adobe Portfolio
網站介面:英文
網站性質:免費
是否登入:需要有 Adobe Creative Cloud 才能使用
■ 網站網址:https://www.myportfolio.com

 

Step 1.
先連到「Adobe Portfolio」,並先按下〔Try this layout〕挑選一個你要使用的網站模版。
adobe-portfolio-1

 

 

Step 2.
如果你是新手,沒用過 Adobe Portfolio 的話,一開始選擇模版後,必須先建立一個計畫案,以相簿的概念來說,這個計畫案就有點像是你相簿網站中的一個相本,裡面可以放很多照片、影片、加入文字等,。
adobe-portfolio-2

 

Step 3.
之後,會出現「計畫」的解釋,請按下〔Continue〕繼續 。
adobe-portfolio-3

 

Step 4.
接下來,可以從側邊工具,來選擇「上傳照片」、「嵌入影音」、「增加文字」等。
adobe-portfolio-4

 

Step 5.
在上傳完照片,並且嵌入影音後,基本上你的每個照片、每段文字、每個影片都是一個區塊,也許呈現的順序不是你所要呈現的內容,但我們可以調整位置。
adobe-portfolio-6

 

Step 6.
如果要調整區塊的順序,或者針對照片進行編輯,都是按下區塊左上方的「編輯圖示 (即下圖紅色圈圈所圈起來的圖示)」。
adobe-portfolio-7

 

Step 7.
接下來,按下〔Reorder〕來調整區塊順序。
adobe-portfolio-10

 

Step 8.
使用「拖曳」的方式,就可以調整照片、影片、文字的順序了,是不是相當方便呢?
adobe-portfolio-11

 

Step 9.
在調整完畢後,可以按下右下方的〔Continue〕來儲存計畫案,並且讓這個計畫案加入你個人的 Adobe Portfolio 網頁中,一開始先要選擇封面圖案。
adobe-portfolio-12

 

Step 10.
輸入計畫案的詳細資訊。
adobe-portfolio-13

 

Step 11.
選擇是否要發佈到 「Behance」,這是 Adobe 另一個作品集網站,跟 Adobe Portfolio 有什麼不同呢?簡單來說,你的計畫就是你一個作品,Adobe Portfolio 只是將你許多的作品集集中到一個網頁展示,而 Behance 則是展示了全世界的人的作品集。
adobe-portfolio-14

 

Step 12.
如果你有發佈你的作品集到「Behance」的話,則是可以選擇「授權方式」以及「可視對象」。
adobe-portfolio-15

 

Step 13.
接下來,就按下【View your Portfolio】來回到你的 Adobe Portfolio,然後再來編修網頁,並且進行發佈囉!
adobe-portfolio-18

 

Step 14.
回到 Adobe Portfolio 後,也是可以針對每個網頁元件做編輯,在「紅色圈圈」是針對這個區塊做編輯,「藍色圈圈」則是挑選不同的版型。
adobe-portfolio-19

 

Step 15.
舉例來說,你可以設定網站名稱,字型,文字的對齊方式等。
adobe-portfolio-20

 

Step 16.
當然也可以選擇不同的版型。
adobe-portfolio-21

 

Step 17.
也可以按下「⊕」來新增更多的內容。
adobe-portfolio-22

 

Step 18.
在「Manage Content」的地方,則是可以設定元件是否顯示,或者編輯元件的相關資訊,網址(Slug)等。
adobe-portfolio-24

 

Step 19.
在設定部份則是可以新增「GA」,來追蹤使用者。
adobe-portfolio-25

 

Step 20
也可以使用自訂網址,而在設定完成後,或者編修完成後,記得按下側邊欄的〔Publish Site〕,若有更新內容則是按下〔Update Live Site〕喔。
adobe-portfolio-26

About 張海芋

城市裡的小小迷僮工程師,喜歡用鍵盤記錄個人生活的點滴,身邊的人事物都我的靈感,用心踏出每個腳步,用文字灌溉《海芋小站》,用專業解決問題。

2 thoughts on “《Adobe Portfolio》 將照片、影片變成作品集網站

  1. 試用編輯之後,如果想要外人看得到你的Adobe Portfolio,基本上還是要付費的。
    我按下Publish Site之後就有希望你付錢的訊息,如果你選擇繼續試用,自訂的網址也會連不到。
    如果新建立一個Project當初沒有選擇公開到Behance的話,我找不到哪裡可以補發布到Behance。

發表迴響