欢迎光临
我们一直在努力

photoshop绘制精致台式电脑图标_photoshop教程

建站超值云服务器,限时71元/月

  在本篇教程中,我们将学习如何用Photoshop画一个精美的图标,画面上是一个台式机显示器与主机,最终效果下图所示。


  photoshop绘制精致台式电脑图标_photoshop教程photoshop绘制精致台式电脑图标_photoshop教程photoshop绘制精致台式电脑图标_photoshop教程photoshop绘制精致台式电脑图标_photoshop教程
    四个大小各异的图标


  具体操作步骤如下。


  1.如图1所示,绘制一个圆角矩形。


  photoshop绘制精致台式电脑图标_photoshop教程图1


  2.按Ctrl+T键,调整手柄,得到如图2所示的形状。


  photoshop绘制精致台式电脑图标_photoshop教程图2


  3.应用如图3、图4所示的图形样式。


  photoshop绘制精致台式电脑图标_photoshop教程图3


  photoshop绘制精致台式电脑图标_photoshop教程图4


  应用图形样式后的图像如图5所示。


  photoshop绘制精致台式电脑图标_photoshop教程图5


  4.按住Ctrl键的同时单击图层面板中的图层名称以载入该图层选区。现在,按向右方向键向右移动选区4像素以上。


  photoshop绘制精致台式电脑图标_photoshop教程图6


  5.按Shift+Ctrl+I反转选区,然后同时按住Ctrl+Alt+Shift并在图层名称上单击,选择如图7所示的部分。


  photoshop绘制精致台式电脑图标_photoshop教程图7


  6.保持选区,创建一个新图层,将前景色设置为#CFCECE、背景色设置为#757575,选择前景色到背景色的线性渐变,并填充选区。按Ctrl+D键取消选择,结果如图8所示。


  photoshop绘制精致台式电脑图标_photoshop教程图8


  7.使用矩形工具画一个矩形,按D键将前景色和背景色变为默认的黑色与白色。使用从前景色到背景色线性渐变,填充该矩形,结果如图9所示。


  photoshop绘制精致台式电脑图标_photoshop教程图9


  8.类似地,使用矩形工具画另一个矩形。这一次,使用从前景到背景的径向渐变填充矩形,前景色设置为#A0D4F9,背景色设置为#1877D4。结果如图10所示。


  photoshop绘制精致台式电脑图标_photoshop教程图10


  9.在显示器下方使用钢笔工具画出如图11所示的形状。


  photoshop绘制精致台式电脑图标_photoshop教程图11


  10.应用如图12、13所示的图层样式。


  photoshop绘制精致台式电脑图标_photoshop教程图12


  photoshop绘制精致台式电脑图标_photoshop教程图13


  应用图层样式之后的图像如图14所示。


  photoshop绘制精致台式电脑图标_photoshop教程图14


  11.使用椭圆工具绘制如图15所示的椭圆形。


  photoshop绘制精致台式电脑图标_photoshop教程图15


  12.应用如图16、17所示的图层样式。


  photoshop绘制精致台式电脑图标_photoshop教程图16


  photoshop绘制精致台式电脑图标_photoshop教程图17


  应用图层样式后的图像如图18所示。


  photoshop绘制精致台式电脑图标_photoshop教程图18


  13.现在,我们将要在显示器附近绘制一个立式机箱。为了完成这个目标,按如图19所示绘制三个不同的形状,绘制时可以使用钢笔工具,也可以先画出矩形再变换得到。


  photoshop绘制精致台式电脑图标_photoshop教程图19


  14.对以上图形所在三个图层应用相同的图层样式,如图20、21所示。


  photoshop绘制精致台式电脑图标_photoshop教程图20


  photoshop绘制精致台式电脑图标_photoshop教程图21


  15.将这些图形排列成立式机箱的样子,如图22所示。


  photoshop绘制精致台式电脑图标_photoshop教程图22


  16.如图23所示,画一条2像素的黑色直线。


  photoshop绘制精致台式电脑图标_photoshop教程图23


  17.从自选图形列表中选择如图24所示的自选图形。


  photoshop绘制精致台式电脑图标_photoshop教程图24


  18.按如图25所示形状画出一个轮廓。


  photoshop绘制精致台式电脑图标_photoshop教程图25


  19.应用如图26所示的渐变叠加图层样式。


  photoshop绘制精致台式电脑图标_photoshop教程图26


  应用渐变叠加图层样式后的图像如图27所示。


  photoshop绘制精致台式电脑图标_photoshop教程图27


  20.使用椭圆工具画一个椭圆,以亮灰色前景色到暗灰色背景色的线性渐变填充该椭圆,结果如图28所示。


  photoshop绘制精致台式电脑图标_photoshop教程图28


  21.使用椭圆工具绘制另外一个椭圆,以白色前景色到红色背景色的径向渐变填充该椭圆,结果如图29所示。


  photoshop绘制精致台式电脑图标_photoshop教程图29


  22.使用矩形工具和直线工具绘制如图30所示的三个形状。可以这样做:首先画一个黑色的矩形,然后添加2像素的灰色线,再将这些图层组合到一起并合并它们。在这之后再复制并粘贴图层。


  photoshop绘制精致台式电脑图标_photoshop教程图30


  这样就得到了最后的图标效果,如图31所示。原文地址


  photoshop绘制精致台式电脑图标_photoshop教程图31

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » photoshop绘制精致台式电脑图标_photoshop教程
分享到: 更多 (0)