Photoshop制作透明GIF小图标教程

最终效果
photoshop制作透明gif小图标教程
1. 首先建一个14*14像素的透明画布,我们的是小icon嘛,一般网页中小的icon都是这么大,记得背景要选透明,这样以后它才能任意放在任何不同颜色的背景上面
photoshop制作透明gif小图标教程
2. 把画布放大到最大,然后再用铅笔,随便选一个黑一点的灰色,在上面“点”出一个页面的边框样式,左上角折了一个小角,简单的用铅笔点出个三角就行了。这种小icon都是这样一点一点地点出来的 ^_^
photoshop制作透明gif小图标教程
3. 接着在我们画出的这个页面的里面加一个渐变,让它看出来不那么死,像有层次的样子。记得每画一步都建立一个图层,以后改颜色方便 :)
photoshop制作透明gif小图标教程
4. 在页面的左边和上边以及那个小的折角里用白色的铅笔,画出高光的线,这样会让这个页面更有立体感。
photoshop制作透明gif小图标教程
5. 在页面的右边和下边用灰色的铅笔,画出暗调的线,这样它就更有立体感了
photoshop制作透明gif小图标教程

6. 然后把刚才画图层组成一个组,再隐藏掉。(这个组主要是为了以后可以把它再次利用,改成别的图标。)
photoshop制作透明gif小图标教程
7. 接着我们来画一个铅笔,大概地在右边用铅笔点出一个笔的形状
photoshop制作透明gif小图标教程
8. 然后用不同的颜色标出大概的位置,上面上橡皮擦,中间铅笔主体,再下面是笔尖。(可以用别的颜色,但是注意笔尖那里的色彩明暗,高光一定要体现出来)
photoshop制作透明gif小图标教程
9. 然后给铅笔上色,在我们这个icon里面,光是从左上角打下来的,所以它们的左上部得有淡一些的高光,大家可以尝试别的颜色,画出绚烂的铅笔来。注意分出橡皮和主体的范围来
photoshop制作透明gif小图标教程
10. 然后就ok啦,把隐藏的组打开,最终效果就是这样。
photoshop制作透明gif小图标教程
11. 最后保存成为透明的gif,我们在网页中才能很好地利用它
photoshop制作透明gif小图标教程

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3212659.html

(0)
上一篇 2025年4月1日 12:11:10
下一篇 2025年4月1日 12:11:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 天麻是透明的好还是不透明的好

    天麻是比较常见的一种中药材,它可以起到很不错的功效与作用,很多人都会吃天麻,尤其是中老年人。天麻的品质是不一样的,有的天麻是半透明的,有的天麻是黑的,有的天麻是透明的,一般来讲,半透明的会比较好,透明度过高可能是硫磺熏过的。 天麻是透明的好…

    2025年4月18日
    116.9K00
  • PhotoShop中如何把一张白色背景的图片设为透明效果

    这篇文章主要介绍了photoshop中如何把一张白色背景的图片设为透明效果,在个在某些方面的应用还是很广的,背景设置为透明详细步骤如下,需要的朋友可以参考下 一张图片的背景为白色,现在要把它的背景设置为透明,具体步骤如下: 1.把锁定的图层…

    2025年4月1日 编程技术
    100
  • Photoshop制作简洁大气轻烟般的淡蓝色透明光束

    效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可。 最终…

    2025年4月1日 编程技术
    100
  • Photoshop快速制作透明水晶导航按钮

    透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 > 模糊 > 高斯模糊,数值稍微大一点,效果如下图。  2、把前景色设置为…

    2025年4月1日 编程技术
    200
  • Photoshop利用通道抠选透明玻璃瓶

    这个例子给大家讲解怎么运用通道抠选出透明的玻璃瓶,在制作时反复利用通道,配合“色阶”命令,制作出高光和暗部的选区。看一下抠图效果。:   素材:   1.打开“素材”,如图1所示,将其做为背景图层。:   2.切换到“通道”调板,复制“红”…

    2025年4月1日 编程技术
    100
  • ps鼠绘透明杯子中燃烧的蓝色蜡烛

    本教程介绍杯子及蜡烛的鼠绘方法。尤其杯子的制作比较费时间,需要制作透明及反光效果,要根据背景颜色及整体图片色彩来制作。其它的地方就比较简单!  最终效果   1)新建400*500文档,白背景。  2)先做桌面。新建图层1,设前景色为202…

    2025年4月1日 编程技术
    100
  • PS制作像素图GIF动画教程

    当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。  那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。…

    2025年4月1日 编程技术
    100
  • Photoshop制作精彩的魔术师GIF动画

    最终效果 先来认识一下时间轴及常用图层放入后时间轴中出现的一些属性栏。 1、画出主体:画的时候部分需要先想好,但有时候做到一半时,有更好的灵感就可以加上,所有不需要太严谨(点这里下载作者画好的素材)。  2、为盒子添加动画,过程如下图。 3…

    2025年4月1日 编程技术
    100
  • photoshop打造出透明玻璃球

    效果图:   1) 新建一个500X500px的文件。  2) 创建一个新的图层,并绘制一个圆形选区在选区内填充一种自己喜欢的颜色  3) 设置此层的图层内发当图层样式:A、混合模式(正片叠底)B、不透明度(50%)C、发光颜色(黑色)D、…

    2025年4月1日 编程技术
    200
  • Photoshop利用滤镜打造出绚丽的七色透明花朵效果

    photoshop利用滤镜打造出绚丽的七色透明花朵效果,步骤很简单,适合初学者学习,喜欢的话可以一起来学习  效果图:   具体操作如下:  步骤一、首先在Photoshop里面新建一个白色背景的文件,然后用黑白渐变填充前景色,填充效果如下…

    2025年4月1日 编程技术
    200

发表回复

登录后才能评论