文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > PS教程 > 正文

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

PHP中文网
发布： 2016-06-01 14:26:50
原创
1943人浏览过

依旧是扁平化风格，这次难度略微提升，光影很简单，难点是半透明叠加样式的制作，还有就是色彩纯度较低不好控制 依旧是扁平化风格，这次难度略微提升，光影很简单，难点是半透明叠加样式的制作，还有就是色彩纯度较低不好控制。
最终效果

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

1、新建大小自定的画布，用形状工具制作圆角矩形。

2、添加图层样式：渐变叠加和投影，参数及效果如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标
 3、分三个图层做中间的形状绘制，其对应图层如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

4、首先看红点标注的2个图层，参数是一样的。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标
 5、正圆形图层样式：内阴影和内发光。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

6、将刚才的三个形状选中，然后成组。

7、在组上添加图层样式：投影，如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

最终效果及其它类似效果：

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

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

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

下载
来源：php中文网
收藏 点赞
上一篇：Photoshop打造逼真的下雨效果教程 下一篇：Photoshop设计科技感十足的应用程序软件APP图标
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
ps如何调整文字边缘_ps字体轮廓优化方法介绍 在PS中调整文字边缘的关键在于优化字体轮廓，主要方法包括：一、选择合适的字体与大小，优先使用适合屏幕显示的字体，避免字号过小或失真放大；二、设置合适的“消除锯齿”方式，如“强”适合多数情况，“锐利”适合小字，“平滑”适合大号曲线字体；三、手动微调轮廓边缘，将文字转为形状后进行精细调整，适用于高精度设计；四、适当使用描边或滤镜增强清晰度，如1px描边或智能锐化，但应作为辅助手段。掌握这些步骤可有效提升文字清晰度和表现力。
2025-06-11 09:12:01
382
ps怎样制作卡通风格文字_ps趣味字体设计技巧 用Photoshop做卡通风格文字设计，关键在于图层样式和基础操作。第一步：输入清晰字体并转为形状；第二步：添加内阴影（距离2px，大小5px）增强立体感；第三步：使用斜面和浮雕（深度100%，大小3px）模拟凸起效果；第四步：加1~2px外部描边协调颜色；第五步：颜色叠加统一色调；第六步：手动调整锚点增加手绘感；第七步：添加噪点或笔刷纹理提升质感；第八步：加入气泡对话框、飞星、变形投影等动态元素让文字更生动。
2025-06-11 09:06:02
181
ps如何添加文字投影_ps字体长阴影制作教程 在PS中添加文字投影或制作长阴影效果可通过以下步骤实现：一、使用“图层样式”中的“投影”功能，调整角度、距离和大小等参数，打造自然立体感；二、通过栅格化文字图层并复制变形，手动绘制倾斜拉伸的阴影层，填充深色并模糊边缘，叠加多层增强层次感；三、注意统一阴影角度、合理配色，并利用“正片叠底”融合背景，辅以渐变或图形提升整体效果。掌握这些操作，即可轻松完成专业字体光影效果。
2025-06-10 09:12:02
501
ps怎么嵌入特殊符号_ps添加特殊字符技巧介绍 在Photoshop中插入特殊符号主要有三种方法：使用字符面板、快捷键或输入法、Unicode编码输入。首先打开“窗口→字符”面板并选择“显示所有字符”，点击符号插入；其次Windows用户可用输入法如v+数字，Mac用户可用Control+Command+空格呼出符号面板插入；最后可通过查找Unicode编码（如©是\u00A9）按住Alt或Option键输入编码完成插入，注意字体兼容性问题建议使用Arial、微软雅黑等常见字体以确保符号正常显示。
2025-06-10 09:00:02
478
ps怎样制作发光文字_ps文字光晕效果添加步骤 在PS中制作发光文字效果的关键是使用图层样式的“外发光”和“内发光”。一、选择粗体无衬线字体与深色背景以增强对比；二、通过“外发光”设置混合模式为“屏幕”或“颜色减淡”，调整颜色、大小与扩展参数打造光晕层次；三、添加“内发光”并采用相似混合模式及颜色，增强文字立体感与内部发光效果；四、可对复制层应用“高斯模糊”与“添加杂色”提升真实感。合理调整参数即可实现理想发光文字效果。
2025-06-09 11:30:02
1018
ps怎样制作金属质感文字_ps金属字效创建步骤 在Photoshop中制作金属质感文字可通过四个步骤实现。首先新建深色背景文档并输入适中大小的粗体文字打好结构基础；其次通过“图层样式”组合斜面和浮雕、渐变叠加、内阴影/内发光等参数模拟金属光泽；接着使用画笔工具手动添加边缘高光与暗部细节并可选加模糊反光或纹理提升真实感；最后设定统一光源方向调整背景光影增强整体协调性与视觉冲击力。
2025-06-09 10:51:01
196
ps怎样给文字加背景_ps文字底色设置技巧分享 在PS中给文字加背景的方法有四种，一是用形状工具画底框，适合标题设计；二是通过图层样式添加颜色叠加，便于管理且适合半透明背景；三是结合剪贴蒙版与纹理图案提升质感；四是在操作中需注意对比度、留白、图层顺序和色彩饱和度等细节问题。
2025-06-08 08:54:01
302
ps如何调整文字清晰度_ps字体锐化模糊设置指南 在PS里调整文字清晰度需根据具体情况选择合适方法，一、检查字体渲染模式，将“消除锯齿”设为“锐利”或“棱角”以提升清晰度；二、避免缩放导致模糊，尽量使用原始大小文字，缩放时保持比例并确保足够分辨率；三、适当使用“智能锐化”工具增强细节，注意控制数值和噪点；四、输出前确认格式与分辨率，网页用PNG，印刷用PDF或TIFF，并设置不低于72ppi或300ppi。
2025-06-08 08:12:02
450
ps如何添加文字高光_ps字体反光效果设置步骤 在PS中添加文字高光或字体反光效果可通过图层样式与手动绘制实现，具体步骤如下：1.使用“斜面和浮雕”增强立体感，调整深度、方向、大小和软化参数；2.通过“渐变叠加”设置白到透明或银色渐变，选择叠加或柔光模式并调整角度；3.新建图层用白色柔边画笔手动绘制高光，设置混合模式为叠加或亮光并适当模糊；4.结合背景制作倒影，复制翻转文字图层，添加高斯模糊与蒙版渐变透明效果，提升整体真实感。
2025-06-07 14:15:01
720
ps如何添加文字下划线_ps文本下划线设置方法 在PS中添加文字下划线可通过三种方法实现。1.使用形状工具手动画线，适合精确控制样式和位置，操作包括选择矩形工具设置参数并绘制线条；2.利用图层样式添加描边效果，适用于整体文本统一处理，通过“fx”按钮设置底部描边；3.通过字符面板调整基线偏移并结合形状工具模拟下划线，适合特殊排版需求。这三种方法各有适用场景，手动画线灵活度高，图层样式便于修改，字符面板技巧则增强视觉自然感。
2025-06-07 12:54:02
815
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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

  • PHP学习

  • 技术支持

  • 返回顶部