编程世界 - 计算机爱好者和编程爱好者的天堂!

编程世界

当前位置: 主页 > 平面设计 > Photoshop >

Photoshop入门与进阶实例:开天辟地软件的界面设计(4)

时间:2008-11-30 00:32来源:编程世界 作者:无名 点击:
图 7-1- 33 设置内阴影样式 图 7-1- 34 运用图层样式后的效果 步骤15 制作另外一幅内凹图像 接下来我们画面的对左下角如法炮制,找一幅不同的图片来处理,
图 7-1- 33 设置内阴影样式
图 7-1- 34 运用图层样式后的效果
步骤15 制作另外一幅内凹图像
接下来我们画面的对左下角如法炮制,找一幅不同的图片来处理,完成后我们可以看到如图7-1-35所示的效果。这样界面装饰效果的制作也就基本完成了。
图 7-1- 35 处理左下角的效果
[NextPage]
7.1.3 软件标题的处理
标题的处理要求简练夺目,我们可以考虑对标题文字进行一些框线的修饰以及特效处理来达到醒目突出的视觉效果。一起来看看怎么做吧!
步骤16 制作正方形色块
首先我们选择工具箱中的矩形选框工具(或者按快捷键M),随后新建一个图层(如图7-1-36所示),在这个图层上制作一个正方形的选区并用白色填充,完成后取消选区,效果如图7-1-37所示。
提示:矩形选框工具可以方便的制作出一些轮廓简单的几何图形,大家留意一下它的用法。
图 7-1- 36 创建新图层
图 7-1- 37 绘制小正方形
步骤17 制作不同大小的色块
用类似上一步的操作,制作一个边长较小的黑色正方形并移动到如图7-1-38所示的位置。跟着再来,制作一个褐色的小长方形,并移动到如图 7-1-39所示的位置。随后将这个褐色小长方形的不透明度调整为80%(如图7-1-40所示),并对它进行描边的操作,得到一个具有1象素边框的半透 明褐色长方形。完成后,我们可以看到如图7-1-41所示的效果。
图 7-1- 38 制作黑色正方形
图 7-1- 39 制作褐色长方形
图 7-1- 40 调整图层不透明度
图 7-1- 41 完成后的效果
[NextPage]
步骤18 完成修饰图形并输入标题文字
我们打算在这里输入“入门篇”三个字,于是我们将刚刚弄好的线框造型复制三次并对齐,得到如图7-1-42所示的效果。跟着我们选择工具箱中的 文字工具(或者按快捷键T),在相应的工具选项栏中设置好字体和大小,然后即可在图像中输入文字。完成后我们可以得到如图7-1-43所示的效果。
图 7-1- 42 将复制图层复制3次
图 7-1- 43 输入文字
步骤19 添加修饰线条
为了让软件标题显得更加活泼和突出,我们再在标题的旁边制作一些修饰性的线条效果。为了观察方便,我们先将制作好的小标题隐藏掉。首先,我们着 用钢笔工具在画面中勾勒出如图7-1-44所示的路径效果。随后新建一个图层,打开路径面板,点击上面的【用笔刷填充路径】按钮(如图7-1-45所示) 完成路径填充的操作。现在我们会看到如图7-1-46所示的效果。
图 7-1- 44
图 7-1- 45
图 7-1- 46
[NextPage]
步骤20 放射线条的制作
现在我们再来添加一些具有动感效果的线条。首先我们运用本例中第十步和第十一步介绍的方法制作一条长短适中的白色动感直线(如图7-1-47所 示),随后按组合键Ctrl+Alt+T对线条进行复制变形的操作(如图7-1-48所示),多次重复上面的复制变形操作并将线条移动到合适的位置我们就 可以制作出方向各异的动感线条效果,如图7-1-49所示。最后我们再用画笔工具加上一些简单的线圈图案修饰就可以得到我们需要的装饰效果了。现在重新打 开刚刚隐藏掉的小标题,我们会看到如图7-1-50所示的效果,这样看起来舒服多了吧? (责任编辑:编程世界)
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
栏目列表
推荐内容