微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > PS教程 > 正文

Photoshop设计蓝色立体效果的圆形八卦图标

PHP中文网
发布： 2017-03-19 16:57:45
原创
2160人浏览过

本教程主要使用photoshop设计蓝色立体效果的圆形图标，经常看到有人问这种圆型icon要怎么做，觉得很有趣稍微思考一下原理，做了个简易快速版本。
photoshop设计蓝色立体效果的圆形八卦图标
中间的渐层色
画一个圆，设图层样式，角度。
photoshop设计蓝色立体效果的圆形八卦图标
凹进去的部份
其实是用迭的，再画一个半圆，设内阴影。
photoshop设计蓝色立体效果的圆形八卦图标
中心
画一个圆，用图层样式设定，一层就能解决厚度和高光问题。
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
外框
用形状工具、重迭两个圆画出圆环。同样用图层样式设定，一层就解决厚度和高光。
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
阴影
复制需要阴影的那个图层、高斯模糊，复制一层略缩小85%，调整透明度和重迭部份，阴影会比较立体。共有外框、中心、整体这 3 个部份要处理。
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
photoshop设计蓝色立体效果的圆形八卦图标
如果这颗icon小于300x300px 、又不是主力icon只是个配角、且走扁平化风格的话，用图层样式一层解决高光和厚度是很方便快速的作法。但如果是拟物风就得把这几层拆开独立制作。比较有趣的部份是「角度渐层」，平时很少使用这种渐层方式、明明是凹陷的部份却以迭加一个圆的方式制造假阴影也扭转平时的作图想法。果然多临摹大师作品可以学到很多不同的思维方式。

讯飞智作-讯飞配音
讯飞智作-讯飞配音

讯飞智作是一款集AI配音、虚拟人视频生成、PPT生成视频、虚拟人定制等多功能的AI音视频生产平台。已广泛应用于媒体、教育、短视频等领域。

讯飞智作-讯飞配音 67
查看详情 讯飞智作-讯飞配音


