PS教你绘制一个雅致洁白的音箱图标

   新建一个1000×1000 px 的画布,填充颜色#7b7776。


  创建一个512×512像素,圆角半径为90px的圆角矩形,并置入木纹素材,然后在图层面板中,按住ALT点击木纹图层和圆角矩形图层的交界,创建剪贴蒙版。


  给“圆角矩形1”图层添加内阴影和投影。


  在“木纹”图层上面新建一个图层,填充颜色#5f543f,混合模式改为正片叠底,透明度为70%,并创建剪贴蒙版。


  音箱的立面就做好了。接下来创建一个512×460,圆角半径为90px的圆角矩形,并和“圆角矩形1”左对齐和顶对齐,然后将木纹复制一层,在新的圆角矩形上建立剪贴蒙版。

  如果是Photoshop的版本是CC,就可以直接复制一层“圆角矩形1”,然后CTRL+T变换大小。CC以前的版本变形的时候会损失圆角,所以只能创建形状。


  给“圆角矩形2”添加内阴影和投影。


  给“木纹 拷贝”图层叠加一个10%的黑白渐变。


  CTRL+J复制一层“圆角矩形2”,然后将图层移动到木纹图层上面,CTRL+T变换大小,记得同时按住SHIFT和ALT,缩放90%,然后添加图层样式。


  接下来做音孔,新建一个256×256的圆,调整位置,添加图层样式。


  建议CTRL+G给音孔的这个圆建个组,因为等会儿会有很多图层。

  新建一个直径为11px的椭圆,与“椭圆 1”水平、垂直居中,填充颜色#5f543f。

  然后用矩形工具手动画两根参考线,找到圆心,效果图如下:


  中间的小圆直径一定要是奇数,不然不能准确找到圆心。

  将小圆复制一层,CTRL+G建组,然后将被拷贝的圆移动到大圆外围,ALT+CTRL+T变形,按住ALT将旋转中心移动到刚刚找到的圆心处。


  然后旋转到合适位置。需要注意的是,旋转的角度一定要能被360整除。


  然后多按几下CTRL+SHIFT+ALT+T,再次变换,外圈音孔get


  自行调节旋转角度,重复步骤,将音孔做完。做到最后的时候,中间会显得比较比较密集,可以将圆心处的小圆直径改为9px


  音孔做好了,将参考线删掉,接着做旋钮。

  新建一个椭圆,填充颜色#ebebeb,移动到合适位置,添加图层样式。


  复制一层“椭圆 3”,CTRL+T变形,按住SHIFT+ALT等比缩放85%,添加图层样式。


  然后复制一层“椭圆3 拷贝”,将填充透明度改为0,添加内阴影。


  右边的旋钮做好了,复制到左边,整个图标就差不多做好了~


  不过如果仔细看,会发现这个图标的木纹还有问题,所以最后来做一下简单的透视。

  首先是选择比较亮的木纹,CTRL+T,右键选择“透视”,调整成这个样子。


  然后用同样的办法调整比较暗的木纹


  最终的结果:


分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-12-28 02:11:43

PS教你绘制一个雅致洁白的音箱图标的相关文章

PS教你绘制一个深沉典雅的蜂巢背景

  最终效果图: 首先,我们执行"编辑-首选项-参考线.网格和切片",设置网格大小. 选择"多边形工具" 设置"多边形工具"选项 在画布上画一个"六边形",六边形的大小,我这里用的是30像素. 选择"路径选择工具",按住ALT,移动鼠标,复制出一个多边形的路径,改大小为25像素,模式减去. 选择住两个多边形的路径,水平和垂直居中对齐,我们就得到了一个空心的多边形. 同样的用"路径选择工具"

PS教你绘制一个可高度自定义的LOGO展示模板

  首先,我们新建个文件,大小随意,我用的是1920*1280像素,填充背景颜色为#232323. 为背景图层添加一个渐变叠加. 添加一个1像素的杂色,高斯分布,勾选单色. 放入我们的LOGO 将LOGO图层转换为智能对象,然后复制两层,得到总共三层LOGO的图层,这是我们用来做效果的. 这里需要注意的是一定要先转智能对象,再添加图层样式或者滤镜等等之类的操作,包括你自己制作别的LOGO展示模板也是一样. 将三个图层命名为1.2.3 ,方便一会我们的操作及讲解. 我们的想法是,用1图层来做投影之

