纯净、安全、绿色的下载网站

首页

当前位置:首页photoshop教程矢量手绘

设计师亲手教你绘制一个计时器图标 PhotosHop手绘图标教程

计时器图标   2022-04-03 我要评论

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标,今天这枚图标效果很经典非常适合学习图标制作的新手们练习。我们的成品:

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

原图有点小我这里文档比原图建得稍大了一些。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

我们首先进行背景的创建我创建了一个“渐变”调整层设置的#444c60到#262f37的90度的径向渐变。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

建个新图层填充白色执行“滤镜—杂色—添加杂色”设置杂色数量为20%平均分布并将这个图层混合模式更改为“正片叠底”。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

下面我们制作原图中的像素斜线新建个5像素*5像素的文档放大画布到最大用铅笔工具设置铅笔像素大小为1像素画出如下图案记得把文档的背景图层删除掉我们只要那个斜线图层。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

接下来我们把这个图案自定义执行“编辑—自定图案”。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

回到我们的文档在“杂色”图层上层新建个图层执行“编辑—填充”选择使用图案填充找到刚才我们自定义的那个图案确定。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

将这个斜线图层的图层不透明度更改为30%这样我们就完成了背景的创建。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

设置前景色为黑色画一个黑色的圆角矩形并将填充更改为20%

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个底框图层添加一个内阴影

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个投影

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

复制这个底框图层摆放到右边现在我们得到如下的效果:

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

下面我们开始制作图标的整体用圆角矩形工具画一个圆角矩形。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个框添加一个渐变叠加。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个外描边。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个内阴影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

现在我们得到如下效果:

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

选择框图层复制一层在下层调整圆角矩形大小宽度缩小4像素高度不变向下移动4像素。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

选择框拷贝图层再次复制一层在下层同样的宽度还是缩小4像素高度不变向下移动4像素。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个最底层的框也就是框拷贝2图层增加一个外发光。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

增加一个投影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

现在我们的效果如下:

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

接下来打上字。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个数字设置一个渐变。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个投影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

设置前景色为#172026画一个矩形。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个线设置一个投影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

用圆角矩形工具画一个圆角矩形。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个圆角矩形设置一个渐变叠加。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个斜面和浮雕。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个外发光。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

现在我们的效果如下:

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

接下来打上字。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个数字设置一个渐变。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个投影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

设置前景色为#172026画一个矩形。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个线设置一个投影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

用圆角矩形工具画一个圆角矩形。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个圆角矩形设置一个渐变叠加。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个斜面和浮雕。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个外发光。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

现在我们的效果如下:

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

我们把最后一个图标修改一下我们把高光图层移动到文字5的下层复制一层框图层在文字5的上层。并画一个矩形减去组合形状组件。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

进行适当的透视变形得到如下效果。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为其设置一个渐变叠加。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个渐变的描边。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个内阴影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

复制一层文字5置于这个变形后的框的上层转形状用减去模式画个矩形得到一个一半的5

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

对这个一半的5进行透视变形。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

为这个一半的5添加一个渐变叠加。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

添加一个投影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

现在我们得到如下效果:

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

设置前景色为黑色用钢笔工具画一个下图的形状我们来添加一个阴影。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

在属性面板中为其设置一个10像素的羽化。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

更改这个阴影图层的混合模式为正片叠底不透明度35%。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标

到这里就大功告成了当然你喜欢的话随便做什么颜色都行。

PhotosHop手绘图标教程:设计师亲手教你绘制一个计时器图标


相关文章

猜您喜欢

  • CC结合SPI给青春少女写真照制作成炫彩手绘效果 PS转手绘教程

    PS转手绘教程:CC结合SPI给青春少女写真照制作成炫彩手绘效果。效果图与原图: 原图: 第一步是裁成一个自己要的大..
  • photoshop简单制作一个小巧的音乐图标

    PS图标制作教程photoshop简单制作一个小巧的音乐图标制作一些稍微复杂的物体的时候我们需要尽量把物体拆分成一些细小的部分。这样制作起来就比较容易。基本上用钢笔画笔等工具即可完成操作。 最终效果 1、新建一个600 * 600 像素的文件选择黑白渐变..

网友评论

Copyright 2022 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们