正在阅读:PS怎么绘制一个按键电话 PS绘制一个按键电话方法【详解】PS怎么绘制一个按键电话 PS绘制一个按键电话方法【详解】

2023-08-31 21:58 出处:IT百科 作者:佚名 责任编辑:xumei

  Photoshop主要处理由像素组成的数字图像。凭借其众多的编辑和绘图工具,您可以有效地进行图片编辑工作。Ps有很多功能,在图像、图形、文字、视频、发布等方面都有涉及。接下来我们羽兔网将为各位小伙伴分享到的内容是:PS绘制一个按键电话的步骤教程,感兴趣的小伙伴赶紧继续往下看~

  PS绘制一个按键电话的步骤:

  第一步:绘制草图

  首先绘制整个产品的大体形态,并且根据功能对产品进行模块区分,根据功能将整个电话分为摄像头,显示屏,扬声器,物理按键四个模块;其中物理按键又分为数字按键,音量键,功能键和开关机四个区域。所以我们在设计之初要根据这些功能对产品进行大概的布局 (完全可以将产品看成一个界面,我们需要在这个界面里实现这些功能) 。

  第二步:确定大色调

  确定好整个产品的布局和大致形状后,根据整个产品的需求进行颜色的设置,我这里用的是黑色,在大家绘制的过程中可以自己根据自己想要的感觉进行颜色的确定。

  上面就是对颜色还有按键的大概形状进行了绘制,这个都是用基本的矩形和圆角矩形拼接出来的,技术上很小白,没有难度就不说了。

  第三步:绘制显示器

  在我们颜色布局确定好以后,我们就要开始给整个产品赋予灵魂了( 就是传说中的细节) 首先我们需要思考显示器是如何存在在整个产品的结构上,我这里是嵌进去的,所以第一步需要画出内嵌的感觉 。

  打开屏幕这个图层的图层样式功能,添加内阴影,参数根据自己绘制的分辨率进行设定 (我这个分辨率是540*720,仅供参考)

  紧接着画出内屏的显示区域,如下图

  紧接着我们可以在内屏里面绘制一个主题桌面,在这篇教程我就不讲主题桌面怎么画了,因为我自己画的也很菜,我是拿了一个我几年前画的主题来充个数,如下图:

  接下来给屏幕绘制高光,沿着屏幕结构运用减去顶层的方法绘制出高光形状,然后对高光形状创建蒙版

  通过渐变工具对高光蒙版进行渐变处理,我是沿着一个方向拉出来的

  画完以后发现高光还是太亮了,然后整体给了一个50%透明度

  画到这里显示器基本就差不多了。

  第四步:扬声器绘制

  扬声器的绘制应该是最简单的,就是通过圆的形状,运用外发光的图层样式生成的

  首先先绘制一个圆,然后调整外发光参数,紧接着将一个圆粘贴复制成为下图形状:

  将复制好的原型全部至于扬声器的图层上面,对绘制好的圆创建剪切蒙版,实现以下效果:

  最后给扬声器这个图层添加内阴影,看起来更加立体

  现在扬声器就搞定了

  第五步:物理按键

  下面说如何绘制物理按键,这一块也是让整个产品最出效果的地方,按键区域分为四个模块,所以这边采用四种样式进行区分,虽然是不同的样式但要注意统一。

  首先绘制的是功能模块的按键样式,整个按键是大圆角

  分为哦三层,最下面一层给一个重色大体结构出来了,然后给最上层的加一个渐变

  然后将三层叠加在一起

  最后找一个icon或者画一个功能的icon放上去调整颜色就好了

  功能模块的按键画好了,我们在来说关机开机,这块也是大圆角三层

  同样给最上层添加渐变

  接下来复制一个最上层的形状,然后稍微缩小当作高光,同样的高光绘制办法对他创建蒙版

  最后添加图标

  再下来我们说一下数字按键的绘制,数字按键用的是小圆角的变形,同样也是三层组合

  这里我们需要对第二层添加渐变

  上面深下面浅,紧接着对最上层添加内发光

  随后加上数字就好了

  最后音量键的方法也是这样就不介绍了,最后效果

  第六步:整体

  给产品整个结构加一个面增加立体感

  给最上层的面添加渐变,增强光泽度

  给下面的面根据光影添加渐变

  在转折出加一层白色用来最反光

  给这层白色添加蒙版,然后对蒙版从两头开始拉渐变

  这样一个视频电话就绘制完成了来看一下效果

  关于“PS怎么绘制一个按键电话?”的教程内容就简单分享到这里了,希望每一个跟着学习的小伙伴都能够成功绘制出来哦

关注我们

最新资讯离线随时看 聊天吐槽赢奖品