电脑技术学习

Photoshop特效:微型精致界面

dn001
  界面设计是设计领域中比较常见的应用,今天我们用Photoshop设计一个微型的精致界面。

  完成效果:



  绘制步骤:

  1.在Photoshop中新建一个文件,300×200像素,分辨率为72DPI,白色背景。


  2.新建图层1,选择圆角矩形工具,在画布中央拉出一个圆角矩形的路径来。并将此路径转换为选区。再选择渐变填充工具,在矩形选区中拉出如(图1)摸样的渐变色填充。

图1


  3.将图层1复制一个为图层1副本。再回到图层1,将图层1中的矩形垂直向下移动5-6个像素,并用曲线或者明暗命令将其颜色加深至黑色(图2)。

图2


  4.将图层1副本再复制一个为图层1副本2,回到图层1副本,将其垂直向上移动5-6个像素,并同样用曲线命令将起颜色加深,加深至深灰色即可(图3)。

图3


  5.在图层1副本2上面新建一个图层2,再选择圆角矩形工具,在原先矩形位置的上半部拉出个稍窄的矩形,完成后按CTRL+T,此时矩形路径上会出现个变换框,然后再按住CTR+SHIFT+ALT将变换框下端两侧的任意一个角向中间水平移动(图4)。

图4


  6.完成上述步骤后,将此变形的矩形路径转换为选区,再选择渐变工具,将深浅色两端的颜色都设置为白色,并将浅色端的不透明度设置为0。在此选区内至上而下垂直拖拉(图5)。

图5