ps怎么设计一款红色的UI时钟元素图标?

  发布时间:2017-08-11 11:25:45   作者:玄乎peal   我要评论
ps怎么设计一款红色的UI时钟元素图标?ps中想要画一个红色背景的时钟图标,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下

今天我们就来看看ps设计一款时钟ui图的教程,不过如果想要矢量图还是使用ai设计比较好。

ps怎么设计一款红色的UI时钟元素图标?

1、新建文件,这里需要做一个底,就是中标的圈,需要做一个效果的调整,用形状工具画出,然后双击图层,调节效果。

ps怎么设计一款红色的UI时钟元素图标?

2、这里提示下,颜色叠加模式,点击箭头位置,调整颜色,这里弹出颜色选取区域,上面那个圆圈是可以拖动,这里主要是选择颜色。

ps怎么设计一款红色的UI时钟元素图标?

3、为了增加立体感,增加视觉效果,需要对画面加投影,这里可以用一个简便方法,就是直接复制,填充黑色。

ps怎么设计一款红色的UI时钟元素图标?

4、时钟中间的小圈,也可以说数字的地板,可以直接复制1步骤,但是注意投影颜色换成白色,注意看有个边缘,需要细节,耐心。

ps怎么设计一款红色的UI时钟元素图标?

5、对齐居中,打上数字时钟,可以做一个参考线。

ps怎么设计一款红色的UI时钟元素图标?

6、形状工具做一个小圆圈,像时钟表示点,记得位置摆放,参考线辅助。

ps怎么设计一款红色的UI时钟元素图标?

7、用钢笔工具画出时针、分钟、秒针,记得加投影,光线统一。

ps怎么设计一款红色的UI时钟元素图标?

8、左后坐下中间的小圈,看右边渐变做出来的效果,可以多调节下。(颜色的选取)

ps怎么设计一款红色的UI时钟元素图标?

以上就是ps设计时钟的教程,很简单,当然除了ps可以做ui时钟,还可以使用ai设计,喜欢的朋友请继续关注脚本之家。

相关推荐:

PS做怎么制作一个深色的时钟按钮?

ps怎么画漂亮的红色主题的指南针图标?

ps怎么设计一款粉绿色舒适主题风格的时钟图标?

相关文章

  • ps怎么绘制一个扁平的UI按钮图标?

    ps怎么绘制一个扁平的UI图标?想要设计一款下载图标,该怎么设计呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-06-13
  • ps怎么设计扁平化风格的的镜头UI图标?

    ps怎么设计扁平化风格的的镜头UI图标?ps想要设计一个ui图标,该怎么设计一个镜头图标呢?下面我们就来看看详细的设计步骤,图文详细,需要的朋友可以参考下
    2017-06-06
  • PS绘制超漂亮的渐变按钮ui图标教程

    本教程教脚本之家的photoshop矢量手绘学习者们使用PS绘制超漂亮的渐变按钮ui图标的方法,教程难度不大,主要用到ps的图层样式,感兴趣的朋友一起动手试一试吧
    2017-06-01
  • Photoshop绘制卡通可爱的油漆桶和刷子UI图标教程

    本教程脚本之家的各位ps学习者使用Photoshop绘制卡通可爱的油漆桶和刷子UI图标的方法,教程打造的粉刷工具萌萌哒,难度不大,适合新手入门学习
    2017-06-01
  • Photoshop绘制立体感十足的轻拟物相机icon图标教程

    本教程脚本之家的各位朋友使用Photoshop绘制立体感十足的轻拟物相机icon图标的方法,教程不难,制作主要运用布尔算法、图层样式等知识点,适合新手入门学习
    2017-06-01
  • ps怎么设计一款紫色的森林水滴小怪兽的图标?

    ps怎么设计一款紫色的森林水滴小怪兽的图标?ps中想要设计一款水晶的图标,该怎么设计呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-06-01
  • ps怎么设计一款清新优雅的音乐按钮图标?

    ps怎么设计一款清新优雅的音乐图标?ps中想要设计一款面板式的音乐按钮图标,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-06-01
  • PS+3dsmax详细绘制光影巧妙的3D精灵球图标教程

    本教程手把手教脚本之家的各位ps学习者使用PS+3dsmax详细绘制光影巧妙的3D精灵球图标的方法,教程有些难度,大家通过Photoshop临摹这个作品,可以加强自己在设计过程中对光
    2017-05-31
  • Photoshop结合C4D绘制超赞的3D海星图标教程

    本教程教脚本之家的各位朋友使用Photoshop结合C4D绘制超赞的3D海星图标的方法,教程非常详细,打造的效果很漂亮,但有一定难度,属于C4D&PS进阶教程,感兴趣的朋友可以尝试
    2017-05-27
  • 怎么让PSD文件与ps程序链接并恢复图标?

    怎么让PSD文件与ps程序链接并恢复图标?psd文件显示的图标是空白的,想要以ps程序打开的图标显示,该怎么设置呢?下面我们就来看看psd文件图标修复的教程,需要的朋友可以
    2017-05-26

最新评论