ps制作台式计算机图标,Photoshop绘制精致台式电脑图标

Photoshop绘制精致台式电脑图标

作者:李东博教程来源:天极设计在线

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

2f0ebbe5d291c105879b429bdd0b8dd5.gif

9071f6537e6021cf59d58a75757457f8.gif

e3356d5e8665a5cc36e31ce0f13c7215.png

四个大小各异的图标

具体操作步骤如下。

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

66d880b0beadf92ee45e406039b652d1.png图1

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

1c364fa70561d042194fdff53cfa61eb.png图2

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

350d745949c0eb5cf2df43fce7f0ad21.png图3

7b5eb4eab45471e7dc9b768a2d38a533.png图4

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

ad40aec37ca8b3b531e850e328c96829.png图5

本新闻共6

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

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

920d46f1c40c6b9e30665605e72983a1.png图7

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

089f9d2e8a34f94a4be4d59812b3a2ea.png图8

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

64a3a982cf338c1faabf13f64b2fea71.png图9

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

9a58819f11b3585f9f22bce7bcc7efbe.png图10

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

425a220e6ba4e159834800cfc6cf37cd.png图11

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

ed526f5dad8f6359b9520c34f9d7d556.png图12

a874a787e6ab7e000b2bd2beef736dd4.png图13

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

8a49005d34024e3159b3d5c2268ed7c6.png图14

本新闻共6

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

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

64b9f25821be38bccba2f4548193afad.png图16

e06bc9e37acaad26ee7084fb12b2946a.png图17

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

b2658ccdd2810c3b85298c6524474509.png图18

本新闻共6

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

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

930d45ea9db4e2b3813392577cc87aa1.png图20

98d7cc054b7c23a04820d89847e4fe90.png图21

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

14ab4125c9ede33ee5c6b9deb6e56d58.png图22

本新闻共6

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

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

166a579aa20a9036a3028961eaf260a5.png图24

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

ec1cc7d17c3911d830d958980446a499.png图25

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

caa088529217dc531e288b1d126ccba2.png图26

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

9ecfab0d1c4614ed51519c3637646bdb.png图27

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

f31759abab162774cd0f4f9e38733758.png图28

本新闻共6

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

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

aa8439c0ed2ff60a9d9ccfe9d429e95f.png图30

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

fdcfc4d3999fc1dfea88c7bb60682a90.png图31

简单的,我们教你,深奥的,你来分享

photoshop,ps,photoshopjiao cheng ,psjiao cheng ,photoshopxia zai ,pslun tan ,fei zhu liu psjiao cheng ,fei zhu liu psruan jian ,fei zhu liu tu pian ,fei zhu liu kong jian ,qqkong jian ,qqkong jian dai ma ,qqkong jian liu yan dai ma ,qqkong jian mo kuai ,QQkong jian FLASHmo kuai ,PSzi ti ,PSbi shua

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值