Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

PS教學第32篇

第一篇

關於PS筆刷的流量和不透明度有什麼區別

近日,有人問我: PS 畫筆裡面,流量和不透明度的區別到底在哪裡,這個問題挺有意思的,然後我到網上搜了一下,講得五花八門,雲裡霧裡的。有的講得是很正確的,但太抽象了。今

近日,有人問我:PS畫筆裡面,流量和不透明度的區別到底在哪裡,這個問題挺有意思的,然後我到網上搜了一下,講得五花八門,雲裡霧裡的。有的講得是很正確的,但太抽象了。今天,我就這個問題展開一下。

首先,我們看一幅圖:

中間是百分百的不透明度和百分百的流量,左邊是流量不變,不透明度減半,右邊是不透明度不變,流量減半。

筆刷參數:間距為最小間距。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


那麼,你會發現在上面這幅圖中:不透明度不變而流量減半時,和百分百的不透明度和百分百的流量效果完全一樣。

再看一幅圖,我把筆刷的間距參數改為了60:


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


這時候大家會發現,不透明度不變而流量減半這種情況下,出現了顏色疊加的現象。

我們繼續改變筆刷參數,改為120


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


大家這時候會發現,左右兩邊都變得一樣了,都相比於中間顏色變淺了。

那麼根據上面三幅圖,我們可以得出一個結論:

在單次操作中,流量是可以疊加的,而不透明度是不可以的。

什麼意思呢?也就是說,如果你把流量設為100%,不透明度為50%時,在你按住鼠標不放的情況下,無論你怎麼在同一個地方畫,它的不透明度永遠只有50%,顏色永遠不會變成100%那樣。

而但你把不透明度設為100%,流量設為50%時,你按住鼠標不放,在同一個地方多畫上幾次(為什麼不是兩次呢?),它就會變成100%流量時候的情形。

這時候,我們反過來看上面三幅圖:

第一幅圖因為筆刷間距設為了最小,所以在50%流量的情況下,我們即使只畫了一次,但也相當於做了多次疊加,所以與100%流量的情形一樣。

而在第二幅圖中,因為筆刷間距為60,所以只有部分疊加了,所以有部分的顏色明顯加深了。

第三幅圖中,因為筆刷間距為120,完全沒有疊加部分,所以所有的顏色都是50%的樣子。

而在三幅圖中,不透明度完全不受疊加部分多少的影響。

結論:

不透明度:從你按下鼠標到鬆開鼠標的那段時間,無論你怎麼塗抹,你畫出來的永遠都是你設置的不透明度的值。

流量:從你按下鼠標到鬆開鼠標的那段時間,只要你不斷塗抹,即使是1%的流量也能抹出100%流量的效果。

簡而言之:在單次操作中,流量具有疊加屬性,而不透明度沒有。

那麼:如果不透明度和流量都是50%呢?雖然流量可以疊加,但不透明度它已經控制了你流量可以疊加的極限值了,所以:無論你怎麼塗抹,你疊加出來的最高值就是你設置的不透明度的值:50%。

第二篇

PS時間軸功能 進階提高篇

這篇文章跟大家分享製作各種簡單GIF動畫的一些技巧以及需要注意的問題,下面出現的動畫文件比較大,需要一定的時間才能加載出來。 上一篇文章跟大家講過PS時間軸的基礎,估計大

這篇文章跟大家分享製作各種簡單GIF動畫的一些技巧以及需要注意的問題,下面出現的動畫文件比較大,需要一定的時間才能展示出來。上一篇文章跟大家講過PS時間軸的基礎,估計大家比我都懂,接下來跟大家分享製作簡單GIF動畫的一些技巧,對於一些名稱上篇已經講過,這篇就不再描述了,如果不懂的朋友可以先看上一篇 《玩轉PS時間軸-基礎篇》

一般來說,製作動畫不會選擇像素圖層,因為它的動作屬性可操作性太少,正如我們設計UI的時候也不會直接用像素繪製。如果我們需要製作的動畫中包括旋轉或者縮放,我們只能把圖層轉換為智能對象,而文字圖層是個例外(但並不絕對),因為它已經有變換的動作屬性,然而僅僅改變顏色或者移動位置直接用形狀圖層製作便可。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


