Photoshop绘制精致台式电脑图标

2016-01-30 00:51 5 1 收藏

Photoshop绘制精致台式电脑图标,本例为Photoshop鼠绘实例教程,教程讲解了运用PS绘制台式电脑图标的过程,主要通过运用形状工具、图层样式、渐变填充、钢笔工具来完成绘制,希望能给朋友们带来帮助~~

【 tulaoshi.com - PS 】

在学习中遇到问题可以到 论坛PS求助研讨 发贴交流!

相关PS鼠绘教程阅读:Photoshop手绘教程专题


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


四个大小各异的图标

具体操作步骤如下。

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


图1

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


图2

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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


图3


图4

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


图5

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


图6

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


图7

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


图8

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


图9

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


图10

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


图11

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


图12


图13

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


图14

12

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


图15

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


图16


图17

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


图18

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


图19

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


图20


图21

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


图22

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


图23

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


图24

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


图25

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


图26

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


图27

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


图28

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


图29

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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


图30

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


图31

在学习中遇到问题可以到 论坛PS求助研讨 发贴交流!

  12

来源:https://www.tulaoshi.com/n/20160130/1515926.html

延伸阅读
标签: PS PS基础
当我们看到一个教程的时候,大家会想到些什么呢?马上开练?做完之后呢?本狼建议:在做之前,先看看效果图,想想自己能不能在没有教程的前提下把这个案例做出来?眼前的这个图形由几部分组成,在软件里该怎么实现?步骤是怎么样的?好好思考一番后,再动手做,有目的的去看教程。 看教程的目的是什么?无非就是熟悉软件+绘制技巧(或方法)这两个了吧?...
小伙伴们在临摹图标前一定要先观察观察,观察不够仔细没关系,慢慢来,重要的是学习动脑筋,要学会把整体拆分为不同的部分,然后逐步刻画。最终效果 1、铅笔主要由五部分组成,如下图。 2、笔头用钢笔勾出形状,不是三角形的哦,有弧度的!高光也用钢笔勾出来形状,然后做高斯模糊处理。为了能随...
PS绘制逼真精致的蜡烛图标 PS绘制逼真精致的蜡烛图标 tuLaoShi.com
PS绘制精致www.Tulaoshi.com记事本图标 PS学习者介绍使用PS绘制精致记事本图标的方法和步骤,教程难度中等,作者TTT1117对细节的刻画很到位。转发过来和飞特的朋友们一起分享学习了,先来看看最终的效果图: 绘制步骤如下:

经验教程

549

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部