酷知百科網

位置:首頁 > 智慧生活 > 生活常識

怎麼做透明圖片

怎麼做透明圖片

操作方法

(01)透明圖片原理是用的PNG格式圖片的透明效果,PNG透明效果是指PNG可以爲原圖像定義256個透明層次,使得彩色圖像的邊緣能與任何背景平滑地融合,從而徹底地消除鋸齒邊緣。這種功能是GIF和JPEG沒有的。

(02)下面就以“水貼初中課本”封面爲例子來介紹這類圖片的製作。樓主所用工具,Photoshop CS 6.

(03)新建->檔案背景選擇透明新建一圖層

怎麼做透明圖片
怎麼做透明圖片 第2張
怎麼做透明圖片 第3張

(04)創建一矩形選區,在圖層2上填充漸變。講前景色設定爲淺黃,選擇漸變方式爲前景色到透明。

(05)按住shift鍵,垂直方向填充。新建圖層3,頂部選擇一矩形選框,疊加一橢圓形選框,填充爲灰白色

怎麼做透明圖片 第4張

(06)在選區上右擊,選擇羽化羽化半徑這裏設定爲100像素

怎麼做透明圖片 第5張

(07)新建圖層4,選擇矩形形狀,填充淺黃,描邊棕色繪製左上角矩形形狀添加上方文字適當調節字型樣式,字間距等以同樣方式添加下方文字

怎麼做透明圖片 第6張
怎麼做透明圖片 第7張

(08)繪製科目拼音上下的兩條平行線選擇直線工具,按住shift,繪製一條水平線使用選擇工具,按住alt鍵向下拖動鼠標複製出一條直線如製作本書標題,插入“水貼”文字,設定字號,字型,文字顏色改爲白色效果及本次字型字號設定參數如下

怎麼做透明圖片 第8張
怎麼做透明圖片 第9張
怎麼做透明圖片 第10張

(09)雙擊圖層,添加圖層效果添加內發光、外發光和陰影效果,最終效果如下

怎麼做透明圖片 第11張
怎麼做透明圖片 第12張

(10)下面添加上方的文字背景,選擇豎排文字工具,繪製文字方塊範圍粘貼,調節字型和文字樣式

怎麼做透明圖片 第13張
怎麼做透明圖片 第14張

(11)最終效果如下

怎麼做透明圖片 第15張

(12)補充右上角文字調節字型、樣式

(13)最終效果

怎麼做透明圖片 第16張

(14)上半部分做完了,下面來做下半部分。網上找了這樣一張圖片,用作配圖。

怎麼做透明圖片 第17張

(15)在PS中開啟使用矩形選框,邊緣羽化,選擇圖像,複製回到圖書封面檔案,新建一圖層粘貼調節圖片大小

怎麼做透明圖片 第18張
怎麼做透明圖片 第19張
怎麼做透明圖片 第20張
怎麼做透明圖片 第21張

(16)利用圖層蒙版淡化圖片邊緣。添加圖層蒙版,在蒙版中建立選區,繪製白到黑的漸變效果。同理,右側也是

怎麼做透明圖片 第22張
怎麼做透明圖片 第23張

(17)在原始圖層上框選原來“飲水思源”的文字按delete鍵刪除複製以下文字,

怎麼做透明圖片 第24張
怎麼做透明圖片 第25張
怎麼做透明圖片 第26張

(18)新建豎排文字,粘貼該文字。設定字型、樣式。將上面文字的不透明度設定爲80%補充出版社資訊

怎麼做透明圖片 第27張

(19)把底層圖層1的背景填充爲純白封面基本完成最後執行檔案->另存爲,另存爲PNG格式檔案

怎麼做透明圖片 第28張
標籤:​​​​