软件下载,下载软件,网络软件,软件学院,软件资讯,电子小说,书籍,音乐,游戏,歌曲,MP3,BT,Flash,QQ
设为首页  
联系我们  
加入收藏  
   软件新闻 网络动态 软件评测 信息安全 软件技巧 编程开发 设计教程
您的位置: 首页 >> 文章首页 >> 设计教程 >> 平面设计 >> Photoshop精彩教程 绘制精致台式电脑图标
站内搜索
平面设计TOP10
·Photoshop打造神秘梦幻发光效果2006-2-10 16:42:09
·Photoshop实例:人物照片变小说封面2006-12-18 18:14:25
·Photoshop作品展示:MP3播放器界面2006-4-19 16:35:43
·用Photoshop制作低调照片效果2006-3-13 17:26:45
·送给爱美MM 用Photoshop制作靓丽时尚唇彩2006-12-8 11:26:17
·Photoshop教程 设计逼真的卫星照片效果2006-10-26 10:15:13
·照片调色系列教程(4):调制素雅艺术效果2006-11-7 15:21:17
·照片处理 用Photoshop打造魔戒女孩2006-9-6 15:28:07
·Photoshop实战 自己动手制作旅游明信片2006-9-20 14:49:52
·Photoshop精彩教程 设计威尼斯水城夜景2006-9-19 15:54:58
设计教程TOP10
·Photoshop打造神秘梦幻发光效果2006-2-10 16:42:09
·Photoshop实例:人物照片变小说封面2006-12-18 18:14:25
·Photoshop作品展示:MP3播放器界面2006-4-19 16:35:43
·用Photoshop制作低调照片效果2006-3-13 17:26:45
·送给爱美MM 用Photoshop制作靓丽时尚唇彩2006-12-8 11:26:17
·Photoshop教程 设计逼真的卫星照片效果2006-10-26 10:15:13
·照片调色系列教程(4):调制素雅艺术效果2006-11-7 15:21:17
·照片处理 用Photoshop打造魔戒女孩2006-9-6 15:28:07
·蝴蝶让花儿更艳:色键抠像巧妙应用方法2005-11-9 11:27:14
·PConline网友鼠绘作品:手机2006-2-22 16:30:13
本类精品推荐
精选专题
 
Photoshop精彩教程 绘制精致台式电脑图标
作者:李东博 编译 来源:风暴软件站 时间:2006-12-27 11:21:39
 

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

  Photoshop精彩教程绘制精致台式电脑图标Photoshop精彩教程绘制精致台式电脑图标Photoshop精彩教程绘制精致台式电脑图标
最终效果

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

  具体操作步骤如下。

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

Photoshop精彩教程绘制精致台式电脑图标
图1

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

Photoshop精彩教程绘制精致台式电脑图标
图2

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

Photoshop精彩教程绘制精致台式电脑图标(2)
图3

Photoshop精彩教程绘制精致台式电脑图标(2)
图4

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

Photoshop精彩教程绘制精致台式电脑图标(2)
图5

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

Photoshop精彩教程绘制精致台式电脑图标(2)
图6

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

Photoshop精彩教程绘制精致台式电脑图标(3)
图7

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

Photoshop精彩教程绘制精致台式电脑图标(3)
图8

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

Photoshop精彩教程绘制精致台式电脑图标(3)
图9

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

Photoshop精彩教程绘制精致台式电脑图标(3)
图10

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

Photoshop精彩教程绘制精致台式电脑图标(4)
图11

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

Photoshop精彩教程绘制精致台式电脑图标(4)
图12

Photoshop精彩教程绘制精致台式电脑图标(4)
图13

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

Photoshop精彩教程绘制精致台式电脑图标(4)
图14

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

Photoshop精彩教程绘制精致台式电脑图标(5)
图15

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

Photoshop精彩教程绘制精致台式电脑图标(5)
图16

Photoshop精彩教程绘制精致台式电脑图标(5)
图17

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

Photoshop精彩教程绘制精致台式电脑图标(5)
图18

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

Photoshop精彩教程绘制精致台式电脑图标(6)
图19

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

Photoshop精彩教程绘制精致台式电脑图标(6)
图20

Photoshop精彩教程绘制精致台式电脑图标(6)
图21

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

Photoshop精彩教程绘制精致台式电脑图标(6)
图22

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

Photoshop精彩教程绘制精致台式电脑图标(7)
图23

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

Photoshop精彩教程绘制精致台式电脑图标(7)
图24

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

Photoshop精彩教程绘制精致台式电脑图标(7)
图25

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

Photoshop精彩教程绘制精致台式电脑图标(7)
图26

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

Photoshop精彩教程绘制精致台式电脑图标(8)
图27

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

Photoshop精彩教程绘制精致台式电脑图标(8)
图28

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

Photoshop精彩教程绘制精致台式电脑图标(8)
图29

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

Photoshop精彩教程绘制精致台式电脑图标(8)
图30

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

Photoshop精彩教程绘制精致台式电脑图标(8)
图31

 
 
 
相关文章:
相关软件: