×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
楼主: 糖果宝贝

用Photoshop设计微形3D界面

[复制链接]
发表于 2006-3-23 19:50:06 | 显示全部楼层 |阅读模式
效果预览:

1.新建一个文件,300X200象素,分辨率为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
  7.将图层1,图层1副本,图层1副本2及图层2合并为一个图层,再执行菜单-滤镜-模糊-高斯模糊,模糊1个象素(图6)。

图6
  8.在合并后的图层上方新建一个图层,再选择圆角矩形工具,在原本矩形的中间位置拉出一个矩形路径,并转换为选区,并用原先的灰色渐变色填充,完成后双击此图层,在弹出的图层样式面板上钩选斜面和浮雕选项,取消全局光设置,将大小跟软化都设置为0,角度为-50度,高度为48,其他不变(图7)。

图7
9.按住CTRL点击此图层,使其选区浮起,再执行菜单-选择-修改-收缩,将选区收缩3个象素,再按CTRL+U将其选区内图象的明度降低(图8)。

图8
  10.不要取消选区,再执行菜单-选择-修改-收缩,将选区再收缩2个象素,同时在此图层的上方再新建一个图层,如上述第6步中所说的,将简便色相同设置,并在选区中拖拉(图9)。

图9
  11.回到原先合并的,图层,将其复制一个为副本,并下下面的图层水平象下移动4-5个象素,再回到上面的图层,用鼠标双击此图层,在图层样式面板中选内发光跟投影效果,投影的距离设置为10,扩展为10,大小为15,其它不变,再将内发光的发光色设置为白色,阻塞为0,大小为8个象素,并将等高线设置为第2排第5种样式(图10)。

图10
  12.好了~此时的界面已经完成了!若要在上面做别的修饰与美化,自己可以发挥(图11)。

图11
发表于 2006-3-26 15:19:41 | 显示全部楼层
这个不错,漂亮!学习一下~~~
发表于 2006-3-28 07:50:31 | 显示全部楼层
我试过几次,都没有成功,看来还得加强学习。
发表于 2006-3-28 13:15:30 | 显示全部楼层
我好像在那里看过~~~~~~~~
发表于 2006-3-29 21:16:22 | 显示全部楼层
先收藏,再学习。谢了
发表于 2006-3-30 01:14:41 | 显示全部楼层

交作业楼~

简单做了个 ~汗~
未标题-1.jpg
发表于 2006-3-30 01:15:12 | 显示全部楼层
我的可是MP5哦~``
发表于 2007-1-25 11:45:40 | 显示全部楼层
效果不错
发表于 2007-1-25 16:19:35 | 显示全部楼层
我也学习做了一个,嘿嘿!!
就是没有楼主做的好,会继续努力的~

[ 本帖最后由 yhd169169 于 2007-1-25 16:21 编辑 ]

播放器练习作业

播放器练习作业
发表于 2009-3-8 20:00:31 | 显示全部楼层
这个3D界面做的非常漂亮,方法也简便易懂,谢谢!
回复 支持 反对

使用道具 举报

发表于 2009-3-15 15:17:06 | 显示全部楼层
这个不错,漂亮!学习一下~~~
回复 支持 反对

使用道具 举报

发表于 2009-3-15 19:16:03 | 显示全部楼层
很实用,谢谢jc:look jc:qiang
回复 支持 反对

使用道具 举报

发表于 2009-3-31 18:51:45 | 显示全部楼层

交作业

画了好久终于出来了,老师干嘛不把后面的也一起发上来,害得人家研究了半天才画出个形来,不知像不像,请指点.
MP4.jpg
回复 支持 反对

使用道具 举报

发表于 2018-9-24 21:45:09 | 显示全部楼层
楼主是超人
回复 支持 反对

使用道具 举报

发表于 2018-9-24 21:16:08 | 显示全部楼层
说的非常好
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则