FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具
FotoJet 為一款線上照片編輯器,「設計圖片、製作拼圖、編輯照片」是此款線上圖形設計創作工具的主要功能。
運用 FotoJet 提供的各式模板範本主題,無論是幫照片運用濾鏡、特效、形狀、增加相框,或是執行一些經常性的制式化平面設計、美工圖片、雜誌、卡片、海報的修編,有了 FotoJet 就能簡化及方便的完成製作工事。
另外如果有經營社交媒體的話,FotoJet 也支援 Facebook、Google+、Youtube、Twitter、Tumblr、Instagram、Pinterest ...等,社交封面圖、社交貼文圖及橫幅廣告的製作。
FotoJet 編輯器平台目前是使用 Flash 運作,因應近年來網路架構的改變,FotoJet 在近期也會推出 HTML5 版本的編輯器平台。FotoJet「設計圖片 Beta 版」的 HTML5 版本已經開始提供給訪客嚐鮮使用,相信不久後 HTML5 的全功能版本就會正式推出。
操作 FotoJet 編輯工具時,會看到黃色的「皇冠圖示」,顯示「皇冠圖示」的資源皆為 PLUS 的高級功能。如果日常使用 FotoJet 的情況很頻繁,不妨參考 FotoJet 的「價格 & 計劃」,PLUS 付費版本除了具有「高級編輯工具」外,也有 600+ 以上的的高級範本主題能夠應用,可以省去大量的圖片創作編輯時間。
值得一提的是 FotoJet 也有 Chrome 版本,如果平常在電腦上是使用 Chrome 瀏覽器,在 Chrome 擴充裡安裝了「FotoJet」,就能快速的在 Chrome 應用程式啟動器『chrome://apps/』中使用 FotoJet 的照片編輯器功能。FotoJet 的 Chrome 擴充與早前介紹的「Pixlr Editor」雷同,在應用程式中開啟後,會連結至網站首頁。
官方網址:https://www.fotojet.com/
網站性質:線上照片編輯器 (*價格 & 計劃 )
其他版本:設計圖片 HTML5 Beta 版、Chrome 擴充版本
適用平台:電腦桌機
使用語言:支援「繁體中文」
工具特點:
編輯工具使用操作相當直覺,這裡就以「FotoJet 設計圖片」的編輯工具作介紹,嘗試使用免費範本主題,製作一張「YouTube 頻道圖片」為例。
前往「FotoJet 繁體中文」首頁後,點選畫面中的『設計圖片』。
接著畫面往下拉,找到並選擇社交封面圖底下的『YouTube 頻道圖片』。(* 這裡可以觀察到 FotoJet 網站 LOGO 旁邊的快速編輯頁籤,顯示為「設計」。「YouTube 頻道圖片」下方也會提示,範本會自動以符合 YouTube 頻道的長寬比,將範本的畫布底圖以 2560px X 1440px 設計。)
來到「設計」頁籤的編輯工具。畫面左側為「範本、文字、剪貼畫、背景」功能列,右側則為圖片編輯區域。
套用範本前,可以先觀察一下「設計」頁籤,左側的「範本、文字、剪貼畫、背景」功能列樣式。
如果要以 FotoJet 的範本主題設計「YouTube 頻道圖片」,可以點選左側範本「ALL」的下拉式選單,FotoJet 預先已經分類好幾個大項主題的範本場景。
如果要以自製底圖佈景,當作「YouTube 頻道圖片」的設計構圖背景,可以選擇畫面最右側的「添加照片」的下拉式選單,能夠將電腦、FB 及 Pixabay 線上素材圖片添加到設計場景中使用。
這裡就以 FotoJet 範本中的「Architecture」主題裡,第一個「YouTube 頻道圖片」樣板做為示例,嚐試著變更範本樣板底圖特效,並將畫布中間的英文文字轉為中文,圖片最下方的網址改為自己的網址。
右側編輯區,當我們將滑鼠移到每一個物件上方,只要被判讀為物件,物件就會以淺灰色虛線顯示。(*「圖片、文字、剪貼畫」在編輯區中都是屬於「物件」。)
當點取物件後,如果要移動物件的位置,可以將滑鼠移到物件的邊緣,當滑鼠符號變為「十字」後,就可以移動物件位置。
下圖可以觀察到,「文字物件」共有「字體、屬性、特效」三個功能選項可做調整。須留意「屬性」選項當中的『圖層』功能,一般來說文字在編輯區中,都會將它排放在最上一層。(* 如果將文字放在圖片下方,就會看不到文字。)
這裡應用「特效」選項中,比較特別的『包邊』功能,可以觀察到中文字體也適用,另外也可自由調整文字透明度,包邊的寬度及顏色。
接著點選照片,可以觀察到,「照片物件」共有「屬性、特效」兩個功能選項可做調整。「屬性」選項當中,與『文字』相比,多出了旋轉、翻轉、裁剪的功能。「特效」選項,則可幫圖片套用現成簡易濾鏡特效。(* 如果要套用多種特效功能,可以將圖片匯入 FotoJet「編輯照片」中做設計,儲存在電腦後,再匯入「圖片設計」這裡使用。)
這裡將圖片套用濾鏡特效後,再將範本樣板下方的網址更改為自己的部落格網址。
再按下畫面上方的『保存』,把製作好的「YouTube 頻道圖片」保存到電腦。
最後將圖片上傳到 YouTube 頻道,YouTube 頻道就會自動將圖片依裝置比例,裁剪為適當的尺寸顯示於裝置上。
到這裡就完成套用 FotoJet 設計圖片的「YouTube 頻道圖片」範本,製作 YouTube 頻道圖片的動作了。
這邊就試著使用「FotoJet 編輯照片」裡的「特效、疊加、相框」功能,快速製作出一張具有混合 Lomo 風格的拍立得照片為例。
首先,在 FotoJet 首頁點取「編輯照片」後,會來到「編輯」頁籤。可以在上方「打開」的下拉式選單中,上傳電腦裡的圖片來編輯,或是使用 FotoJet 程式提供的樣圖。(* 這裡的操作是使用中間的官方人像圖片當作示例。)
同樣的在編輯圖片前,可以先觀察並試操作一下,多出的「編輯、特效、疊加、相框」等幾種功能列。
接著在「特效」裡面找到『Lomo』功能,並在「Lomo」的下拉式選單中套用『Lomo 1』的風格。調整好強度後,按下『應用』,「Lomo 1」的特效就會應用到照片上了。
接下來,在「疊加」裡面找到『布料』功能,並在「布料」的下拉式選單中套用第一個風格。調整好強度後,按下『應用』,特效就會應用到照片上了。
然後於「相框」裡面找到『寶麗來』功能,並在「寶麗來」的下拉式選單中套用第一個風格。調整好邊框「粗細」後,按下『應用』,特效就會應用到照片上了。
到這裡,應用了 FotoJet 編輯照片裡的「特效、疊加、相框」功能,就完成了混合了 Lomo 風格的拍立得相片了。
如果要直接分享到社群的話,FotoJet 也提供「Facebook、Twitter、Pinterest、Tumblr」等社群分享源,分享時給予 FotoJet 相關 API 授權,就能將圖片分享到社群網站了。
「製作拼圖」裡也有趣味、漫畫、賀卡等範本能夠運用,值得嚐鮮。「編輯照片」套用濾鏡,能夠快速完成一張獨特風格的圖片,使用起來很方便。
運用 FotoJet 提供的各式模板範本主題,無論是幫照片運用濾鏡、特效、形狀、增加相框,或是執行一些經常性的制式化平面設計、美工圖片、雜誌、卡片、海報的修編,有了 FotoJet 就能簡化及方便的完成製作工事。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_001 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_001](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCq18c3rfbgbF_x6MouoHpARYto-PA-ZR7oXAd9_uACf5RPYg0uwzE07hNm2nmpJhY6Jy9Avt6XoOV1BjRMm04tFX2CyfsRPIquRxfNe7luFHCGuXREVb4C2ghtjhb0-FRSksfdtBLz0Y/s1600/fotojet_001.jpg)
另外如果有經營社交媒體的話,FotoJet 也支援 Facebook、Google+、Youtube、Twitter、Tumblr、Instagram、Pinterest ...等,社交封面圖、社交貼文圖及橫幅廣告的製作。
FotoJet 編輯器平台目前是使用 Flash 運作,因應近年來網路架構的改變,FotoJet 在近期也會推出 HTML5 版本的編輯器平台。FotoJet「設計圖片 Beta 版」的 HTML5 版本已經開始提供給訪客嚐鮮使用,相信不久後 HTML5 的全功能版本就會正式推出。
操作 FotoJet 編輯工具時,會看到黃色的「皇冠圖示」,顯示「皇冠圖示」的資源皆為 PLUS 的高級功能。如果日常使用 FotoJet 的情況很頻繁,不妨參考 FotoJet 的「價格 & 計劃」,PLUS 付費版本除了具有「高級編輯工具」外,也有 600+ 以上的的高級範本主題能夠應用,可以省去大量的圖片創作編輯時間。
值得一提的是 FotoJet 也有 Chrome 版本,如果平常在電腦上是使用 Chrome 瀏覽器,在 Chrome 擴充裡安裝了「FotoJet」,就能快速的在 Chrome 應用程式啟動器『chrome://apps/』中使用 FotoJet 的照片編輯器功能。FotoJet 的 Chrome 擴充與早前介紹的「Pixlr Editor」雷同,在應用程式中開啟後,會連結至網站首頁。
網站資訊:
網站名稱:FotoJet官方網址:https://www.fotojet.com/
網站性質:線上照片編輯器 (*價格 & 計劃 )
其他版本:設計圖片 HTML5 Beta 版、Chrome 擴充版本
適用平台:電腦桌機
使用語言:支援「繁體中文」
工具特點:
- 瀏覽器操作,免安裝軟體。
- 不用登入註冊即可使用。
- 支援電腦匯入圖檔。
- 支援搜尋匯入 Pixabay 線上素材圖片。
- 使用 Facebook 帳號一鍵登入 (*權限:FB 公開的個人檔案和電子郵件。),即可將臉書及 Instagram 相簿的圖片,匯入到 FotoJet 的圖片編輯器中使用。
- PLUS 付費版本支援 FotoJet 網頁編輯器去廣告,並且可以使用「高級編輯工具」含 600+ 高級範本主題及加成的字體、特效、剪貼畫、形狀、相框、疊加資源。
操作教學
1. 前置作業
Flash 及 HTML5 瀏覽器設定
FotoJet 照片編輯器平台是使用 Flash 及 HTML5 製作,如果發現在自己的電腦上開啟 FotoJet,編輯器無法使用,可以試著調整瀏覽器設定,這裡以 Chrome 瀏覽器為例。Flash
FotoJet 照片編輯器 Flash 平台的部份,可以在網址列貼上「chrome://settings/contentExceptions#plugins」Flash 例外情況,找到『https://www.fotojet.com:443』後,選擇允許即可完成設定。![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_101 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_101](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWqNzV1SLDfQp0TdJ0zVnWs5mvde5q2bBsLK9m6cSigrpwq7LFv7v8KFJnJXMna_kNVQkV2SCMaAHLdRxZmk7ZcgeDXTn33uPU95GEZpqjmd1mvJCQK14tCD5j7nK5PMxjgoMKgTSM6oA/s1600/fotojet_101.jpg)
HTML5
FotoJet 照片編輯器 HTML5 平台的部份,如果 HTML5 平台無法使用,則可試著開啟 Chrome 瀏覽器「進階設定」裡的「硬體加速」功能。![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_102 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_102](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Kwt__q4Ns9IbKifiz7D65QeimXRSwtsrkYgLGX2tvc09EFoXIZp4J0cR2XlDxXXVfzxB1bV5tUSqdGhiAZ4MrbXOkKKjmjjiNQ_fm4eQoI28EKqwLdpViyebSDRG5mlY5_GYg7H1Q_k/s1600/fotojet_102.jpg)
2. 設計︱拼圖
FotoJet 設計圖片︱製作拼圖
FotoJet 設計圖片與製作拼圖的「編輯工具」,兩者使用時工具在功能上大致是一樣的,如果設計時以拼圖製作為主,則在「圖層」的運用上就會顯得多了一些。編輯工具使用操作相當直覺,這裡就以「FotoJet 設計圖片」的編輯工具作介紹,嘗試使用免費範本主題,製作一張「YouTube 頻道圖片」為例。
前往「FotoJet 繁體中文」首頁後,點選畫面中的『設計圖片』。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_201 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_201](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmm7g98G7nGy4mjdwyORlnxAyMwiP3cI6rzbv9J6Z5OSKNzB5qC8gtr4UzzxF4JhmSj3SwkBeDo72fJkhBQEgShrJcNA_h2HpdfX9WMvVc2Hd5w97JzBEkD2WviOjPANP493a7jWX_g0Y/s1600/fotojet_201.jpg)
接著畫面往下拉,找到並選擇社交封面圖底下的『YouTube 頻道圖片』。(* 這裡可以觀察到 FotoJet 網站 LOGO 旁邊的快速編輯頁籤,顯示為「設計」。「YouTube 頻道圖片」下方也會提示,範本會自動以符合 YouTube 頻道的長寬比,將範本的畫布底圖以 2560px X 1440px 設計。)
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_202 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_202](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7-Ogirlcqr5RVesV2rJDh6SXiX690hkxokd-I4cSjkdj-y4S3bQQZxTKBWXQdQbPzr80mZYuT5Hwmu3kRHafzWG6uFzr4nmobtaLbdTN5iiRnp34NduKoFvz0pOeucs3LwcpKvQQ_EE/s1600/fotojet_202.jpg)
來到「設計」頁籤的編輯工具。畫面左側為「範本、文字、剪貼畫、背景」功能列,右側則為圖片編輯區域。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_203 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_203](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_zgyGJpmYOboJaB-W7AiO5pWAKen2G7Sq3bATjoNdEWJqTnM-dnXkxu9EGmppu8GyCf7xw8PQH2rTCetlG-yP4QNitFJ1JDzt1O1V-1sWk_ruecBQGKhWlUu0i0n9fDjiWEgvKt0tNTw/s1600/fotojet_203.jpg)
套用範本前,可以先觀察一下「設計」頁籤,左側的「範本、文字、剪貼畫、背景」功能列樣式。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_204 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_204](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapVqzcteO4q0W1ADfS2TDcmoMV1kIjgr5orSkmX0jwoDrgX2-zJ-jUrc5oyQMqCSbWhL7Lt-4wZ26eyf-nHoyVLnE_7XumGOQxU7Gd2l6O62Zp6uii1xtchxJK5y5C6hyphenhyphenvaVnh1bcsPA/s1600/fotojet_204.jpg)
如果要以 FotoJet 的範本主題設計「YouTube 頻道圖片」,可以點選左側範本「ALL」的下拉式選單,FotoJet 預先已經分類好幾個大項主題的範本場景。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_205 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_205](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6XarJE2-K4gjiblbeNRIBgLVVsgIdxs2CYyPL_rymrf64TbXs7asCTr5E7il4dWMxLQ4vgcF2oEqjOj1gHghYTpgQXCsxkZuboK7lftCFYaS3_P7I5NDNMhipf6bKUNszQ6_qKNnG3fM/s1600/fotojet_205.jpg)
如果要以自製底圖佈景,當作「YouTube 頻道圖片」的設計構圖背景,可以選擇畫面最右側的「添加照片」的下拉式選單,能夠將電腦、FB 及 Pixabay 線上素材圖片添加到設計場景中使用。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_206 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_206](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidEPY2WElERByPFKrLAnGbYIzddLHkeaFBy5x-f2IZyUTMjNdhpPt14zQD97ya3yA5WGRGfcKXjvF0Mz0gf8LX6HmPHplcMo_VgOyQoSCFjZeuxiy-7yNEqd4kivt5ykPMtCNGPJRUnrY/s1600/fotojet_206.jpg)
這裡就以 FotoJet 範本中的「Architecture」主題裡,第一個「YouTube 頻道圖片」樣板做為示例,嚐試著變更範本樣板底圖特效,並將畫布中間的英文文字轉為中文,圖片最下方的網址改為自己的網址。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_207 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_207](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX-ekuUgl__W7x4SmeudTwrBYEZiVEDW322U1wijX4PHPKBMpGfqVu8iWjqHPKXW6nTPAVOSJEA19x5MqkfQxMqCF2-S6J8PUcotivcHIUyOsDP3usgdzOqw9a-WKlQ5TdQW7vzowd428/s1600/fotojet_207.jpg)
右側編輯區,當我們將滑鼠移到每一個物件上方,只要被判讀為物件,物件就會以淺灰色虛線顯示。(*「圖片、文字、剪貼畫」在編輯區中都是屬於「物件」。)
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_208 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_208](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyi5dU_BkGEy2w5qdIzf5csyLvjK5flPlPLJ8qWctti876wESfOM7LvV75nlNBBvkAdhSMQ7HeWP9KrD0itOC5W1GBJvVyq6Ef5C1iRFZdgxOVQXHw-iDNLOAlb21P7duYPYGaS3Pq2Tw/s1600/fotojet_208.jpg)
當點取物件後,如果要移動物件的位置,可以將滑鼠移到物件的邊緣,當滑鼠符號變為「十字」後,就可以移動物件位置。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_209 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_209](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilL3c2tsO4CpHxGCu5SIITzledOXkLzbT6ETT-eK5fAD0sDQnD-RP6-fhMj-ORF6UI8-N1PPjDS1rM9PtB2EMhi4Aj-t-Ppxdzei1OoB3MYbp9jXd38GJ_xJbTPHG_tESF7Yqh2D_WVB8/s1600/fotojet_209.jpg)
下圖可以觀察到,「文字物件」共有「字體、屬性、特效」三個功能選項可做調整。須留意「屬性」選項當中的『圖層』功能,一般來說文字在編輯區中,都會將它排放在最上一層。(* 如果將文字放在圖片下方,就會看不到文字。)
這裡應用「特效」選項中,比較特別的『包邊』功能,可以觀察到中文字體也適用,另外也可自由調整文字透明度,包邊的寬度及顏色。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_210 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_210](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ9dnfmd81TZPP_IdBOmCeAr7iafc0RsWSWUJtwkmFOFUR3C0Y7E_DGsS-vGqXHSVS9zNvixswrblRG31GE8l79ha8hxXO4IF539B0mgDPInL9iSfKANebfrUc37C3wLip2SQiRiN5eGc/s1600/fotojet_210.jpg)
接著點選照片,可以觀察到,「照片物件」共有「屬性、特效」兩個功能選項可做調整。「屬性」選項當中,與『文字』相比,多出了旋轉、翻轉、裁剪的功能。「特效」選項,則可幫圖片套用現成簡易濾鏡特效。(* 如果要套用多種特效功能,可以將圖片匯入 FotoJet「編輯照片」中做設計,儲存在電腦後,再匯入「圖片設計」這裡使用。)
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_211 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_211](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPSgO-KYzrMtIOqcfx86Ts0zKdX86UqeLAV1fEPo1cCfybO_krAcCW_jiwBwXf8bc-yyMl14J7eaLG5O10S-lQjN9tps2E3k7s7sm7Rhyphenhyphendb2qxbQLqM7hOSI3hU3c6YbREXqKjOC0UGhQ/s1600/fotojet_211.jpg)
這裡將圖片套用濾鏡特效後,再將範本樣板下方的網址更改為自己的部落格網址。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_212 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_212](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMbeMKt2I488UOzPkHiAQHN4WSPxFbgdy2Nrr9IXm8TTQ8YZzFo_H8RAZLSgtFUhBQoJu4ZSdL73y9rKna2pdCDjabvgnSa10YQyWo7CvfK1fihpq3KFn3iWnPsiWJ7euf57Vw8oxmguY/s1600/fotojet_212.jpg)
再按下畫面上方的『保存』,把製作好的「YouTube 頻道圖片」保存到電腦。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_213 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_213](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfv6b2hRTQSCwv_63fTZDxzn1LFAN65GN2nsUTXWK2D5GyEV-xDb3uYksK9gYDHpokQ2nqnr-MnBmcRsM25ymywQx90-s1JH4zvcfcK5HLoKwDM8jNwRL87RQAL_pcoloODBXpBLdAk6M/s1600/fotojet_213.jpg)
最後將圖片上傳到 YouTube 頻道,YouTube 頻道就會自動將圖片依裝置比例,裁剪為適當的尺寸顯示於裝置上。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_214 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_214](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1XlR3Jcqv44QBQquVnrYED3S-gWF_pic8XzQGvTpF-lO0_ohqVYvWzTV0Q4iYt8BrqIoWI5k1aPb-qXx7E0xQ1mDXusxpB4CGOoM6StnH6QSv2-_NMITqDlR87AkG8aafxl9BMF6Gm_A/s1600/fotojet_214.jpg)
到這裡就完成套用 FotoJet 設計圖片的「YouTube 頻道圖片」範本,製作 YouTube 頻道圖片的動作了。
3. 編輯
FotoJet 編輯照片
FotoJet 編輯照片的「編輯工具」,主打單張圖片的濾鏡特效應用,所以與「設計圖片、製作拼圖」這兩個「編輯工具」的差別,在少了「範本、背景」的功能列,多出了「編輯、特效、疊加、相框」等幾種功能。這邊就試著使用「FotoJet 編輯照片」裡的「特效、疊加、相框」功能,快速製作出一張具有混合 Lomo 風格的拍立得照片為例。
首先,在 FotoJet 首頁點取「編輯照片」後,會來到「編輯」頁籤。可以在上方「打開」的下拉式選單中,上傳電腦裡的圖片來編輯,或是使用 FotoJet 程式提供的樣圖。(* 這裡的操作是使用中間的官方人像圖片當作示例。)
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_301 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_301](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUL-Xx0oK-YgkGBaoeRvFgQ2K6kOctRuPPkZIpkJp6sAui9BSjsBKuwPBn1KuJ6u2U-ofLFKbwWHFGTrpVLXm2dwfhnA2i9QE4y5S8ykI-mzgZWQbw7Ifk8n9jdXs54FJWonOfBv0N_s/s1600/fotojet_301.jpg)
同樣的在編輯圖片前,可以先觀察並試操作一下,多出的「編輯、特效、疊加、相框」等幾種功能列。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_302 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_302](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy4Wnx-YO5-i3YollgtBwuJaQ5YBQKMGTRKHfbiRSH0VjBOj031fFWBALkTokXKXyxMrax0-7VQzTN8u8fR2cMJu7cA12zh-QDYC3BzyCx5ffoFDYGvbjlwcizcXHnYJFoyF6zo3wAR3U/s1600/fotojet_302.jpg)
接著在「特效」裡面找到『Lomo』功能,並在「Lomo」的下拉式選單中套用『Lomo 1』的風格。調整好強度後,按下『應用』,「Lomo 1」的特效就會應用到照片上了。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_303 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_303](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82XRCLSaqM4osr0EcJb11YElwbn68z8Lg6yFy5n0n2ZYRugCSehKTRyg9gyiaev6RHAXaXd8UZ-hmE7iSdd3sUM6zq__DDi8wENcaC0eqylpHc0DDSHXRyOrtiQ15YhZ5-Z6T01no5I8/s1600/fotojet_303.jpg)
接下來,在「疊加」裡面找到『布料』功能,並在「布料」的下拉式選單中套用第一個風格。調整好強度後,按下『應用』,特效就會應用到照片上了。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_304 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_304](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5K6Us810dUgWg-EnjuzhxURCIjY9oiJsYC6cELwLExbgIeU1eXhfJONT-tvK1Ng00Rhd9_PTjt-r4uly1Osr0Mj0tWVgfdJpyePpEWHooJBoqdvcUmegunpAGYzl54ux2ak4wHgn9EKM/s1600/fotojet_304.jpg)
然後於「相框」裡面找到『寶麗來』功能,並在「寶麗來」的下拉式選單中套用第一個風格。調整好邊框「粗細」後,按下『應用』,特效就會應用到照片上了。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_305 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_305](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgixmtVlQmQe-h1d1hRAvmzZeQyTvjxspR-pUdMkPSllaUTnhE-90UCoMU3uSL2Omzrr4cZdZOCAkOjIUGVsl-fgZr-_zLkd9t8ya0hxyhYKFNZAPpRa23wEcx31wDCnaC0g0xACSGW_Qo/s1600/fotojet_305.jpg)
到這裡,應用了 FotoJet 編輯照片裡的「特效、疊加、相框」功能,就完成了混合了 Lomo 風格的拍立得相片了。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_306 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_306](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXLmO1C6ga-fDnKdR88_kEKN0KbZvpSLJYx6rSphrsNFQY0b7IjTrh2D58OfrkOqhbWQSO8XliBnUVys8QSRAAZa2ADZzTudN3SQIwu3tZKO9Z063qjQeFLahHv7Hfsvnz9iX2p7PCWpM/s1600/fotojet_306.jpg)
如果要直接分享到社群的話,FotoJet 也提供「Facebook、Twitter、Pinterest、Tumblr」等社群分享源,分享時給予 FotoJet 相關 API 授權,就能將圖片分享到社群網站了。
![FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_307 FotoJet 線上照片編輯器:設計圖片、製作拼圖、圖形設計創作工具_307](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmSClF4oA34a0xa7Eeg83MrKc4HtPp1laKYsqXaeD2C40VCkK7VGjqjzi5qYU0rfLQOXvtu7kFbGC0mUTwMGS31OpFcu5jWXyX_KUWHyguw6MblWeszasoc7vOYuUVeoEcC8sq-f3xus/s1600/fotojet_307.jpg)
小結
FotoJet「設計圖片」裡的社交封面圖、社交貼文圖,「Facebook、Google+、YouTube、Twitter、Tumblr、Pinterest、Instagram」等常用頻道、封面、橫幅及照片的尺寸大小皆已規劃完成,這點相當貼心。「製作拼圖」裡也有趣味、漫畫、賀卡等範本能夠運用,值得嚐鮮。「編輯照片」套用濾鏡,能夠快速完成一張獨特風格的圖片,使用起來很方便。
請問站長的留言板是怎麼做的,謝謝。
回覆刪除