生活常识

当前位置 /首页/生活家居/生活常识/列表

怎么做透明图片

怎么做透明图片

操作方法

(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张
TAG标签:​​​​ #