当前位置:首页 > PS教程 > PS教程

ps解析网页图中的GIF图片应用与处理

  • 2022-12-24 21:22:19
  • 来源/作者:互联网/佚名
  • 己被围观

相信大家都见过有些gif图片用PS打开以后背景是透明的,里面包含的文字或者图片在网页上显示的时候依然很清晰,如果你单纯的觉得那就是直接保存的时候去掉背景图层直接保存的那你就错了

相信大家都见过有些gif图片用PS打开以后背景是透明的,里面包含的文字或者图片在网页上显示的时候依然很清晰,如果你单纯的觉得那就是直接保存的时候去掉背景图层直接保存的那你就错了,本教程就是教你怎样做这样的GIF,先放张对比图。

Photoshop解析网页图中的GIF图片应用与处理

(大家可以把对比图保存到自己的电脑,用浏览器打开来看)对比图的左下是没有处理的图片,右下是处理过的图片,同样是GIF的背景全透明图片,但是显示的效果确实完全不同的,下面我就教大家怎么做:

首页先说一下为什么要这样做,假设在背景有颜色的情况下你制作GIF,为了使GIF融入背景,你肯定要使用一样的背景色,如此说来要么你做一张背景色相同的图片,要么你用png,但是事实告诉我,你想用QQ的截图工具截了背景色再用PS取色那么肯定颜色不一样,背景要调整到你崩溃才会一样,你用PNG文件不一定比GIF小,就算你有了正确的背景那么你做出来的GIF也会比同效果的GIF大,就算只大几KB,那么上百人人浏览呢?上万人呢?就大了几万倍,所以我们做GIF一定要尽量的小,这就是本次教程的目的,下面开始了。

1.以上图为例,我们要做一个在灰色背景上显示的GIF图片,首先用QQ截图,再在PS取色(这里可以忽略QQ缺色造成的不精确问题),打上你要打的字和图片。

Photoshop解析网页图中的GIF图片应用与处理

2.把你的这些文字(图片)放到一个层里保存并复制一份。

Photoshop解析网页图中的GIF图片应用与处理

3.先建一个空白层在复制的组上面:

Photoshop解析网页图中的GIF图片应用与处理

4.按住CTRL同时选中“图层3”和“组1副本”,然后按ctrl+e把这两个东西合并

Photoshop解析网页图中的GIF图片应用与处理

 1/2    1 2 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) wongvio  设计知识

更多精彩内容

  • 工具运用,给产品图片加上尺寸标识 工具运用,给产品图片加上尺寸标识
  • ps大师之路:ps笔刷的详细设置 ps大师之路:ps笔刷的详细设置
  • ps无缝重复图案的制作和使用方法 ps无缝重复图案的制作和使用方法
  • photoshop大师之路消除锯齿和羽化 photoshop大师之路消除锯齿和羽化
  • 教你怎样分辨照片是否被ps过 教你怎样分辨照片是否被ps过
  • 浅谈photoshop图像处理中的亮调,中间调,暗调选取 浅谈photoshop图像处理中的亮调,中间调,暗调选取
  • Photoshop自由变形调整照片的透视变形 Photoshop自由变形调整照片的透视变形
  • 文字设计,英文字母组合的N种方式 文字设计,英文字母组合的N种方式