PS時間軸沒有像flash那樣可以設置運動軌跡,但是它的運動也是有規律的,即跟隨最近原則,比如我們做一個旋轉動畫,第一幀的角度為0°,下一幀的角度旋轉360°,事實上它還是0°,也就不會產生動畫;另一種情況,第一幀的角度為0°,下一幀的角度旋轉270°,產生動畫則是反轉90°,因此,必要的情況下我們需要在開始幀和結束幀之間添加更多的關鍵幀。顏色變化更是如此。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

關鍵幀的拷貝和粘貼

大部分情況下我們做的動畫都是循環的,因此在開始幀(第一幀)和結束幀(最後一幀)都是一樣的,所以我們先複製第一幀再把時間線拖到最後並復粘貼。操作:右鍵點擊想要拷貝的關鍵幀→拖動時間線到想要的位置→右鍵點擊任意關鍵幀→粘貼(溫馨提示:這裡會重新在拖動時間線的位置上生成一個新的關鍵幀,而不是替換你當前右鍵點擊的關鍵幀,除非時間線剛好在這個關鍵幀上)

具有動畫的圖層拷貝

我們都知道圖層的快捷複製是直接按ctrl+J,而這種操作無法將其動畫複製到時間軸上,也就是無法複製時間軸上的動作屬性(複製組可以將其動畫複製到時間軸上)。還有一種操作就是在當前圖層按住alt+鼠標移動,即可複製時間軸上的動作屬性,並且哪怕你鼠標複製圖層後移動到任何位置,再次回到時間軸面板拖動時間線它還是保持原來的位置(僅對智能對象圖層有效,其他類型圖層的位置會發生改變),事實上這是一個良性的bug(溫馨提示:如果你不重新拖動時間線直接導出動畫,有一幀的位置就是你拖動的位置)。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

製作類似咻一咻的動畫

首先分析動畫是由圓環從小變大並且慢慢消失,如果我們直接用圓圈減去的方法制作圓環,那麼圓環的寬度並不能保持一致,因此採用圖層樣式的方法,操作:用形狀工具畫一個足夠大的正圓(為什麼要足夠大?幾年前已經粗略講過圖層樣式和智能對象,這裡再補一下,就是當前形狀大小轉換為智能對象後,它最大的形狀也就是當前固定了,如果轉換為智能對象後再放大,則會失真,所以寧可畫得大一些,轉換智能對象後縮小後再次放大也不至於失真了,圖片更是如此)

→轉換為智能對象再將其縮小→將其圖層填充為0→添加圖層樣式→描邊。

接下來轉到時間軸上製作動畫。圓環發生縮放屬於變換的動作屬性,因此在變換旁邊打開關鍵幀開關,然後拖動時間線到指定位置,再次放大圓環。圓環還有慢慢消失的動作,則在透明度上旁邊打開關鍵幀開關,設置開始幀的透明度為100,結束幀的透明度為0,一個圓環的動作已經完成了。我們需要很多個圓環跟著節奏,所以按照上面說的動畫的圖層拷貝,alt+鼠標移動(複製N個),生成相同的動作以後,再調整各個圖層動畫預覽的位置錯開時間緊隨節奏,動畫製作完畢。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


你還可以運用在其他動畫上


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


製作模糊動畫

如果PS可以像flash那樣有濾鏡動畫,那是值得高興的事,很遺憾ps總歸是ps,它製作動畫的功能無法跟專業的動畫工具比,而我寫的這個文章也並不是做專業動畫的,因為已經表明了是輕鬆製作簡單的gif動畫。但說是簡單,也需要實用才行,這還是符合我寫教程的三個基本原則的,簡單、實用、原創。好吧,又裝X了~

新建一個文字圖層並打上模糊,ctrl+J複製一個圖層,估計到這裡大家已經知道怎麼做了。讓文字從模糊慢慢變得不模糊,將其中一個圖層轉換為智能對象再添加其高斯模糊濾鏡(這也就是為什麼文字圖層也不絕對不用轉換智能對象了,必要情況下還是要轉的)。然後開始幀的透明度設置100,結束幀設置0,另外一個圖層開始幀的透明度設置0,結束幀設置100,參數反過來設置就是不模糊變得模糊,製作完畢。圖片模糊同樣方法。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


