0

0

Photoshop设计制作简洁精致的色板图标

PHP中文网

PHP中文网

发布时间:2016-06-01 14:27:11

|

1617人浏览过

|

来源于php中文网

原创

效果图构成并不复杂,制作之前先把构造分解清楚,然后由底层开展绘制,先画出图形,再用图层样式加上颜色和质感等即可

效果图构成并不复杂,制作之前先把构造分解清楚,然后由底层开展绘制,先画出图形,再用图层样式加上颜色和质感等即可。
最终效果

Photoshop设计制作简洁精致的色板图标

1、新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

Photoshop设计制作简洁精致的色板图标

2、执行图层样式斜面浮雕,投影和颜色叠加,参数。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

如下,大家也可以自己摸索不同的数值。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标
 3、新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。

Photoshop设计制作简洁精致的色板图标

4、用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

5、将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%。

Photoshop设计制作简洁精致的色板图标

6、图层样式,添加渐变叠加和内阴影。

Photoshop设计制作简洁精致的色板图标



渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标
 7、将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

8、将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。

Photoshop设计制作简洁精致的色板图标

9、然后调整图层样式,只调整斜面浮雕,其余的保持原样。

Photoshop设计制作简洁精致的色板图标
 10、图层现在除了背景图层外有五个。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

11、将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。清除图层样式,添加新的图层样式描边和渐变叠加。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

最终效果:

Photoshop设计制作简洁精致的色板图标

奥硕企业网站管理系统终身免费版精简版1.0 build 090625
奥硕企业网站管理系统终身免费版精简版1.0 build 090625

奥硕企业网站管理系统具有一下特色功能1、双语双模(中英文采用单独模板设计,可制作中英文不同样式的网站)2、在线编辑JS动态菜单支持下拉效果,同时生成中文,英文,静态3个JS菜单3、在线制作并调用FLASH展示动画4、自动生成缩略图,可以自由设置宽高5、图片批量加水印,可以自由设置字体,大小,样式,水印位置(同时支持文字或图片类型水印)6、强大的标签式数据调用,可以调用(新闻,产品,下载,招聘)支持

下载

相关专题

更多
虚拟号码教程汇总
虚拟号码教程汇总

本专题整合了虚拟号码接收验证码相关教程,阅读下面的文章了解更多详细操作。

29

2025.12.25

错误代码dns_probe_possible
错误代码dns_probe_possible

本专题整合了电脑无法打开网页显示错误代码dns_probe_possible解决方法,阅读专题下面的文章了解更多处理方案。

20

2025.12.25

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

37

2025.12.25

word转换成ppt教程大全
word转换成ppt教程大全

本专题整合了word转换成ppt教程,阅读专题下面的文章了解更多详细操作。

6

2025.12.25

msvcp140.dll丢失相关教程
msvcp140.dll丢失相关教程

本专题整合了msvcp140.dll丢失相关解决方法,阅读专题下面的文章了解更多详细操作。

2

2025.12.25

笔记本电脑卡反应很慢处理方法汇总
笔记本电脑卡反应很慢处理方法汇总

本专题整合了笔记本电脑卡反应慢解决方法,阅读专题下面的文章了解更多详细内容。

6

2025.12.25

微信调黑色模式教程
微信调黑色模式教程

本专题整合了微信调黑色模式教程,阅读下面的文章了解更多详细内容。

5

2025.12.25

ps入门教程
ps入门教程

本专题整合了ps相关教程,阅读下面的文章了解更多详细内容。

4

2025.12.25

苹果官网入口直接访问
苹果官网入口直接访问

苹果官网直接访问入口是https://www.apple.com/cn/,该页面具备0.8秒首屏渲染、HTTP/3与Brotli加速、WebP+AVIF双格式图片、免登录浏览全参数等特性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

218

2025.12.24

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.6万人学习

ThinkPHP6.x 微实战--十天技能课堂
ThinkPHP6.x 微实战--十天技能课堂

共26课时 | 1.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号