专栏名称: 龙岩图书馆
龙岩图书馆官方账号,介绍龙岩图书馆馆藏特色资源,推送龙岩图书馆最新信息动态,公益活动等,进行图书馆服务宣传和推广。详情介绍请登录龙岩图书馆官方网站http://www.lytsg.com
51好读  ›  专栏  ›  龙岩图书馆

图标设计 | ps炫彩渐变镂空音符 超详细制作流程

龙岩图书馆  · 公众号  · 读书  · 2025-01-07 17:14

正文


图标设计通过简洁、直观的图形符号来传递信息、表达概念或指示功能。图标在数字界面、网站、应用程序、品牌识别和各种媒体中扮演着重要角色,它不仅仅是简单的图形绘制,还涉及到用户体验、人机交互和品牌传达等多个方面。


今天龙岩图书馆『设计师之家数字图书馆』为大家带来一个图标超详细制作教程,教你如何运用Photoshop(PS)打造既梦幻又专业的渐变镂空音符效果,快来动手来试试吧!




STEP1

选择菜单栏中的文件打开,找到所使用的磨砂纸背景音符两个素材。



STEP2

进入1-1磨砂纸背景主操作面板,使用椭圆工具按住shift键绘制正圆(如果默认显示矩形工具,可以点击鼠标右键找到椭圆工具)。选择移动工具,将椭圆移动到画面中。



STEP3

属性中给圆填充色板中第二个的灰度,增加镂空真实感。点击鼠标右键,找到混合选项,选择内阴影给圆添加纸张镂空效果。



STEP4

点击内阴影,可以看到相应参数,数值调整为:距离5像素阻塞10%大小20像素,得到一个整体的镂空效果,点击确定。



STEP5

制作双重同心圆效果,ctrl+j等位复制圆形图层。选择这个图层,ctrl+t并按住alt键以中心为缩放点,缩小圆形。可以看到当前的椭圆图层同时保留了原本图层的内阴影效果。



STEP6

进入1-2音符的素材,按ctrl+a表示选择全部,再按ctrl+c复制,在1-1磨砂纸背景粘贴当前素材。如果操作熟练,也可以直接将音符素材拖拽到磨砂纸背景画布中。



STEP7

ctrl+t适当调节音符大小。调节大小的时候注意按住shift键,表示的是音符的等比例缩小。在锁定里找到第一个,锁定音符不透明像素。



STEP8

选择画笔工具15%的灰色在音符上进行擦拭,将音符完全盖住为止。在音符图层上点击右键混合选项,添加一个内阴影,数值调整为:距离5像素阻塞2%大小10像素



STEP9

选择椭圆工具绘制一个正圆,使用移动工具,将这个正圆完全覆盖住底部的所有图层。在当前形状的属性面板中,找到形状细节,点击最前面的颜色找到渐变色,选择粉彩颜色,参数为线性、120度倾斜度,就可以得到一个酷炫的渐变色。如果在界面中没有找到属性面板,可以在菜单栏中的窗口先找到属性面板。



STEP10

将当前图层的混合模式改成叠加模式,好看的炫彩效果就做出来了。但边缘有点泛白,需要对边缘进行一定的模糊处理,先将当前的椭圆图层右键栅格化,目的是方便进行编辑。



STEP11

选择滤镜-模糊-高斯模糊(高斯模糊在PS中经常用来制作影子效果),将模糊半径适当拖大拖小,可以看到高斯模糊带来的过渡感,大概在10像素能够感受到非常平滑的感觉,点击确定。选择笔刷,点击第四个灰度值的笔刷,在画面中轻轻涂抹,当前图层就差不多完成了。



STEP12

选择文字工具,在画面中输入想要输入的文字。选择字符窗口,选择当前图层,挑选一个相对深一点的颜色,点击确定。选择移动工具,将它移动到画面适中位置(移动工具快捷键为V),最终效果就完成啦。



跟随步骤走,制作过程是不是非常直观和简单呢?尝试挑战自己,利用Photoshop中的图层混合选项,创作一个你钟爱的图标吧!



更多PS教程素材可点击图片获取


点击图片跳转课程页面



更多设计教程、正版设计素材

尽在龙岩图书馆『设计师之家数字图书馆』

▼▼▼▼▼

来源:龙岩图书馆

供稿:设计师之家数字图书馆
编辑:钟艳媚
核稿:郑微娜
审核:陈鸿雁  卢斌剑
特别声明:本公众号仅用于龙岩图书馆公共文化服务及阅读推广,不用于任何商业用途。转载文章及图片、视频、音频等版权均属原作者。如有侵权,请及时与本公众号联系。


点击在看,你会更好看