大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：在ps中打造未来派抽象人物面孔效果教程 下一篇：Photoshop设计绚丽时尚的闹钟图标
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
ps怎么调整图层透明度 5种调整透明度方法让图层更通透 调整Photoshop图层透明度可通过5种方法实现：1.使用图层面板的不透明度滑块直接调整；2.通过混合模式如“正片叠底”、“滤色”等改变透明度及颜色效果；3.利用填充不透明度仅调整图层像素内容而不影响图层样式；4.应用蒙版实现局部透明控制；5.结合渐变工具与混合模式制作渐变透明效果；若需图层完全透明，可将不透明度设为0%或在蒙版填充黑色；调整透明度效果不明显可能因图层内容、混合模式、叠加顺序或图层样式影响；批量调整透明度可通过编组、脚本或动作实现。
2025-06-30 21:58:02
4009
PS如何快速制作拼图效果 图片拼接的创意设计 PS拼图常用排版技巧包括：1.对称与平衡，通过左右或上下对称布局实现视觉稳定；2.黄金分割，将重点图片置于画面黄金比例点增强吸引力；3.留白，适当留出空间提升画面简洁感；4.对比，利用大小、颜色或明暗差异突出主体；5.重复，使用相同元素增强统一性和节奏感；6.引导线，借助边缘或文字引导视线；7.打破常规，尝试倾斜、旋转等创新方式提升创意性。这些技巧能有效提升拼图的视觉表现力和整体协调性。
2025-06-30 21:53:01
1641
PS怎么调整图片暗部细节 阴影部分的提亮技巧 使用PS调整图片暗部细节的核心方法是复制背景图层、使用“阴影/高光”调整、利用“曲线”调整图层、添加蒙版精细控制、尝试混合模式叠加、应用CameraRaw滤镜、进行局部调整、使用智能对象以及处理噪点和画面发灰问题。具体步骤包括：1.复制背景图层以保留原始图像；2.通过“阴影/高光”工具提亮暗部并调节影响范围；3.使用“曲线”调整图层精细控制阴影区域；4.为调整图层添加蒙版，用黑白画笔控制效果显示区域；5.尝试“滤色”或“屏幕”混合模式并降低不透明度避免过曝；6.使用CameraRaw滤镜进行更全
2025-06-30 21:12:02
1426
PS怎样使用置换贴图工具 贴图变形的专业技巧 置换贴图是利用灰度图扭曲另一张图像以模拟凹凸感的技术。在PS中使用置换贴图的步骤如下：1.准备两张图，一张为待变形贴图，一张为灰度图作为置换贴图；2.推荐将贴图转换为智能对象以便后期调整；3.选择贴图图层，执行“滤镜→扭曲→置换”命令；4.设置水平与垂直比例控制变形强度，初始值可设为5或10；5.指定置换图为灰度图，根据尺寸选择“伸缩适应”或“拼贴”；6.处理未定义区域选择“重复边缘像素”或“折回”；7.调整图层混合模式如“叠加”、“柔光”增强融合效果。若效果不明显，可能因置换图对比度低、参数设
2025-06-30 21:04:02
1522
PS怎样使用通道混合 通道混合的高级调色 通道混合是PS中通过调整红绿蓝三色通道数值实现精细调色的工具，适合黑白转换、色彩修复和创意效果。其核心在于对每个输出通道（红、绿、蓝）使用源通道（红、绿、蓝）的数值进行混合，并可通过“常数”调节整体明暗。1.输出通道决定要调整的颜色；2.源通道决定用哪些颜色影响输出；3.常数用于增亮或压暗图像。进阶技巧包括：1.黑白照片调整时提升红色通道比例以优化肤色；2.模拟胶片风格通过增强特定通道饱和度实现；3.分离色调通过分别调整高光与阴影颜色完成；4.修复偏色可降低造成偏色的源通道比例或提升互补色通道比
2025-06-30 21:03:02
1411
PS怎样制作磨砂玻璃效果 磨砂质感的设计技巧 磨砂玻璃效果可通过控制噪点与模糊实现，核心在于模拟光线散射现象。具体步骤如下：1.打开图像并复制图层以保留原图；2.使用“添加杂色”滤镜调整颗粒感，选择“高斯分布”或“平均分布”，数量不宜过大；3.应用“高斯模糊”适度模糊图像，半径根据所需效果调整；4.可选调整图层混合模式如“叠加”、“柔光”增强或减弱效果；5.可选调整不透明度控制强度；6.可选添加蒙版以局部应用效果。参数无统一最佳值，需根据图像分辨率和喜好尝试调整，建议先设较高值再逐步降低寻找平衡点。其他模糊滤镜如动感模糊、径向模糊、表面模糊
2025-06-30 21:02:01
1350
PS怎么调整图片冷暖色调 色温调节的专业方法 调整PS图片冷暖色调的核心方法包括使用色彩平衡、色温滤镜和可选颜色工具。1.色彩平衡：操作简单，适合整体快速调整，但需细致尝试；2.色温滤镜：模拟真实滤镜效果，适合新手快速改变色温；3.可选颜色：针对特定颜色精细调整，适合有基础用户。判断图片冷暖可通过观察高光与阴影颜色倾向，或查看RGB数值，蓝色偏高则偏冷，红色偏高则偏暖。为避免色彩失真，应分步小幅调整，结合直方图监控色彩分布，并定期放大查看细节。
2025-06-30 20:51:01
947
PS怎么调整照片暗角 暗角添加的氛围营造 暗角调整的目的在于突出主体、增强氛围或校正镜头缺陷，主要方法包括镜头校正滤镜自动修复、CameraRaw滤镜精细调节以及曲线和渐变叠加自定义效果。1.镜头校正滤镜可自动识别镜头型号并减轻或加深暗角；2.CameraRaw滤镜提供数量、中点、圆度和羽化等参数实现更灵活控制；3.曲线与渐变叠加通过图层操作自定义形状和强度。使用时应注意避免过度，保持自然，服务于主体，并根据照片风格选择合适的暗角强度。
2025-06-30 20:28:02
1592
PS怎样使用色彩查找 颜色匹配的快捷技巧 色彩查找和颜色匹配是PS中高效调整图像色彩的重要工具，用得好的关键技巧包括：1.利用LUT快速预览并选择合适颜色风格；2.通过混合模式、不透明度和图层蒙版局部控制效果强度；3.自定义LUT以保存个性化调色方案；4.颜色匹配时选择合适的参考图像并精细调整统计数据；5.注意色彩空间一致性和手动微调提升效果；6.避免问题需合理安排图层顺序、适度调整、检查色彩范围并备份原图。掌握这些方法能显著提升调色效率与质量。
2025-06-30 14:11:01
430
ps怎样改变图片尺寸 图片尺寸调整技巧保持高清画质 调整图片尺寸同时保持高清画质的关键在于理解像素与分辨率的关系并选择合适的缩放算法。缩小图片时直接修改像素尺寸即可，而放大图片则需选择适当的插值方法以避免像素化。在Photoshop中快速调整尺寸可通过快捷键Alt+Ctrl+I（Windows）或Option+Command+I（Mac）打开“图像大小”对话框进行设置。1.宽度和高度参数用于控制像素尺寸，若激活“约束比例”，可保持宽高比不变；2.分辨率通常设为72PPI用于屏幕显示，300PPI用于打印。放大图片时推荐使用“保留细节（放大）”或“
2025-06-29 23:43:01
2635
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部