PS教你绘制一个精致的分贝检测仪

  今天@P大点S微博 来一个图标教程,重点依然是图层样式的运用,而且会多次用到布尔运算,这是PS课程中特别重要的一个知识点,不熟悉的同学建议来练个手. 我们从背景的创建开始,我用的尺寸是1000*800像素.创建一个"渐变填充"调整层,设置如下: 画一个600*600像素的圆,设置填充为0,并添加一个斜面和浮雕. 设置前景色为#312f35,利用布尔运算,画出下图中的这个圆环.这个不多赘述,不懂的可以百度下. 为这个圆环添加一个图层样式. 设置前景色为黑色#000000,跟刚才一样的

PS教你绘制一个WEB登陆框

  1.新建一个文档,这里我用的是400*300像素,填充一个#d0c0be的颜色填充调整层. 2.选择画笔工具,使用圆角柔边画笔,设置前景色为#364e35,画出如下图中的形状出来. 3.执行"滤镜-模糊-高斯模糊",我用的数值是46.9像素,赋予这个颜色层一个模糊效果,跟我们的背景融合. 4.选择圆角矩形工具,并设置前景色为#313c45,画一个圆角矩形,并将圆角矩形的填充设置为11% 5.为这个圆角矩形添加一个图层样式.这里,我添加了描边.内阴影以及投影. 6.下面,复制一层这个

PS教你绘制一个计时器图标

  首先,看看我们的山寨原图. 我们的成品: 原图有点小,我这里文档比原图建得稍大了一些. 我们首先进行背景的创建,我创建了一个"渐变"调整层,设置的#444c60到#262f37的90度的径向渐变. 建个新图层,填充白色,执行"滤镜-杂色-添加杂色",设置杂色数量为20%,平均分布,并将这个图层混合模式更改为"正片叠底". 下面,我们制作原图中的像素斜线,新建个5像素*5像素的文档,放大画布到最大,用铅笔工具,设置铅笔像素大小为1像素,画出如下

PS教你绘制一个绚丽色彩的进度条

  新建个文档,我这里用的是800*800像素,填充黑色,并设置一个图层样式. 将"背景"图层转换为智能对象,执行"滤镜-杂色-添加杂色",设置数量为1,高斯分布,勾选单色. 执行"滤镜-滤镜库-画笔描边-阴影线",设置描边长度4,锐化程度10,强化1. 现在,我们就完成了背景的创建. 画一个620*45像素的圆角矩形. 为这个圆角矩形添加一个图层样式. 设置完图层样式,我们得到如下效果. 接下来,我们画一个白色的500*25像素的圆角矩形. 我

PS教你绘制一个复古风格的旧电视图标

  今天,带大家来临摹一个电视机图标.教程不难,重点也是图层样式,效果非常好看,已附上源文件方便学习,@P大点S微博 针对一些细节做了很多实用的讲解,非常适合新手学习,来收! 这里再次强调一点,图层样式中的参数设置是对应其相应图层的,受图层大小尺寸影响,在不同尺寸下,效果呈现是不同的. 比如说,同样一个5像素的描边的图层样式,在10像素的圆和100像素的圆下,其表现效果肯定是不一样的. 所以,四个字:活学活用 首先,我们看看原图,一个400*300的小图. 新建一个1000*800的文档,添加一

PS教你绘制一个逼真的可口可乐易拉罐

  效果图: 步骤1 在Photoshop里新建一个800*800px的画布 步骤2 创建一个垂直参考线和一个水平参考线.视图>新建参考线,选择水平和应用50%的位置.做同样的垂直参考线. 步骤3 使用一个图片供参考(虽然我没有完全按照真实的形式). 步骤4 用钢笔工具(P),开始画只是一半的红色形状. 步骤5 Alt+左键,复制,然后按ctrl + T,水平翻转. 步骤6 现在用钢笔工具合并两个图层,或者栅格化图层,ctrl+E向下合并,现在是一个整体的易拉罐圆图形. 步骤7 选择不同的颜色,

PS教你绘制一枚扁平的相机图标

  人长得胖,没有关系,PS能帮你瘦身;人长得丑,也没有关系,PS可以帮你美容,总之PS已经强大到生活的各个领域,在这个照片不可信的年代,我们是有必要学一学PS的. Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为20