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

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

adobe portfolio

Adobe Portfolio 網站介紹

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

Adobe Portfolio 教學

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

adobe portfolio 1 1

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

adobe portfolio 2 1

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

adobe portfolio 3 1

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

adobe portfolio 4 1

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

adobe portfolio 6 1

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

adobe portfolio 7 1

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

adobe portfolio 10 1

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

adobe portfolio 11 1

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

adobe portfolio 12 1

Step 10.
輸入計畫案的詳細資訊。

adobe portfolio 13 1

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

adobe portfolio 14 1

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

adobe portfolio 15 1

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

adobe portfolio 18 1

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

adobe portfolio 19 1

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

adobe portfolio 20 1

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

adobe portfolio 21 1

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

adobe portfolio 22 1

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

adobe portfolio 24 1

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

adobe portfolio 25 1

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

adobe portfolio 26 1

Adobe 相關線上服務

2 comments

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。