首頁  >  文章  >  web前端  >  Photoshop中關於各種半透明樣式設定總結

Photoshop中關於各種半透明樣式設定總結

黄舟
黄舟原創
2017-06-06 14:28:273458瀏覽

我們在之前的一篇文章中解了CSS中關於半透明設定的總結,也知道半透明效果不僅僅是對圖片,還有各種地方都有使用到,那麼我們今天就來跟大家介紹Photoshop中半透明樣式的總結!

Photoshop半透明樣式摘要:

1.Photoshop簡單製作網頁半透明按鈕 

Photoshop中關於各種半透明樣式設定總結

#本教學非常適合做網頁彈出視窗的美化。製作方法非常簡單,只要用到圖層樣式設定就可以。效果很不錯。

2.Photoshop 制漂亮的半透明音符 

Photoshop中關於各種半透明樣式設定總結

#本教學的效果有點類似氣泡的半透明的效果。製作的方法就是要找出圖形高光部分的選取範圍,然後填充白色,再用蒙版等塗出邊緣的過渡即可。原理比較簡單,不過製作的時候複雜很多,要注意好高光的層次和透明度。 最終效果 

3.Photoshop打造半透明的橘色玻璃圖示 

Photoshop中關於各種半透明樣式設定總結

作者寄語:圖示跟畫一幅油畫差不多,也是經歷起稿,形狀,大色塊,細節這幾步來做的,只不過做圖標沒油畫那麼有藝術氣息罷了。這個教程只當參考之用,並不是什麼標準,我們還是得在不停的實踐中找到屬於自己的技巧,形成自己的風格。 最終效果

4.Photoshop設計製作出半透明的光影花朵 

Photoshop中關於各種半透明樣式設定總結

光影花朵沒有實物花朵那麼複雜,製作的時候我們只需要把花瓣的高光部分渲染出來即可。然後把花瓣疊在一起,就會組成非常夢幻的效果。

5.Photoshop設計製作一個清新的半透明扁平淺藍色圖示

Photoshop中關於各種半透明樣式設定總結

依舊是扁平化風格,這次難度略微提升,光影很簡單,難度是半透明疊加樣式的製作,還有就是色彩純度較低不好控制依舊是扁平化風格,這次難度略微提升,光影很簡單,難度是半透明疊加樣式的製作,還有就是色彩純度較低不好控制。

6.Photoshop繪製非常精緻的半透明的Web登入介面效果圖 

Photoshop中關於各種半透明樣式設定總結

本教學主要使用Photoshop繪製非常精緻的半透明的Web登入介面效果圖方法,作者P大點S給同學們來一發登入介面教程,教程不是很難的,技巧點都集中在圖層樣式的運用,操作非常細緻,零基礎也可以學會,喜歡的朋友一起來學習吧。

半透明相關問答:

#1.css - 請問B站頂部的模糊半透明導航條是怎麼實現的呢?

2.css - HTML 隱藏或移除拖曳時的半透明內容? 

3. css - HTML 隱藏或移除拖曳時的半透明內容? 

#【相關文章推薦】:

#1.CSS中關於半透明設定的總結

#2.html和css中實作滑鼠樣式的方法總結 

3.html中引入css樣式的方法總結 

#

以上是Photoshop中關於各種半透明樣式設定總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn