怎麼做透明圖片

怎麼做透明圖片

操作方法

(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張