製作旋轉的時鐘

我還是要吐槽一下ps動畫沒有運動軌跡真是一個遺憾,這使得很多動畫的製作需要技巧,如果真的沒辦法做的動作建議還是使用專業的工具。但是還是許多動作可以做的,而更多動作都跟旋轉有關,比如手腳的擺動,時鐘的轉動等。

值得注意的是,當我們ctrl+T改變圖形的中心點的時候,只是在當前操作起作用,而下一次再次ctrl+T,中心點位置還是會迴歸到原始的中心位置。而旋轉,正是跟這個中心點有關。既然中心點無法用ctrl+T改變後製作動畫,那我們需要用到技巧。因為中心點是固定在圖像垂直居中的中心位置,如果只是在當前的圖形上旋轉,那必定不是我們想要的動畫,因此需要添加額外的內容填充。

以時鐘為例,將指針沿著時鐘的中心位置轉動起來:用形狀工具畫一個指針→將其指針轉換為智能對象→雙擊智能對象調整畫布的高度/寬度大小200%(參數的設置取決於你想要轉換智能對象後的中心點位置),確定再按ctrl+T,我們可以看到中心點還是在中間的位置,只是添加的額外內容隱藏了。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


接下來就是將指針旋轉起來,轉到時間軸面板,打開變換的關鍵幀開關,上面已經說過運動規律是跟隨最近原則的,因此每個幀的旋轉幅度不要超過180°,否則將不會順時針旋轉。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


製作變化的月亮

上一篇沒有描述的圖層蒙版位置的動作屬性,現在終於派上用場了。

用形狀工具畫一個正圓,添加圖層樣式,然後添加圖層蒙版並拉個黑白漸變,這個時候時間軸的動作屬性已經發生改變,多出了圖層蒙版位置和圖層蒙版啟用。點擊取消圖層和圖層蒙版中間的鏈接


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


(否則將一起移動),回到時間軸,打開圖層蒙版位置的關鍵幀開關,拖動時間線到指定位置,回到圖層面板,按住alt+點擊圖層蒙版


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


進入預覽,然後用移動工具移動漸變位置


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


再次按住alt+點擊圖層蒙版回到畫面,月亮的變化製作完畢。接下來可以在矢量蒙版位置上加個移動的動作,打開移動蒙版位置的關鍵幀開關→拖動時間線到指定位置→拖動圖層到指定位置,月亮的移動製作完畢。最後還可以加上圖層樣式的動作,整個動畫製作完畢。


Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹


以上就是本章跟大家分享的技巧,其中包括:文字動畫、顏色漸變、咻一咻動畫、模糊動畫、旋轉的時鐘以及變化的月亮。裡面所需用到的技巧可以用在更多的動畫上,相信大家一定能做出更炫的動畫。

第三篇

jpg壓縮圖片文件大小,教你如何壓縮圖片大小不失真!

各種萬惡的網站限制上傳圖片大小?10KB 20KB,這個不是坑爹麼,現在教你如何不影響尺寸的情況下壓縮jpg圖片文件大小,並且失真降到最低!

各種萬惡的網站限制上傳圖片大小?10KB 20KB,這個不是坑爹麼,現在教你如何不影響尺寸的情況下壓縮jpg圖片文件大小,並且失真降到最低!

首先 靚女圖片鎮樓!

Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

我們打開需要壓縮的jpg圖片。然後:文件——存儲為Web所用格式

Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

右上角選擇JPG格式

Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

然後在旁邊有個很小的 下拉按鈕

Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

選擇 優化文件大小

Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

設置需要的文件大小(小技巧:假如你需要10KB以內建議設置9KB 假如需要100KB以內 建議設置90KB,知道啥意思了吧)

Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

Adobe Photoshop筆刷流量不透明度+時間軸提高+壓縮圖不失真介紹

記得關注哦

記得評論哦

記得轉發哦


分享到:


相關文章: