首頁影像,簡單後製分享

製作首頁影像,最近剛好後製一個,由零到完成的簡單分享
使用軟体:Photoshop3

1. 放入風景照 ↓
(底層背景設為純白,風景放入新增圖層,可上下裁切多餘部份)
首頁影像,簡單後製分享

2. 加入顏色線條 ↓
(新增圖層,用「多邊型套索工具」畫出線條範圍,再用「油漆桶工具」倒出顏色)
首頁影像,簡單後製分享

3. 新增圖層、加入物景 ↓
(每個物景,都有單獨圖層)
首頁影像,簡單後製分享

4. 加入圖片、人物圖型、及文字 ↓
(從google 下載書法文字,掏空文字外圍,再貼入新增的圖層裡。各圖層的透明度,可依創作需求調整)
首頁影像,簡單後製分享

5. 加入背景 ↓
(在物景下面,新增圖層,加入背景圖,用「多邊型套索工具」畫出線條範圍,再用「橡皮擦工具」擦除選取範圍)
首頁影像,簡單後製分享

6. 加入潤飾 ↓
(依個人美感修圖,眼睫毛是用滑鼠畫出)
首頁影像,簡單後製分享

7. 完成 ↓
(點開可放大)
首頁影像,簡單後製分享

以上,簡單分享

PS. 這個首頁修圖,是我個人練習及玩的成份居多,所以放了很多元素,一般的首頁圖像元素,會少一些
2021-07-20 14:26 發佈
文章關鍵字 首頁影像
一般的網頁影相制作,大概有兩種類別,一個是靜態的JPG檔,一個是動態的GIF檔
在一樓所說的,是常用的靜態影相處理,接下來,簡單講解如何快速制作一個動態的網頁 GIF檔

剛好之前在 01 有練習一個飛機 GIF檔,就拿它來講解
借用 kevinla大 的原圖


想讓它簡單動態飛行,方法如下

1. 截取背景圖,因為我想讓背景動,所以起點和終點畫面要相同,最快的作法,就是用 PS 鏡射圖片,注意結束的畫面要預留多一些,方便連接時的密合 (JPG檔)


2.截取想讓它動的元素如下 (背景需掏空,存成 PNG檔)




3. 進入 Premiere 影片剪接軟体,會用這個軟体,是因為可以自訂動畫路徑和秒數
開啟 Pr 後,將原始相片用滑鼠從「檔案總管」托進工作區,如此系統會自動設定影片尺寸


接著適合有些 Pr 基礎的,不會的沒關系,我把關鍵字記在下面,以後你們會慢慢了解

4. 滑鼠托入步驟1 的背景圖在新增片軌,縮放高度尺寸和原始圖相同,設定影片結速時間為 3秒,使用「位置」效果控制項,設開始和結束兩個「關鍵點」,在此只要設水平移動就好,並按起始和結束鈕,觀查背景圖是否在同一元素位置 (建物),如此,即完成背景移動

5. 滑鼠托入各別會動的元素,如飛機、吊桿等,在不同的新片軌上,同樣利用 「位置」效果控制項,在不同的時間點加入「關鍵點」,而且各關鍵點設置垂直和水平移動項,介由觀查改變位置是否和自己想要的相同,還有飛機的起始和終點位置也要相同

6.想花俏一點的,可從 google 下載背景已經掏空的 gif 局部動畫,在此我下載一個閃電,放入新增片軌,調整讓它出現在想要的時間軌,並調整顯示位置


7. 完成之後,各軌道會有相關的圖型元素在上


8. 最後,匯出媒体,格式選擇 gif 動畫檔輸出即可完成。


成品如下:


ps1. 成品的飛機,有加入「縮放」的時間關鍵點,所以看起來會有「遠、近」的效果
ps2. 吊桿元素,有加入「旋轉」的時間關鍵點,所以看起來會有「轉動」的效果
ps3. 此篇不用給分,因為之前的成品分享,已給過分
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?