大家好！歡迎來教教學時間

這次呼應社團裡有人提出的問題

相信很多人都可能有想要製作類似的效果

幫自己的影片或是網頁標注重點

那我們今天將以較為簡單的 PR 為主

教大家如何做出這樣的效果！

我們開始吧！

首先在我們製作任何物品前

最好都要先找個參考

所以我們上網搜尋安全框

就會找到許多設計

當然如果你非常趕時間

也可以試著找到無版權的素材去做使用

但我們今天將會找一個版本當作參考

再拉出自己的樣式

這個看起來比較標準

那我們將剛剛的圖片下再丟進 PR

因為圖片可能不是我們要的大小 長寬

所以我們自己新建一個新的序列

設定自己要的長寬

接下來將圖片丟入圖層

馬上會發現這張圖片其實十分的小

我們將他拉大

並且調低透明度

這時候只用上次也有提過的 Essential Graphics 功能

在左下角可以新增方形

接下我們將新增的方形對其

並且調整顏色

以及開啟外框線

這時候搜尋框的架構就出現了

這時候為了方便檢視

我們稍微調整一下圖層順序

讓我們的參考圖在上方才有辦法繼續參考製作

那我們繼續在剛才的圖形新增

製作出右邊的方形按鈕

並且在選用 Ellipse 圓形

來製作出放大鏡的鏡面

這邊順便補充

如果你覺得畫面太小很難拉的話

可以雙擊預覽視窗左上角的名稱

預覽視窗就會放大到滿版

如此一來就好製作許多

如果要退回去，只要在雙擊同個點即可

我們最後將參考關閉

並且微調

搜尋框就完成了！

我們可以在上面打些關鍵字

讓他更像一點

接下來我們要在新的圖層

開啟一個新的圖形來製作滑鼠

這樣滑鼠才能與搜尋框分開互動

我們依樣使用剛才的方法

只不過這次我們是使用 Mask 來製作滑鼠這個比較複雜的圖形

花點時間在畫面拉好後

就可以開始製作動畫拉！

依樣使用關鍵影格

並且別忘了用曲線讓它自然一點

安全框的部分則是使用放大縮小的關鍵影格

先讓他縮小 再放大 再縮小 再回去

來營造被點擊的感覺

那我們這次教學就到這裡！

很歡迎大家到社團互相交流、提問！

我們下次見