cqhgps 发表于 2015-10-28 20:04:16

教你如何设计一枚QQ浏览器图标

今天教大家临摹一枚QQ浏览器的图标， 教程难度中等偏下，要考验的主要是同学们对钢笔工具的运用，蒙版和渐变等也有涉及，教程特别细致，新手完成应该木有问题！做完交作业。最终效果：
http://pic.16xx8.com/allimg/151024/2213342556-0.jpg
作者：看不见的敌人28 出处：优设

cqhgps 发表于 2015-10-28 20:04:16

新建一个500*500画布，按U用椭圆工具画一个200*200的圆（颜色随意）
http://pic.16xx8.com/allimg/151024/2213344021-1.png

cqhgps 发表于 2015-10-28 20:04:16

路径选择工具选中画好的圆形。ctrl+c，ctrl+v 复制这个圆形在同一个图层
http://pic.16xx8.com/allimg/151024/2213342C9-2.png

http://pic.16xx8.com/allimg/151024/2213343044-3.png

cqhgps 发表于 2015-10-28 20:04:16

ctrl+t 缩小的时候按住shift+alt ，同比例缩小（大小自己看着合适就行）
http://pic.16xx8.com/allimg/151024/2213343543-4.png

cqhgps 发表于 2015-10-28 20:04:16

如图所示。切掉它
http://pic.16xx8.com/allimg/151024/2213346438-5.png

http://pic.16xx8.com/allimg/151024/2213344041-6.png

cqhgps 发表于 2015-10-28 20:04:16

合并成一个形状。
http://pic.16xx8.com/allimg/151024/221334G22-7.png

cqhgps 发表于 2015-10-28 20:04:16

添加图层样式渐变叠加角度是120度（颜色数值用吸管吸我截图颜色就行啦）
http://pic.16xx8.com/allimg/151024/2213343J2-8.png

cqhgps 发表于 2015-10-28 20:04:16

用刚刚说的方法再切一个左边的小圆来
http://pic.16xx8.com/allimg/151024/2213343405-9.png

cqhgps 发表于 2015-10-28 20:04:16

添加图层样式 90°的线性渐变叠加"
http://pic.16xx8.com/allimg/151024/2213346400-10.png

cqhgps 发表于 2015-10-28 20:04:16

把小圆放到中间
http://pic.16xx8.com/allimg/151024/22133443b-11.png

cqhgps 发表于 2015-10-28 20:04:16

ctrl+j复制出外面那个大圆，右键清除图层样式
http://pic.16xx8.com/allimg/151024/2213342302-12.png

cqhgps 发表于 2015-10-28 20:04:16

填充颜色 a5daff
http://pic.16xx8.com/allimg/151024/221334M24-13.png

cqhgps 发表于 2015-10-28 20:04:16

添加蒙版，拉个黑到白色的渐变，拉出这样的效果，如果拉不出这样的效果就用笔刷调整好 透明度慢慢擦。
http://pic.16xx8.com/allimg/151024/2213344145-14.png

cqhgps 发表于 2015-10-28 20:04:16

覆盖到大圆上面，把添加蒙版的这个圆形向下向右各移动一个像素，让整体具有立体感
http://pic.16xx8.com/allimg/151024/2213344b3-15.png

cqhgps 发表于 2015-10-28 20:04:16

ok我们来画云。按U椭圆工具和矩形工具依照下图所示画。记住每个形状都必须是单独的图层
http://pic.16xx8.com/allimg/151024/2213341M7-16.png
页: [1] 2
查看完整版本: 教你如何设计一枚QQ浏览器图标