学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
Flash Fireworks Dreamweaver Photoshop CorelDraw Illustrator FreeHand 3DsMAX AutoCAD

您的位置:学院 >> 创意设计 >> photoshop >> Photoshop绘制精致台式电脑图标


Photoshop绘制精致台式电脑图标



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

  
    四个大小各异的图标

  具体操作步骤如下。

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

  图1

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

  图2

  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

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

  图15

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

  图16

  图17

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

  图18

  • 第1页:台式机显示器
  • 第2页:主机描绘
  • 共2页。 1 2 :

      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

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

      图30

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

      图31


      
    技术文章快速查找

    栏目导航
    软件应用
    ·操作系统 ·杀毒防黑 ·应用软件
    ·聊天软件 ·网络软件  
    Web开发
    ·ASP ·JavaScript ·CGI
    ·JSP ·VbScript ·Web服务器
    ·PHP ·XML  
    开发语言
    ·VB ·VC ·ASP.NET
    ·Java ·C/C++ ·Delphi
    数据库开发
    ·MySQL ·SQL/Access ·PowerBuilder
    ·Oracle ·DB2  
    网站设计
    ·Flash ·Dreamweaver ·HTML/CSS
    ·Fireworks ·FrontPage  
    平面设计
    ·Photoshop ·CorelDraw ·AutoCAD
    ·FreeHand ·Illustrator ·3DsMAX
    媒体动画
    ·Director ·Authorware ·Maya
    ·视频处理    


    相关软件 产品库推荐
    ·笔记本 ·台式机 ·服务器
    ·数码相机 ·手机 ·GPS
    ·DV摄像机 ·MP3 ·MP4
    ·CPU ·硬盘 ·内存
    ·主板 ·显卡 ·显示器
    ·打印机 ·投影机 ·路由器

    还没人留言,抢个先,哈哈!
    对"Photoshop绘制精致台式电脑图标"的评论 - 快速回贴
    内容:
      [完成后可按Ctrl+Enter发布]

    百度中 Photoshop绘制精致台式电脑图标 相关内容
    Google搜索中 Photoshop绘制精致台式电脑图标 相关内容
    雅虎中 Photoshop绘制精致台式电脑图标 相关内容
    Sogou搜索中 Photoshop绘制精致台式电脑图标 相关内容

    相关软件 最新回复帖子:

    ·Windows Vista 中卸载软件的不同方式
    ·没有mysql支持时的替代方案
    ·一个可以发送附件及HTML格式邮件的PHP类
    ·AutoCAD打造精致三维鸟笼实例详解
    ·Photoshop自定义水晶字特效样式
    ·AutoCAD三维基础实例教程
    ·PS为黑背景长发美女照片抠图换背
    ·用Photoshop自制个性摩托车贴花小经验
    ·轻松几步将美女照片处理为手工素描
    ·巧用Photoshop画笔轻松绘制创意特效


      相关软件 Photoshop绘制精致台式电脑图标相关文章
    Photoshop画笔简单打造墨渍特效 Photoshop绘精美圣诞节彩色铃铛球
    PS模拟玻璃相框上的水滴字“圣诞快乐” Photoshop绘制圣诞甜蜜拐棍糖果
    Photoshop绘制五颜六色的圣诞彩灯 Photoshop做火红色圣诞节纪念信用卡
    Photoshop打造精美的圣诞节小铃铛 Photoshop精细描绘圣诞冬青树叶
    Photoshop手工绘制动物皮毛效果 Photoshop绘制圣诞玻璃音乐盒
    抢先体验Photoshop CS3 Beta新特性 Photoshop路径巧绘几何试卷45度角
    渐变背景人像照片PS抠图的一些思路 PS解决宝宝照片曝光不足和偏色问题
    用Photoshop纯色调整图层处理冷色调照片 Photoshop四小工具巧修旧损照片
    巧用Photoshop通道去除人像照片面部油光 照片特效处理:为肖像照片增加杂色颗粒
    设置好Photoshop画笔参数 绘制流畅虚线 Photoshop为肖像照片减轻皱纹