html边角效果图,PS制作卷边/卷角效果图2种方法,PS交错的作用,PS压缩图像方法,PSHTML+图像的解释,PS颜色位数的作用...

.html

笔记:椭圆形把卷边全部覆盖,CTRL+T

调整只能没用的,全部覆盖不用担心把背景图给删除了,因为卷边图和背景图是分开的不会因为选择背景图而删除掉的,只会删除卷边图层!

阴影用  图层--混合样式 --投影

即可!如果投影出现其他颜色(杂色)  直接最下面 复位默认设置

即可  解决!

透视快捷键; 先V=CTRL+T打开自由变换 SHIFT+ALT+CTRL 按住不放 鼠标左键即可拖动,

当然你也可以选择CTRL+T自由变换后 鼠标右键图像选择透视 的!也可以 编辑 --变换--选择各种变换什么的效果和CTRL+T

在鼠标右键图像选择  是一样的就是省略了打开CTRL+T

自由变换!

第一种用  透视 工具 打开方式:CTRL+T变形后 鼠标右键

图片选择透视即可,也可以 编辑

--变换--选择各种变换!

第二种边角卷边教程:Photoshop快速制作图片卷边效果:http://www.68ps.com/jc/big_ps_rm.asp?id=2122

笔记:边角用白色后面用点黑色,觉得渐变工具不好用的话,新建图层

用硬边圆 边角涂白 后面涂点黑色,然后高斯模糊 觉得模糊渐变可以了就,合并图层,在CTRL+T变换

鼠标右键图片选择 变形

,注意不是自由变换,然后角边点向里面拉就行了,如果太里面了的话,图层鼠标右键 选择

智能化图层(防止模糊相当于矢量效果) 然后在CTRL+T

自由变换放大图片就行了,在鼠标右键图片选择 变形  ,觉得可以了的话在回车键 完成!退出用ESC

即可退出变形!你也可以变形完成后 按CTRL+ALT+Z 撤销  ctrl+z

撤销无效返回原来上一步操作,相当于 这次的返回撤销前的状态!  补充:除了变形的边角

,其他边角也可以稍微 变形 一点 往里面,这样阴影搭配更好一点,边角阴影新建图层在下面用柔边圆画笔 不透明度 和流量百分百

记得哦!阴影 画好用CTRL+T 变换

在鼠标右键图片选择变形

往里面一点就行了!吻合就行了!阴影觉得太明显,阴影图层用高斯模糊

一下即可,数值多少自己测试查看就行了!

示例:

a4c26d1e5885305701be709a3d33442f.png

这种效果出来渐变工具也可以新建图层用硬边缘画笔涂画后 用高斯模糊,在合并图层即可!

效果图:

a4c26d1e5885305701be709a3d33442f.png

输出的时候选择PNG格式(这个格式最好用可高质量图片可透明化图片) 然后 压缩选择 无 快

其他不用设置  然后确定即可!

还有创建画布的时候 颜色位数选择 16位 图片大小翻1倍但是图片细腻的比 8位 也番一倍

,32位的话图片大小番2倍,细腻度也番2倍,细腻度=清晰度!还有图片不想被不会制作的人盗用图片调整为索引,图像--模式--索引颜色,这样图片变成索引有什么效果呢?答案是

图片变成不可编辑模式,一般人不会解锁,可以给他们点困难防止盗用。图片不能调整为索引那算了就!我也不知道为什么不能调整索引有些图,解锁的方法:图像--模式--RGB颜色

即可 变成可编辑模式!

看看我自己制作的效果图吧↓,PNG无交错的未压缩图片:

a4c26d1e5885305701be709a3d33442f.png

这是未压缩的图片,想要压缩的话第一种: 文件--储存为--PNG格式(要其他格式的自己选即可),然后确定后选择 压缩:最小-慢

(为什么慢呢?因为要压缩图片!)  ,交错选择 :交错

(为什么选择交错好呢,其实没区别,区别就是交错的图片面对大质量的图会逐渐从模糊到清晰,就是说

可以加载快一点 可以先看到图片大致模样虽然是模糊

但是慢慢的下载过程中就会变成清晰的了,无交错的图片如果很大的话加载会慢很多!但是听说选择交错的话

图片会比无交错的大一些,但是我两张无交错和交错的图片大小是一样的,不知道是为什么!)

第二种压缩图片的方法:直接 文件--导出 --存储为WEB所用格式(旧版:PSCC2017的)--预设选择PNG-24

这是PNG格式里最好的,想要更小的选择PNG-8

但是估计会有杂边有其他白色混入,无法解决的不介意的话可以用用,颜色选择256是最好的选择2是最差的最小的大小,其他自己测试,图像大小显示在图像左下角,图像大小显示下面是放大缩小图像设置!仿色建议选择100%是最好的图像大小比仿色0%的明显大一点,官方预设推荐88%,还有交错建议选择(什么效果呢上面讲到过了,图片很大推荐选择,图片小的话不用选择了),如果既要PNG-8格式又要无杂边无白色边框杂边,你不要添加阴影试试看!最后储存为

格式选择仅限图像 (意思是:只输出图像),输出HTML+图像就是 输出一个网页 +图像 (在输出的文件夹里imgas)

,输出HTML意思就是没有图像只输出一个HTML网页,HTML网页有什么用呢?

答案是:可以在Dr软件里编辑网页里的图像,直接DR打开这个HTML就能显示图像了,无需再创建空白HTML网页在添加图像了,添加图像的话要用网络图片地址,除非用与制作网站网页才用本地的,制作网页当然也能用网络地址图片,但是例如你只要代码用到其他地方必须要先获取图片网络地址,不然你用本地图片后

复制代码到其他网站,会无法显示图片的,图片地址怎么获取呢?直接上传得到地址什么的,方法很多,不会百度即可!

下↓面是交错的PNG未压缩图片:

a4c26d1e5885305701be709a3d33442f.png

可以看到阴影不是很好,自己多修改即可,在这里显示不是很透明,你保存后用

PS打开或者 用美图看看 查看 效果是不错的背景完全透明的!

还有可以看到 未交错和 交错 图片的区别,看不出什么区别是吧!因为图像不算大,网速快

,所以立马加载显示出来了,如果图像很大就会看出区别,或者图像很多的话就会有所区别了,你会先看到不清晰的交错图片,而未交错的图片还没有显示完成!

补充:新浪博客上传图片大小每张最大10M,所以图像超过10M就会被压缩,不超过10M图片就会原图上传不被压缩,我们要的效果当然是原图,所以新浪博客上传尽量保持图片在10M内!

其他网站上传最大限制自己去百度看看查查即可!你可以保存我做的图,看看是不是1.92兆(M)

,我的原图上传就是1.92兆(M)

,没有被压缩!别看似简单的这张图其实未压缩蛮大的,但是画质是算好的,最好的是32位颜色,当然除了新建画布的时候能选择颜色位数,你也可以在

图像--模式--选择32位/通道!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值