app图标设计很难?用这个PS技巧去设计,不要太轻松!
PS怎么做图标设计?
用PS这2个技巧!
在各种APP充斥的电脑和手机端,你会接触到很多APP的图标,那么作为一个设计师,你会用PS制作吗?今天,P力带来的是用PS制作音乐图标的设计方法!其实很简单,你只需要掌握PS的图层样式和图形绘制工具,就能轻松搞定……
fighting.time.
下面,我们一起来制作一个音乐图标吧!
1.创建背景
建立一个尺寸为800x800,分辨率为72的PS文件。选择渐变工具,径向渐变填充背景,填充颜色为亮灰(#fcfcfc)到浅灰(#e1e1e1)。
2.制作唱片机底座
2.1制作唱片机最下面的底座
选择椭圆形工具,制作一个400X 400的圆,并将圆形颜色设置为灰色(#aaaaaa)。
利用直接选择工具框选左右两侧锚点,按【Ctrl+T】键,在上方属性栏中将宽度W改为80%。
再选中上下锚点,按【Ctrl+T】键,在上方属性栏中将高度H改为80%。
添加图层样式下的投影样式。设置模式为正常,颜色为黑色,不透明度为75-80%。距离为10,大小为10,点击等高线并调节曲线。
添加图层样式下的渐变叠加。设置模式为正常,渐变为#b4b4b4—#f6f6f6,角度为90度。
添加图层样式下的内阴影。设置模式为叠加、白色,不透明度为30%,角度为90度,距离为2。
添加图层样式下的斜面和浮雕。设置样式为内斜面,方法为平滑,深度为100,方向为向上,大小为5,软化为0;设置高光模式为滤色、白色,不透明度为0%;阴影模式为正片叠底、黑色,不透明度为26%。
2.2制作唱片机唱片放置盘
选择椭圆形工具,按住【Shift】键,绘制正圆。把绘制好的正圆移动到唱片底座的扁圆居中的位置。
选择正圆所在图层,添加图层样式下的渐变叠加。设置混合模式为正常,渐变颜色从左到右为#f6f6f6—#464646—#f6f6f6—#464646—#f6f6f6。
添加图层样式下的斜面和浮雕,设置大小为2,角度为-90度。
添加图层样式下的投影,设置模式为叠加,不透明度为96%,距离为2,大小为0。
3.绘制唱片
3.1绘制唱片的圆
绘制一个正圆形,添加图层样式下的渐变叠加。设置角度为180,渐变颜色为#2d2d2d—#969696—#2d2d2d—#969696—#2d2d2d。
添加图层样式下的投影。设置模式为正常,不透明度为65%,其它属性值默认不变。
添加图层样式下的内阴影。设置模式为正片叠底、黑色,角度为120,距离为2,大小为5。
3.2设置黑胶唱片的密纹
选择选区工具,按住【Shift】键,绘制正圆形选区,选区摆放好位置,新建图层,填充为白色。
用鼠标选择菜单栏上的“滤镜”—“杂色”—“添加杂色”。在弹出的“添加杂色”对话框中,设置数量为160%。
用鼠标选择菜单栏上的“滤镜”—“模糊”—“径向模糊”,在弹出的“径向模糊”对话框中,设置数量到最大。
按【Ctrl+D】键,取消选区。选择当前图层,按住【Alt】键,在图层面板上点击与下方图层之间的分界线,建立剪贴蒙版。修改图层名称为“磨砂1”,设置图层样式,将混合模式改为叠加,不透明度改为60%。
3.3设置黑胶唱片的中心
绘制正圆形,放在画面中间位置。
添加图层样式下的渐变叠加。设置角度为90,渐变颜色为#4e4e4e—#161616—#4e4e4e—#161616—#4e4e4e。将该图层建立为组。
复制“磨砂1”图层,放在图层最上方,并创建剪贴蒙版。
再在中间位置绘制正圆形,设置颜色为红色(#cc2222)。
添加图层样式下的内阴影。设置不透明度为100%,其它值默认不变。
添加图层样式下的投影。设置模式为正片叠底,颜色为灰色。
再次把制作好的图形编组,复制“磨砂1”图层放在最上方并创建剪贴蒙版,让纹理相同。
最后还要在中间绘制正圆形,填充为白色。
添加图层样式下的投影。设置混合模式为正片叠底、黑色,角度为-90度,不透明为48%。
添加图层样式下的内阴影。设置混合模式为正片叠底、黑色,不透明度为85%,角度为-90度,距离为2,大小为0。
4.4绘制唱针
把白色的圆复制一份,去掉图层样式后,移动到右上角位置。
添加图层样式下的渐变叠加。设置样式为线性,角度为0,渐变颜色为#8d8d8d—#505050。
添加图层样式下的斜面和浮雕。设置样式为外斜面,大小为3,角度为120度,高光模式为白色、不透明度为88%,阴影模式为正片叠底、黑色、不透明度为70%。
在右上角圆形的上方绘制白色正圆形,和下方圆形居中对齐,添加图层样式的描边,设置大小为1,颜色为黑色,不透明度为55%。
选择工具栏中的圆角矩形绘制细长条,放在两个圆形的下方。然后添加图层样式的投影,设置不透明度为75%,距离为0,扩展为15,大小为5。
添加渐变叠,设置样式为线性,渐变颜色为#3b3b3b—#d4d4d4—393939。
选择绘制好的长条图形,使用钢笔工具添加锚点,调整锚点位置制作出转弯效果。
绘制圆角矩形,按【Ctrl+T】键,对其进行自由变换旋转并摆放好位置。
添加图层样式中的投影,设置角度为90度,距离为2,大小为3。
最终效果完成了,如下。
好了,今天的PS技巧,你学会了吗?
如果您还有想了解和学习其他的PS知识,欢迎留言~
这里是专业为您提供PS教程的小编P力!
点亮在看+赞,您的鼓励就是我们的动力!