拟物ICON(计算机)--设计复习

一言不合就开车。。。今天是拟物计算机ICON的复习车(。・∀・)ノ゙

先放效果图:

拟物ICON(计算机)--设计复习

好的 话不多说开始制作ICON:
(以下参数都是我自己设的,大家可以根据各自的喜好更改)

1.新建画布1200*1500像素
拟物ICON(计算机)--设计复习


2.新建图层,改个名字。这里给它个径向的渐变样式,参数奉上o( ̄▽ ̄)ブ,当然这只是作为展示背景,嫌麻烦的同学可以跳过。

拟物ICON(计算机)--设计复习


3.拖一个圆角矩形,大小520*520,角为40,添加线性渐变

拟物ICON(计算机)--设计复习

4.为该图层添加两层内阴影,一层正上方的高亮,一层正下方的暗部,这两层用来表示厚度。再添加投影增加立体效果(这里为了投影逼真做了两层)好的,上数据o_o 。

拟物ICON(计算机)--设计复习
拟物ICON(计算机)--设计复习

拟物ICON(计算机)--设计复习

拟物ICON(计算机)--设计复习

拟物ICON(计算机)--设计复习

5.再新建一个圆角矩形,作为凹槽

拟物ICON(计算机)--设计复习

添加渐变
拟物ICON(计算机)--设计复习

拟物ICON(计算机)--设计复习


6.再新建一个圆角矩形,作为屏幕,并且添加渐变

拟物ICON(计算机)--设计复习

拟物ICON(计算机)--设计复习


7.下载专门的LED字体,做出以下效果(这是个失败的示例- -,太困了没有时间找专门的电子字体)

拟物ICON(计算机)--设计复习


8.再拖一个圆角矩形出来,作为按钮,同步骤四一样为其加高光、暗部(都用内阴影实现)、投影,多一层描边。
拟物ICON(计算机)--设计复习
拟物ICON(计算机)--设计复习
拟物ICON(计算机)--设计复习
拟物ICON(计算机)--设计复习


9.复制该按钮,并且将最后一个渐变颜色改一下(投影的颜色可以加点红,调整细节)
拟物ICON(计算机)--设计复习

10.最后加上加、减、乘、等,就好了。
拟物ICON(计算机)--设计复习


困顿。。。复习完毕!上车睡觉o( ̄▽ ̄)ブ!